Ingeniería web_Unidad 3

28/04/2017
Elaborado por:
Gerónimo
Hernández Martínez
Tecnología e Ingeniería Web
ING. JUAN CARLOS DÍAZ LÓPEZ

Elaborado por: Gerónimo Hernández Martínez
2
INSTITUTO TECNOLÓGICO
SUPERIOR DE ESCÁRCEGA
INGENIERÍA EN SISTEMAS COMPUTACIONALES
NOMBRE DE LA MATERIA:
TECNOLOGÍA E INGENIERÍA WEB
NOMBRE DEL PROFESOR:
ING. JUAN CARLOS DÍAZ LÓPEZ
NOMBRE DEL ALUMNO:
GERÓNIMO HERNÁNDEZ MARTÍNEZ
NOMBRE DEL TRABAJO:
INVESTIGACIÓN DE LA UNIDAD
GRUPO: ISMA-8 FECHA: 28 DE ABRIL 2017

3
Contenido
Introducción....................................................................................................................................4
3.1. Los Atributos de Aplicaciones Basadas en WEB. ......................................................4
3.2. Estratos de la ingeniería de webapp............................................................................6
3.3. El proceso de ingeniería web. ......................................................................................7
3.4. Mejores prácticas de ingeniería web. ..........................................................................8
3.5. Formulación de sistemas basados en web .................................................................8
3.6. Planeación de proyectos de ingeniería web................................................................9
3.7. El equipo de ingeniería web. ......................................................................................10
3.8. Conflictos de gestión de proyecto para ingeniería web...........................................11
3.9. Medición para ingeniería web y webapps. ................................................................11
Conclusión....................................................................................................................................12
Referencias ...................................................................................................................................12
Tecnología e
Ingeniería Web

4
Introducción
Los sistemas y aplicaciones basadas en Web ofrecen un completo arreglo de contenido y funcionan
a una amplia población de usuarios finales. La ingeniería Web es el proceso con el que se crean las
WebApps de alta calidad. La Ingeniería Web no es un clon perfecto de la ingeniería de software, pero
utiliza muchos conceptos y principios fundamentales de ella.
Como cualquier otra disciplina de ingeniería, la Ingeniería Web aplica un enfoque genérico que se
suaviza mediante estrategias, técnicas y métodos especializados.
El proceso IWeb comienza con una formulación del problema que se resolverá con la WebApps. El
sistema se construye con tecnologías y herramientas especializadas asociadas con la Web.
En esta investigación se presentaran informaciones muy llamativas referentes a la tecnología web.
3.1.Los Atributos de Aplicaciones Basadas en WEB.
Los sistemas y las aplicaciones basados en Web (nos referiremos a estas como WebApps) son muy diferentes
de las otras categorías de software informático.
Powell resume las diferencias básicas cuando afirma que
los sistemas basados en Web «implican una mezcla de
publicación impresa y desarrollo de software, de
marketing e informática, de comunicaciones internas y
relaciones externas, y de arte y tecnología». Los atributos
siguientes se van a encontrar en la gran mayoría de las
WebApps2.
De forma alternativa, una aplicación se puede ubicar en
una Intranet (implementando la comunicación a través
de redes de una organización) o una Extranet
(comunicación entre redes).
Controlada por el contenido. En muchos casos, la función primaria de una WebApp es utilizar hipermedia para
presentar al usuario el contenido de textos, gráficos, sonido y vídeo.
Evolución continúa. A diferencia del software de aplicaciones convencional, que evoluciona con una serie de
versiones planificadas y cronológicamente espaciadas, las aplicaciones Web están en constante evolución. No
es inusual que algunas WebApps (específicamente, su contenido) se actualicen cada hora.
Inmediatez. Las aplicaciones basadas en Web tienen una inmediatez [NOR99] que no se encuentra en otros
tipos de software. Es decir, el tiempo que se tarda en comercializar un sitio Web completo puede ser cuestión
de días o semanas3. Los desarrolladores deberán utilizar los métodos de planificación, análisis, diseño,
implementación y comprobación que se hayan adaptado a planificaciones apretadas en tiempo para el
desarrollo de WebApps.
Seguridad. Dado que las WebApps están disponibles a través de1 acceso por red, es difícil, si no imposible,
limitar la población de usuarios finales que pueden acceder a la aplicación. Con objeto de proteger el
contenido confidencial y de proporcionar formas seguras de transmisión de datos, deberán implementarse

