Panorama Ingenieria Web

Panormica actual de la Ingeniera Web
Juan Manuel Cueva Lovelle

cueva@lsi.uniovi.es
Departamento de Informtica Universidad de Oviedo
OOTLab www.ootlab.uniovi.es
WEB362
Contenidos
Qu es la Ingeniera Web? Tecnologas Web Usabilidad en la Web Mtricas en la Web Gestin del conocimiento en la Web
Panorama actual de la Ingeniera Web

Juan Manuel Cueva Lovelle OOTLab OOTLab
WEB362
Qu es la Ingeniera Web?
Qu es la Web?
Literalmente "telaraa" Es la denominacin de la red Internet World-Wide Web Red de Ordenadores conectados mediante protocolo TCP/IP + HTTP (Tim Berners-Lee, 1990)
Ingeniera Web
"Es el proceso para crear, implantar y mantener aplicaciones y sistemas Web de alta calidad"

WEB362
Tecnologas Web
Estndares en la Web Lenguajes de marcas (HTML, SGML, XML) Plataformas de desarrollo

Plataforma Java Microsoft .NET

WEB362
Tecnologas Web Estndares en la Web

Hipertexto (Ted Nelson, 1965)
Documentos no secuenciales, con enlaces
Web ( Tim Berners-Lee, 1990)

Red de Ordenadores conectados mediante protocolo TCP/IP + HTTP TCP/IP (Trasmision Control Protocol / Internet Protocol) HTTP (HyperText Transfer Protocol)
Protocolo de transferencia de hipertexto
HTML (HiperText Markup Language)

Lenguaje de marcas para hipertexto
URLs (Uniform Resource Locators)

Sistema de direcciones de los recursos de la web
Desde 1995 los estndares estn definidos por el World Wide Web Consortium
http://www.w3.org

WEB362
Tecnologas Web Arquitectura bsica de la Web Arquitectura cliente/servidor
Cliente
Protocolo HTTP
Servidor
Navegador (Browser)
GET http:// www.servidor.com/ /index.html http://www.servidor.com
http:/1.0 http:/1.0 200 OK <html> html> <body> body> Enlace a <a href =otro. Otro</a> o</a> =otro. html> html>Otr </body > </body> </html > </html>
SERVIDOR

WEB362
Lenguajes de Marcas HTML (HiperText Markup Language)

WEB362
Lenguajes de marcas HTML Hojas de estilo

WEB362
Lenguajes de Marcas HTML Hojas de estilo - Reutilizacin

WEB362
Lenguajes de Marcas: de SGML a XML

SGML (Standard Generalized Markup Language)
Utilizado para el intercambio de documentos Principio: Separar contenido de la forma de representarlo Permite utilizar un conjunto de marcas especfico para cada aplicacin aplicacin HTML es un subconjunto de SGML Problema de SGML: Demasiado complicado para su adopcin en la Web Web Desarrollado por el consorcio Web (1995) Versin simplificada de SGML Es un metalenguaje Objetivos:
Standard de intercambio de informacin a travs de la Web Formato abierto, independiente de la plataforma Permite utilizar vocabularios especficos de una aplicacin Permite la autoauto-descripcin de dichos vocabularios (documentos autoauto-descritos) Las aplicaciones pueden descubrir el formato de la informacin y actuar en consecuencia
XML (eXtended Markup Language)


WEB362
10
Ejemplo de XML

WEB362
11
Definicin de XML
XML se basa en la utilizacin de elementos Un elemento est formado por:
Una etiqueta inicial (nombre entre signos < y > ): <etiqueta> La etiqueta inicial puede contener atributos: <etiqueta atributo=valor> El elemento debe acabar con una etiqueta final con el mismo nombre El contenido del elemento es todo lo que hay entre la etiqueta inicial y la final
El contenido pueden ser otros elementos
En caso de un elemento vaco puede usarse la sintaxis:<etiqueta />

