INTRODUCCIÓN A
LA INGENIERÍA
WEB
Universidad Nacional de Ingeniería
Facultad de Ciencias y Sistemas
Departamento de Sistemas
DISEÑO DE SISTEMAS
EN INTERNET
Lázaro González
[email protected]
2015
OBJETIVOS GENERALES DE LA
ASIGNATURA
⬜ Proporcionar a los alumnos los
conocimientos básicos para el diseño de
un sistema de información Web
cumpliendo los estándares Web actuales
y los requisitos mínimos para construir
una aplicación Web de calidad, usable y
accesible.
⬜ Aplicar las principales herramientas para
el modelamiento, análisis, diseño y
desarrollo de sistemas de información
basados en la Web.
Plan Temático
Nº UNIDADES FORMAS DE ORGANIZACIÓN DE LA TOTAL
ENSEÑANZA DE
TEORÍA PRÁCTICA HORA
C S C.P. LAB G.C T. T.C. P.C. S
.
I Introducción a la 4 2 2 4 12
Ingeniería Web
II Tecnologías Web 2 2 2 6
III Metodologías de 6 6 8 20
desarrollo de
sistemas
basados en la
WEB
IV Desarrollo de 4 2 6 6 18
sistemas
orientados a la
Web
V Servicios Web 2 2 4 8
XML
TOTAL 18 4 18 24 64
SISTEMA DE EVALUACIÓN
⬜ Pruebas Sistemáticas. 30%
⬜ 1 Evaluación Parcial 35%
⬜ 2 Evaluación Parcial 35%
⬜ Nota Final 100%
BIBLIOGRAFÍA
Unidad I
Textos Autor Año de Título Nº de Editorial
Edición Edición
Básicos Roger S. 2006 Ingeniería del Software. Un 6ta Editorial
Pressman enfoque Practico McGraw Hill
James A. Senn 2005 Análisis y Diseño de 3a Prentice Hall
Sistemas de Información
Zeldman, Jeffrey 2007 Designing with Web New Riders
standards cop
Eccher, Clint 2008 Professional web design. Course
techniques and templates Technology
(CSS & XHTML)
Meyer, Jeanine 2003 Creating database Web Media
applications with PHP and
ASP
1. Introducción a la Ingeniería Web
1.Introducción a los sistemas de información orientados a la Web
2.Ventajas de los Sistemas de información Web
3.Mecanismos de Seguridad Web
4.La ingeniería Web orientada a los sistemas de información
5.Aplicaciones de la Ingeniería Web
6.Características de las aplicaciones Web
7.El proceso de ingeniería Web
8.Formulación y planeación para ingeniería Web
9.Arquitectura de Información de la ingeniería Web
Ejemplos de sistemas de
Evolución de la Web
información web
Se
Crecimiento Se aplica el
desarrollan
desorganizad uso de la
enormes
o Ingeniería
sistemas Web
Redes
sociales
Internet Transaccion
es bancarias
Es
Reservacion
Tecnología Revolución de las TIC es turísticas
Necesaria y útil para el
desarrollo global
Utilización de la Explosión de las
Intra WEB redes sociales
Es la
Fuente de información Sistemas de información
más importante web
disponible
Qué es Ingeniería Web?
Para crear y
Es mantener De
Aplicaciones y
Ingeniería Web Proceso utilizado Alta Calidad
Sistemas web
Es
Filosofía idéntica
A Idea de Funcionalid
Información Adaptación
movimiento ad
Ingeniería de
Software
Características de la Ingeniería web
Intensivas
de Red
Característica Explicación
Intensivas de Red Por naturaleza utiliza una red, debe dar servicio a una
Estética Inmediatez comunidad de clientes
Inmediatez El tiempo que se tarda en comercializar un sistema web es
mucho más rápido que otro tipo de software
Ingeniería Evolución Continua A diferencia de una aplicación de escritorio (que utilizan
Web actualizaciones planificadas), estas pueden tener
actualizaciones cada hora (en algunos casos)
Controlada por el Hace mucho uso de contenidos hipermedia ,para mostrar
Evolución Contenido textos, imágenes, videos, etc.
Seguridad
Continua
Seguridad Por la disponibilidad a una gran cantidad de usuarios, existen
una serie de niveles de seguridad.
Controlada
por el Estética Parte de su atractivo son su apariencia e interacción
Contenido
El proceso de la Ingeniería web
•Identifica objetivos
•Establece el alcance de la primera
El resultado final es
entrega
sometido a evaluación
del cliente!!! Formulación
•Genera estimación de
costo
•Evaluación de riesgo
Evaluación •Calendario de desarrollo y
Planificación fechas de entrega
del Cliente
Pruebas que buscan
errores en todos los
niveles: Contenido, •Especifica los
Proceso de
funcional, requerimientos
Ingeniería
navegacional, etc. •Identifica el contenido
Web
Test Análisis
Consta de dos partes:
1. Diseño y producción del contenido
Se integran arquitectura, Generación Modelizació 2. Diseño de la arquitectura,
de Páginas n
navegación, e interfaz para la navegación e interfaz del usuario
creación más visible del
proyecto: las páginas
Formulación y Planeación Participantes
Formulación Planeación Dueños Ingenieros Web
•Valora funciones •Elementos que deben
subyacentes de las definirse para establecer un
webapps, las funciones flujo de trabajo, un
globales que desean los programa, que permita
usuarios y el ámbito de rastrear el proyecto Participantes
conforme avanza el tiempo Administradore
desarrollo s
sin Funciones
técnicas
Lema: “Comprender el
problema antes de empezar
a resolverlo, y estar seguro
Guía en el desarrollo del de que la solución concebida
proyecto!!! es aquella que la gente
realmente quiere.”
Formulación en la Ingeniería Web
Necesidad
Formulació
es del n
negocio
Permite
Clientes Equipo
Establecer
Requisitos
Formulació Objetivos y
n metas
Metas y
Objetivos
Funciones y
Característica
s Preguntas¿?
¿Cuál es la principal motivación para la creación de la
Webapps?
¿Cuáles son los objetivos que deben satisfacer las Webapps?
¿Quiénes usarán las Webapps?
Formulación en la Ingeniería Web – Obtención de
Requerimientos
• La complejidad es proporcional al número de usuarios
• Objetivo de cada usuario al usar una Webbapp?
Definir categorías • Cómo llegará el usurio a la Webbapp?
de Usuarios • Que características son de preferencia del usuario?
• Permite que la definición de los requerimientos sea más manejable
Comunicación con • Grupo Muestral Tradicional (Encuestas)
clientes para • Grupo Muestral Electrónico (Encuestas)
definir • Entrevistas
• Construcción de Escenarios mediante observación
Requerimientos
básicos
• Listar objetos de contenido
Análisis de • Definir cuales son los Requerimientos funcionales y no funcionales
Información • Definir cuales son las entradas y salidas de información
Recopilada
• Definen como interactúa una categoría de usuario con una Webapp
• Ayudan a desarrollar como un usuario percibe su interacción con la
Definir Casos de Webapp
Uso • Proporcionan el nivel de detalle específico para alcanzar un modelo de
análisis específico
• Una guía importante para quienes prueban y administran la aplicación
Planeación Planeación
Destaca Se Define
consideran
Desarrollo Programas Riesgos Controles
Desarrollo
de
local
Terceros Evita
•Realizada por empleados de la Dificultade
•Se seleccionan subcontratistas Confusiones Fracaso
empresa s
•Se validan cotizaciones, y la
•Se debe:
confiabilidad de las estimaciones.
1. Entender el ámbito, las •Compresión del grado de gestión
dimensiones y restricciones del proyecto a realizar
del proyecto •Gestión del grado de apoyo
2. Definir un enfoque de gestión
de cambio
Desarrolladores y Expertos en
Especialistas de
proveedores de Editor de Web Ingeniero Web dominios Administrador
Soporte
Contenido empresariales
•Generan y •Organización •Obtención de •Es capaz de •Apoyo continuo •Llamado
recopilan del contenido Requerimientos responder a las webapp Webmaster
contenido •Se relacionan •Modelo de todas las •Es responsable •Tiene la
•El contenido es con los Análisis preguntas de responsabilidad
inherente a una Desarrolladores •Diseño relacionadas correcciones, diaria de la
webapp •Entiende el arquitectónico, con metas, adaptaciones y operación de la
contenido y la de interfaz y objetivos y mejoras al sitio, webapp
tecnología de la navegación requisitos •Actualización •Puede estar
webapp •Implementació empresariales de contenido inmiscuido en
n y pruebas relacionados •Implementació actividades
con Webapps. n de mejoras técnicas
Tipos y clases de Sitios
WEB
⬜ Antes de tomar la decisión de tener
presencia en la web, conviene conocer
cuáles son los tipos o clases de páginas
web, sus principales funciones, sus
objetivos y cómo pueden ayudarnos en
nuestro negocio.
⬜ Existen varias clasificaciones de páginas
web pero nosotros abordaremos el tema
desde el punto de vista de sus funciones,
por ser considerado el aspecto más
importante:
Páginas Web Transaccionales,
e-commerce
⬜ Bajo este modelo, las empresas exhiben
sus productos en la página para que los
clientes los compren a través de internet.
El principal objetivo de éstas páginas es
el de realizar ventas o transacciones
online pero un segundo objetivo muy
común es el de alojar información sobre
sus productos.
Tal vez el mejor ejemplo de éste tipo de
sitio es Amazon, una de las tiendas online
más grandes y con mayor presencia a
nivel mundial.
Tipos de sitios web
• Es aquella que contiene contenido de
solo lectura con navegación y enlaces
simples Ejemplo: www.el19digital.com,
Informativo es.wikipedia.org, etc.
• Un usuario descarga la información del
servidor apropiado Ejemplo: Ares,
Descarga Mediafire,Mega etc.
• El usuario personaliza el contenido
según sus necesidades Ejemplo: Un
Personalizabl blog, hi5, Facebook, etc.
e
• Comunicación entre comunidad de
usuarios Ejemplo: Correos electrónicos y
Interacción Messenger
• Basada en formularios como en principal
Entrada de
camino de comunicación
usuarios
E-Commerce: Amazon
Páginas Web Orientadas al
Servicio
⬜ Esta modalidad está orientada a brindar información
sobre productos y servicios y no poseen el famoso
“carrito de compra”, por lo que los productos no
pueden ser comprados directamente a través de la
página. Este tipo de página tiene como principal
objetivo estimular a los clientes para que terminen el
proceso de compra offline.
⬜ Un segundo objetivo en este caso es el de construir
relaciones con clientes (servicio al cliente). También
pueden generarle al departamento de ventas de la
empresa datos de posibles compradores para que
finalicen la operación.
⬜ Éstas páginas son comúnmente utilizadas por
proveedores de servicios, profesionales y todo tipo de
negocio que exija que el proceso de venta termine en
persona.
Tipos de sitios web
• Canaliza al usuario hacia otro contenido
o servicio fuera de su dominio. Ejemplo:
Portal www.sdtnexus.com
• Se le solicita a usuario desde
Orientada a
formularios información para
Transaccion transacciones. Ejemplo: Banpro
es
• Se proporciona un servicio al usuario
Orientada a
Servicios
• Consulta del usuario a una gran base de
Acceso a
datos y extrae información. Ejemplo: Un
una Base de sistema de cancelaciones en línea
Datos
• Consulta a una colección de base de
Almacén de datos
Datos
Web Orientadas al Servicio:
Mastercam
Páginas Web dirigidas a la
Construcción de una Marca
⬜ La página web ofrece una experiencia para
afianzar la imagen de la marca. Por lo
general, los productos no pueden ser
comprados en línea pero muchas veces
tienen la opción de comprar material POP de
la marca.
⬜ Este tipo de sitios es muy utilizado por
marcas de productos de consumo masivo y
de precios bajos como bebidas, alimentos,
cigarrillos, productos de higiene personal,
entre otros, y su objetivo fundamental es el
de fidelizar la marca entre sus clientes.
⬜ Un ejemplo es la página web de CocaCola.
Web dirigidas a la
Construcción de una Marca
Páginas Web de Contenido
⬜ El principal producto de este tipo de
páginas es su contenido. Éstas proveen
información a sus usuarios para que
accedan a través de ella a los 3 primeros
tipos de páginas descritos en éste
artículo vía motores de búsqueda,
directorios, noticias, publicidad,
patrocinios y programas de afiliados,
entre otros.
⬜ Éstas páginas generan ingresos de
distintas formas pero la vía más popular
actualmente es la publicidad.
Web de Contenido
Comunidades, Foros o Redes
Sociales
⬜ Éstos portales están dedicados a
estimular la interacción y la generación y
el intercambio de información entre sus
usuarios. Tal vez el caso más notable de
ésta categoría es Facebook, pero también
existen casos de comunidades, foros o
redes sociales, mucho más pequeños,
que forman parte de una empresa o
página web particular que han
demostrado traer consigo muchos
beneficios para los negocios.
Foros o Redes Sociales
Paginas WEB científicas,
informativas
De sistemas Transaccionales
o Administración de empresas
Actividad Practica;
Investigar
⬜ Protocolo HTTP (protocolo de
transferencia de hipertexto)
⬜ Describir la Arquitectura del WWW
⬜ Control y gestión del protocolo de
comunicaciones
⬜ Urls y acceso a recursos
⬜ Cuales son los Métodos http de
Persistencia
⬜ Que es SSL (socket secureLayer)
⬜ Que es HTTPS