5
fuertes medidas de seguridad en toda la infraestructura que apoya una WebApp y dentro de la misma
aplicación.
Estética. Una parte innegable del atractivo de una WebApp
es su apariencia e interacción. Cuando se ha diseñado una
aplicación con el fin de comercializarse o vender productos o
ideas, la estética puede tener mucho que ver con el éxito del
diseño técnico.
Las categorías de aplicaciones que se enumeran a
continuación son las más frecuentes en el trabajo de la Web:
Informativa: se proporciona un contenido solo de lectura con navegación y enlaces simples.
Descarga: un usuario descarga la información desde el servidor apropiado.
Personalizable: el usuario personaliza el contenido a sus necesidades específicas.
Interacción: la comunicación entre una comunidad de usuarios ocurre mediante un espacio chat (charla),
tablones de anuncios o mensajería instantánea; entrada del usuario: la entrada basada en formularios es el
mecanismo primario de la necesidad de comunicación.
Orientada a transacciones: el usuario hace una solicitud (por ejemplo, la realización un pedido) que es
cumplimentado por la WebApp;
Orientado a servicios: la aplicación proporciona un servicio al usuario, por ejemplo, ayuda al usuario a
determinar un pago de hipoteca.
Portal: la aplicación canaliza al usuario llevándolo a otros contenidos o servicios Web fuera del dominio de la
aplicación del portal.
Acceso a bases de datos: el usuario consulta en una base de datos grande y extrae información.
Almacenes de datos: el usuario hace una
consulta en una colección de bases de
datos grande y extrae información.
Las características y las categorías
destacadas anteriormente en esta
sección, y las categorías de aplicaciones
representan los hechos reales para los
ingenieros de la Web. La clave es vivir
dentro de las restricciones impuestas por
las características anteriores y aun así tener éxito en la elaboración de la WebApp.

6
3.2.Estratos de la ingeniería de webapp.
En un proceso tan rápido como es el proceso de Ingeniería
Web, donde los tiempos de desarrollo y los ciclos de vida de
los productos son tan cortos, ¿merece la pena el
esfuerzo requerido por la gestión?dada su complejidad es
imprescindible.
El desarrollo incluye una gran variedad de personal
técnico y no técnico trabajando en paralelo, el equipo de
desarrollo debe dominar aspectos tan variopintos como,
software basado en componentes, redes, diseño de
arquitectura y navegación, diseño gráfico y de interfaces,
lenguajes y estándares en Internet, test de aplicaciones
Web, etc, lo que hace que el proceso de búsqueda y
contratación de personal sea arduo.
Definir el marco de trabajo
La efectividad de cualquier proceso de ingeniería depende de su adaptabilidad. Esto es, la
organización del equipo de trabajo del proyecto, los modos de comunicación entre miembros del
equipo, las actividades de ingeniería y las tareas que deben realizarse, la información que se recolecte
y se cree, y los métodos empleados para producir un producto de alta calidad deben estar adaptados
a la gente que realiza el trabajo, el plazo y las restricciones del proyecto, y al problema que se quiere
resolver.
Antes de definir un marco de trabajo de proceso para la
IWeb se debe reconocer que:
 Las WebApps con frecuencia se entregan de
manera incremental.
 Los cambios ocurrirán frecuentemente.
 Los plazos son cortos.
Comunicación con el cliente: La comunicación con el cliente se caracteriza por medio de dos
grandes tareas: el análisis del negocio y la formulación. El análisis del negocio define el
contexto empresarial-organizativo para las WebApps y otras aplicaciones de negocio. La
formulación es una actividad de recopilación de requisitos que involucran a todos los
participantes.
Planeación: Se crea el plan del proyecto para el
incremento de la WebApp. El plan consiste de una
definición de tareas y un calendario de plazos respecto al
período establecido para el desarrollo del proyecto.
Modelado: Las labores convencionales de análisis
diseño de la ingeniería del software se adaptan al
desarrollo de las WebApp, se mezclan y luego se funden
en una actividad de modelado de la IWeb. El intento es
desarrollar análisis rápido y modelos de diseño que