WEB362
12
Ventajas de XML
Es un formato estructurado Contiene informacin y meta-informacin
Ha sido diseado especficamente para Internet
Soportado por visualizadores y servidores

Numerosas herramientas de procesamiento Legible por personas humanas (fichero de texto) Admite la definicin de vocabularios especficos Separa contenido del procesamiento y visualizacin Aumenta la seguridad mediante la validacin de documentos Formato abierto, respaldado por numerosas organizaciones Una vez definido un DTD comn, facilita intercambio de informacin

WEB362
13
Transformacin de documentos XML

WEB362
14
Procesamiento de XML

WEB362
15
Lenguajes derivados de XML

MathML
Visualizacin de ecuaciones matemticas Grficos vectoriales Presentaciones multimedia Descripcin de caractersticas de privacidad Similar a HTML para telfonos mviles Portales basados en voz Firma de recursos Web Panorama actual de la Ingeniera Web
XKMS
Firmas y criptografa Consultas de documentos (Bases de datos) Contabilidad Negocios electrnicos (e-business) Sincronizacin de dispositivos Plug and Play universal
SVG

XML Query
SMIL P3P
XBRL

ebXML SyncXML UPnP
WML
VoiceML

XML Signature
WEB362
16
Tecnologa XML Referencias

http://www.w3.org
Pgina web donde estn los estndares de Internet
http://www.xml.org
El portal de XML para la industria
http://topxml.com
Artculos y software XML
http://www.it.uc3m.es/~xml/enlaces.html
Portal en Espaol con gran cantidad de enlaces

WEB362
17
Generacin dinmica de informacin

Computacin dinmica: La informacin se computa en el momento en que se solicita (normalmente a partir de una base de datos)
Ejemplo: Informacin del tiempo.
Ventajas:
Flexibilidad: La informacin se adapta a las caractersticas del cliente Eficiencia: No es necesario tener almacenada toda la informacin
Posibilidades
Computacin en el cliente Computacin en el servidor

WEB362
18
Generacin dinmica de informacin Computacin en el Cliente <object>

WEB362
19
Generacin dinmica de informacin Computacin en el Cliente <script>

WEB362
20
Generacin dinmica de informacin Computacin en el Servidor (CGI)

WEB362
21
Generacin dinmica de informacin Computacin en el Servidor
.NET: Los programas de la plataforma .NET

WEB362
22
Generacin dinmica de informacin Servicios Web

WEB362
23
Plataformas de desarrollo
Tecnologa Java
.class
JVM
JVM
JVM

WEB362
24
Modelo de aplicaciones con tecnologa Java

WEB362
25
Arquitectura de la tecnologa Java

WEB362
26
Referencias
http://java.sun.com
Pgina oficial de Sun sobre Java Aqu se pueden descargar las ltimas versiones de SDK Contiene gran cantidad de documentacin sobre la plataforma Java

WEB362
27
Microsoft .NET
Qu es .NET?
Una plataforma de desarrollo de software
incluye interfaces, componentes y herramientas El mayor cambio en Microsoft desde que Windows NT reemplaz a MS-DOS El cambio incluye
Cambio de formato de los ejecutables Cambio de compiladores y de su filosofa de trabajo Cambio de la biblioteca de clases bsicas ...

WEB362
28
Microsoft .NET
Desarrollo de software con .NET

Compilacin
public static void Main(String[] args ) { String usr; FileStream f; StreamWriter w; try { usr=Environment.GetEnvironmentVariable("USERNAME"); f=new FileStream(C:\\test.txt",FileMode.Create); public static void Main(String[] args ) w=new StreamWriter(f); { String usr; FileStream f; StreamWriter w; w.WriteLine(usr); try { w.Close(); usr=Environment.GetEnvironmentVariable("USERNAME"); } catch (Exception e){ FileStream(C:\\test.txt",FileMode.Create); f=new Console.WriteLine("Exception:"+e.ToString()); w=new StreamWriter(f); } w.WriteLine(usr); } w.Close(); } catch (Exception e){ Console.WriteLine("Exception:"+e.ToString()); } }
Compilador C# J# VB Cobol
Assembly (ensamblado) ensamblado)
Cdigo fuente
IL (lenguaje intermedio) Metadatos Recursos
Ejecucin
CLR
Common Language Runtime
WEB362
29
Microsoft .NET
En el interior de la CLR ...

