INFORME IWEB
-
Upload
victor-daniel-salazar-marquez -
Category
Documents
-
view
220 -
download
0
Transcript of INFORME IWEB
-
8/7/2019 INFORME IWEB
1/14
Universidad Nacional Experimental de GuayanaVicerrectorado Acadmico
Coordinacin General de Pre-Grado
Proyecto de Carrera Ingeniera en Informtica
Ctedra: Desarrollo de Aplicaciones Ambiente Internet
METODOLOGIA DE DESARROLLO DE APLICACIONES WEB
(WEBAPP)
Integrantes:
Carlos GuilandElizabeth JimnezFrancisco Marin
Mariann MartinezMary PeinadoMiguel MotaRoberthson Alvarez
Ciudad Guayana, 16 de Enero de 2004
-
8/7/2019 INFORME IWEB
2/14
NDICE
RBOL DE REQUISITOS DE CALIDAD DE UNA APLICACIONES WEB (OSL99)....3
RBOL DE REQUISITOS DE CALIDAD ..........................................................................4
Usabilidad............................................................................................................................... 4
Funcionalidad.......................................................................................................................... 4
Fiabilidad................................................................................................................................ 4
Eficiencia................................................................................................................................ 4
Capacidad de Mantenimiento.................................................................................................. 4
METODOLOGA DE DESARROLLO DE APLICACIONES WEB (WEBAPP)...............5
FORMULACIN................................................................................................................... 6
PLANIFICACIN .................................................................................................................6
ANLISIS.............................................................................................................................. 8
INGENIERA.......................................................................................................................... 9
Diseo del Contenido...................................................................................................... 9Produccin....................................................................................................................... 9Diseo Arquitectnico.................................................................................................... 9Diseo de Navegacin................................................................................................... 10Diseo de las Estructuras de Datos............................................................................... 11Diseo de los Componentes.......................................................................................... 11Diseo de Interfaz de Usuario ......................................................................................12
GENERACIN DE PGINAS............................................................................................ 12
PUESTAS A PRUEBA ........................................................................................................12
EVALUACIN DEL CLIENTE .........................................................................................13BIBLIOGRAFA........................................................................................................... 14
-
8/7/2019 INFORME IWEB
3/14
RBOL DE REQUISITOS DE CALIDAD DE UNA APLICACIONES WEB
(OSL99)
-
8/7/2019 INFORME IWEB
4/14
RBOL DE REQUISITOS DE CALIDAD
A continuacin se presentan el conjuntos de atributos que conducen a WebApp de alta
calidad, las caractersticas ms relevantes proporcionan una base til para evaluar la
calidad de los sistemas basados en Web. En toda WebApp se ha se considerar lo
siguiente:
Usabilidad
Capacidad de Comprensin del Sitio Global.
Servicios de Ayuda y realimentacin en lnea.
Capacidades estticas y de Interfaz.
Servicios Especiales.
Funcionalidad
Capacidad de recuperacin y de bsqueda.
Servicios de bsqueda y de navegacin.
Servicios relacionados con el dominio de aplicaciones.
Fiabilidad
Proceso correcto de enlace.
Recuperacin de errores.
Validacin y recuperacin de la entrada del usuario.
Eficiencia
Rendimiento del tiempo de respuesta.
Velocidad de generacin de pginas.
Velocidad de generacin de grficos.
Capacidad de Mantenimiento
Facilidad de correccin.
Adaptabilidad
Extensibilidad.
-
8/7/2019 INFORME IWEB
5/14
METODOLOGA DE DESARROLLO DE APLICACIONES WEB
(WEBAPP)
-
8/7/2019 INFORME IWEB
6/14
FORMULACIN
Es una actividad que permite al cliente o diseador identificar las metas y
objetivos para la construccin de la aplicacin Web, lo que requiere que el analista
observe objetivamente la empresa y determine cuales son las necesidades de sta,
qu actividades pueden mejorarse con el uso del computador y la Web, identificar los
objetivos de la empresa y verificar que la aplicacin Web que se intenta desarrollar
apoyara a esta empresa a alcanzar sus metas.
Para la obtencin de los requerimientos de informacin dentro de la empresa
puede hacerse uso de diversos instrumentos como: Entrevistas, Cuestionarios,
muestreo, etc., con lo que se puede detectar qu informacin requiere el usuario para
desempear sus tareas.
Al comienzo de la etapa de formulacin se sugiere dar repuesta a una serie depreguntas:
Cul es la motivacin principal para la aplicacin Web (WebApp)?
Por qu es necesaria la WebApp?
Quin va a utilizar la WebApp?
La respuestas a estas preguntas debe ser los ms breve o resumido posible,
que delimiten la intencin global, y las metas especificas para el sitio Web; estas
metas se identifican en dos categoras:Metas Informativas: indican la intencin de proporcionar el contenido y/o
informacin especficos para el usuario final.
Metas Aplicables: indican la habilidad de realizar algunas tareas dentro de la
WebApp.
Una vez que se han indicado las metas aplicables e informativas, se desarrolla
el perfil del cliente; este perfil recoge las caractersticas relevantes de los usuarios
potenciales incluyendo antecedentes, conocimientos, preferencias e incluso ms.
PLANIFICACIN
La planificacin estima el costo global del proyecto, evala los riesgos asociados
con el esfuerzo del desarrollo, y define la planificacin del desarrollo bien granulada
para el incremento final de la web, con una planificacin mas toscamente granulada
para los incrementos subsiguientes.
-
8/7/2019 INFORME IWEB
7/14
En cada paso del proceso de Ingeniera Web (Iweb) se debe obtener una
entrega que pueda revisarse y que pueda hacer de soporte a los siguientes pasos. El
plan de proyecto de pagina Iweb se produce a la culminacin de las tareas de
planificacin. Proporciona informacin bsica de costos y planificacin temporal que
ser empleada a lo largo del proceso de Iweb. El plan de proyecto de software es undocumento relativamente breve dirigido a una audiencia diversa. Debe:
(1) comunicar el mbito y los recursos de los gestores de Iweb, personal
tcnico y cliente.
(2) definir los riesgos y sugerir tcnicas de aversin al riesgo.
(3) definir los costos y planificacin temporal para la revisin de la gestin.
(4) proporcionar un enfoque general del desarrollo de la Iweb para todo el
personal relacionado con el proyecto.(5) describir cmo se garantizar la calidad y cmo se gestionan los cambios.
Es importante sealar que el plan de proyecto de Iweb no es un documento
esttico. Esto es, el equipo del proyecto consulta el plan repetidamente actualizando
riesgos, estimaciones, planificaciones e informacin relacionada la vez que el proyecto
avanza y es ms conocido.
La planificacin temporal es la culminacin de una actividad de planificacin,
componente primordial de la direccin de proyectos de Iweb. Cuando se combinan
mtodos de estimacin y anlisis de riesgos, la planificacin temporal se convierte en
un mapa de carreteras a seguir por el gestor del proyecto.
La planificacin temporal empieza con descomposicin del proceso. Las
caractersticas del proyecto se emplean para adaptar un conjunto de tareas apropiado
al trabajo a realizar. Una red de tareas muestra todas las tareas de ingeniera, sus
dependencias con otras tareas y sus duraciones previstas. La red de tareas se usa para
calcular el camino crtico del proyecto, un grfico de tiempo e informacin diversa del
proyecto. El gestor del proyecto puede seguir y controlar todos los pasos del proceso
de Iweb usando la planificacin temporal como directriz.
-
8/7/2019 INFORME IWEB
8/14
ANLISIS
El anlisis establece los requisitos tcnicos para la Iweb e identifica los
elementos del contenido que se van a incorporar. Tambin se identifica los requisitos
del diseo grfico.
Para crear un modelo de anlisis completo para la web se elabora el mbito
definido durante la actividad de formulacin. Durante la Iweb se realizan cuatro tipos
de anlisis diferentes:
Anlisis del Contenido.Se trata de la investigacin del espectro completo de
contenido que se va a proporcionar. En el contenido se incluyen datos de texto,
grficos, imgenes, vdeo y sonido. Para identificar y describir cada uno de los objetos
de datos que se van a utilizar dentro de la web se puede utilizar el modelo de datos.
Anlisis de Interaccin. Se trata de la descripcin detallada de la interaccindel usuario y la web. Para proporcionar descripciones detalladas de sta interaccin se
pueden desarrollar casos prcticos.
Anlisis Funcional. Los escenarios de utilizacin creados como parte del
anlisis de interaccin definen las operaciones que se aplicarn en el contenido del web
e implicar otras funciones de procedimiento. Aqu se realizan las descripciones
detalladas de todas las funciones y operaciones.
Anlisis de Configuracin. Se efecta una descripcin detallada del entorno y
de la infraestructura en donde reside la web. La web puede residir en Internet, en
Intranet o en una extranet. Adems, se debe identificar la infraestructura de la
web.
-
8/7/2019 INFORME IWEB
9/14
INGENIERA
Diseo del Contenido
El diseo del contenido es una actividad no tcnica que llevan a cabo redactores
publicitarios, artistas, diseadores grficos y otros que generan el contenido de lasWebApp.
Produccin
La produccin es ya considerada el formato final de la publicidad y de los
comentarios que van a contener nuestra WebApp y que al momento de la generacin
de las pgina Web han de ser adoptados para la presentacin de la misma.
Diseo Arquitectnico
El diseo arquitectnico para los sistemas y aplicaciones basados en Web secentra en la definicin de la estructura global hipermedia para la WebApp, y en la
aplicacin de las configuraciones de diseo y plantillas constructivas para popularizar la
estructura (y lograr la reutilizacin). Una actividad paralela, llamada diseo del
contenido, deriva la estructura y formato detallados del contenido de la informacin
que se presentar como parte de la WebApp.
La estructura arquitectnica global va unida a las metas establecidas para una
WebApp, al contenido que se va a presentar, a los usuarios que la visitarn y a la
filosofa de navegacin establecidos. Cuando el encargado de la arquitectura va arealizar el diseo de una WebApp tpica puede elegir entre cuatro fuentes diferentes:
Las estructuras lineales.
Las estructuras reticulares.
Las estructuras jerrquicas.
Las estructuras de red o de web pura.
Las estructuras arquitectnicas anteriores se pueden combinar para formar estructuras
compuestas. La meta del diseador arquitectnico es hacer corresponder la estructurade la WebApp con el contenido que se va a presentar y con el procesamiento que se va
a llevar a cabo.
En el Diseo Arquitectnico al igual que en el Diseo de Navegacin se
especifican los Diagramas de Flujos de Datos (DFD) que precisan el recorrido de los
-
8/7/2019 INFORME IWEB
10/14
flujos de informacin y de procesos, entre otras los DFD sirven para dos propsitos
fundamentales:
1.- Proporcionar una indicacin de cmo se transforman los datos a medida que
se avanza en el sistema.
2.- Representar las funciones (y sub-funciones) que transforman el flujo de
Datos.
El DFD proporciona informacin adicional que se usa durante el anlisis del
dominio de informacin y sirve como base para el modelado de la funcin.
Diseo de Navegacin
Una vez establecida una arquitectura de WebApp, una vez identificados los
componentes (pginas, guiones, applets y otras funciones de proceso) de la
arquitectura, el diseador deber definir las rutas de navegacin que permitan alusuario acceder al contenido y a los servicios de la WebApp. Para que el diseador
pueda llevarlo a cabo, debe:
1. Identificar la semntica de la navegacin para diferentes usuarios del sitio.
2. Definir la mecnica (sintaxis) para lograr la navegacin.
Generalmente una WebApp grande tendr una variedad de roles de usuarios
diferentes. Por ejemplo, los roles podran ser:
Visitante.
Cliente registrado.
Cliente privilegiado.
Cada uno de estos roles se pueden asociar a diferentes niveles de acceso al
contenido y de servicios diferentes.
El diseador de WebApps crea una unidad semntica de navegacin (USN) para
cada una de las metas asociadas a cada uno de los roles de usuario.
Durante las etapas iniciales del diseo de navegacin, para determinar una o ms
formas de Navegacin (WoN [Ways of Navigating]) para cada meta de usuario, se
evaluar la estructura de la WebApp (arquitectura y componentes). Como se ha
destacado anteriormente, una WoN identifica los nodos de navegacin (por ejemplo,
pginas Web), y entonces los enlaces que hacen posible la navegacin entre ellos. La
WoN entonces se organiza en USNs.
-
8/7/2019 INFORME IWEB
11/14
A medida que avanza el diseo, se va identificando la mecnica de cada enlace
de navegacin. Entre otras muchas opciones se encuentran los enlaces basados en
texto, conos, botones, interruptores y metforas grficas. El diseador deber elegir
los enlaces de navegacin adecuados al contenido y consecuentes con la heurstica
que conduce al diseo de una interfaz de alta calidad.Adems de elegir la mecnica de navegacin, el diseador tambin deber
establecer las convenciones y ayudas adecuadas. Por ejemplo, los iconos y los enlaces
grficos debern tener un aspecto clickable con bordes biselados, y dar as una imagen
de tres dimensiones. Adems de las convenciones, en este punto tambin se debern
disear ayudas de navegacin tales como mapas de sitio, tablas de contenido,
mecanismos de bsqueda de servicios dinmicos de ayuda.
Diseo de las Estructuras de Datos
Aqu se transforma el modelo del dominio de informacin que se crea durante el
anlisis de las estructuras de datos que se necesitarn para implementar el software.
Los objetos de datos y las relaciones definidas en el Diagrama Entidad Relacin y el
contenido de datos detallado que se representa en el Diccionario de Datos
proporcionan la base de la actividad del Diseo de Datos. Es posible que parte del
diseo de datos tenga lugar junto con el diseo de la arquitectura de software.
El Diccionario de Datos (DD) representa un almacn que contiene las
definiciones de todos los objetos de datos consumidos y producidos por el software. El
Diagrama Entidad Relacin (DER) representa la relacin entre los Objetos de Datos.
Diseo de los Componentes
En esta etapa se transforman los elementos estructurales de la Arquitectura del
software en una descripcin procedimental de los componentes del software. La
informacin que se obtiene de la Especificacin de Procesos (EP), la Especificacin de
Control (EC) y el Diagrama de Transicin de Estado (DTE) sirve como base para el
diseo de los componentes.
En las EP se encuentra una descripcin de cada funcin presentada en el DFD.En los DTE, se indica cmo se comporta el sistema como consecuencia de sucesos
externos. El DTE representa los diferentes modos de comportamiento (llamado
Estados) del sistema y la manera de Estado a Estado. En las EC, se encuentra ms
informacin sobre los aspectos del Control del Software.
-
8/7/2019 INFORME IWEB
12/14
Diseo de Interfaz de Usuario
Es la categora de diseo que crea un medio de comunicacin entre el hombre y
la maquina. Con un conjunto de principios para el diseo de la interfaz, el diseo
identifica los objetos y las acciones de la interfaz y crea entonces un formato de
pantalla que formara la base del prototipo de interfaz de usuario.En esta etapa se describe la manera de comunicarse el software dentro de s
mismo, con sistemas que interoperan dentro de l y con las personas que lo utilizan.
Una interfaz implica un flujo de informacin (Por ejemplo datos y/o control) y un tipo
especfico de comportamiento. Por tanto, los diagramas de flujos de control y datos
proporcionan gran parte de la informacin que se requiere para el diseo de la
interfaz.
El diseo de la interfaz comienza con la identificacin de los requisitos del
usuario, de la tarea y el entorno. Una vez identificadas las tareas se crean y seanalizan los escenarios del usuario para definir el conjunto de objetos y de acciones de
la interfaz. Esto es lo que forma la base para la creacin del formato de la pantalla que
representa el diseo grafico y la colocacin de conos, la definicin del texto descriptivo
en pantalla, la especificacin y ttulos de las ventanas, y las especificaciones de lo
elementos principales y secundarios del men, las herramienta se utilizan para generar
prototipos y por ultimo implementar el modelo de diseo y evaluar la calidad del
resultado.
La creacin de escenarios de usuario y la generacin de formatos de pantalla yel desarrollo y modificacin iterativo de prototipos, es el resultado de esta fase.
GENERACIN DE PGINAS
Es una actividad de construccin que hace mucho uso de las herramientas
automatizadas para la creacin de la web. El contenido definido en la actividad de
ingeniera se fusiona con los diseos arquitectnicos, de navegacin y de la interfaz
para elaborar paginas Web ejecutables en HTML, XML y otros lenguajes orientados a
procesos. Durante esta actividad tambin se lleva a cabo la integracin del software
intermedio.
PUESTAS A PRUEBA
Una vez generado el cdigo fuente, el software debe ser probado para descubrir el
mximo de errores posibles antes de su entrega al cliente. El objetivo es disear una
serie de casos de prueba que tengan una alta probabilidad de encontrar errores. Aqu
-
8/7/2019 INFORME IWEB
13/14
es donde aplicamos las tcnicas de prueba de web. Estas tcnicas facilitan una gua
sistemtica para disear pruebas que:
(1) comprueben la lgica interna de los componentes del web.
(2) verifiquen los dominios de entrada y salida del programa para descubrir
errores en la funcionalidad, el comportamiento y rendimiento.
Las revisiones y otras actividades descubren errores, pero no son suficientes.
cada vez que el programa se ejecuta, el cliente lo esta probando. Se debe hacer un
intento especial por encontrar y corregir todos los errores antes de entregar el
programa al cliente. Con el objetivo de encontrar la mayor cantidad de errores, las
pruebas conducirse sistemticamente, y los casos de prueba deben disearse
utilizando tcnicas definidas.
EVALUACIN DEL CLIENTEEn esta actividad es cuando se presenta al Usuario Final todo el trabajo
elaborado de Ingeniera Web, en ella ya se ha evaluado, corregido, depurado, validado
y puesto a prueba la WebApp, lista para ser abordada por todos los frentes de parte de
los usuarios a quienes va dirigida esta aplicacin, de todos modos se genera con ellos
mismos una prueba especial para saber si se han protegido todos los ambientes, si se
han validado y se ejecutan bien todas las funciones y si cubre todos los requerimientos
que fueron solicitados por el Cliente de la WebApp.
-
8/7/2019 INFORME IWEB
14/14
BIBLIOGRAFA
Roger S. Pressman, Ingeniera del Software, Editorial McGraw Hill, Quinta Edicin.