7
definan requisitos y al mismo tiempo representen una WebApp que los satisfará.
Construcción: Las herramientas y la tecnología IWeb se aplican para construir la WebApp que
se ha modelado. Una vez que se construye el incremento de WebApp.
3.3. El proceso de ingeniería web.
La Ingeniería Web
Debido a la importancia que la Internet ha poseído últimamente debido a sus grandes avances, la
incorporación continua y actualizada de nuevas tecnologías lo cual ha proporcionado actualizaciones
automáticas, y el crecimiento exponencial de los nodos de la red cuyo crecimiento tiende al infinito, y
todas sus herramientas descargas Bitorren,
almacenamiento, videos en tiempo real, etc.
Los diseñadores y programadores se han visto en la
necesidad de utilizar este medio para el desarrollo de nuevos
programas. No es algo que deba de extrañarnos desde sus
comienzos la tecnología a tendido hacia este punto, y el
desarrollo de la banda ancha así como los programas que
aprovechan al máximo los protocolos de transferencia de
datos la creación y modificación continua de los formatos de
archivo lo han hecho posible.
Características como inmediatez y evolución y crecimiento
continuos, nos llevan a un proceso incremental y evolutivo, que permite que el usuario se involucre,
facilitando el desarrollo de productos que se ajustan mucho lo que éste busca y necesita.
Existen algunas actividades importantes y que forman parte el proceso, estas son: formulación,
planificación análisis, modelización, generación de páginas, test y evaluación del cliente. La
Formulación identifica objetivos y establece el alcance de la primera entrega. La Planificación genera
a estimación del coste general del proyecto, la evaluación de riesgos y el calendario del desarrollo y
fechas de entrega. El Análisis especifica los requerimientos e identifica el contenido. La Modelización
se compone de dos secuencias paralelas de tareas.
Una consiste en el diseño y producción del contenido que
forma parte de la aplicación. La otra, en el diseño de la
arquitectura, navegación e interfaz de usuario. Es
importante destacar la importancia del diseño de la
interfaz. Independientemente del valor del contenido y
servicios prestados, una buena interfaz mejora la
percepción que el usuario tiene de éstos. En la generación
de páginas se integra contenido, arquitectura,
navegación e interfaz para crear estática o
dinámicamente el aspecto más visible de la aplicación, las
páginas. El Test busca errores a todos los niveles: contenido, funcional, navegaciones, rendimiento,
etc.

8
El hecho de que las aplicaciones residan en la red, y que interpelen en plataformas muy distintas, hace
que el proceso de test sea difícil. El resultado final es sometido a la evaluación del cliente y aceptación
por el mismo.
3.4.Mejores prácticas de ingeniería web.
Para la construcción de calidad de aplicaciones web se debe aplicar un conjunto de buenas
prácticas tomando en cuenta los modelos de ingeniería del software.
Asignar el tiempo necesario para comprender las necesidades del negocio y los objetivos del
producto, y colocar especial atención cuando los detalles de las webApps son ligeros, si éstos
no se logran completar el resultado puede ser un buen trabajo técnico pero no ser lo que el
usuario precisa.
Describir la interacción del usuario con la WebApp aplicando un enfoque basado en
escenarios.
Se debe convencer de la necesidad de desarrollar casos de uso para reflejar cómo los diversos actores
interactuarán con la WebApp, con esto se aprovecha dichos escenarios para:
1) La planeación y rastreo del proyecto
2) Guiar al análisis y el modelado del diseño
3) El diseño de pruebas sirviendo como entradas
• Desarrollar un plan del proyecto, incluso si es muy breve, debe ser exacta, por los plazos cortos,
muchas veces el proyecto debe planearse y rastrearse diariamente.
• Asignar un tiempo adecuado para el modelado.
• Revisar la consistencia y calidad de los modelos a través de revisiones técnicas formales a lo largo
del proyecto. Las revisiones son una actividad de control de calidad del software que tienen como
objetivo:
Descubrir errores en la funcionalidad, lógica o implementación en cualquier representación del
software.
 Verificar que la aplicación web satisface los requisitos.
 Garantizar que se cumple con los estándares predefinidos.
 Lograr uniformidad en el desarrollo.
 Utilizar herramientas y tecnología que permitan construir la webApp con componentes