CLR
IL to Native Compiler
Policy
<?xml version="1.0" encoding="utf-8" ?> <configuration> <mscorlib> <security> <policy> <PolicyLevel version="1"> <CodeGroup class="UnionCodeGroup" version="1" PermissionSetName="Nothing" Name="All_Code" Description="Code group grants no permissio ns and forms the root of the code group tree."> <IMembershipCondition clas s="AllMembershipCondition" version="1"/> <CodeGroup class="UnionCodeGroup" version="1" PermissionSetName="FullTrust"
Class Loader
Security
Assembly Loader
Garbage Collection Native .exe + GC table Code Manager Debug Engine Exception Manager Thread Support COM Interop
WEB362
30
Microsoft .NET
Facilidades al desarrollo ...

.NET Framework
Nivel software para el desarrollo y ejecucin de aplicaciones sobre un sistema operativo
Common Language Runtime (CLR) Base Class Libraries Distintos lenguajes de Programacin
Modelos de programacin ASP.NET

Formularios Web Servicios Web XML
Servicios Web

WEB362
31
Microsoft .NET
.NET Framework grficamente ASP.NET

Servicios Web Formularios Web
Lenguajes de Programacin C# VC++ VB.NET JScript Librera de clases (system, ADO, XML) Common Language Runtime (CLR)
WEB362
32
Microsoft .NET Framework Namespace
System.Web
Services Description Discovery Protocols Caching Configuration UI HtmlControls WebControls Security SessionState
System.WinForms
Design ComponentModel
System.Drawing
Drawing2D Imaging Printing Text
System.Data
ADO Design SQL SQLTypes XSLT XPath
System.Xml
Serialization
System
Collections Configuration Diagnostics Globalization IO Net Reflection Resources Security Runtime ServiceProcess InteropServices Remoting Text Serialization Threading Panorama actual de la Ingeniera Web
WEB362
33
Microsoft .NET
Referencias
As es Microsoft .NET
David S. Platt. McGraw-Hill, 2001
http://msdn.microsoft.com/downloads/
Informacin pblica de Microsoft
http://www.go-mono.com/
Proyecto CLR para Linux

WEB362
34
Usabilidad en la Web
Un sistema usable es...
Funcionalmente correcto Eficiente de usar Fcil de aprender Fcil de recordar Tolerante a los errores Subjetivamente agradable

WEB362
35
Por qu es importante?
La WEB se est convirtiendo en un elemento clave en el desarrollo de las empresas Las instituciones ofrecen informacin y servicios a travs de la WEB La usabilidad es un factor estratgico fundamental para conseguir una mximo aprovechamiento de estos recursos

WEB362
36
Usabilidad en la Web Ingeniera de la usabilidad
Es importante utilizar la ingeniera de software Utilizar un modelo de proceso para sistemas interactivos Es importante considerar en el proceso la usabilidad desde un principio
WEB362
37
Modelo de proceso Requisitos Diseo conceptual Mockups Prototipos Produccin Lanzamiento
Evaluacin
WEB362
38
Usabilidad en la Web Requisitos de usabilidad

Audiencia
Anlisis Escenarios Anlisis de la diversidad
Necesidades del usuario

Metas y objetivos Objetivos de usabilidad Anlisis de la competencia
WEB362
39
Modelos organizacin de contenidos

WEB362
40
Usabilidad en la Web Modelos de navegacin

Orientado a la izquierda Orientado a la derecha Orientado por arriba Orientado por abajo Mapa