reutilizables.
 Debe diseñarse pruebas amplias y ejecutarlas completamente antes de liberar la aplicación.
 No apoyarse en usuarios anteriores para depurar la WebApp.
La ingeniería web, es hoy en día, la tendencia en el desarrollo de software, por ello es necesario
que dominemos los elementos de su entorno.
3.5.Formulación de sistemas basados en web
La formulación de sistemas y aplicaciones basados en web representa una secuencia de acciones
de ingeniería Web que comienza con la identificación de las necesidades del negocio, se mueve hacia
una descripción de los objetivos de la WebApp, define grandes características y funciones y realiza la
recopilación de requisitos que conducen al desarrollo de un modelo de análisis. La formulación
permite que los clientes y el equipo de ingeniería Web establezcan un conjunto común de metas
objetivos para la construcción de la WebApp.
También identifica el ámbito de esfuerzo de desarrollo y proporciona un medio para determinar un
resultado exitoso. El análisis una actividad técnica que es una continuación de la formulación,
identifica los requisitos funcionales, de comportamiento y de datos para La WebApp

9
Antes de considerar la formulación con más detalle, es razonable preguntar dónde termina la
formulación y dónde comienza el análisis de requisitos. No existe una respuesta sencilla para esta
pregunta. La formulación se enfoca sobre el "gran cuadro“en las necesidades y objetivos del negocio
y en la información relacionada. Sin embargo, virtualmente es imposible mantener este grado de
abstracción. Los clientes y los ingenieros Web quieren definir el contenido requerido, discutir la
funcionalidad específica, enumerar características específicas e identificar la forma en que los
usuarios finales interactuarán con la WebApp. ¿Esto es formulación o recopilación de requisitos?
Ambos es la respuesta.
Se sugiere una serie de preguntas que deberán formularse y responderse al
Comienzo de la Etapa de formulación:
 ¿Cuál es la motivación principal para la WebAp
Es importante advertir que en este enunciado no se proporcionan detalles. El objetivo aquí es
acotar La intención global de la WebApp y colocarla en un contexto empresarial legítimo, después de
platicar con varios clientes se establece una respuesta a la segunda pregunta: hogarSegurolnc.com
nos permitirá vender directamente a los consumidores, lo que eliminará
Los costos de intermediación y mejorará los márgenes de utilidad. También nos permitirá aumentar
las Venta.
Finalmente, la compañía define la demografía para la WebApp: "Los usuarios proyectados de
HogarSegurolnc.com son los propietarios de viviendas y los dueños de pequeños negocios."
El diseño de aplicaciones web incluye actividades técnicas y no técnicas para definir impresión de la
webApp, estableciendo la estética de la interfaz de usuario y la estructura arquitectónica
general, desarrollando el contenido y la funcionalidad que residen en la arquitectura y concibiendo
la navegación en la aplicación.
Los involucrados en esta fase son los ingenieros de software, diseñadores gráficos, desarrolladores
de contenido, ingenieros de aseguramiento de la calidad, entre otros.
El diseño permite generar un modelo que permita validarse respecto a su calidad y completitud
que pueda ser mejorado antes de la generación de contenido y código. Esta fase define la calidad de
la webApp.
El modelado de diseño incluye seis etapas principales orientadas principalmente por la
información obtenida en el modelado de requerimientos, está compuesto por: diseño de objetos de
diseño, diseño estético, diseño arquitectónico, diseño de la interfaz de usuario, diseño de la
navegación y diseño de componentes.
“Para ciertas personas, el diseño web se centra en el aspecto visual y la percepción. Para otras, se
trata de estructurar la información y la navegación a través del espacio del documento. Otras más
consideran incluso que el diseño web es tecnología,… En realidad, el diseño incluye esto y tal vez
más.” Thomas Powell Jean Kaiser sugiere un conjunto de metas para el diseño que son aplicables
para toda aplicación web, sin importar el dominio de la aplicación, tamaño o complejidad.
3.6.Planeación de proyectos de ingeniería web
La formulación comienza al establecer comunicación con el consumidor (accionista) que plantea las
razones para la WebApp; ¿Cuál es la necesidad del negocio, cuales usuarios finales son el objetivo,
que características y funciones se desean, que sistemas y bases de datos existentes van a tener
acceso, el concepto es realizable, como se medirá el éxito? La planeación establece un plan de
trabajo, desarrolla estimaciones para valorar la factibilidad de las fechas de entrega deseadas,
considera riesgos define un programa y establece mecanismos para rastreo y control.

10
Debido a la velocidad a la que se pueden desarrollar las aplicaciones web, uno se pregunta si en
realidad vale la pena gastar tiempo y esfuerzo en realizar una planeación y administración de una
aplicación web. (Pressman, 2005)
Sin embargo es importante mencionar que la planeación aborda los elementos que se deben definir
para establecer el flujo de trabajo, que a su vez nos permitirá rastrear como vamos con los avances
conforme se va desarrollando el proyecto. (wikilearning)
La gestión de proyectos que se realizan en proyectos tradicionales y que son aplicables a los e-
projects (proyectos de Ing. web). Es importante considerar todos los riesgos, así como destacar los
programas y definir los controles que nos permitirán evitar confusiones, frustraciones y fracasos.
(slideshare)
Si deseamos llevar a cabo un proyecto exitoso se debe considerar el conformar un equipo de
ingeniero de acuerdo a las necesidades que se determinen para el proyecto.
Los actores son todas aquellas personas que colaboraran en el desarrollo exitoso del sistema o
aplicación web. Estos actores son todos los ingeniaron ingenieros web que participan en el proyecto
y que se pueden organizar en gran medida en los equipos de software tradicionales. (Pressman, 2005)
Pero debido a que los papeles en los cueles se debe desenvolver cada ingeniero web y que
usualmente son diferentes es importante distribuir los papeles entre los Ing. web. Estos papeles se
pueden clasificar en las siguientes categorías o grupos de acuerdo a las habilidades de los actores:
Desarrolladores/proveedores de contenido. Estas más enfocados a la generación y recopilación de
contenido. Abarca una gran amplia gama de objetos de datos. Sin duda el contenido permite
controlar de forma inherente una aplicación web. Es importante mencionar que los desarrolladores
deben provenir de diferentes ámbitos no solos de software.
3.7.El equipo de ingeniería web.
Un equipo de ingeniería Web exitoso mezcla una amplia variedad de talentos que deben trabajar
como equipo en un ambiente de proyecto con alta presión. Los plazos son cortos, los cambios son
inexorables y la tecnología continúa cambiando. La creación de un equipo que se consolide no es
asunto sencillo.
 Los Actores
 Desarrolladores/proveedores de contenido
 Editores de Web
 Ingeniero Web
 Expertos en dominios empresariales
 Especialista en Soporte
 Administrador

11
Construcción del equipo
Para la construcción del equipo tiene particular relevancia cuando una organización se forma un
equipo de IWeb
 Se debe establecer un conjunto de directrices del equipo.
 El liderazgo fuerte es una obligación
 El respeto hacia los talentos individuales es crucial
 Cada miembro del equipo se debe comprender
 Es fácil comenzar, lo difícil es mantener el espíritu.