WEB362
41
Usabilidad en la Web Maquetas (mockups)

Representaciones estticas de una sola pgina del espacio de diseo Son tiles para refinar el proceso visual y facilitar la comunicacin entre el equipo de diseo Utilizable para diferentes mtodos de evaluacin
WEB362
42
Usabilidad en la Web Produccin

Desarrollo de las aplicaciones Aplicacin de la tecnologa Web Uso de Sistemas de Gestin de Bases de Datos

WEB362
43
Usabilidad en la Web Pre-lanzamiento

Registro del dominio
Dominios actuales:
.es .com .net .org .info .tv
Cmo hacerlo?
http://www.nominalia.es
Precio por ao .es 54 euros
Test de tareas Test de cdigo Test de carga

Tiempos de respuesta rpido es el criterio ms importante en el diseo de pginas web
0,1 segs es el lmite aproximado para hacer sentir al usuario que est reaccionando reaccionando intantneamente 1 segundo es el lmite para que el usuario piense que hay una interrupcin interrupcin 10 segundos es el lmite mximo para mantener la atencin mientras mientras esperan Hay que indicar el tamao de los archivos cuya descarga durar previsiblemente previsiblemente ms de 10 segundos
Test de sistema
WEB362
44
Usabilidad en la Web Lanzamiento

Promocin del sitio web
Herramienta de control y evaluacin de visitas para conocer la evolucin y acciones desarrolladas Alta en los buscadores ms adecuados y de manera profesional Enlaces a nuestra pgina en sitios afines Colocar la direccin del sitio web en los mismos sitios en que lo estn los telfonos o la direccin de la empresa:
Tarjetas de visita, folletos, publicidad en peridicos y revistas, vallas, psters, regalos publicitarios de toda ndole, etc.
WEB362
45
Usabilidad en la Web Referencias

Jakob Nielsen
http://www.useit.com
Cadius
http://www.cadius.org
Sitio de Eduardo Manchn

http://www.ainda.info
AIPO
http://griho.udl.es/aipo
WEB362
46
Mtricas en la Web
Se definen un conjunto de caractersticas y subcaractersticas de un sitio web agrupadas en
Usabilidad Funcionalidad Confiabilidad Eficiencia
Se mide cada subcaracterstica Las caractersticas se calculan a partir de las subcaractersticas utilizando alguna ponderacin o regla Volviendo a ponderar las caractersticas se obtiene la puntuacin final del sitio web
WEB362
47
Mtricas en la Web [Olsina 2000]

WEB362
48
Mtricas en la Web Referencias
Tesis
Metodologa cuantitativa para la evaluacin y comparacin de la calidad de sitios web. Luis Antonio Olsina, 2000
http://www.di.uniovi.es/~cueva/investigacion/tesis

WEB362
49
Gestin del Conocimiento en la Web

Conocimiento es la capacidad para transformar datos e informacin en acciones efectivas (eficaces). [J.D.Edwards] Gestin del conocimiento significa entregar a las personas los datos e informacin necesarias para ser eficientes (eficaces) en sus trabajos. Conocimiento difiere de informacin y datos en aspectos significativos.

WEB362
50
Gestin del Conocimiento en la Web

Las redes Intranet y Extranet como espina dorsal de la gestin del conocimiento de las organizaciones Las organizaciones, instituciones y empresas debern considerar el capital intelectual como uno de sus grandes activos La web es el camino ms fcil de llevar a cabo la gestin del conocimiento

WEB362
51
Web semntica
Web actual = mayor almacn de informacin
Grandes cantidades de informacin sobre cualquier asunto Acceso casi instantneo desde cualquier lugar con conexin a Internet Internet Sistema no centralizado Cualquier persona puede aadir ms informacin Localizar informacin
Buscadores basados en palabras clave (sin informacin del contexto) contexto) Ej: Encontrar el mejor precio, reserva de viajes, etc.
Dificultades para:

Automatizar tareas
La web fue diseada para ser visualizada por personas, no por mquinas
Pginas Web actuales Contienen informacin legible por una mquina para visualizacin El contenido no se puede tratar semnticamente por una mquina Se utiliza para designar una web de nueva generacin en la que los contenidos sean algo ms que una gran suma de informacin y servicios escasamente estructurados. estructurados. Este nuevo enfoque propone reestructurar y enriquecer los documentos documentos y componentes web con informacin semntica explcita, independiente de la presentacin presentacin al usuario, y susceptible de ser procesada de forma automtica por un programa.
Web semntica (Tim Berners-Lee)


WEB362
52
Referencias
http://www.di.uniovi.es/~cueva/investigacion/lineas/web
Pgina web del autor con enlaces a distintos temas de Ingeniera Web

WEB362
53

Panorama Ingenieria Web

Caricato da

Informazioni sul documento

Descrizione originale:

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Panorama Ingenieria Web

Caricato da

Copyright:

Formati disponibili

Panormica actual de la Ingeniera Web

Juan Manuel Cueva Lovelle

Departamento de Informtica Universidad de Oviedo

Panorama actual de la Ingeniera Web

Panorama actual de la Ingeniera Web

Estndares en la Web Lenguajes de marcas (HTML, SGML, XML) Plataformas de desarrollo

Panorama actual de la Ingeniera Web

Tecnologas Web Estndares en la Web

Web ( Tim Berners-Lee, 1990)

HTML (HiperText Markup Language)

URLs (Uniform Resource Locators)

Panorama actual de la Ingeniera Web

Tecnologas Web Arquitectura bsica de la Web Arquitectura cliente/servidor

Panorama actual de la Ingeniera Web

Lenguajes de Marcas HTML (HiperText Markup Language)

Panorama actual de la Ingeniera Web

Lenguajes de marcas HTML Hojas de estilo

Panorama actual de la Ingeniera Web

Lenguajes de Marcas HTML Hojas de estilo - Reutilizacin

Panorama actual de la Ingeniera Web

Lenguajes de Marcas: de SGML a XML

XML (eXtended Markup Language)

Panorama actual de la Ingeniera Web

Panorama actual de la Ingeniera Web

En caso de un elemento vaco puede usarse la sintaxis:<etiqueta />

Panorama actual de la Ingeniera Web

Soportado por visualizadores y servidores

Panorama actual de la Ingeniera Web

Transformacin de documentos XML

Panorama actual de la Ingeniera Web

Panorama actual de la Ingeniera Web

Lenguajes derivados de XML

ebXML SyncXML UPnP

Tecnologa XML Referencias

Panorama actual de la Ingeniera Web

Generacin dinmica de informacin

Panorama actual de la Ingeniera Web

Generacin dinmica de informacin Computacin en el Cliente <object>

Panorama actual de la Ingeniera Web

Generacin dinmica de informacin Computacin en el Cliente <script>

Panorama actual de la Ingeniera Web

Generacin dinmica de informacin Computacin en el Servidor (CGI)

Panorama actual de la Ingeniera Web

Generacin dinmica de informacin Computacin en el Servidor

.NET: Los programas de la plataforma .NET

Panorama actual de la Ingeniera Web

Generacin dinmica de informacin Servicios Web

Panorama actual de la Ingeniera Web

Panorama actual de la Ingeniera Web

Panorama actual de la Ingeniera Web

Panorama actual de la Ingeniera Web

Panorama actual de la Ingeniera Web

Panorama actual de la Ingeniera Web

Desarrollo de software con .NET

Assembly (ensamblado) ensamblado)

IL (lenguaje intermedio) Metadatos Recursos

En el interior de la CLR ...

Facilidades al desarrollo ...

Modelos de programacin ASP.NET

Panorama actual de la Ingeniera Web

.NET Framework grficamente ASP.NET

Panorama actual de la Ingeniera Web

Panorama actual de la Ingeniera Web