3.8.Conflictos de gestión de proyecto para ingeniería web.
El propósito de este capítulo es descubrir errores en el contenido, funcionalidad, facilidad de uso,
navegabilidad, desempeño, rendimiento y seguridad de la webApp. Todo esto se logra a lo largo
del proceso de ingeniería web.
“Las pruebas no deben esperar a que finalice el proyecto. Comience a probar antes de escribir la
primera línea de código. Pruebe constante y efectivamente y desarrollará un sitio web mucho más
duradero.” Wallace.
Las pruebas de las aplicaciones web son una colección de actividades relacionadas con una sola
meta, descubrir errores durante el proceso de desarrollo de software, con la finalidad de asegurar su
calidad antes de la liberación al usuario final.
Las estrategias de pruebas que abarcan tanto revisiones como pruebas ejecutables. Donde
participan ingenieros en web, ingenieros de calidad y otros participantes en el proyecto.
Si los usuarios finales encuentran errores el nivel de confiabilidad en el sistema será bajo y el
proyecto tiene tendencia a fracasar por muy bueno y completo que sea el producto de software
desarrollado.
Las pruebas se enfocan en aspectos visibles para el usuario de la aplicación avanza hacia pruebas.
Un plan de pruebas de la webapp resulta clave en la ejecución de las pruebas, y se desarrolla
un conjunto de casos de prueba, y se guarda los archivos de resultados de la ejecución de las
pruebas.
3.9.Medición para ingeniería web y webapps.
1. Reglas de oro. Las aplicaciones hipermedia interactivas (WebApps) llevan construyéndose ya hace
una década. Durante ese tiempo, los diseñadores han desarrollado un conjunto de heurísticas de
diseño (reglas de
2. oro) que se podrán volver a aplicar durante el diseño de aplicaciones nuevas.
3. Configuraciones de diseño. Como se ha destacado anteriormente en este libro, las
configuraciones de diseño son un enfoque genérico para resolver pequeños problemas que se
pueden adaptar a una variedad más amplia
4. de problemas específicos. En el contexto de las WebApps, las configuraciones de diseño se
pueden aplicar no solo a los elementos funcionales de una aplicación, sino también a los
documentos, gráficos y estética general de un sitio Web.

12
5. Plantillas. Las plantillas se pueden utilizar para proporcionar un marco de trabajo esquemático de
cualquier configuración de diseño o documento a utilizar dentro de una WebApp. Nanard y Kahn
[NAN98] describen este elemento de diseño reutilizable de la siguiente manera:
6. El diseño arquitectónico para los sistemas y aplicaciones basados en Web se centra en la
definición de la estructura global hipermedia para la WebApp, y en la aplicación de las
configuraciones de diseño y plantillas constructivas para popularizar la estructura (y lograr
la reutilización). Una actividad paralela, llamada diseño del contenido6, deriva la estructura y
el formato detallados del contenido de la información que se presentará como parte de la
WebApp. Cuando dentro de una WebApp se requiere la funcionalidad del proceso de datos,
pueden aplicarse los patrones de diseños arquitectónicos a nivel de componentes propuestas por
[BUS96], [GAM95] y otros. Los patrones de diseño a nivel de hipertexto se centran en el diseño
de las características de navegación que permiten al usuario moverse por el contenido de la
WebApp fácilmente. Entre muchos de los patrones de diseño de hipertexto propuestos en
literatura sobre este tema se encuentran los siguientes [BER98]: Ciclo: una configuración que
devuelve al usuario al nodo de contenido visitado anteriormente
Conclusión
En la actualidad nos damos cuenta de que hablar de tecnologías web engloba muchos campos y que
sus áreas son diversas y complejas, desde solo consultar información con un navegador ya sea Firefox,
safari, opera, chrome, buscar una imagen, consultar sitos de empresas, hacer compras electrónicas,
jugar, conocer lugares en 3D, así como consultar datos estadísticos, bases de datos, sitios de
gobierno, etc., etc… Las tecnologías juegan un papel muy importante en la web, debido a estas
herramientas podemos acceder al internet, que no es solo sentarte frente a un ordenador y abrir el
internet sino que hay un gran trabajo detrás para hacer posible este tipo de tecnología, donde miles
de personas trabajan actualizando datos, creando los método para mantener todos los enlaces y las
comunicaciones.
Referencias
Garcia Chi, R. I. (2013). Guía técnica de ingeniería web. Obtenido de
https://www.academia.edu/8126688/Gu%C3%ADa_t%C3%A9cnica_de_ingenier%C3%ADa
_web
PALACIOS OREA, I. (s.f.). INGENIERIA WEB. Obtenido de
https://sites.google.com/site/talleringenieriasoftwareivan/unidad---uno/3-9-medicion-para-
ingenieria-web-y-webapps

Ingeniería web_Unidad 3

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie Ingeniería web_Unidad 3

Ähnlich wie Ingeniería web_Unidad 3 (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Ingeniería web_Unidad 3