Universidad Mayor de San Andres Facultad de Ciencias Puras Y Naturales Carrera de Informatica

UNIVERSIDAD MAYOR DE SAN ANDRES
FACULTAD DE CIENCIAS PURAS Y NATURALES

CARRERA DE INFORMATICA
PROYECTO DE GRADO
PORTAL WEB DINAMICO

CASO: PERIODICO EL ALTEÑO
PARA OPTAR AL TITULO DE LICENCIATURA EN INFORMÁTICA
POSTULANTE: Francisco Olivares Chiara
TUTOR: Lic. Eufren Llanque Quispe
REVISOR: Lic. Carmen Huanca Quisbert
La Paz – Bolivia
2009
UNIVERSIDAD MAYOR DE SAN ANDRÉS
FACULTAD DE CIENCIAS PURAS Y NATURALES
CARRERA DE INFORMÁTICA
LA CARRERA DE INFORMÁTICA DE LA FACULTAD DE CIENCIAS PURAS Y

NATURALES PERTENECIENTE A LA UNIVERSIDAD MAYOR DE SAN ANDRÉS
AUTORIZA EL USO DE LA INFORMACIÓN CONTENIDA EN ESTE
DOCUMENTO SI LOS PROPÓSITOS SON ESTRICTAMENTE ACADÉMICOS.
LICENCIA DE USO
El usuario está autorizado a:
a) visualizar el documento mediante el uso de un ordenador o dispositivo móvil.

b) copiar, almacenar o imprimir si ha de ser de uso exclusivamente personal y privado.
c) copiar textualmente parte(s) de su contenido mencionando la fuente y/o haciendo la
referencia correspondiente respetando normas de redacción e investigación.
El usuario no puede publicar, distribuir o realizar emisión o exhibición alguna de este

material, sin la autorización correspondiente.
TODOS LOS DERECHOS RESERVADOS. EL USO NO AUTORIZADO DE LOS

CONTENIDOS PUBLICADOS EN ESTE SITIO DERIVARA EN EL INICIO DE
ACCIONES LEGALES CONTEMPLADOS EN LA LEY DE DERECHOS DE AUTOR.
Dedicado a:
Mis padres Silverio y Jesusa
quienes me dan mucha fortaleza
con su esfuerzo y ayuda
incondicional.
AGRADECIMIENTOS
En primer lugar a Dios todopoderoso que me ha conservado con vida, con

salud, me dio inteligencia y me ha cuidado hasta hoy.
A mi esposa por permanecer siempre en medio de mi vida acompañándome

en las buenas y en las malas.
A mi familia por estar presente en todo momento, compartiendo en

tiempos de alegrías como en tristezas, por ese apoyo incondicional que es
una tónica para afrontar el día a día, simplemente decirles.
¡¡¡GRACIAS!!!
A mi tutor el Lic. Eufren Llanque por su ayuda y paciencia incondicional.
A mi revisor la Lic. Carme Huanca por brindarme los consejos necesarios, y

el apoyo hasta la culminación del presente proyecto. A mis amigos Rene,
Marco, David, y Enrique por brindarme su amistad. Además brindar un
extenso gracias a todas las personas que me acompañaron en toda la vida
universitaria, a los docentes que me brindaron cada uno su propio punto de
vista al momento de enseñar, a mis amigos y conocidos que hicieron más
llevadera la vida universitaria.
¡¡¡GRACIAS!!!
RESUMEN
El Internet es una herramienta fundamental para la búsqueda de

información, y se esta convirtiendo en una fuente de investigación donde se
puede obtener y a la vez brindar datos de un acontecimiento o tema de interés.
Es así que en un medio periodístico también se puede aprovechar las

potencialidades de esta herramienta en revistas digitales, sitios web noticiosos,
blogs noticiosos, foros de debate, galerías de fotos, video reportajes,
podcasting, entre los principales.
Analizando estos aspectos se tomo la iniciativa de desarrollar un portal

web dinámico para el periódico El Alteño, con la finalidad de poner al alcance
de editores, lectores y ciudadanía en general la posibilidad de leer, escribir e
interactuar mediante foros y comentarios sobre el acontecer noticioso en la
ciudad de La Paz y El Alto, además de complementar la información escrita
con galerías de imágenes y videos referentes a actividades que generen noticia,
tambien un espacio dedicado a los lectores que deseen apoyar mediante su voto
a encuestas formuladas sobre algun acontecimiento destacado.
Para el diseño del sitio web se emplea la metodología OOHDM+ que es

una metodología ampliamente utilizado en la construcción de sitios web que
tengan un cierto grado de complejidad.
En el capitulo II se presenta los fundamentos teóricos necesarios para la

realización de este proyecto, el capitulo III consiste en la documentación
generada para el diseño y desarrollo del sitio, por razones de espacio se
complementa esta documentación en los anexos correspondientes.
INDICE
CAPITULO I MARCO REFERENCIAL
1 Introducción ………………………………………………………………………… 1
1.2 Antecedentes ………………………………………………………………………. 3
1.2.1 Editores Asociados S. A. Miembro del Grupo Lider………….. ……………….. 4
1.2.2 Antecedentes sobre proyectos relacionados.…………………………………… 6
1.3 Planteamiento Del Problema……………………………………………………… 7
1.4 Objetivos ……………………………………………………………………………. 9
1.4.1 Objetivo General …………………………………………………………………… 9
1.4.2 Objetivos Específicos ……………………………………………………………… 9
1.5 Metodología ………………………………………………………………………… 9
1.6 Justificaciones ……………………………………………………………………… 10
1.6.1 Justificación Social ………………………………………………………………… 10
1.6.2 Justificación Económica ………………………………………………………….. 10
1.6.3 Justificación Tecnológica …………………………………………………………. 11
1.7 Alcance ……………………………………………………………………………… 12
1.8 Aportes ……………………………………………………………………………… 12
CAPITULO II MARCO TEORICO
2 Marco Teórico ……………………………………………………………………… 13
2.1 Introducción ………………………………………………………………………… 13
2.2 Ingeniería Web …………………………………………………………………….. 13
2.2.1 Atributos de los Sistemas y Aplicaciones Basados en Web ………………….. 13
2.2.2 Proceso de la Ingeniería Web ……………………………………………………. 14
2.2.3 Estratos de la Ingeniería de Aplicaciones Web ………………………………… 15

Metodología OOHDM+ (Método de Diseño de Hipermedia Orientado a
2.3 16
Objetos Mejorado) ………………………………………………………………….
2.3.1 Fase 1 Obtención de Requerimientos………………………………….………... 18
2.3.2 Fase 2 Diseño Conceptual ………………………………………………………... 26
2.3.3 Fase 3 Diseño Navegacional ……………………………………………………... 27
2.3.4 Fase 4 Diseño de Interfaz no Abstracta ………………………………………… 33
2.3.5 Fase 5 De Implementación………………………………………………………. 34
2.4 Hipermedia……………………………………………………………………….…. 34
2.5 La noticia ……………………………………………………………………………. 37
2.5.1 Definición de la noticia …………………………………………..……………..…. 37
2.5.2 Modelo y estructura de la noticia………………………………..……………..…. 39
2.5.3 La fotografía ………………………………………………………………………… 40
2.5.4 La infografía ………………………………………………………………………… 41
2.6 Métricas de calidad…………………………………………………………………. 43
2.6.1 Diseño y calidad de una Aplicación WEB……………………………………….. 43
2.6.2 Estándar ISO/IEC 9126 …………………………………………………………… 40
2.6.3 Características Distintivas de las Aplicaciones WEB…………………………… 47
2.6.4 Método de Evaluación con WebQEM……………………………………………. 48
2.6.4.1 Panorama de la Metodología WebQEM.………………………………………… 48
2.6.4.2 Paso Básicos de la Metodología WebQEM……………………………………… 50
2.6.4.2.1 Paso1. Definición de las Metas de Evaluación y Selección del Perfil de 50

Usuario……………………………………………………………………………….
2.6.4.2.2 Paso2. Definición y especificación de los requerimientos de calidad………… 51

Paso3.Definición de Criterios de los Indicadores Elementales y
2.6.4.2.3 53
Procedimientos de Medición……………………………………………………….
Paso 4.Definición del Modelos de agregación e implementación de la
2.6.4.2.4 53
Evaluación Global...…………………………………………………………………
2.6.4.2.5 Paso 5. Análisis de Resultados y Recomendaciones………………………….. 55
CAPITULO III MARCO APLICATIVO

3 Marco Aplicativo…………………………………………………………………….. 56
3.1 Introducción…………………………………………………………………………. 56
3.2 Desarrollo del Portal Aplicando la Metodología OOHDM+…………………….. 56
3.2.1 Obtención de requerimientos……………………………………………………… 56
3.2.1.1 Estructura de la noticia adoptado por la redacción de El Alteño ……………... 56
3.2.1.2 Temáticas de información ………………………………………………………… 58
3.2.1.3 Tipos de productos ………………………………………………………………… 58
3.2.1.4 Ejecución de Entrevistas…………………………………………………………... 60
3.2.1.5 Especificación de roles y tareas …………………………………………………. 62
3.2.1.5.1 Especificación de roles ……………………………………………………………. 62
3.2.1.5.2 Especificación de Tareas…………………………………………………………. 63
3.2.1.6 Especificación de Casos de Uso…………………………………………………. 64
3.2.1.7 Especificación de UIDs (Diagrama de interacción de Usuario)……………….. 65
3.2.1.8 Prototipos de validación de UIDs ………………………………………………… 67
3.2.2 Diseño Conceptual…………………………………………………………………. 70
3.2.3 Diseño navegacional………………………………………………………………. 72
3.2.3.1 Esquema de clases navegacionales no abstractas……………………………. 72
3.2.3.2 Esquema de Contexto Navegacional Mejorado…..……………………………. 73
3.2.4 Diseño de Interfaz no Abstracta………………………………………………….. 74
3.2.5 Implementación…………………………………………………………………….. 78
3.2.5.1 Software Empleado para el Desarrollo del Portal………………………………. 78
3.3 Métricas de Calidad………………………………………………………………… 80
3.3.1 Definición de Dominio de Evaluación, Metas de Evaluación y Selección del 80

Perfil de Usuario…………………………………………………………………….
3.3.1.1 Definiendo el Dominio de Evaluación……………………………………………. 80
3.3.1.2 Definiendo Metas de Evaluación y Selección del Perfil de Usuario…………... 80

3.3.2 Definición y Especificación de los Requerimientos de Calidad………………. 80
3.3.3 Definición de criterios de los indicadores elementales y procedimientos de 81

medición……………………………………………………………………………..
3.3.3.1 Criterio de Preferencia de Calidad Elemental………………………………….. 82
3.3.3.2 Estructura de Agregación de Preferencias Parciales………………………….. 82
3.3.4 Análisis de Resultados y Recomendaciones……………………………………. 84
3.3.5 Evaluación Global………………………………………………………………….. 93
CAPITULO IV CONCLUSIONES Y RECOMENDACIONES
4.1 Conclusiones………………………………………………………………………... 98
4.2 Recomendaciones………………………………………………………………….. 98
REFERENCIAS BIBLIOGRÁFICAS
ANEXOS
ANEXO A La información periodística
ANEXO B Estructura de la noticia
ANEXO C Especificación de casos de uso.doc
ANEXO D Especificación de uids.doc
ANEXO E Prototipo de validación de uids
ANEXO F Esquema de contexto navegacional mejorado
ANEXO G Prototipo de interfaz no abstracta
ANEXO H Tipo de criterios de preferencia de calidad elemental
ANEXO I Manual de usuario

INDICE DE FIGURAS
Figura 1.1 Estructura Jerárquica de Editores Asociados S.A. y El Alteño…………….. 5
Figura 2.1 Proceso De Ingeniería Web……………………………………………………. 15
Figura 2.2 Metodología OOHDM+………………………………………………………….. 17
Figura 2.3 Modelo de la entrevista…………………………………………………………. 19
Figura 2.4 Clasificación de Roles…………………………………………………………... 20
Figura 2.5 Definición de Roles Y Tareas………………………………………………….. 20
Figura 2.6 Especificación de Casos De Uso………………………………………………. 21
Figura 2.7 Especificación de UIDs…………………………………………………………. 22
Figura 2.8 Notación de UIDs………………………………………………………………... 25
Figura 2.9 Diagrama de Prototipo de Validación de Casos de Uso…………………….. 26
Figura 2.10 Diseño Conceptual………………………………………………………………. 27
Figura 2.11 Representación de Clases Navegacionales no abstractas…………………. 29
Figura 2.12 Elementos de Contexto Navegacional Mejorado…………………………….. 30
Figura 2.13 Correspondencia de Elementos de Contexto Navegacional Mejorado……. 31
Figura 2.14 Contexto navegacional, Usuario Visitante……………………………………. 32
Figura 2.15 Esquema de clases Navegacionales no Abstractas…………………………. 32
Figura 2.16 Notación de Prototipos de Interfaz…………………………………………….. 33
Figura 2.17 Hipermedia……………………………………………………………………….. 36
Figura 2.18 Estructura de la noticia …………………………………………………………. 40
Figura 2.19 La fotografía como complemento de la noticia ………………………………. 41
Figura 2.20 Infografía para ilustrar la simpatía de los candidatos presidenciables ……. 42
Figura 2.21 Árboles de requisitos de calidad……………………………………………….. 43
Figura 2.22 Factores de calidad del estándar ISO 9126………………………………….. 44

Figura 2.23 Clasificación de Visitantes de Sitios Web…………………………………….. 51
Subcaracterísticas Funcionalidad y contenidos específicos para sitios y
Figura 2.24 52
aplicaciones con funcionalidad…………………………………………………
Sección de árbol de requerimientos para ejemplificar el cálculo de
Figura 2.25 54
indicadores parciales…………………………………………………………….
Figura 3.1 Estructura de la noticia adoptada por El Alteño ……………………………... 57
Figura 3.2 Temáticas de información empleados en El Alteño ………………………… 58
Figura 3.3 Formato de entrevista…………………………………………………………… 61
Figura 3.4 Identificación de Roles………...………………………………………….......... 62
Figura 3.5 Identificación de tareas…………………………………………………………. 63
Figura 3.6 Especificación de casos de uso Obtener la noticia actualizada …………… 64
Figura 3.7 Especificación de casos de uso obtener la noticia de una determinada 65

fecha, sección o suplemento……………………………………………………
Figura 3.8 Especificación de UIDs Obtener la noticia actualizada……………………… 66
Figura 3.9 Especificación de UIDs Obtener la noticia actualizada de una fecha 67

sección o suplemento………………………………........................................
Figura 3.10 Prototipo de validación para el usuario visitante ……………………………. 68
Figura 3.11 Prototipo de validación para el usuario editor……………………..………... 69
Figura 3.12 Prototipo de validación para el usuario forista ..……………………………... 70
Figura 3.13 Modelo conceptual – El Alteño ………………..………………………………. 71
Figura 3.14 Esquema de clases navegacionales no abstractas…………………………. 72
Figura 3.15 Esquema de contexto navegacional para el usuario visitante……………… 73
Figura 3.16 Prototipos de interfaz no abstracta para la pagina principal ……………….. 74
Figura 3.17 Prototipos de interfaz no abstracta para la pagina mi ciudad ……………… 75
Figura 3.18 Prototipos de interfaz para la sección mi ciudad empleando balsamiq 76

mockup
Figura 3.19 Prototipos de interfaz para la sección mi ciudad empleando balsamiq 77

mockup
Figura 3.20 Modelo físico de la base de datos…………………………………………….. 79
Figura 3.2.1 Agregación de Usabilidad……………………………………………………… 83
Figura 3.2.2 Agregación de Funcionalidad…………………………………………………. 83
Figura 3.2.3 Agregación de Confiabilidad…………………………………………………… 84
Figura 3.2.4 Agregación de Eficiencia……………………………………………………….. 84
Figura 3.2.5 Estructura de agregación de preferencias parciales……………….……….. 84
Figura 3.26 Estructura de agregación de preferencias parciales………………………… 85
INDICE DE TABLAS
Tabla 3.1 Relación de secciones y temáticas de información del periódico El Alteño. 59
Tabla 3.2 Relación de suplementos y temáticas de información del periódico El 60

Alteño………………………………………………………………………………
Tabla 3.3 Árbol de requerimientos para El periódico El Alteño………………………… 81

Valores de los criterios elementales para cada uno de los atributos de la
Tabla 3.4 89
característica de Usabilidad…………………………………………………….
Tabla 3.5 90
característica de funcionalidad………………………………………………….
Tabla 3.6 91
característica de Confiabilidad………………………………………………….
Tabla 3.7 93
característica de Eficiencia……………………………………………………...
Tabla 3.8 Evaluación Global……………………………………………………………….. 97

CAPITULO I
MARCO REFERENCIAL
1 INTRODUCCION
En la Sociedad del conocimiento, el futuro de los medios de comunicación y el desarrollo

del periodismo, implica, por un lado, nuevos planteamientos con profundos cambios en la
formación de los profesionales, y por otro, que los medios deben reconvertir sus
redacciones en unos modelos más flexibles para la producción de la noticia.
Internet ha estremecido los cimientos económicos de los medios tradicionales, pero

además en esencia ha abierto a la sociedad en general, y a los periodistas en particular,
nuevas posibilidades y formas de informar. De paso ha roto el paradigma de la
comunicación unidireccional de, el periodista informa y los lectores escuchan. Ya que
desde hace unos años los lectores también pueden generar contenidos a través de
comentarios y correo electrónico que muy bien ordenado y seleccionado por un periodista
representa un complemento a la información inicial generada en un medio escrito.
Además se ha vuelto común decir que con Internet cualquiera puede ser un editor, que no
se requiere una rotativa de 8 millones de dólares para producir y distribuir contenido.
También se ha vuelto común decir que cada vez más el periodismo se está produciendo
fuera de los medios tradicionales.
Esos lugares comunes (que no por comunes son falsos) sirven para demostrar que es el
entorno tecnológico y no los medios el que está redefiniendo el perfil y las habilidades de
los periodistas, y de cualquiera que quiera generar contenido en la Web [Guillermo Franco
M, 2005].
Por ello, la visión del periodismo de hoy pasa porque sus profesionales conozcan el nuevo
papel que les depara como intermediarios de información y gestores del conocimiento.
Uno de estos cambios que vive la profesión periodística se refiere a los emergentes
modelos de comunicación que surgen en el Internet a través de un portal web.
1
De acuerdo a la opinión de Malén Aznárez (considerada una de las mejores periodistas
de España) se esta llegando a una competencia entre lo que es periódico en papel vs.
periódico digital y que, en estos momentos lo mas recomendable es promocionar y
potenciar mucho el digital. Aunque el digital es un producto secundario del periódico (en
papel), como empezaron hace unos años sin demasiado interés ni en formar una
redacción enorme, ni demasiada producción o presupuesto en comparación con el
periódico de papel. Poco a poco ha ido creciendo a medida que los intereses de los
lectores del digital, y sobre todo la gente joven, se han ido inclinando por este medio. Esto
no significa sin embargo que lo gratuito (vía Internet) termine acabando con la prensa
tradicional, pues se han ido formando dos tipos de lectores muy distintos. Y que lo que da
un periódico de papel no puede ser igual que lo que da un digital. Más bien deberían
repartirse funciones ya que el digital da inmediatez, mientras que el impreso tendrá un
plus de calidad, de edición personalizada, rigor, de opinión, de calidad que posiblemente
no puedan dar los digitales.
Los portales web como nueva forma y modelo de informar y comunicar empiezan a ganar
cada vez más adeptos en el entorno de la información general y especializada. En el caso
del periodismo resulta una herramienta ideal para difundir las noticias escritas
incorporando además recursos y servicios como ser: foros, documentos, búsquedas,
galería de fotos, audio y video sobre reportajes, etc.
Otro elemento de relevancia en el Internet son los blogs, estos son verdaderos
generadores de interactividad, llegándose a formar verdaderas comunidades virtuales
(redes sociales) y en donde la Figura: del periodista adquiere mayor relevancia. Por ello,
cada vez más son los periodistas que se apropian de esta nueva utilidad que ofrece el
mundo de las tecnologías telemáticas1, lo que les permite escribir, con mas libertad de
expresión y sobre todo, con el animo de hacer participar a sus lectores de una forma más
interactiva sobre un tema de discusión.
La publicidad no podría estar al margen en el Internet, ya que permite generar ingresos,

podría resultar efectivo, y relativamente barato. Se usa una combinación de varias
estrategias, incluyendo imágenes y reseñas en páginas web relacionadas, hipervínculos,
grupos de noticias, anuncios por correo electrónico, etc.
1
Telemática.- Fusión de la telecomunicación y la informática.
2
Organizaciones Gubernamentales, no gubernamentales y educativas cada vez más están
confiando en los medios electrónicos para la publicidad, ya que son de fácil acceso y
edición. Una campaña publicitaria dirigida por Internet puede ahorrar tiempo y dinero a un
departamento de publicidad al eliminar la necesidad de laborioso y costoso trabajo.
La publicidad en Internet consiste en banners, pantallas en miniatura y boletines

informativos a los que están expuestos los usuarios de Internet al utilizar servicios
gratuitos de búsqueda, traducción, correo electrónico, chat rooms (salas de conversación)
e incluso programas gratuitos. Muchas compañías tienen direcciones en la red, sin
embargo, éstas no constituyen formas de publicidad sino de imagen corporativa. Son los
accesos a estás páginas y los anuncios de las compañías lo que forma la verdadera
publicidad.
Analizando estos aspectos se ha tomado la iniciativa de desarrollar un portal web

dinámico para el periódico El Alteño, con el fin de que este periódico ubicado en la
ciudad de El Alto, entre en otra etapa que complementa a este periódico y al periodismo
en general, y de esta manera acercarse al periodismo digital o ciberperiodismo.
La falta de un portal web es uno de los problemas por el cual este medio de prensa no
tiene una imagen institucional en la web, en comparación a los demás medios de prensa
escrita, que cuentan con un portal web para publicar de manera paralela las notas en
formato electrónico e impreso en papel.
1.2 ANTECEDENTES
El periodismo y los medios de comunicación constituyen la herramienta fundamental para

difundir, informar, educar, sensibilizar y defender a la población sobre todos los hechos y
acontecimientos que ocurren a diario en nuestro entorno y en el mundo, pero también
deben recoger los problemas de la sociedad para que de esta manera el periodismo sirva
como ayuda a la sociedad.
En este sentido los medios de comunicación constituyen un agente moderador social de

primer orden y pueden ser utilizados como un instrumento de control importante capaz de
investigar y denunciar acciones inapropiadas de los poderes públicos.
3
1.2.1 Editores Asociados S. A. Miembro del Grupo Lider
Editores Asociados S.A. surge de la inquietud de hacer periodismo entre las familias más
notables en este medio como son Canelas y Riveros.
El 8 de Marzo de 1998 lanzan al mercado La Prensa con un grupo de periodistas

destacados, profesionales en diseño y expertos en publicidad con la finalidad de crear un
nuevo estilo de periodismo identificado con las clases sociales media y alta en la ciudad
de La Paz.
A iniciativa de los ejecutivos de Editores Asociados S.A. y un grupo de periodistas

pertenecientes a la Prensa se crea el periódico El Alteño, para ello un personal selecto
de periodistas, diseñadores y fotógrafos se trasladan a los ambientes ubicados en la Ceja
de la ciudad de El Alto.
El periódico “El Alteño” es la consolidación de un sueño anhelado por los alteños, y

actualmente forma parte del Grupo Líder al cual pertenece Editores Asociados S.A.
Grupo Líder es una red de medios de comunicación de prensa escrita formada por La
Prensa de La Paz, El Deber de Santa Cruz, Los Tiempos de Cochabamba, Correo del Sur
de Sucre, El Potosí de Potosí, El Norte de Montero y Nuevo Sur de Tarija.
El primer número de este diario salió el domingo 7 de julio de 2002 bajo la dirección de
Martín Balcázar Martínez, actualmente éste medio esta bajo la dirección de Mario Roque
Cayoja. El equipo de periodistas esta formado por: Fernando del Carpio, Erika Ibáñez,
Gonzalo Pérez, Gabriela Ramos, Remberto Callisaya y Juan Carlos Chamorro. El diseño
esta a cargo de Alfredo Canaviri e Ivan Paz. Como caricaturista esta Javier Menchaca y
en fotografía Reynaldo Acarapi.
La organización jerárquica de El Alteño tiene una particularidad en el nivel de staff, como

la mayoría de los medios de comunicación: la dirección y la gerencia se encuentran en el
mismo nivel de jerarquía tal como se muestra en la Figura: 1.1
4
5
Figura 1.1 Estructura jerárquica de Editores Asociados S.A. y El Alteño
Fuente: Editores Asociados S.A.
El Alteño nació gracias al esfuerzo y la necesidad de una ciudad de tener un diario que
refleje su realidad día a día, de ahí que se ve la necesidad de incorporar un portal Web
para informar e interactuar mediante comentarios, foros, encuestas y suscripciones con la
ciudadanía en general sobre todo con los alteños. Al mismo tiempo facilitar a los
periodistas el proceso de edición y actualización de las noticias obtenidas durante el día
para su posterior almacenamiento en una base de datos.
1.2.2 Antecedentes sobre proyectos relacionados
• En el ámbito de la carrera de informática. Se desarrollaron diversos sitios web

para distintas organizaciones tanto privadas como gubernamentales, también se
desarrollaron muchos sitios para las distintas carreras y áreas de la UMSA. Hasta
la presentación de este proyecto no existía ningún proyecto referente a un medio
periodístico que se haya desarrollado en la carrera de informática. Entre los
trabajos que resaltan y que se realizaron en los últimos años son:
- Portal Web de difusión de información para promover el turismo, caso:

Gobierno Municipal de Caranavi realizado por Edwin Calderón Quispe. En
el cual se puede ver la implementación de un sitio web con toda la
información sobre Caranavi, los atractivos turísticos, personalidades que
visitaron este lugar y datos sobre el municipio del lugar.
- Portal Web Dinámico, caso Carrera de informática de Rocío Ivonne Loayza

Monterrey. En este proyecto resalta la metodología utilizada “UML
extendido para aplicaciones web”, el diseño de componentes reusables y la
ingeniería web aplicada en todo el desarrollo del proyecto.
- Portal del Ministerio de Relaciones y Culto de Justo Ivan Quispe Poma, en

el cual se publican todas las noticias generadas por el departamento de
prensa de estos ministerios.
- Incorporación de técnicas orientadas a objetos (OMT-OOHDM) en los

procesos administrativos de nominación de vías publicas de José Luis
Yujra Mamani y Ronny Marcelo Espinosa Arias. En este proyecto se
desarrolla dos sistemas de gestión y un portal Web para la publicación de
la información generada por estos dos sistemas.
6
- Refinamiento del Método de Diseño de Hipermedia Orientado a Objetos
(OOHDM) de Mónica Mamani Villavicencio, tesis donde se trata sobre las
mejoras realizadas a la metodología original OOHDM.
• En el ámbito nacional. Como se menciono anteriormente la mayoría de los

diarios de Bolivia cuentan con un portal web. En muchos casos el desarrollo,
mantenimiento y actualización diaria lo realiza el personal perteneciente al mismo
periódico, en otros casos se terciariza con empresas dedicadas al diseño de
portales por un monto significativo de dinero. Existen empresas que ofrecen los
servicios de creación, actualización y el mantenimiento de los portales web sin
cobrar ningún monto en efectivo con la condición de administrar la venta de
publicidad en el portal. Como ejemplos de portales de información periodística
podemos citar a:
- www.la-razon.com
- www.laprensa.com.bo
- www.eldiario.net
- www.lostiempos.com
- www.eldeberdigital.com, por mencionar algunos.
• En el ámbito internacional. Existe una gran cantidad de medios de prensa escrita

que cuenta con su propio portal, además existen sitios exclusivamente dedicados
a lo que son los periódicos en línea, revistas digitales, blogs de periodistas, etc.
1.3 PLANTEAMIENTO DEL PROBLEMA
El Alteño actualmente no cuenta con un portal web para difundir la información a los
lectores sobre el acontecer local, nacional e internacional, este es uno de los problemas
por los cuales la imagen institucional del periódico no es conocida a nivel nacional y
mucho menos a nivel internacional.
No existe un medio de interacción con los lectores del periódico para poder percibir el
nivel de satisfacción de los mismos. Al no interactuar con los lectores, organizaciones
sociales y centros gubernamentales no se puede informar de una manera eficaz sobre
7
temas que surgen a diario, ya que las sugerencias y comentarios de los lectores
contribuyen a mejorar los contenidos y los temas a cubrir, tanto en la edición diaria como
en los suplementos
Los problemas que actualmente tiene el periódico El Alteño al no contar con su portal web
se resume en los siguientes puntos:
• El periódico no llega a leerse fuera del departamento de La Paz, incluyendo

algunas zonas de la ciudad de El Alto. Uno de los objetivos del periodista es lograr
difundir lo que escribe a la mayor cantidad de lectores posible.
• No existe inter-relación con los lectores como en los demás medios de

comunicación, en los cuales se interactúa mediante foros, blogs y salas de chat.
Estos elementos tienden a aumentar la cantidad de lectores y también la
popularidad del periódico.
• Lo anterior se traduce en el número de ejemplares que pueden venderse por día.

Es decir un periódico conocido tiene opción a vender mayor cantidad de
ejemplares por día.
• No se genera publicidad adicional al de la edición impresa, y la publicidad es una

de las fuentes principales de ingreso en un periódico.
• Editores y redactores muy poco motivados, debido a que este periódico es uno de
los pocos que no cuenta con su propio portal.
• Imagen institucional desvalorizada, sobre todo fuera de la ciudad de La Paz.
Al contar con un portal web los problemas mencionados se solucionaran, además por
tratarse de un medio de comunicación, buena parte de la ciudadanía estará de acuerdo y
mas identificado con su ciudad. Los comentarios, foros, y galerías fotográficas lograran
una interacción entre el medio y los lectores, de esta manera se romperá el paradigma de,
nosotros informamos ustedes escuchan. Esta interacción tendrá un impacto social positivo
sobre todo en los alteños. También se obtendrán ingresos adicionales de la venta de
espacios publicitarios en el portal de la pagina principal y en las paginas interiores del
portal, además todos los avisos clasificados pagados para la edición del periódico se
publicaran también en el lugar correspondiente del sitio, esto motivara a mayor cantidad
8
de clientes para que anuncien en el periódico, ya que estarán disponibles las 24 horas
del día y los 365 días del año.
1.4 OBJETIVOS
1.4.1 Objetivo general
Diseñar e implementar un portal web dinámico para el periódico “El Alteño” aplicando
conceptos y principios de la ingeniería web. Para facilitar la navegación y administración
de la información.
1.4.2 Objetivos Específicos
- Desarrollar interfaces sencillas para la navegación e interacción de los visitantes

facilitando la lectura y visualización de imágenes u otros elementos informativos e
interactivos.
- Desarrollar interfaces sencillas para la actualización del portal, que permita a

redactores y editores actualizar sus notas en la web.
- Desarrollar interfaces para la administración de usuarios, noticias, temáticas,

encuestas, comentarios, foros y publicidad.
- Incorporar foros para conocer la opinión de los visitantes.
- Integrar este periódico a los demás medios del Grupo Líder como ser: El Deber,
Los tiempos, El Norte, La Prensa y el Nuevo Sur.
- Realizar un seguimiento al número de visitantes del sitio.
1.5 METODOLOGIA
Existen diversas metodologías para el diseño de sitios web. Las que se emplearan en el
presente proyecto son:
- La metodología OOHDM+ o OOHDM Mejorado (Object Oriented Hypermedia

Design Method) que es ampliamente utilizada para el desarrollo de portales web,
es una metodología orientada a objetos que propone un proceso de desarrollo de
cinco fases donde se combinan notaciones gráficas UML con otras propias de la
9
metodología. En una primera instancia debido al poco auge que tenía Internet,
OOHDM era sólo para aplicaciones que incluían hipertexto y algo de multimedia
(CD-ROM promocionales, enciclopedias, museos virtuales, etc.). Pero el gran
desarrollo de Internet obligó su adaptación para el desarrollo de aplicaciones
hipermedia en Internet, tales como comercio electrónico, motores de búsqueda,
sitios educacionales y de entretenimiento.
- Para evaluar la calidad del portal se empleará la metodología cuantitativa que

permitirá determinar un factor como calidad de sitios y aplicaciones web. Esta
metodología es la WebQEM (Quality Evaluation Method) que parte de un modelo
jerárquico de calidad de producto basado en el estándar ISO 9126.
- Desde el inicio de actividades, durante el desarrollo y explotación del portal se

tendrá presente los principios de ingeniería Web, que consiste en la aplicación de
metodologías sistemáticas, disciplinadas y cuantificables al desarrollo eficiente,
operación y evolución de aplicaciones de alta calidad en la World Wide web.
1.6 JUSTIFICACIONES
1.6.1 Justificación Social
La construcción de un portal dinámico representa un instrumento de comunicación y

difusión de la información, en consecuencia tanto el periódico como los lectores serán los
beneficiados con la elaboración del presente proyecto.
1.6.2 Justificación Económica
El portal web mejorará la imagen institucional del periódico dando la posibilidad de

generar mayores ingresos para el periódico por la venta de publicidad en la edición diaria
y suplementos especiales. Además se realizará la venta de espacios publicitarios en el
portal a empresas, instituciones, organizaciones gubernamentales y centros educativos.
El portal web se desarrollara con software libre bajo la plataforma Linux empleando PHP y
MySQL como herramientas principales para el desarrollo, el cual no genera costo alguno
para la realización del proyecto.
10
Las tareas diarias de actualización del sitio web no implicaran un gasto adicional para el
periódico, ya que se construirán interfaces sencillas de actualización para que los mismos
editores y redactores realicen esta tarea.
El costo del dominio y el hosting asciende a Bs. 1680.- (Un Mil seiscientos ochenta
bolivianos) anual, ese monto se pretende cubrir con la venta de espacios publicitarios en
la pagina principal y las páginas secundarias del portal.
1.6.3 Justificación Tecnológica
La redacción del periódico el Alteño trabaja con una red local y cuenta con conexión a
Internet, lo que facilita la conclusión del proyecto.
A continuación se detalla los accesorios de computación:
Cantidad Descripción Ubicación
7 Equipos Pentium III de 700 Mhz. Redacción - Secretaria
1 Equipo Pentium 4 de 1.7 Ghz. Administración
2 Equipos Core Duo Diseño - Fotografía
2 Impresoras Canon IP-1700 Administración y redacción
1 Scanner Genius Diseño
1 Servicio de Internet Wimax
1 Domino www.elalteno.net
1 Web Hosting con 2 GB en espacio
11
1.7 ALCANCE
En este proyecto se mejora la imagen institucional con un portal Web dinámico para el
caso particular del periódico El Alteño con lo cual se resuelven los problemas citados
anteriormente y como resultado se obtiene un portal web, desarrollado a partir del
enfoque de la ingeniería web y aplicando la metodología OOHDM+. Con un control de
calidad en el producto desarrollado, permitiendo de esta manera mantener la información
y acceder de manera sencilla a la misma.
1.8 APORTES
Las principales contribuciones de este proyecto de grado para el área de desarrollo web
son los siguientes:
• Aplicación de la metodología OOHDM+ (OOHDM Mejorado), en el desarrollo

de un portal Web. Con los cambios que algunos autores recomiendan a la
metodología original OOHDM.
• Aplicación del enfoque de ingeniería web y con ella criterios de calidad,

atributos de aplicaciones web, requisitos que caracterizan a un portal, que
brinda un aporte intelectual y aplicativo a futuros trabajos realizados en esta
área.
• El desarrollo de un portal web dinámico.
• Lograr la presencia de El Alteño en el mundo del Internet a través de un portal

desarrollado siguiendo los criterios de calidad empleados para aplicaciones
web.
• En el aspecto social El alteño es el único medio de prensa escrita con el cual

los habitantes de la ciudad de El Alto se identifican, un portal con todos los
servicios mencionados causara alegría en la mayoría de sus habitantes.
12
CAPITULO II
MARCO TEORICO
2.1 INTRODUCCION
El presente capítulo tiene por objetivo describir un conjunto de fundamentos teóricos así
como las técnicas y herramientas que se utiliza para construir aplicaciones web, en
nuestro caso en particular la Ingeniería Web, la metodología OOHDM+, conceptos de
hipermedia y métricas de calidad.
2.2 INGENIERIA WEB
La ingeniería web es el proceso con el que se crean Aplicaciones Web (Sistema de

Aplicaciones Basados en Web) de alta calidad, además aplica “sólidos principios
científicos, de ingeniería y de administración y enfoques disciplinados y sistemáticos para
el desarrollo, despliegue y mantenimiento exitosos de sistemas y aplicaciones basados
en web de alta calidad” [MUR, 99].
La ingeniería web aplica un enfoque genérico que se suaviza mediante estrategias,

tácticas y métodos especializados.
2.2.1 ATRIBUTOS DE LOS SISTEMAS Y APLICACIONES BASADOS EN WEB
En la mayoría de las aplicaciones web, desde una página web hasta aplicaciones de
proceso de información que residen en Internet existen los siguientes atributos
[Pressman, 2006].
a) Intensidad de Red.- Una Aplicaciones Web reside en una red y debe satisfacer
las necesidades de una variada comunidad de clientes.
b) Concurrencia.- Un gran número de usuarios puede tener acceso a las

Aplicaciones Web al mismo tiempo. En muchos casos los patrones de uso entre
los usuarios finales variarían enormemente.
13
c) Carga Impredecible.- El número de usuarios de las Aplicaciones Web puede
variar en ordenes de magnitud de día a día.
d) Desempeño.- Si un usuario de Aplicaciones Web debe esperar demasiado puede

decidir irse a otra parte.
e) Gobernada por los datos.- La función primordial de las Aplicaciones Web es usar
hipermedia presentar contenido de texto, gráficos, audio y video al usuario final.
f) Sensibilidad al Contenido.- La calidad y naturaleza estética del contenido sigue

siendo importante determinante de una Aplicaciones Web.
g) Seguridad.- Puesto que las Aplicaciones Web están disponibles mediante el

acceso a la red es difícil limitar la población de usuarios finales que pueden acceso
a la aplicación.
2.2.2 PROCESO DE LA INGENIERIA WEB
Las actividades que forman parte del marco de trabajo incluyen varias tareas. Dichas
tareas serían aplicables a cualquier Aplicaciones Web, independientemente del tamaño y
la complejidad de la misma [Pressman, 2006].
Las actividades que forman parte del proceso de la ingeniería web son:
a) Comunicación con el cliente.
b) Planeación.
c) Modelado.
d) Construcción.
e) Despliegue.
a) Comunicación con el Cliente.- Representa una secuencia de acciones de

ingeniería Web que comienza con la identificación de las necesidades del
negocio.
14
b) Planeación.- Consiste en una definición de tareas y un calendario de plazos
respecto al periodo proyectado para el desarrollo de las Aplicaciones Web.
c) Modelado.- Hacen referencia a las actividades de análisis y diseño de ingeniería

de software se adaptan al desarrollo de las Aplicaciones Web se mezclan y se
funden en la actividad de modelado.
d) Construcción.- Se aplican herramientas y tecnología para construir la

Aplicaciones Web.
e) Despliegue.- La Aplicaciones Web se configura: de acuerdo al ambiente

operativo y se entrega a los finales para un periodo de evaluación.
Estas cinco actividades pertenecen al marco de trabajo de la ingeniería Web empleando

un proceso incremental como se muestra en la Figura: 2.1
Retro -
alimentación
5. Despliegue
1.Comunicación
4.Construcción
con el cliente
2.Planeación 3.Modelado
Figura: 2.1 Proceso de Ingeniería Web

Fuente: [Pressman, 2006]
2.2.3 ESTRATOS2 DE LA INGENIERIA DE APLICACIONES WEB.-
Los procesos, métodos y tecnologías proporcionan un enfoque en estratos de la

ingeniería web.
2
Estratos.- Conjunto de elementos que, con determinados caracteres comunes, se ha integrado con otros conjuntos previos
o posteriores para la formación de una entidad o producto históricos.
15
¾ Proceso.- Los modelos de proceso web adoptan la filosofía del desarrollo ágil
que enfatiza un enfoque de desarrollo riguroso que incorpora rápidos ciclos de
desarrollo.
¾ Métodos.- Abarca un conjunto de labores técnicas que permiten comprender,

caracterizar, para luego llevar a cabo la construcción de una Aplicación Web de
alta calidad.
¾ Herramientas y tecnología.- Abarcan un amplio conjunto de herramientas y

tecnología en relación al contenido, lenguaje de modelación, lenguajes de
programación, recursos de desarrollo, navegadores, multimedia, herramientas
de conectividad de base de datos, herramientas de seguridad, servidores y
utilidades de servidor, herramientas de administración y análisis de sitio.
2.3 METODOLOGIA OOHDM+ (Método de diseño de hipermedia orientado a

objetos Mejorado)
La metodología OOHDM para el diseño de aplicaciones hipermedia y para la Web, fue

diseñado por D. Schwabe, G. Rossi y S. D. Barbosa, y es una extensión de HDM con
orientación a objetos, esta metodología se está convirtiendo en una de las metodologías
mas utilizadas [Lamarca, 2006].
En sus comienzos no contemplaba la fase de captura y definición de requisitos, pero

desde el año 2001 propone el uso de User Interacción Diagrams (UIDs). Es así que el
método lleva el nombre de Método de diseño de hipermedia Orientado a Objetos
Mejorado (OOHDM+). Esta metodología está compuesta por cinco fases: [Hennrichs,
2005] ver Figura: 2.2
¾ Obtención de Requerimientos
¾ Diseño conceptual
¾ Diseño navegacional
¾ Diseño de interfaces no abstractas
¾ Fase de implementación
16
Figura: 2.2 Metodología OOHDM+
Fuente: [Hennrichs, 2005]
17
2.3.1 Fase 1 Obtención de Requerimientos
La obtención de requisitos o también denominado elicitación de requisitos, trata de

obtener la mayor cantidad de información posible sobre el dominio de la aplicación, esta
primera fase contempla cuatro sub fases: [Hennrichs, 2005]
a) Sub Fase 1- Ejecución de entrevistas.
b) Sub Fase 2- Especificación de roles y tareas.
c) Sub Fase 3- Especificación de casos de uso.
d) Sub Fase 4 Especificación de UIDs
e) Sub Fase 5 Prototipos de validación de UIDs
a) Sub Fase 1 Ejecución de Entrevistas
En esta sub fase se utilizarán el modelo de entrevistas y cuestionario. La entrevista es

una técnica muy utilizada ya que permite tomar conocimiento del problema y por ende las
posibles soluciones. Para ello el entrevistador debe identificar muy bien a los
entrevistados y estructurar muy bien las preguntas, una buena manera de reforzar la
técnica de la entrevista es combinándola con los cuestionarios y checklist que son
también otra técnica de captura de requerimientos. En la Figura: 2.3 se presenta el
modelo de entrevistas [Hennrichs, 2005].
b) Sub Fase 2- Especificación de Roles y tareas
Esta sub fase tiene por objetivo identificar las necesidades reales de los usuarios, esto es
posible a través de la interacción entre el desarrollador y el dominio de la aplicación, el
desarrollar consigue esa interacción a través del análisis o revisión de documentos y
entrevistas con los usuarios a fin de identificar los roles y tareas [Lamarca, 2006].
Un actor es un agente que interactúa con el sistema, es decir un tipo de usuario con un
papel definido, así el actor puede representar diversos papeles y un papel puede ser
representado por varios actores. Por tanto un actor o un rol es una clase de usuario.
18
Figura: 2.3 Modelo de Entrevista
Para la especificación de roles y tareas se plantea clasificar los tipos de actores de la

aplicación web, ello implica identificar a las clases y sub clases de actores tal como se
19
muestra en la Figura: 2.4. Esta clasificación es importante ya que además de organizar la
información, permite situarse mejor en el dominio de la aplicación y tener con claridad con
que tipo de usuarios se esta trabajando, esto evita la confusión en los casos donde se
tenían tareas compartidas por distintas clases de actores [Soto & Palma, 2004].
Figura: 2.4 Clasificación de roles

Fuente: [Soto & Palma, 2004]
En consecuencia se hace el uso de una plantilla que permite definir las tareas
correspondientes a cada rol. Esta plantilla consta de dos columnas, la primera donde esta
el “rol/actor” y la segunda donde se describen las “tareas”, ver la figura 2.5:
Figura: 2.5 Definición de roles y tareas

20
c) Sub Fase 3- Especificación de casos de uso.
De acuerdo a la definición formal de UML un caso de uso es una secuencia de acciones

que un sistema efectúa, para producir un resultado observable de una determinada tarea.
Específicamente representa la interacción entre el usuario y el sistema [Boch, Rumbaugh,
Jacobson, 2000].
En la Figura 2.6 se tiene un modelo de cómo se realiza una especificación de caso de

uso.
CASO DE USO 5. Conocer la opinión de los usuarios en los foros.

ROLES UsuarioVisitante, UsuarioComentarista, UsuarioForista.
ESCENARIOS T5
PRECONDICIONES Portal activo y actualizado
DESCRIPCION
PETICIONES RESPUESTAS
1 El usuario ingresa al portal.
2 El usuario accede a la sección de foros.
3 El sistema devuelve un listado con

todas las temáticas del foro.
4 El usuario selecciona una temática del
foro.
5 El sistema devuelve un listado con

todas las opiniones respecto a la
6 El usuario lee las opiniones del foro.
temática seleccionada del foro.
POSTCONDICIONES Ninguna
Figura: 2.6 Especificación de Casos De Uso

21
d) Sub Fase 4- Especificación de UIDs (Diseño de Interacción de Usuario)
La metodología OOHDM propone la utilización de la herramienta denominada UIDs, cuyo

objetivo es mejorar la interacción del usuario con el sistema (de forma gráfica), descrita
de manera textual en la especificación de casos de uso, sin entrar en detalles relativos a
interfaces del usuario [Hennrichs, 2005]. Para obtener un UIDs desde un caso de uso la
secuencia de información intercambiada entre el usuario y el sistema debe ser identificada
y organizada en las interacciones. Identificar la información de intercambio es crucial ya
que es la base para la definición de los UIDs [Soto & Palma, 2004]. Un ejemplo se ilustra
en la Figura: 2.7.
Figura: 2.7 Especificación de UIDs

e) Sub Fase 5- Prototipos de Validación de UIDs.
En esta sub fase el desarrollador debe interactuar con cada usuario para validar UIDs
obtenidos, mostrando y explicando cada uno de ellos para ver si el o los usuarios están de
acuerdo [Hennrichs, 2005].
22
El usuario debe intervenir solo en aquellos casos de uso y UIDs en los que participa.
Cada sugerencia, problema e inconsistencia deben ser anotadas, el número de
interacciones necesarias para llegar a un consenso dependerá del tiempo disponible del
desarrollador como también de los usuarios [Hennrichs, 2005].
Debido a la importancia que posee la validación de requisitos en todo proceso de

desarrollo de software cualquiera que sea este, es que se hace necesario llevarlo a cabo
de manera ordenada y entendible al usuario.
Es así que el enfoque IPO (Interacción Persona Ordenador) considera que el prototipo es
una herramienta muy útil para hacer participar al usuario en el desarrollo y poder evaluar
el producto, o en este caso los requisitos obtenidos [Lorés & Abascal, 2001].
Una de la técnicas de prototipado es el “prototipo en papel”, que consiste en la simulación

de las diferentes interacciones que se van a realizar con el sistema.
Tomando en cuenta estos aspectos se validarán los requisitos obtenidos en la fase

anterior, representándolos de manera intuitiva al usuario y para ello emplear la técnica del
prototipado en papel.
Para crear el prototipo en papel se tiene una notación básica que permitirá generar los
prototipos a partir de los UIDs en los que intervenga un usuario, dicha notación se
observa en la Figura: 2.8, y se considera los siguientes pasos:
• Se toman los UIDs en los que interviene el usuario.
• Aplicando la notación de la Figura: 2.8 se generan los prototipos correspondientes

a los UIDs.
• En la validación se irá guiando al usuario sobre el recorrido del prototipo y se

recabaran todas las observaciones que el usuario realice, una vez finalizada la
evaluación se debe realizar un análisis, en base a las observaciones que el usuario
haya dado.
• La representación de los prototipos debe ser realizado de acuerdo a los actores y

tareas identificados.
23
Notación para la generación de prototipos a partir de UIDs
Nombre de
Representación de UIDs Representación Prototipo
Elemento
Inicio de la
interacción
Interacción/Tran
sición
Comentario indicando que debe

introducir el usuario.
Entrada de
datos
Mostrar una instanciación del

elemento (es decir que datos se
van a mostrar y un ejemplo de
cómo se van a mostrar)
Elementos y
sus Items Elemento:
Elemento (items) Item1:ejemplo
Item2:ejemplo
Item3:ejemplo
Opción elegida Las opciones serán mostradas en

y nueva la interacción misma.
interacción (Z)
24
La condición estará
expresada en el rombo
Transición de condición
No |<y>| Si
|<y>|
Este elemento no está Un enlace será

definido en los UIDs representado tal como se ve
Enlace en una página
Nombre del Enlace
Este elemento no está Es la representación de un

definido en los UID´ usuario
Usuario
Usuario
Texto Este elemento no está Representa cualquier texto

definido en los UIDs que se desee mostrar
Texto
vvvvvv
vvvvvv
Imagen Se puede aplicar cualquiera

de los dos elementos para
Este elemento no está representar una imagen.
definido en los UIDs
Imagen
Aclaraciones Este elemento no está Permite realizar cualquier

definido en los UIDs aclaración
? Aclaraciones
Espacio donde
se realizan las
aclaraciones
Figura: 2.8 Notación de UIDs

25
Como ejemplo se plantea que el diagrama de interfaz de usuario de la Figura: 2.7 que se
presenta en la Figura: 2.9 utilizando la notación mencionada para la generación de
prototipos.
Usuario
Ingresar al
Portal
Buscar Temática
List. de temáticas
de la sección Foro
NO SI
Elige
Temática
Política
Economía
Cultura Lista todas las opciones
Deportes correspondientes a la
temática del foro
Errores de gobierno de
Morales.
Candidatos favoritos List. de Opciones
Sanciones a los partidos
políticos
Figura: 2.9 Diagrama de Prototipo de Validación de Casos de Uso

2.3.2 Fase 2 Diseño Conceptual
En esta fase se construye un modelo orientado a objetos que representa el dominio

semántico de la aplicación, usando las técnicas propias de la orientación a objetos. Esta
construcción es realizada mediante la definición de clases, subsistemas, relaciones,
jerarquías de agregación y especialización, la definición de los tipos de atributos de las
clases y cardinalidades [Hennrichs, 2005].
En la Figura: 2.10 se observa el diseño conceptual con sus elementos que son las clases,
sus relaciones y su cardinalidad.
26
Forista
id_Foro Integer
Id_Periodista Long characters Un forista puede comentar en la nota
Cotenido Variable multibyte
Nota
Categoria_Nota Long characters
IdComentario Text id_Foro Integer
Id_Nota <Undefined> Id_Periodista Long characters
Agregar <ai1> Cotenido Variable multibyte
Modificar <ai2> Categoria_Nota Long characters
Eliminar <ai3> IdComentario Text
Agregar <ai1>
Modificar <ai2>
Eliminar <ai3>
Periodista
id_Foro Integer
Id_Periodista Long characters
Cotenido Variable multibyte
Categoria_Nota Long characters
IdComentario Text
Categoria <Undefined>
Hace una Nota
Agregar <ai1>
Modificar <ai2>
Eliminar <ai3>
Figura: 2.10 Diseño Conceptual

2.3.3 Fase 3 Diseño Navegacional
Los sitios Web y las aplicaciones hipermedia son aplicaciones proyectadas para la
navegación a través de un espacio de información. La fase anterior propone la
construcción de un modelo conceptual en el cual describe las clases de objetos y
relaciones del dominio de la aplicación [Hennrichs, 2005].
De este modelo conceptual se pueden originar varios de los modelos navegacionales es

decir la información que será presentada a los usuarios y como se efectuará la
navegación entre ellas [Hennrichs, 2005].
En esta fase de la metodología OOHDM+ se consideran dos diagramas o sub etapas y

son las siguientes:
27
a) Esquema de clases navegacionales no abstractas
b) Esquema de contexto navegacionales
a) El esquema de clases navegacionales no abstractas
Define un conjunto de nodos y enlaces que forman parte de una vista navegacional de la
aplicación.
Una aplicación puede tener uno o más esquemas navegacionales de acuerdo con las
vistas existentes de la aplicación. Los nodos y enlaces son originados de las clases y
relaciones que componen el esquema conceptual [Hennrichs, 2005].
En OOHDM+ hay una serie de clases predefinidas que se conocen como clases
navegacionales: nodos, enlaces y estructuras de acceso que se originan dentro de un
contexto navegacional. [Escalona, 2005]
OOHDM+ plantea representar el esquema de clases navegacionales de forma más

representativa y entendible, de manera que se asemejan a la realidad; empleando
metáforas que minimicen la abstracción, al indicar que se va a representar:
• Una imagen
• Un espacio de texto
• Un enlace
Al definir los elementos imagen, texto y enlace empleando íconos representativos ayuda a
reducir el grado de abstracción, esto permite tener una mejor visualización del producto,
es mas este diagrama permite complementar el esquema de contexto navegacional.
El esquema de clases navegacionales no abstractas permite que sea mas entendible para
el usuario y fácil de crear para el diseñador.
Como la evaluación del usuario es fundamental en el desarrollo de cualquier aplicación,

esta fase permite saber si está realizando un buen trabajo. Ver Figura: 2.11
28
Figura: 2.11 Representación de clases
navegacionales no abstractas
b) El esquema de contexto navegacional
Presenta las diferentes maneras en la que un nodo puede ser accedido según el esquema
de clases navegacionales, el contexto navegacional es la estructura de la presentación
dentro de un determinado contexto [Escalona, 2001].
29
Para que la representación del modelo navegacional sea fácil de entender por el
usuario y el desarrollador se sugiere emplear los siguientes elementos de contexto
navegacional, que se ilustran en la Figura: 2.12 también se emplea, elementos de
correspondencia de los UIDs (Diagrama de Interfaz de Usuario) que se ilustra
gráficamente en la Figura: 2.13
Opciones
Nom Clase Clase navegacional Opciones Muestra un conjunto de
o Nodo enlaces y permite el
acceso directo a
cualquiera de ellos
Formulario/Ingreso de
Form datos Menú Menú
Permite el ingreso de Form Opcio
Un menú puede
datos que sirven para
nes
contener opciones o
seleccionar las formularios
colecciones de
opciones.
Documentos
Condición
Este ícono representa
Permite controlar si se Inf. a una página donde se
ha cumplido alguna
muestra solo
condición y encaminar la
información como ser
navegación.
lista de materiales.
Lista Lista de elementos Opción elegida Enlace

Posee la misma función Permite conectar
que el elemento la información.
“opciones”,
simplemente se hace la
distinción de que se
presenta una lista de
elementos del mismo Cualquier
Enlace *
tipo opción elegida
Permite conectar
la información.
Figura: 2.12 Elementos de contexto navegacional mejorado

Fuente: [Solis & Canós, 2007]
30
Estado de interacción Nom Clase Inf. Cuando se
Nom muestra
Clase(nombre,
Lugar donde se
muestra los datos o se información.
etc..)
introducen los datos.
Introducir datos del

formulario como Ej.
Nombre Estado de Interacción Nombre, código
Cuando se introducen Cuando se introducen datos
Código los datos. Nota.- Aquí solo se debe
Form tomar en cuenta la
…….. etc. navegación
Opciones
Opción 1 Opción 2 Las alternativas u 1
opciones. 2
Condición
Cumplida
Form
Condición Condición Condiciones
no cumplida cumplida
Condición No
Cumplida
Clas
Clas 1
Lista de
elementos Lista
Lista de clases [Clas1, accesibles
clas2,…….clasN]
Clas
Clas 2
Clas
Tiene la misma función que el elemento Clas 3

“opciones”, simplemente se hace la
distinción de que son una lista de
elementos y se tiene dos maneras de
representación. Lista Clas *
Clas
Figura: 2.13 Correspondencia de elementos de contexto navegacional mejorado

31
Aplicando la notación de la Figura: 2.12 y las correspondencias descritas en la Figura:
2.13 se representa el contexto navegacional de la siguiente forma: en primera instancia
las relacionadas con cada actor o rol determinado como el caso de usuario visitante ver la
Figura: 2.14. Posteriormente de forma general se ilustra el esquema de clase
navegacionales no abstractas, como se tiene el la Figura: 2.15
Visitante
Form
Menú
Form Opciones
Listado de
Sección de foros temáticas de
foros
Inf.
Temática Listado de todas las

opciones
correspondientes a la
temática de foro
Figura: 2.14 Contexto navegacional, Usuario Visitante

Figura: 2.15 Esquema de clases navegacionales no abstractas

32
2.3.4 Fase 4 Diseño De Interfaz no Abstracta
Finalizado el diseño navegacional es necesario especificar las diferentes interfaces de la

aplicación. Esto significa definir de qué manera aparecerán los objetos navegacionales en
la interfaz y cuales objetos activaran la navegación.
Esta fase consiste en mostrar los prototipos de interfaz, de manera que el usuario pueda
tener un concepto de las pantallas que vera una vez este implementado el trabajo, para
ello se emplea la notación de prototipos de interfaz que se muestra en la Figura: 2.16
Figura: 2.16 Notación de prototipos de interfaz

33
2.3.5 Fase 5 De Implementación
En esta fase, el diseñador debe implementar el diseño. Hasta esta fase, todos los
modelos fueron construidos en forma independiente de la plataforma de implementación;
en esta fase se tiene en cuenta el entorno particular en el cual se va a correr la aplicación
[Silva & Mercerat, 2003].
Al llegar a esta fase, el primer paso que debe realizar el diseñador es definir los ítems de
información que son parte del dominio del problema. Debe identificar también, cómo son
organizados los ítems de acuerdo con el perfil del usuario y su tarea; decidir qué interfaz
debería ver y cómo debería comportarse. A fin de implementar todo en un entorno web, el
diseñador debe decidir además qué información debe ser almacenada[Silva & Mercerat,
2003].
En esta fase es necesario realizar una revisión de las tecnologías existentes para el
desarrollo del sitio tales como:
- Lenguaje de programación.
- Gestores de bases de datos.
- Conectores o drivers para la conexión a la base de datos.
- Servidores web.
Por mencionar algunas, ya que cada aplicación web es distinta y podría requerir de
alguna tecnología especifica [Silva & Mercerat, 2003].
2.4 HIPERMEDIA
El término hipermedia toma su nombre de la suma de hipertexto y multimedia, una red

hipertextual en la que se incluye no sólo texto, sino también otros medios: imágenes,
audio, vídeo, etc. (multimedia), donde hipertexto se entiende como la organización de una
base de información en bloques discretos de contenido llamados nodos (en su mínimo
nivel), conectados a través de enlaces cuya selección genera distintas formas de
recuperar la información de una base de datos; la multimedia consiste en la tecnología
que utiliza la información almacenada en diferentes formatos y medios, controlados por un
usuario (interactividad) [Balasubramanian,2001].
34
Así pues, la hipermedia conjuga tanto la tecnología hipertextual, como la multimedia. Si la
multimedia proporciona una gran riqueza en los tipos de datos, el hipertexto aporta una
estructura que permite que los datos puedan presentarse y explorarse siguiendo distintas
secuencias, de acuerdo a las necesidades y preferencias del usuario. [M. J. Lamarca
Lapuente, 2005]
La estructura de un hipermedia es la misma que la de un hipertexto, formado por nodos

que se conectan mediante enlaces. La única diferencia es que los nodos contienen
elementos de diferentes medios o morfologías3. Las anclas ya no sólo son palabras sino
que pueden, por ejemplo, ser una imagen o un fragmento de ella, o pueden ser una
secuencia de audio o de vídeo. La estructura de un hipermedia es, pues, más compleja
que la de un hipertexto.
La ínter actuación de los diferentes medios y la sincronización entre ellos suele ser uno de
los aspectos más complejos en el desarrollo de aplicaciones multimedia. Hipermedia es
un nuevo medio. Es la síntesis de hipertexto multimedial, que comparte usos y
características tanto del hipertexto como del multimedia, más una serie de propiedades
que le son propias [Balasubramanian, 2001].
La hipermedia nos permite comunicar de manera más efectiva, ya que al ser relacional y
multimedial, puede parecernos más cercana a nuestro modo habitual de expresión y
pensamiento, y a su vez, permite al usuario interacturar de manera más rica, sencilla y
"amigable". Se podría decir que la hipermedia, añade al hipertexto, su forma de presentar
la información de forma no secuencial (o multisecuencial), cierta faceta multisensorial. Los
sistemas hipermedia se basan, en la suma de las potencialidades hipertextuales y
multimediáticas4. Y se aplican sobre todo, a un soporte abierto u on line, cuyo máximo
exponente es la World Wide Web ya que permite interconectar e integrar, casi sin límites,
conjuntos de información de diferentes materias expresivas: texto, imágenes, sonidos,
vídeos, bases de datos, etc. La hipermedia se caracteriza por sus posibilidades
interactivas y por las posibilidades que ofrece un nuevo medio de comunicación en red
[Diaz, Catenacci y Aedo, 2001].
3
Morfologías.-Estudia la forma de las palabras con valor significativo, su formación, derivación o flexión.
4
Multimediaticos.- Relativo a los medios de comunicación
35
Lo que realmente impulsa la aplicación de la interactividad plena en los sistemas
multimediáticos, convirtiéndolos en hipermediáticos, es el desarrollo de las redes de
comunicación, de las tecnologías de compresión de datos y la aparición de un servicio y
una interfaz específicamente diseñada para los nuevos servicios y contenidos
hipermediáticos, materializados en la Web.
A la hipermediatividad también contribuyen la utilización de interfaces basadas en

sistemas icónicos cuyos signos semejan los objetos representados y que se pueden
animar, enlazar y transformar, y que han culminado en el desarrollo de entornos virtuales
que integran hipersensorialmente la información [Lapuente, 2005].
En el siguiente gráfico Figura: 2.17, se observa cómo el término hipermedia engloba los
conceptos de hipertexto y multimedia:
Hipertexto Multimedia
HIPERMEDIA
Figura: 2.17 Hipermedia: Combinación de hipertexto y multimedia

Fuente: [Lapuente, 2005]
Las aplicaciones hipermedia han evolucionado en los últimos años y se han concentrado
especialmente en la web, la cual involucra decisiones no triviales de diseño e
implementación que influyen en todo el proceso de desarrollo. Esto dio inicio al desarrollo
de tecnologías ampliamente usadas para el desarrollo de aplicaciones web, entre ellas
esta la metodología OOHDM.
Estas aplicaciones no están solas, para obtener una aplicación Web de alta calidad se
hace uso de la ingeniería Web que es el proceso con el que se crean aplicaciones Web
de alta calidad [Pressman, 2006].
También contamos con técnicas para estimar el costo y el esfuerzo requeridos para la
producción del software, para ello están las métricas que nos ayudan a entender tanto el
36
proceso técnico que se utiliza para desarrollar un producto como el propio producto,
después de todo es lo que nos permite cuantificar y por consiguiente gestionar de forma
mas efectiva.
2.5 LA NOTICIA
2.5.1 Definición de la noticia
Una noticia es el relato o redacción de un texto informativo que se quiere dar a conocer
con sus propias reglas de construcción (enunciación) que se refiere a un hecho novedoso
o atípico o la relación entre hechos novedosos, ocurrido dentro de una comunidad o
determinado ámbito específico, que hace que merezca su divulgación.
La noticia es un hecho periodístico, equivalente a lo que implica para la historia un

acontecimiento. Dentro del ámbito de algunos medios de comunicación, es un género
periodístico en el que la noticia es un "recorte de la realidad" sobre un hecho de
actualidad que merece ser informado por algún tipo de criterio de relevancia social.
Construcción de la noticia. El contenido de una noticia debe responder a la mayoría de las

preguntas que se conocen como las "6W-H", de la escuela de periodismo norteamericana:
¿A quién le sucedió?
¿Qué sucedió?
¿Cuándo sucedió?
¿Dónde sucedió?
¿Por qué sucedió?
¿Cómo sucedió?
El orden en el que se responden estos interrogantes depende de las características del

hecho relatado, del redactor, de la guía de estilo del medio.
El periodista ordena los datos en orden decreciente a su importancia, parte de los datos
más importantes para llegar a los menos significativos.
37
Características principales. Las principales características de la noticia en la prensa
escrita son las siguientes:
- Veracidad: los hechos o sucesos deben ser verdaderos y, por lo tanto,

verificables.
- Objetividad: el periodista no debe verse reflejado en ella mediante la introducción

de ninguna opinión o juicio de valor. En la noticia no ha de aparecer quien la ha
redactado, sólo se adivinará que tiene un autor porque en ella se da una selección
de la realidad, de manera que el periodista escoge los elementos que le parecen
interesantes y relevantes. Pero en ningún caso se mostrará su opinión.
- Claridad: los hechos deben ser expuestos de forma ordenada y lógicamente.
- Brevedad: los hechos deben ser presentados brevemente, sin reiteraciones o

datos irrelevantes.
- Generalidad: la noticia debe ser de interés social y no particular.
- Actualidad: los hechos deben ser actuales o recientes.
- Novedad: los sucesos deben ser nuevos, desacostumbrados y raros.
- Interés humano: la noticia debe ser capaz de producir una respuesta afectiva o
emocional en los receptores.
- Proximidad: los sucesos entregados provocan mayor interés si son cercanos al

receptor.
- Prominencia: la noticia provoca mayor interés si las personas involucradas son

importantes y conocidas.
- Consecuencia: tiene interés noticioso todo lo que afecte a la vida de las

personas.
- Oportunidad: mientras más rápido se dé a conocer un hecho noticioso mayor

valor posee.
38
- Desenlace: algunas noticias mantienen el interés del público en espera del
desenlace que puede resultar sorprendente.
- Tema: las noticias relacionadas con ciertos ámbitos del quehacer humano
resultan atractivas en sí mismas: avances científicos.
- Servicio: Una noticia puede percibirse como tal en función del servicio que
preste. Que ayude a tomar decisiones.
Es un relato de un acontecimiento de actualidad, que despierta el interés del público. El

periodista tiene la responsabilidad de relatar con la mayor objetividad y veracidad posible
como se ha producido ese acontecimiento. Tiene unas funciones claramente delimitadas y
el periodista tiene que cumplirlas con el mayor rigor profesional.
El lector recibe la información sin ningún tipo de valoración personal. Cuando el periodista
se pone a relatar la noticia no debe pretender ser el más original y creativo, sino el más
objetivo, veraz y preciso. El estilo lingüístico está definido por las siguientes normas: claro,
concreto, preciso.
2.5.2 Modelo y estructura de la noticia
La estructura general de una noticia esta conformada por cinco partes tal como se
muestra en la figura 2.18.
El Epígrafe y el titular
Tiene la misión de proporcionar lo esencial de la información. Pero tiene también por

objetivo suscitar el interés del lector, invitándolo a leer la noticia.
La bajada o subtitulo
Es una síntesis de lo más importante del texto, por lo que debe ser llamativa y se
encuentra ubicada después del título.
Lead o entradilla
Es el primer párrafo o unas líneas iniciales en que se resume lo esencial del hecho
noticioso. Su redacción responde a las cinco preguntas fundamentales: quien, que,
39
cuando, donde y por que. Puede faltar alguno de tales elementos o añadirse otros: para
que, como, etc.
Figura 2.18 Estructura de la noticia

Fuente: Educar chile – Portal de educación
Cuerpo de la noticia
Puede ser más o menos largo y agregar más o menos detalles a lo dicho en el lead.
Cuando consta de varios párrafos, es norma que estos se sucedan siguiendo un orden
decreciente de importancia, y por esta razón si los límites de espacio lo exigen, a la hora
de componer la página puede prescindirse de uno o más párrafos empezando por el final,
de modo que solo se supriman los datos menos relevantes. Para complementar algunos
conceptos sobre la noticia involucrada al periodismo se puede consultar el anexo B.
2.5.3 La fotografía
La fotografía tiene la finalidad de potenciar y ampliar la información de manera testimonial,

este elemento es de mucha utilidad para el uso de la portada, ya que puede resumir en
muchos casos el contenido de la noticia principal de una determinada fecha.
40
Figura 2.19 La fotografía como complemento de la noticia
Fuente: El Alteño
La fotografía “puede llegar a pesar lo mismo que un editorial”. [Miguel Berrocal ABD,
Ignacio Gil ABC, Juan José Guillen EFE, 2006]
Según Berrocal “La fotografía no es complemento de nada. En sí es noticia, es

información”. Una información absolutamente necesaria porque, por sus características
propias, la fotografía, “cuenta aquello a lo que no pueden llegar las palabras escritas”.
2.5.4 La infografía
Una infografía, en un periódico, es un diseño gráfico que consta de variedad de

información tanto escrita como icónica y que para su realización ha necesitado de la
informática. En general el término se utiliza para toda aplicación informática en diseño
gráfico o animación. Por ejemplo: las cabeceras de los programas de televisión se hacen
mediante métodos infográficos. En los periódico digitales, las infografías pueden ser fijas
o con movimiento [Leturia, 2005].
41
Figura 2.20 Infografía para ilustrar la simpatía de los candidatos presidenciables
Fuente: El Alteño
La informática hace que cada vez sea más sencillo el reunir en un mismo dibujo o gráfico
informaciones que están almacenadas en la base de datos del periódico. El resultado de
la infografía, es un elemento eminentemente didáctico, que acerca al lector con mayor
sencillez a la información, poniendo a su alcance, por medio de imágenes que se fusionan
al texto datos que, de otra forma, es imposible integrar en la noticia.
La infografía siempre se basa en imágenes, a las que se acompaña texto o gráficos. La

importancia didáctica radica en la facilidad con que sugiere al lector lo más significativo de
la noticia y los elementos que la hacen más asequible.
La infografía es un gancho más para entrar en el texto, motivando hacia la lectura. El

lector es captado por los dibujos, los gráficos o los mapas, y si necesita mayor cantidad
de datos lee lo escrito.
La labor didáctica de la infografía se encuentra en su propia capacidad de generar

necesidades informativas, de completar referencias, relaciones y nuevas circunstancias
para entender con más claridad la complejidad de una noticia.
Toda infografía se sustenta en textos escritos, y necesita de ellos para una mayor
expresividad narrativa. Sin embargo, el fundamento de la infografía está en el uso de
iconos.
42
2.6 METRICAS DE CALIDAD
2.6.1. Diseño y calidad de una aplicación web
Toda persona que haya navegado en la web o usado una intranet corporativa tiene una
opinión acerca de lo que hace una buena página web.
Los puntos de vista individuales varían enormemente, algunos usuarios disfrutan los
gráficos que bailan otros quieren texto simple algunos solicitan información copiosa otros
desean una presentación abreviada, a algunos les gustan las herramientas analíticas
sofisticadas o los accesos a las bases de datos, a otros les gustan las cosas simples, de
hecho la percepción del usuario de lo que es bueno y la resultante aceptación o rechazo
de la pagina web como consecuencia, puede ser mas importante que cualquier discusión
técnica de la calidad de la aplicación web [Pressman, 2006].
Olsina y sus colegas [Olsina, 99] han preparado un árbol de requisitos de calidad que
identifica un conjunto de atributos técnicos como facilidad de uso, funcionalidad,
confiabilidad, eficiencia, y facilidad de mantenimiento que conducen a la aplicación web
de gran calidad la Figura: 2.21 se resume el trabajo. [Pressman, 2006].
Figura: 2.21 Árboles de requisitos de calidad

Fuente: [Olsina, 1999]
43
2.6.2 Estandar ISO/IEC 9126
El estándar ISO/IEC 9126 prescribe seis factores que describen a la calidad de software,
además informa acerca de un conjunto de subcaracterísticas de calidad para cada factor
en particular.
La definición de calidad en este estándar es: “La totalidad de características de un ente

teniendo en cuenta su capacidad de satisfacer necesidades explícitas e implícitas”.
Las seis características prescritas son: Usabilidad, Funcionalidad, Confiabilidad,

Eficiencia, Portabilidad y Mantenimiento como se ilustra en la Figura: 2.22
Figura: 2.22 Factores de calidad del estándar ISO 9126

Cada uno de estos factores de calidad se describe a continuación:
Funcionalidad, Es el grado en que el software satisface las necesidades que indican las
siguientes sub características:
• Idoneidad
44
• Exactitud
• Interoperabilidad
• Cumplimiento
• Seguridad
Confiabilidad, La cantidad de tiempo en que el software está disponible para usarlo

según las siguientes sub características:
• Madurez
• Tolerancia a fallas
• Facilidad de recuperación
Usabilidad, La facilidad con que se usa el software de acuerdo con las siguientes
características:
• Facilidad de comprensión
• Facilidad de aprendizaje
• Facilidad de operabilidad
Eficiencia, Es el grado en que el software emplea en forma óptima los recursos del
sistema como lo indican en las siguientes sub características:
• Comportamiento en el tiempo
• Comportamiento de los recursos
Mantenibilidad, La facilidad con que se repara el software de acuerdo con las siguientes
sub características:
• Facilidad de análisis
• Facilidad de cambio
45
• Estabilidad
• Facilidad de prueba
Portabilidad, La facilidad con que se lleva el software de un entorno a otro según las
siguientes sub características:
• Adaptabilidad
• Facilidad para instalarse
• Cumplimiento
• Facilidad para reemplazarse
El estándar ISO/IEC 9126 fue revisado desde 1994 con el objetivo de especificar un
nuevo marco de calidad que distingue entre tres enfoques diferentes de calidad de
software, estos son calidad interna, calidad externa y calidad en uso.
Calidad Interna esta especificada por un modelo de calidad que puede ser medida y
evaluada por medio de atributos estáticos de documentos tales como especificación de
requerimientos, arquitectura o diseño; piezas de código fuente, etc.
En etapas de inicio en el ciclo de vida del software es posible realizar las actividades de
medir, evaluar y controlar la calidad interna de los productos, pero en este sentido
asegurar la calidad interna de estos productos no es generalmente suficiente para
asegurar la calidad externa.
Calidad Externa, esta especificada también por un modelo de calidad que puede ser
medida y evaluada por medio de propiedades dinámicas del código ejecutable en un
sistema de computación, esto es, cuando un modulo o la aplicación completa es
ejecutado en una computadora o en una red simulando lo mas cercanamente posible un
ambiente real.
En fases tardías del ciclo de vida del software es posible medir, evaluar y controlar la
calidad externa de estos productos ejecutables.
46
Calidad en uso, Se mide por el grado por el cual el software está realizado en función de
las necesidades del usuario en el entorno de trabajo para el que fue construido.
2.6.3 Características Distintivas de las Aplicaciones Web
Los sitios y las aplicaciones web como producto o producto en uso tienen sus propias
características que son sensiblemente diferentes del software tradicional. Según
[POWELL, 1998], [OLSINA, 1999] y [MUR, 2001] estas características son:
• Los sitios y aplicaciones web continuaran siendo guiados por contenido orientados
a documentos. La mayoría de los sitios y aplicaciones web, aun considerando el
creciente soporte hacia funcionalidad y servicios, seguirán destinados a mostrar y
entregar información, esto es una característica básica proveniente de los
primeros tiempos de la web que están siendo potenciados actualmente por
iniciativas en el área de la web semántica [DAV, 2003].
• Los sitios web son aplicaciones interactivas, centradas en los usuarios, donde las
interfaces de usuario juegan un rol central y continuarán muy enfocadas en
cuestiones de aspecto y presentación. Las interfaces web deberían ser fáciles de
usar, comprender y operar ya que potencialmente miles de usuarios con diferentes
perfiles y capacidades interactuarán diariamente con ellas. Mas aun en las
interfaces de software tradicional podría emplearse un cierto período de tiempo
para entrenar a los usuarios en la operación del producto; sin embargo esto no
ocurre del mismo modo con los sitios web y la dispersión geográfica de los
potenciales usuarios.
• La web implica una relación mayor entre arte y ciencia que la que se encuentra
generalmente en aplicaciones de software. Características estéticas y de
presentación de los desarrolladores web no responden únicamente a habilidades
técnicas sino también a habilidades creativas y artísticas.
• Internacionalización y accesibilidad de contenidos para usuarios con capacidades

diferentes son desafíos vigentes en el desarrollo de sitios y aplicaciones web.
• Búsqueda y navegación son dos tipos de funcionalidad básica para encontrar y

explorar documentos contenidos en un sitio.
47
• La seguridad es una cuestión central en aplicaciones web orientadas a
transacciones, asimismo el rendimiento es una cuestión crítica para muchos sitios
y aplicaciones web.
• El sito web como un todo, o partes de él, son frecuentemente piezas evolutivas de
información.
• El medio donde los sitios y aplicaciones web son alojados y funcionan, son
generalmente más impredecibles que los medios donde corren las aplicaciones
tradicionales. Por ejemplo la impredecibilidad del mantenimiento del ancho de
banda o la disponibilidad del servicio podrían afectar la calidad percibida por los
usuarios en relación al sitio web.
• La privacidad de contenidos y derechos de propiedad intelectual de los materiales

distribuidos en sitios y aplicaciones web también son cuestiones de interés
específicos para los involucrados en el desarrollo. La mayoría de las veces es muy
difícil establecer límites legales debido a la heterogeneidad de la legislación de
diversos países o aún peor, directamente la ausencia de la misma.
La mayoría de las características mencionadas hacen de los sitios y aplicaciones web

artefactos particulares, sin embargo tal como cualquier aplicación de software, ellos
también involucran código fuente y ejecutable, estructuras de datos persistentes y
requerimiento, arquitectura, diseño y especificaciones de testing.
2.6.4 Método De Evaluación con WebQEM
La metodología WebQEM (Web Quality Evaluation Methodology) [Olsina, 2002]

corresponde a un método de inspección de características y atributos de calidad.
WebQEM es una metodología cuantitativa centrada en expertos que fue desarrollada
inicialmente para evaluar la calidad de producto y utiliza un modelo de calidad jerárquico
basado en la ISO9126 y adaptado a necesidades propias de la web [Olsina, 2002].
2.6.4.1 Panorama de la Metodología WebQEM
La metodología WebQEM ha sido desarrollada a partir de mediados del 98 por Olsina,

con el propósito de aportar una estrategia eficaz centrada en expertos, para evaluar y
analizar la calidad de los sitios y aplicaciones web en general.
48
Esta basada en modelo jerárquico de requerimientos de calidad, partiendo de las
características de más alto nivel prescriptas en la norma ISO9126 que son Funcionalidad,
Confiabilidad, Usabilidad, Eficiencia, Mantenibilidad y Portabilidad para calidad interna y
externa y eficiencia, productividad, seguridad y satisfacción para calida en uso.
El principal objetivo de WebQEM es evaluar y determinar el nivel de cumplimiento de las

características requeridas para un problema dado para lo cual se analizan los indicadores
globales, parciales y elementales obtenidos.
El resultado del proceso de evaluación puede ser interpretado como el grado de

satisfacción de los requerimientos de calidad.
Es posible sintetizar a WebQEM en los siguientes enunciados:
• Permite evaluar la calidad o la calidad en uso de productos web.
• Basa los requerimientos no funcionales en modelos de calidad a los que se le

asocian atributos cuantificables por medio de métricas directas e indirectas.
• Especifica criterios para pasar de valores de métricas a indicadores.
• Especifica modelos de agregación de características sub características y

atributos. Así permite calcular indicadores parciales y globales a partir de
indicadores elementales.
• Se centra en juicio de evaluadores expertos antes que en juicios de usuarios

finales.
• Permite trazabilidad en el proceso de evaluación.
• Permite realizar informes de recomendaciones (fortaleza y debilidades) a partir de

datos de métricas e indicadores elementales, parciales y globales.
La metodología comprende una seria de fases y actividades y una serie de métodos,

modelos y herramientas para llevarlas a cabo, estas fases son:
• Plantear y programar la evaluación de calidad.
• Definir y especificar los requerimientos de calidad.

49
• Definir (diseñar) e implementar (ejecutar) la evaluación elemental.
• Definir (diseñar) e implementar (ejecutar) la evaluación global.
• Analizar los resultados, concluir y documentar (generar el informe de

recomendación).
2.6.4.2 Pasos Básicos de la Metodología WebQEM
Los pasos mínimos definidos para aplicar la metodología WebQEM se resumen de la

siguiente manera:
• Definición del alcance de la evaluación, en relación a: metas de evaluación y perfil

de la audiencia (usuario).
• Definición y especificación de los requerimientos de calidad.
• Definición de los criterios de evaluación elemental en relación al procesote

medición y obtención de indicadores elementales.
• Definición de criterios de la evaluación globo en relación a Modelos de agregación

de indicadores y cálculos.
• Análisis y recomendaciones
2.6.4.2.1 PASO1. Definición de las metas de evaluación y selección del perfil de

usuario
Los evaluadores deben definir las metas y establecer el alcance del proyecto de
evaluación web. La evaluación puede llevarse a cabo tanto en la fase de desarrollo como
en la fase operativa del proyecto y se puede valorar la calidad de un producto completo o
bien se puede valorar la calidad de un conjunto de características y atributos de un
componente. Los resultados podrán ser utilizados para comprender, mejorar o controlarla
calidad de los productos. Por otra parte la importancia relativa (referente a los pesos) de
las características y atributos dependen de la meta de evaluación, del perfil de usuario
seleccionado y del dominio de la aplicación.
50
Para propósitos de evaluación en dominios web, se han considerado tres perfiles de
usuario a un alto nivel de abstracción, a saber: visitantes, desarrolladores y
gerenciadores. Siguiendo un mecanismo de descomposición jerárquica es posible,
por ejemplo, dividir a la categoría visitante en clases más específicas, tal como se
aprecia en la Figura: 2.23.
Figura: 2.23 Clasificación de Visitantes de Sitios Web

Fuente: [Covella, 2005]
Un visitante intencional se define como a la audiencia que tiene al menos algún

conocimiento o manifiesta algún interés en un dominio y sitio/s específicos/s y desea
probablemente informarse o aprender más acerca de sus contenidos y servicios. Su
permanencia en el sitio es generalmente mayor que la de una audiencia casual. A su vez,
se podría realizar una clasificación entre visitantes anónimos o registrados.
2.6.4.2.2 PASO2. Definición y especificación de los requerimientos de calidad
Los evaluadores deben elicitar, acordar y especificar los atributos y características de la

calidad que van a estar presentes en el proceso agrupándolos en un árbol de
requerimientos, de las características ISO antes mencionadas se derivan las
subcaracterísticas y de estas se pueden especificar atributos con un mínimo
solapamiento. A cada atributo cuantificable del dominio empírico se lo cuantifica por
medio de una métrica, que dará como resultado una medida en el mundo formal. En la
Figura: 2.24 se ejemplifica la subcaracterística funcionalidad y contenidos específicos
para sitios y aplicaciones con funcionalidad, además de subcaracterísticas y atributos
51
para un visitante intencional. Este árbol de requerimientos corresponde a un estudio
realizado en 2002 [COV,2002], donde se empleo WebQEM para evaluación de producto.
Figura: 2.24 Subcaracterísticas Funcionalidad y contenidos específicos

para sitios y aplicaciones con funcionalidad
52
2.6.4.2.3 PASO3. Definición de criterios de los indicadores elementales y
procedimientos de medición
Los evaluadores deben definir una base de criterios para la evaluación elemental y
realizar el anterior proceso de medición y obtención de los valores de indicadores
elementales. Un criterio de evaluación elemental declara y especifica cómo obtener un
indicador a partir de una medida de una métrica (para un atributo dado). El resultado final
es una preferencia o indicador elemental, y si la escala seleccionada fuera porcentual,
puede ser interpretado como el grado o porcentaje del requerimiento de calidad elemental
satisfecho.
Por lo tanto, para cada métrica de un atributo es necesario establecer un rango de valores
aceptables y definir la función de criterio elemental, que producirá una correspondencia
entre el valor de la métrica con el nuevo valor que representa la preferencia elemental.
Así, luego de computar la función de preferencia elemental que modela el requerimiento
del atributo Ai (a partir de la métrica m: Ai -> Xi ), el valor del indicador (I: Xi -> Ii) caerá en
uno de los tres niveles de aceptabilidad o barras de calidad. Esto es, si se ha
consensuado una escala porcentual para el indicador, los niveles de aceptabilidad podrían
ser: insatisfactorio (de 0 a 40%), marginal (desde 40,01 a 60%), y satisfactorio (desde
60,01 a 100%)
2.6.4.2.4 PASO 4.Definición del Modelos de agregación e implementación de la

evaluación global
En el paso previo se producen n indicadores de calidad elemental para los n

atributos considerados en el árbol de requerimientos. Por lo tanto, aplicando un
mecanismo de agregación paso a paso, los indicadores elementales se pueden
agrupar convenientemente para producir al final un esquema de agregación
completo. Los indicadores de calidad parciales y globales se pueden obtener
mediante cálculo conforme al modelo de agregación y puntaje empleado. Posibles
estrategias implementadas en WebQEM_Tool, son el modelo de agregación
meramente aditivo [GIL69], y el modelo de agregación lógica denominado LSP
[DUJ96]. El nivel de preferencia global representa el grado de satisfacción de
todos los requerimientos especificados para un sitio o aplicación Web dado.
53
Para obtener el indicador de calidad global e indicadores parciales (IG/P), se
puede emplear la siguiente estructura de agregación, tomando en cuenta el
modelo aditivo:
IG/P = (P1 IE1 + ... + Pn IEn)
Donde IEi son los indicadores elementales (o parciales, conforme al nivel del árbol que se
calcule) y Pi son los pesos que modelan la importancia relativa de cada indicador
elemental (o parcial) dentro de un grupo. Cada Pi debe ser mayor que cero y la sumatoria
en un grupo/subgrupo debe dar uno.
A modo de ejemplo simple, si para el trozo siguiente de árbol de requerimientos, tomado

de la Figura: 2.24, e ilustrado en la Figura: 2.25 se consideran ya acordados los pesos
(encerrados entre los símbolos < >), y obtenidos los indicadores elementales (encerrados
entre paréntesis), el valor calculado para I2.3.3.1 (Synchronous Communication and
Collaboration Resources) aplicando el modelo aditivo es: (0.20 * 60.00) + (0.25 * 17.50) +
(0.25 * 68.00) + (0.20 * 00.00) = 33.38; teniendo en cuenta para el cálculo los valores de
los indicadores de nivel inferior: I2.3.3.1.3 e I 2.3.3.1.2.
Figura: 2.25 Sección de árbol de requerimientos para

ejemplificar el cálculo de indicadores parciales
54
Los indicadores de más bajo nivel se calcularon de la siguiente manera:
I2.3.3.1.3 (Synchronous Resources): (0.20 * 00.00) + (0.20 * 100.00) + (0.20 * 50.00) +

(0.20 * 90.00) + (0.20 * 100.00)=68
I2.3.3.1.2 (Participation/Collaboration Mechanisms): (0.25 * 00.00) + (0.20 * 100.00) +

(0.15 * 100.00) + (0.20 * 50.00) + (0.25 * 70.00)=17,50
Este proceso recursivo debe ser completado para todos los atributos y subcaracterísticas
en el árbol de requerimientos para obtener la calificación global.
2.6.4.2.5 PASO 5. Análisis de resultados y recomendaciones
Una vez diseñado e implementado el proyecto de evaluación, el proceso culmina con la

documentación de las conclusiones y recomendaciones. Los evaluadores analizan los
resultados considerando las metas y el perfil de usuario establecidos. El proceso de
evaluación produce información elemental, parcial y global que puede ser fácilmente
analizada por medio de un modelo de seguimiento, de generación dinámica, y que se
emplea en actividades de toma de decisión. Por ejemplo, se puede definir la siguiente
hipótesis a corroborar: “la calidad de la (o las) aplicación Web satisface en general los
requerimientos de calidad en consideración de un perfil de usuario. Particularmente, que
el indicador global de calidad en uso satisface al menos el punto crítico de aceptabilidad
del 70% de la preferencia global, conforme a los requerimientos de calidad especificados
y acordados para una audiencia previamente determinada”.
55
CAPITULO 3
MARCO APLICATIVO
3.1 INTRODUCCION
El desarrollo de proyectos web involucra varias técnicas y tareas cuyos fundamentos

teóricos se mencionaron en el capitulo anterior, en este capitulo se describe la aplicación
de estos fundamentos en el desarrollo del portal web dinámico para el periódico El Alteño.
Inicialmente se lleva a cabo el diseño del portal empleando la metodología OOHDM+

(Metodología de Diseño Hipermedia Orientado a Objetos Mejorado), luego se realiza la
implementación utilizando PHP, Java, MySQL y Apache en el lado del servidor, finalmente
se aplican criterios para medir la calidad del portal.
3.2 DESARROLLO DEL PORTAL APLICANDO LA MENTODOLOGIA OOHDM+
3.2.1 Obtención de requerimientos
La obtención de los requerimientos comienza con la descripción del problema, para

obtener la mayor cantidad posible de información del dominio de aplicación.
El Alteño es un periódico cuya misión es la de informar a la ciudadanía en general, para

ello cuenta con una sala de prensa o redacción donde se encuentra un grupo selecto de
periodistas encargados de redactar las noticias generadas en los diferentes lugares de la
ciudad de La Paz, El Alto, departamentos y provincias de Bolivia, además de las noticias
generadas en el exterior.
El elemento principal producido por el personal de redacción es la noticia, para ilustrar de

manera grafica una noticia se emplea la fotografía i/o la infografía con el objetivo de
transmitir la información de forma mas clara a los lectores.
3.2.1.1 Estructura de la noticia adoptado por la redacción de El Alteño
La redacción del periódico el alteño adopto una forma resumida para estructurar la noticia,
debido a que se trata de un periódico popular. Sus partes son:
56
- Titular. Empleado para proporcionar lo esencial de la información y llamar el
interés del lector.
- Bajada o subtitulo. Es una síntesis de lo más importante del texto.
- Cuerpo de la noticia. Para el contenido de la noticia
- Fotografía. Que tiene la finalidad de ilustrar la noticia acompañado del pie de foto.
La ubicación de las partes de esta estructura se puede ver en la figura 3.1.
Figura 3.1 Estructura de la noticia adoptada por El Alteño

Fuente: El Alteño
57
3.2.1.2 Temáticas de información
Las temáticas que se emplean en el periódico El Alteño son: Política, economía, sociedad,
seguridad, cultura, deporte, ciencia y tecnología e internacional. La clasificación de la
noticia en temáticas es de mucha utilidad para crear nuevos productos ya sea en la
edición diaria como una sección del periódico o como suplemento. El esquema grafico de
las temáticas empleadas en El Alteño se pude ver en la Figura 3.2.
Figura 3.2 Temáticas de información empleados en El Alteño

Fuente: Elaboración propia
3.2.1.3 Tipos de productos
Los productos se clasifican en dos grandes grupos: secciones y suplementos. A

continuación se describen los productos que existen actualmente:
Secciones
Forman parte de la edición diaria del periódico. En el área de redacción se asignan las
noticias a las diferentes secciones de información de acuerdo al contenido y enfoque de la
noticia, a continuación se describen de manera breve las ocho secciones informativas con
las cuales cuenta el periódico.
58
- El país.- Sección dedicada a la información nacional proveniente de uno de las
capitales de departamento o provincias del país.
- Mi ciudad.- Sección dedicada a la información proveniente de la ciudad de El Alto

y de La Paz.
- Editorial.- Sección para el punto de vista u opinión de El Alteño, columnas, y

correspondencia enviada al periódico.
- Especial.- Sección dedicada para algún acontecimiento trascendental.
- Últimas noticias.- Esta sección se emplea para publicar las noticias generadas a
última hora o al cierre de edición.
- Deportes.- Sección dedicada a la información deportiva.
- Planeta.- Información internacional de cualquier temática de información.
En la tabla 3.1 se ilustra la correspondencia de las secciones con las temáticas de

información.
Temática
y
Tecnología
Seguridad
Economía
Sociedad
Deportes
Ciencia
Política
Cultura
Sección
Especial * * * * * * *
El pais * * * *
Mi ciudad *
Editorial * * * * * *
Deportes *
Planeta * * * * * * *
Ultimas noticias * * * * * * *
Tabla 3.1 Relación de secciones y temáticas de información del periódico El Alteño

59
Suplementos
Generalmente se publican una vez por semana, en los suplementos se escriben noticias
correspondientes a una o más temáticas de información, tal como se describe en la Tabla
3.2.
Temática
y
Tecnología
Seguridad
Economía
Sociedad
Deportes
Ciencia
Política
Cultura
Suplemento
La roja * *
Triunfo *
Productivo *
Fiesta andina *
Mi colegio *
Flash *
Tabla 3.2 Relación de suplementos y temáticas de información del periódico El Alteño

En las reuniones diarias que se realizan en el periódico El Alteño entre los editores,
jefaturas y el director del periódico se determinan cuales son las noticias mas destacadas,
el enfoque que tendrán y la sección a la que pertenecerá.
3.2.1.4 Ejecución de Entrevistas
- En la figura 3.3 se puede ver el formato de entrevista empleado para la obtención

de requerimientos. La entrevista esta organizado en tres partes: Propósito del
portal, información a publicar, la función del portal, contenido a publicar y las
funciones del portal.
60
Especificación de propósito y bondades del portal web
Propósito del portal web

¿Cuál es el propósito general del sitio web?
R.- Informar a la ciudadanía en general sobre el acontecer noticioso e interactuar con los lectores a
través de encuestas, comentarios, foros y correo electrónico.
Información a publicar en el portal web
¿Qué información se va a publicar en el portal?
- Noticias actuales escritas por el personal de redacción correspondiente a las diferentes
secciones o suplementos del periódico.
- Información institucional del periódico.
- Galerías de fotos de personajes y acontecimientos que generen noticia.
- Videos de reportajes noticiosos y acontecimientos que generen noticia.
- Encuestas sobre diversos temas para conocer la preferencia de los lectores.
- Hemeroteca para consulta de noticias pasadas.
- Comentarios de las noticias que escriben los lectores.
- Comentarios de las diferentes temáticas en los foros.
- Publicidad digital en forma de banners.
- Cotización del dólar estadounidense.
- Fecha actual, en el siguiente formato día – fecha - de – mes - de - año, por ejemplo domingo 31
de mayo de 2009.
Funciones del portal web
¿Qué tipo de funciones brindara el portal web?
- Presentar al usuario las noticias actualizadas mediante una interfaz agradable.
- Permitir interactuar a los lectores mediante comentarios, encuestas y foros de debate.
- Registro de usuarios.
- Autentificación de usuarios.
- Realizar la suscripción de servicios: RSS, titulares en email, edición impresa en formato PDF.
- Realizar búsquedas de noticias pasadas por temática, secciones, fecha, etc.
- Archivar las noticias pasadas.
- Gestionar los banners publicitarios.
Figura 3.3 Formato de entrevista

61
3.2.1.5 Especificación de roles y tareas
3.2.1.5.1 Especificación de roles
Luego de obtener la información del dominio de estudio se ha identificado la clase usuario

y las subclases usuario visitante, usuario registrado, usuario comentarista, usuario forista,
usuario suscrito, usuario administrador y usuario editor, ver la figura 3.4.
Rol: Usuario
Descripción:
Representa a
cualquier usuario del
portal web.
Rol: Usuario Rol: Usuario

Registrado Visitante
Descripción: Representa al Descripción: Es el usuario

usuario que se registra en el que ingresa, consulta y
portal web. realiza búsquedas pero que
no se registra en el portal
web.
Rol: Usuario Rol: Usuario Rol: Usuario

Comentarista Suscrito Editor
Descripción: Es el usuario Descripción: Es el usuario Descripción: Es el usuario

que se registra en el portal que se registra en el portal que se registra en el portal
web para dejar sus web para suscribirse en uno web con la finalidad de
comentarios respecto a una o mas servicios que el editar y actualiza las
noticia. periódico El Alteño ofrece. noticias del portal web.
Rol: Usuario Rol: Usuario

Forista Administrador
Descripción: Es el usuario Descripción: Es el usuario

que se registra en el portal que se registra en el portal
web para participar en los web para administrar los
foros. diferentes módulos del
portal web.
Figura 3.4 Identificación de Roles

Fuente: Elaboración Propia
62
3.2.1.5.2 Especificación de Tareas
Una vez identificado los roles, se describe las tareas que realiza cada usuario en la
plantilla mencionada en mencionamos en el capitulo anterior. Esta plantilla esta formado
por dos columnas: en la primera columna están los diferentes roles y en la segunda
columna las tareas correspondientes a cada actor. Ver figura 3.5.
ROL TAREAS
Rol/Actor
T1. Obtener la noticia actualizada de las secciones o suplementos
UsuarioVisitante
de la edición digital del periódico, publicado en el portal.
T2. Obtener la noticia de una determinada fecha, sección o
suplemento de la edición digital del periódico, publicado en el
portal.
T3. Participar en las encuestas publicadas en el portal.
T4. Conocer la opinión de los usuarios que escriben comentarios.
T5. Conocer la opinión de los usuarios que escriben en los foros.
T6. Consultar hemeroteca (Ediciones pasadas).
Rol/Actor
T7. Dar a conocer su opinión respecto a las noticias de la edición
UsuarioComentarista
digital del periódico.
Rol/Actor
T8. Obtener los servicios de suscripción del portal.
UsuarioSuscrito
Rol/Actor
T9. Dar a conocer su opinión respecto a las temáticas de los foros
UsuarioForista
publicados en el portal.
T10. Crear nuevas temáticas en los foros.
Rol/Actor
T11. Editar y publicar una noticia.
UsuarioEditor
T12. Formular encuesta.
Rol/Actor
T13. Administrar usuarios
Administrador
T14. Administrar comentarios
T15. Administrar foros.
T16. Administrar encuestas.
T17. Administrar las temáticas de información de la edición digital.
T18. Administrar las secciones de la edición.
T19. Administrar los suplementos
T20. Administrar espacios publicitarios
Figura 3.5 Identificación de tareas

Fuente: Elaboración Propia
63
3.2.1.6 Especificación de casos de uso
Una vez completado la especificación de tareas, para cada tarea mencionada, se

elaboran los casos de uso.
En esta sub fase se detalla la relación que existe entre el usuario y el portal web a través
de una plantilla de especificación de casos de uso, esta plantilla muestra la división de las
peticiones o acciones que realiza el usuario y las respuestas que da el portal web,
además permite especificar las precondiciones y poscondiciones que deben cumplirse
para que el curso normal de las acciones se dé.
En las figuras 3.6 y 3.7 se puede observar los casos de uso para obtener la noticia
actualizada y obtener la noticia de una determinada fecha, sección o suplemento
respectivamente.
CASO DE USO 1. Obtener la noticia actualizada

ROLES UsuarioVisitante
ESCENARIOS T1
PRECONDICIONES El portal esta activo, las noticias están actualizadas.
DESCRIPCION

2 El usuario selecciona una sección temática.
3 El sistema devuelve las noticias

4 El usuario selecciona una noticia. correspondientes a la temática.
5 El sistema devuelve la noticia al usuario.
6 El usuario lee la noticia.
POSTCONDICIONES El portal esta disponible para otra solicitud
Figura 3.6 Especificación de casos de uso Obtener la noticia actualizada

64
CASO DE USO 2. Obtener la noticia de una determinada fecha, sección o
suplemento.
ROLES UsuarioVisitante
ESCENARIOS T2
PRECONDICIONES El portal esta activo, las noticias están actualizadas.
DESCRIPCION
2 El usuario ingresa a la opción buscar.
3 El usuario selecciona una tematica.
4 El usuario selecciona la fecha.
5 El usuario escribe un texto a buscar
6 El usuario ejecuta la búsqueda
7 El sistema devuelve un listado con las
noticias que correspondan a la búsqueda.
8 El usuario selecciona una noticia. 9 El sistema devuelve la noticia al usuario.
10 El usuario lee la noticia

POSTCONDICIONES El portal esta disponible para otra solicitud
Figura 3.7 Especificación de casos de uso

Obtener la noticia de una determinada fecha, sección o suplemento
En el anexo C se puede ver la especificación de casos de uso correspondiente a todos los

roles y tareas mencionada en la especificación de tareas.
3.2.1.7 Especificación de UIDs (Diagrama de interacción de Usuario)
En esta fase mostramos la interacción del usuario con el sistema de forma grafica, de los
casos de uso mencionados de forma textual en el paso anterior.
A continuación en la figura 3.8 describiremos de manera breve la interacción entre el

usuario y el sistema en la especificación de UIDs obtener la noticia actualizada que
corresponde a la tarea T1 y caso de uso 1.
El usuario (visitante) ingresa al portal, posteriormente selecciona una sección o

suplemento, el sistema recibe este mensaje y devuelve el listado de noticias
correspondientes a la sección o suplemento, luego el usuario selecciona una noticia, esta
acción es recibida por el sistema y devuelve al usuario la noticia seleccionada, para que el
65
usuario lea la noticia, esta acción se repite hasta que el usuario salga de este modo de
consulta.
Figura 3.8 Especificación de UIDs Obtener la noticia actualizada

En la figura 3.9 se describe el UIDs para obtener la noticia de una determinada fecha,
sección o suplemento.
En el anexo D se muestran todos los UIDs correspondientes a los casos de uso

elaborados en el paso anterior.
66
Figura 3.9 Especificación de UIDs Obtener la noticia actualizada
de una determinada fecha, sección o suplemento
3.2.1.8 Prototipos de validación de UIDs
Para la evaluación de los UIDs empleamos los prototipos de validación con la notación
mencionada en el capitulo anterior y estos deben ser realizados de acuerdo a los actores
y tareas identificadas.
En la figura 3.10 se puede observar la validación del UIDs realizado para el usuario
visitante.
67
Figura 3.10 Prototipo de validación para el usuario visitante
En la figura 3.11 se lleva a cabo la validación del UIDs para el usuario editor como se
observa en el grafico este usuario realiza varias tareas de actualización en el portal, en
realidad este usuario es el que alimenta el sitio con los diferentes contenidos noticiosos.
68
Figura 3.11 Prototipo de validación para el usuario editor
Fuente: Elaboración propia.
De manera similar se realiza la validación del UID para el usuario forista como se puede
apreciar en la figura 3.12.
69
Figura 3.12 Prototipo de validación para el usuario forista
Fuente: Elaboración propia.
Los prototipos de validación para todos los usuarios se encuentran en el anexo E.
3.2.2 Diseño Conceptual
En esta etapa se identifican los objetos que formaran parte del dominio de aplicación, así
como también la relación que existe entre los objetos. Para esta fase se utilizo la
herramienta Power Designer versión 12, el diagrama se puede ver en la figura 3.13.
Este diseño esta en su fase inicial ya que sufrirá algunos cambios conforme se avance
con el desarrollo del proyecto.
70
71
Figura 3.13 Modelo conceptual - El Alteño
3.2.3 Diseño navegacional
En esta etapa se identifican los nodos, enlaces y contextos navegacionales de forma no

abstracta, mismos que están expresados en dos tipos de diagramas.
3.2.3.1 Esquema de clases navegacionales no abstractas
En el siguiente grafico figura 3.14 se observa el esquema de clases navegacionales no

abstractas, este esquema se origina del modelo conceptual obtenido en la fase anterior.
Como se menciono en el capitulo anterior este esquema permite visualizar los nodos y
enlaces que forman parte de la vista navegacional.
Figura 3.14 Esquema de clases navegacionales no abstractas

72
3.2.3.2 Esquema de contexto navegacional mejorado
En este paso se presenta las diferentes maneras en la que un nodo puede ser accedido
en un contexto navegación. En la figura 3.15 se presenta el esquema de contexto
navegacional mejorado para el usuario visitante, como se observa el usuario visitante
ingresa a la pagina principal y a partir de esta pagina puede acceder a los diferentes
nodos como ser: consultar noticias y suplementos, revisar la hemeroteca, ver los spots de
video o la galería de fotos, también puede participar de la encuesta publicada en el portal.
Figura 3.15 Esquema de contexto navegacional para el usuario visitante

73
En el anexo F se encuentra el esquema de contexto navegacional mejorado para todos
los usuarios.
3.2.4 Diseño de interfaz no abstracta
En esta fase elaboramos los prototipos de interfaz de manera que el usuario pueda tener
una idea clara del aspecto de las pantallas empleando la notación descrita en el capitulo
anterior.
En la figura 3.16 se muestra el prototipo de interfaz de la pagina inicial del portal, aquí se
observa la portada del periódico, menús de acceso a las distintas secciones de noticias,
buscador de noticias, galería de fotos, encuestas y un video spot.
Figura 3.16 Prototipos de interfaz no abstracta para la pagina principal

74
En la figura 3.17 se muestra la interfaz no abstracta para la página mi ciudad, en esta
pantalla se despliega la noticia principal correspondiente a la sección mi ciudad, el menú
lateral derecho cambia con los titulares de cada sección empezando con la sección activa
en este caso mi ciudad.
Figura 3.17 Prototipos de interfaz no abstracta para la pagina mi ciudad

El conjunto de prototipos de interfaz no abstracta para toda la aplicación se encuentra en

el anexo G.
75
Este tipo de prototipos se emplea para la visualizacion y correccion en papel. Existen
herramientas de software que permiten una mejor visalizacion y edicion en la misma
panalla del computador, en el presente proyecto se empleo el Balsamiq mockups for
desktop que se desarrollo para Adobe Air, en la figura 3.18 y figura 3.19 se puede
observar el prototipo de la pagina inicial y de la pagina mi ciudad respectivamente.
Figura 3.18 Prototipos de interfaz para la sección mi ciudad empleando balsamiq mockup
76
Figura 3.19 Prototipos de interfaz para la sección mi ciudad empleando balsamiq mockup
77
3.2.5 Implementación
En esta fase analizamos el entorno donde va a correr la aplicación y determinamos las

herramientas de software a emplear de acuerdo a las necesidades y experiencia en el
manejo de las mismas.
3.2.5.1 Software empleado para el desarrollo del portal
De manera resumida nombramos las herramientas de software a emplear en la

implementación de este proyecto:
- Microsoft Word. Para la edición del presente documento.
- Microsoft Visio. En el diseño de las figuras, diagramas y algunos prototipos.
- Adobe PhotoShop. Para la edición y conversión de imágenes en formato JPG.
- Power Designer. En el modelado conceptual y el diseño físico de la base de

datos.
- Balsamiq mockups for desktop. En el diseño de prototipos casi reales de la

aplicación.
- PHP. Como lenguaje de programación base.
- JAVA. Para algunas funciones multimedia.
- MySQL. Como gestor de base de datos.
- SQLYog. Para manipular de manera grafica las tablas en el servidor MySQL.
- Cute FTP. Para la transferencia de archivos al servidor remoto.
- Adobe Dreamweaver. En la edición del código fuente del portal.
- Apache. Como servidor de páginas web.
Un paso inicial en la implementación consiste en obtener los ítems de información, para

ello es de mucha utilidad el modelo conceptual y el diagrama de clases que se muestra en
78
la figura 3.13 y figura 3.14. Con la ayuda de estos diagramas obtenemos el diagrama
físico de la base de datos tal como se puede observar en la figura 3.20.
Figura 3.20 Modelo físico de la base de datos

Este modelo se ha diseñado en Power Designer, este aplicativo tiene la capacidad de

generar el script correspondiente para la base de datos en MySQL. Para importarlo en
cualquier servidor donde se tenga disponible alguna version de MySQL.
A partir de este momento lo que queda es codificar todos los prototipos de las paginas
que se encuentran en el anexo G.
79
3.3 METRICAS DE CALIDAD
La calidad de software puede ser entendida como el grado con el cual el usuario percibe
que el software satisface sus expectativas. El tipo y número de actividades de garantía de
calidad, que es necesario adoptar en un proyecto o en una organización.
Se cuenta con una metodología cuantitativa que permita determinar un factor como
calidad de sitios y aplicaciones web. Esta metodología que a continuación se desarrolla es
la WebQEM (Quality Evaluation Method) parte de un modelo jerárquico de calidad de
producto basado en el estándar ISO 9126, propuesta por el Dr. Luis Olsina.
3.3.1 Definición de Dominio de Evaluación, Metas de Evaluación y Selección del

Perfil de Usuario
3.3.1.1 Definiendo el Dominio de Evaluación
El dominio de evaluación de la aplicación se centra en el portal web para el periódico El

Alteño.
3.3.1.2 Definiendo Metas de Evaluación y Selección del Perfil de Usuario
En esta etapa de la evaluación de calidad se define como meta principal: verificar que el
presente proyecto tiene el nivel de cumplimiento en cuanto a características y atributos
de calidad de acuerdo a los requerimientos de los usuarios de portal web El Alteño.
En cuanto a la selección de perfil de usuario se tomará en cuenta a “usuario registrado”,

dentro de este usuario han sido identificados al usuario comentarista, usuario editor,
usuario forista y usuario administrador, el otro perfil esta como “usuario visitante”.
3.3.2 Definición y Especificación de los Requerimientos de Calidad
En el presente proceso de evaluación tomando en cuenta el perfil de usuario

anteriormente mencionado y para cumplir con la meta sólo se tomará en cuenta 4
características de las 6 que menciona la ISO/IEC 9126 y estas son: usabilidad,
funcionalidad, confiabilidad y eficiencia, estos datos se basan en el análisis que realizo
Olsina. En la siguiente Tabla 3.3 se muestra el árbol de requerimientos correspondiente al
dominio web del periódico El Alteño.
80
1. Usabilidad 2. Funcionalidad
1.1 Comprensibilidad Global del Sistema 2
1.1.1 Esquema de la Organización Global 2.1 Aspectos de búsqueda y recuperación
1.1.1.1 Mapa del sitio 2.1.1 Mecanismos de búsqueda en el sitio web
1.1.1.2 Tabla de contenidos 2.1.1.1 Búsqueda restringida
1.1.2 Mapa de imagen de campus 2.1.1.1.1 Usuarios
1.2 Mecanismos de ayuda y retroalimentación 2.1.1.1.2 Editores
1.2.1 Calidad de la ayuda 2.1.1.1.3 Administrador
1.2.1.1 Ayuda explicatoria orientada al usuario 2.1.1.2 Búsqueda Global
1.2.1.2 Ayuda de la búsqueda 2.1.2 Mecanismos de recuperación
1.2.2 Indicador de última actualización 2.1.2.1 Nivel de personalización
1.2.2.1 Global de todo el sitio web 2.1.2.2 Nivel de Retroalimentación en la recuperación
1.2.2.2 Restringido por subsitio o página 2.2 Aspectos de navegación y exploración
1.2.3 Facilidad FAQ 2.2.1 Navegabilidad
1.2.4 Retroalimentación 2.2.1.1 Orientación
1.2.4.1 Comentarios/Sugerencias 2.2.1.1.1 Indicador del camino
1.3 Aspectos de interfaces y estéticos 2.2.1.1.2 Etiqueta de la posición actual
1.3.1 Cohesividad al agrupar los objetos de control 2.2.1.1.3 Promedio de enlaces por página
principales 2.2.2 Objetos de control navegacional
1.3.2 Permanencia y estabilidad en la presentación de 2.2.2.1 Permanencia y estabilidad en le presentación
los controles pricipales de los controles contextuales (subsitios)
1.3.2.1 Permanencia de controles directos 2.2.2.1.1 Permanencia de los controles contextuales
1.3.2.2 Permanencia de controles indirectos 2.2.2.1.2 Estabilidad
1.3.2.3 Estabilidad 2.2.2.2 Nivel de desplazamiento
1.3.3 Aspectos de estilo 2.2.2.2.1 Desplazamiento vertical
1.3.3.1 Uniformidad en el color de enlaces 2.2.2.2.2 Desplazamiento horizontal
1.3.3.2 Uniformidad en el estilo global 2.2.3 Predicción navegacional
1.3.3.3 Guia de estilo global 2.2.3.1 Enlace con título (enlace con texto explicatorio)
1.3.4 Preferencia estética 2.2.3.2 Calidad de la frase de enlace
1.4 Misceláneas 2.3 Aspectos del dominio orientados al usuario
1.4.1 Soporte al lenguaje extranjero 2.3.1 Relevancia de contenido
1.4.2 Atributo “Que es lo nuevo” 2.3.1.1 Información de noticias
1.4.3 Indicador de resolución de pantalla 2.3.1.1.1 Índice de temáticas
2.3.1.1.2 Sub sitios de las temáticas
2.3.1.2 Información de suscripción
2.3.1.3 Información de los requerimientos de
suscripción
2.3.1.3.1 Formulario para llenar suscripción
2.3.1.3.2 Información de temáticas
3. Confiabilidad 4. Eficiencia
3.1 No deficiencia 4.1 Perfomancia
3.1.1 Errores de enlace 4.1.1 Páginas de accedo rápido
3.1.1.1 Enlaces rotos 4.2 Accesibilidad
3.1.1.2 Enlaces invalidos 4.2.1 Accesibilidad de información
3.1.1.3 Enlaces no implementados 4.2.1.1 Soporte de versión solo texto
3.1.2 Errores o deficiencias varias 4.2.1.2 Legibilidad al desactivar la propiedad imagen
3.1.2.1 Deficiencias o cualidades ausentes debido a de browser
diferentes navegadores (browsers) 4.2.1.2.1 Imagen con título
3.1.2.2 Deficiencias o resultados inesperados 4.2.1.2.2 Legibilidad global
independientes de browsers 4.2.2 Accesibilidad de ventanas
3.1.2.3 Nodos destinos inesperadamente en 4.2.2.1 Número de vistas considerando marcos
construcción (frames)
3.1.2.4 Nodos web muertos sin enlaces de retorno 4.2.2.2 Versión son marcos
Tabla: 3.3 Árbol de requerimientos para El periódico El Alteño

3.3.3 Definición de criterios de los indicadores elementales y procedimientos de

medición
En esta fase consideramos los diferentes tipos de criterios de calidad elemental, escalas,
valores y rangos críticos y funciones para determinar la preferencia elemental.
81
Una vez definidos y consensuados los criterios para medir cada atributo, se debe ejecutar
el proceso de medición, es decir la recolección de datos, el cómputo de las variables y las
preferencias elementales, para finalmente presentar los resultados.
Para los criterios de evaluación cuantificable cabe recalcar que se aplicará los criterios de
preferencia de calidad elemental del modelo WebQEM.
3.3.3.1 Criterio de preferencia de calidad elemental
El tipo de criterio de calidad elemental que se utilizará es el criterio de preferencia

elemental absoluta discreta (ver Anexo H) ya que se emplea para determinar la
preferencia absoluta de un atributo, en tanto que la relativa solamente busca determinar
indicadores relativos sin evaluar la característica de un modo individual e independiente y
por tanto no puede ser interpretado individualmente.
La idea central es determinar los valores de las variables de preferencia de calidad

elemental (IEi) para cada atributo Ai (hojas del árbol de requerimientos), es importante
mencionar que cada atributo Ai tendrá asociada una variable Xi ЄR que tomará un valor
real a partir de un proceso de medición el cual producirá un valor de IEi que interpreta el
porcentaje del requerimiento satisfecho.
3.3.3.2 Estructura de agregación de preferencias parciales
En este punto se realizo una descripción de las características, subcaracterísticas y

atributos. Para determinar el valor de la variable “peso” pi (que se utilizará para calcular
los indicadores de calidad global IGi) de cada característica y atributo, el presente
proyecto tomó como referencia los valores que propone el Dr. Olsina. En las siguientes
figuras se muestra las estructuras de agregación de preferencias parciales usando el
modelo LSP (Modelo y procedimiento basado en la lógica de preferencias continua) para
el caso de estudio del periódico El Alteño. Se muestra estructuras de agregación de
preferencias para la características de alto nivel denominada Usabilidad ver Figura 3.21,
la estructura de agregación para la característica funcionalidad, ver Figura 3.22; para la
característica confiabilidad ver Figura 3.23 y por último para la eficacia ver figura 3.24.
82
Figura: 3.21 Agregación de Usabilidad Figura: 3.22 Agregación de Funcionalidad
Fuente: Elaboración propia Fuente: Elaboración propia
83
Figura: 3.23 Agregación de Confiabilidad Figura: 3.24 Agregación de Eficiencia
Fuente: Elaboración propia Fuente: Elaboración propia
Asimismo también se muestra en la Figura 3.25 los valores ponderados de los pesos Pi
(0.3, 0.3, 0.2, 0.2) de las características de más alto nivel, los cuales son útiles para
calcular el indicador de calidad global IG. Esta estructura producida es útil para cuantificar
el indicador de calidad global IG para el portal web El Alteño.
Figura: 3.25 Estructura de agregación de preferencias parciales

3.3.4 Análisis de resultados y recomendaciones
A partir del árbol de calidad antes esquematizado y para cada atributo cuantificable Ai
debemos asociar y determinar la variable Xi, que tomará un valor real a partir de un
proceso de medición. Además, para el rango de valores acordamos para la variable Xi
por medio de un criterio elemental (ver anexo H), se deberá hacer corresponder en una
84
preferencia elemental IEi, además es importante mencionar el rango de aceptación como
se observa en la Figura 3.26
Figura: 3.26 Estructura de agregación de preferencias parciales

A continuación se especificación algunos atributos intervinientes en el modelo de calidad,

a partir del árbol de requerimientos.
Titulo: Mapa del sitio; Código: 1.1.1.1 Tipo: Atributo

Características de más Alto Nivel: Usabilidad
Super-características: Esquemas de Organización Global
Definición: Un mapa del sitio es una representación con componentes gráficos que
muestra la estructura o arquitectura global a menudo jerárquica del sitio web como u n
todo.
Tipo de Criterio Elemental: Es un criterio binario, discreto y absoluto: sólo se pregunta si
esta disponible “1” o si no está disponible “0”.
Peso: Con un peso de 0.2
Titulo: Mapa de imagen de campus; Código: 1.1.4; Tipo: Atributo

Super-características: Comprensibilidad Global del sitio
Definición: Un mapa es una imagen con funciones de ampliación y/o vista virtual.
Tipo de Criterio Elemental: Es un criterio multinivel, discreto, absoluto:
X=0 no disponible, entonces IEi=0%
85
X=1 disponible, permitiendo solo referencias no enlazadas y/o zooming y IEi= 60%
X=2 disponible, permitiendo navegación enlazada directa o indirectamente y/o zooming,
y/o visita virtual, y IEi= 100%
Titulo: Fecha de la última actualización global; Código: 1.2.2.1; Tipo: Atributo

Super-características: Indicador de la última actualización
Definición: Es la fecha global de la última actualización.
Tipo de Criterio Elemental: Es un criterio binario, discreto y absoluto:
X=0 si no tiene fecha, entonces IEi=0%
X=1 si tiene fecha, entonces IEi=100%
Titulo: Estabilidad; Código: 2.2.2.1.2; Tipo: Atributo

Características de más Alto Nivel: Funcionalidad
Super-características: Permanencia y estabilidad en la presencia de controles
contextuales
Definición: Se refiere ala ubicación de los controles contextuales en los nodos del
subsidio. Un control es estable si se encuentra siempre en la misma ubicación durante la
navegación de los nodos de los subsitios.
Tipo de Criterio Elemental: Es un criterio multinivel, discreto y absoluto:
X=0 si no cuenta con estabilidad en la ubicación de los controles, entonces IEi=0%
X=1 si cuenta con estabilidad en la ubicación de los controles de forma parcial, entonces
IEi=60%
X=1 si cuenta con estabilidad en la ubicación de los controles de forma total, entonces
IEi=100%
86
Titulo: Enlaces destinos en construccion; Código: 3.1.2.2; Tipo: Atributo
Características de más Alto Nivel: Confiabilidad
Super-características: Este atributo indica si existen páginas en construcción, su finalidad
o teme está asociado al enlace.
Definición: Es la fecha global de la última actualización.
Tipo de Criterio Elemental: Es un criterio variable normalizada, continuo y absoluto:
En donde: si NC= Número de nodos en construcción encontrados
NT= Número total de nodos del sitio
Y la formula para computa la variable es: X=100 (NC*100/NT)*10
Si X<0 entonces X=0 entonces si X=100-(0*100/375)*10 X=100
Titulo: Imagen con título; Código: 4.2.1.2.1; Tipo: Atributo

Características de más Alto Nivel: Eficiencia
Super-características:
Definición: Este atributo representa el porcentaje de la presencia de la etiqueta <ALT> de
manera que incluya texto alternativo a la imagen cuando se desactive la propiedad de
imágenes del navegador.
Tipo de Criterio Elemental: Es un criterio de variable normalizada, continuo y absoluto.
Este criterio elemental se suele utilizar para evaluar la relación entre dos atributos con
criterios absolutos de un mismo sistema.
Sea X=100-Xj ; X=100-(TA*100/TT)
Si TA= Cantidad de títulos ausentes
TT= Número total de títulos.
Xj= Representa el porcentaje de imágenes con título
Entonces si X=100-(0*100/20)*10 X=100
En la siguiente tabla 3.4 se muestra los valores de los criterios elementales para cada
uno de los atributos de la característica de Usabilidad, descritas en el árbol de
requerimientos. Estos valores se obtuvieron a partir de los Criterios de Preferencia
Elemental adecuados.
87
Tipo de Criterio
Código Atributo Descripción IE%
Elemental
Un mapa del sitio es una representación con

componentes gráficos, que muestra la Es un criterio
Mapa del
1.1.1.1 estructura o arquitectura global del sitio web, binario, discreto 100
Sitio
solo se pregunta si esta disponible “1” o si no y absoluto.
esta disponible “0”
Un mapa de imagen es una imagen con

funciones de ampliación y/o vista virtual. Es un criterio
Mapa de
multinivel,
1.1.2 imagen de Sea X=0 si esta disponible, X=1 disponible 60
discreto y
campus permitiendo navegación no enlazada y visita absoluto
virtual
Fecha última
de Es un criterio
Permite verificar la última fecha de
1.2.2.1 actualización binario, discreto 100
actualización “1” o si no está disponible “o”.
Global de y absoluto
todo el sitio.
Última Es un criterio
Es la fecha que se realizo la última
1.2.2.2 actualización binario, discreto 100
actualización en las sesiones o páginas.
por pagina y absoluto.
Esto mide si el sitio web es capaz de

Es un criterio
Facilidad responder a las preguntas más frecuentes del
1.2.3 binario, discreto
FAQ usuario. Solo se pregunta si es capaz “1” o no
y absoluto.
es capaz “0”.
Representa un formulario en el cual el usuario

Comentarios Es un criterio
puede llenar y puede hacer alguna
1.2.4.1 y binario, discreto 100
sugerencia o comentario a las noticias del
sugerencias y absoluto.
día.
Permanencia Este atributo representa la permanencia Es un criterio

1.3.2.1 de controles directa de los controles del menú principal del binario, discreto 100
directos sitio que permiten navegación. y absoluto.
Se refiere a la ubicación de los controles

principales directos o indirectos en los nodos
Es un criterio
del sitio. Un control es estable si se encuentra
1.3.2.3 Estabilidad binario, discreto 100
siempre en la misma ubicación al navegar por
y absoluto.
los nodos. Solo se pregunta si esta siempre
en la misma ubicación “1” o si no lo esta “0”.
Se refiere si todos los enlaces que posee el

Uniformidad sitio web son de un mismo color. Se empleará Es un criterio
1.3.3.1 en el color de la experiencia del evaluador para ver si todos binario, discreto 100
los enlaces los enlaces son de un mismo color “1” o “0” si y absoluto.
no lo son.
Uniformidad Se refiere si todo el sitio web posee Es un criterio

1.3.3.2 100
en el estilo uniformidad de color estilo y fuente. binario, discreto
88
global Sea X=0 se interpreta si no posee una y absoluto.
uniformidad de estilo, X=1 si posee
parcialmente una uniformidad de estilo y X=2
si posee una uniformidad de estilo total.
Este atributo modela la disponibilidad parcial

o total de lenguajes extranjeros soportados
por el sitio web. No se computa el lenguaje
Soporte a Es un criterio
nativo como lenguaje extranjero. Sea X=0 si
1.4.1 Lenguaje binario, discreto 60
no soporta lenguajes extranjeros, X=1 si
Extranjero y absoluto.
soporta parcialmente lenguajes extranjeros y
X=2 si tiene un soporte total de lenguajes
extranjeros.
Tabla: 3.4 valores de los criterios elementales para cada uno de los atributos de la
característica de Usabilidad
En la tabla 3.5 se muestra valores de los criterios elementales para cada uno de los
atributos de la característica de Funcionalidad. Es valores se obtuvieron a partir de los
criterios de Preferencia Elemental.
Tipo de
Código Atributo Descripción Criterio IE%
Elemental
Búsqueda Es un criterio
2.1.1.1 Búsqueda de un elemento particular de la aplicación 0
restringida elemental binario
Es un criterio
Búsqueda
2.1.1.2 Búsqueda en la aplicación. multinivel, 0
global
absoluto, discreto.
Promedio de Da una idea sobre la cantidad de puntos de partida en una Es un criterio

2.2.1.1.3 enlaces por página, que indica como una página esta interconectada con multinivel, 60
página. nodos destino. absoluto, discreto.
Es la permanencia de los controles de navegación de un

Permanencia Es un criterio
subsitio, de modo que los visitantes tengan acceso
2.2.2.1.1 de los controles multinivel,
permanente a los principales nodos del sitio y realizando el
contextuales absoluto, discreto
menor esfuerzo cognitivo y de ajuste de interfaces.
2.2.2.1.2 Estabilidad Se refiere a la ubicación de los controles en los nodos del Es un criterio 50
subtítulo. Un control es estable so se encuentra siempre en la variable
89
misma ubicación durante la navegación de los subsitios. normalizada
Nivel de desplazamiento vertical que el visitante debe realizar Es un criterio

Desplazamiento
2.2.2.2.2 para ajustar la interfase considerando 640 x 480 como la variable 100
horizontal
mínima resolución normalizada
Es un criterio
Enlace con Este atributo trata de predecir los temas o contenidos que
2.2.3.1 multinivel discreto, 60
título están asociados al enlace.
absoluto
Cuando los enlaces no son suficientemente descriptivos, el

visitante podría no tener una buena pista respecto de lo que
Es un criterio
Calidad de la dichos enlaces significan, principalmente cuando no hay un
2.2.3.2 multinivel discreto, 60
frase de enlace buen contexto. Por lo tanto se tiene una buena frase del
absoluto
enlace si es auto- descriptiva es decir (significativa cuando se
lee fuera de contexto), es concisa y única.
Información de Este atributo da una idea si están presentes los datos Es un criterio
2.3.1.1 100
noticias relevantes de las noticias del día. elemental binario
Información de Establece que la información referente a los requerimientos

los para la suscripción en el portal web está presente. Solo se Es un criterio
2.3.1.3 100
requerimientos pregunta si esta cuenta con información de requerimientos multinivel discreto
de suscripción “1” o si no cuenta con este atributo “0”
Formulario para Es la representación del formulario de suscripción e indica si Es un criterio

2.3.1.3.1 llenar cuenta con un formulario de suscripción “1”, y si no cuenta elemental, binario, 100
suscripción con formulario de suscripción “0” discreto, absoluto
Es la representación de todas las temáticas presentes en el

Es un criterio
Información de periódico por ejemplo: Fiesta andina, etc. Solo se pregunta si
2.3.1.3.2 elemental, binario, 100
temáticas tiene información sobre temáticas “1” y si no cuenta con
discreto, absoluto
información “0”.
Tabla: 3.5 valores de los criterios elementales para cada uno de los atributos de la
característica de funcionalidad
En la tabla 3.6 se muestra los valores de los criterios elementales para cada uno de los
atributos de la característica de confiabilidad. Estos valores se obtuvieron a partir de los
criterios de Preferencia Elemental.
90
Tipo de Criterio
Elemental
3.1.1.1 Enlaces rotos Se mide la cantidad de enlaces que están rotos. Se utiliza la siguiente Variable 100
formula: normalizada,
continua, absoluta
Sea X=100-(ER*100/ET)*10
Donde ER= Cantidad total de enlaces rotos
ET= cantidad de enlaces

X=100-0=100
3.1.1.2. Enlaces inválidos Se mide los enlaces que no son válidos. Variable 60
normalizada,
Se utiliza la siguiente fórmula: continua, absoluta
Sea X=100-(ER*100/EI)*10
Donde EI= cantidad total de enlaces inválidos
ET= Cantidad total de enlaces
X=100 – 0 =100
3.1.1.3 Enlaces no Se mide los enlaces en el sitio web. Es un criterio de 100

implementados multi nivel, discreto
Sea X=0 si no existen enlaces implementados, X=1 si existen algunos absoluto
enlaces y X=2 si todos los enlaces están implementados.
3.1.2.1 Diferencias o Representa la existencia de alguna diferencia en la presentación del Es un criterio de 100
cualidades portal web debido a diferentes navegadores. multi nivel, discreto
ausentes debido absoluto
a diferentes Sea X=0 si no existen diferencias en la presentación, X=1 si existen
navegadores diferencias de forma parcial y X=2 la presencia total del atributo.
3.1.2.2 Diferencias o Se mide si existe una presentación del sitio web sin que afecte al Es un criterio de 100
resultados navegador que utilicemos. referencia de
inesperados calidad directa
independientes
del browser.
3.1.2.3 Nodos destinos Este atributo indica si existe páginas en construcción, la formula para Criterio de variable 100
en construcción computar la variable es: normalizada
X=100-(NC*100/NT)*10
En donde si:
NC=Número de nodos en construcción encontrados.
NT=Número total de nodos del sitio

Si X<0 entonces X=0; X=100-0; X=100
3.1.2.4 Nodos Web Este atributo indica si existe nodos del portal web muertos, es decir sin Criterio de variable 100
Muertos funcionamiento y la formula para computar la variable es: normalizada
X=100-(NM*100/NT)*10
En donde si:
NM= Número de nodos muertos encontrados.
Si X<0 entonces X=0

X=100-0
X=100
Tabla: 3.6 Valores de los criterios elementales para cada uno de los atributos de la
característica de Confiabilidad
91
En la tabla 3.7 se muestra los valores de los criterios elementales para cada uno de los
atributos de la característica de Eficiencia. Estos valores se obtuvieron a partir de los
criterios de Preferencia elemental.
Tipo de Criterio
Elemental
4.1.1 Páginas de Se mide el tamaño de todas las páginas de la aplicación Multi nivel, 60
acceso considerando todos sus componentes. Tamaño aceptable discreto,
rápido 35.2 Kb, requiere 20 seg.. para bajar a una tasa de 14400 bps. absoluto
X=0 si no cuenta con páginas de acceso rápido de forma total,
estonces IEi=0%
X=1 si cuenta con páginas de acceso rápido de forma parcial,
entonces IEi=60%
X=2 Si no cuenta con páginas de acceso rápido de forma total,
entonces IEi=100%
4.2.1.1 Soporte a Representa la accesibilidad a la información que esta en las Multi nivel, 60
versión solo páginas. Es relevante que la página sea editada en una discreto,
texto versión de solo texto. absoluto
X=0 si no esta preparado para una versión solo texto,
entonces IEi=0%.
X=1 si esta preparado parcialmente entonces IEi=60%.
X=2 si esta preparado para la versión solo texto de manera
total, entonces IEi=100%
4.2.1.2.1 Imagen del Mide el porcentaje de a presencia, la etiqueta <ALT> de Variable 100
título manera de incluir texto alternativo a la imagen cuando se normalizada,
desactiva la propiedad imágenes del navegador. continua,
absoluta
Sea X= 100-Xj
X=100-(TA*100/TT)
Si TA= Cantidad de títulos ausentes
TT= Número total de títulos
Xj = Representa el % de imágenes con título
Entonces si X=100-(0*100/20)*10
X=100
4.2.1.2.2 Legibilidad Representa la presencia de calidad en consideración de nivel Multi nivel, 60

total de legibilidad global del sitio cuando desactiva la propiedad discreto,
ver imágenes del navegador. absoluto
Si X=0 no existe legibilidad, entonces IEi=0%
X=1 si esta preparado parcialmente entonces IEi=60%
X=2 Si existe legibilidad global, entonces IEi=100%
4.2.2.1 Número de Los frames o marcos organizan a una ventana en diferentes Multi nivel, 100
vistas áreas o sub vista, tanto de control como de contenido. Cuando discreto,
considerando mayor en la cantidad de marcos menor en la accesibilidad de absoluto
marcos la ventana.
X=1 entonces 100%
X=2 90%
X=3 80%
92
X=4 50%
X>4 =%
Y según el trabajo no lleva ninguna sub vista entonces X=100
4.2.2.2 Versión sin Cuando se utilizan marcos, es deseable que cuente con una Elemental 100
marcos de versión del sitio sin marcos, solo se pregunta si esta binario, discreto
disponible la versión sin frames “1”, o no es aplicable en casi y absoluto.
de no estar diseñado con frames “0”.
Tabla: 3.7 Valores de los criterios elementales para cada uno de los atributos de la
característica de Eficiencia
3.3.5 Evaluación Global
La evaluación global se la realiza con el fin de obtener un indicador de calidad para el

sistema. Aplicando un mecanismo de agregación para paso a paso, las preferencias de
calidad elementales deben estructurarse y agregarse de un modo de abajo hacia arriba
para permitir último cálculo de las preferencias parciales respectivas. A su vez repitiendo
el proceso de agregación recursivo al final puede obtenerse la estructura de agregación
recursivo al final puede obtenerse la estructura de agregación de todo el sistema.
Los valores obtenidos IEi de la evaluación realizada en las anteriores tablas, será la base
principal para la evaluación global utilizando LPS (Logia Scoring of Preference) con la
función de la media potencia pesada. Ver la ecuación 1.
IG(r)=(P1IEr1+ P2IEr2+…….+PmIErm)1/r ; r<= +∞; 0<=IEi <=1 (1)
Donde: (P1+P2+…..+Pm)=1; Pi>0; i=1……m
Pi= representa al peso de cada elemento del árbol de requerimientos; estos valores
fueron asignados ya por el autor de la metodología WebQEM.
R= es el exponente de la ecuación (1), guarda el valor real conforme al operador lógico y

a la cantidad de entradas seleccionadas para una función de agregación dada.
* Evaluación Global para la Usabilidad
A continuación se presenta los IG(r) parciales para la característica de Usabilidad.
Reemplazando los valores en la ecuación (1) tenemos:
IG(3)=(0.2*1003 + 0.4*03 + 0.4 * 03)1/3= 56.15
93
Calculando IG(4)=(0.35*56.154 + 0.15*04 + 0.2*04 + 0.3*604) ¼ =
IG(2)=(0.5*1002 + 0.5*1002) 1/2 = 100
IG(3)=(0.5*1003 + 0.25*1003 + 0.25*03 ) 1/3 =86.85
Calculando IG(r) para la sub carácteristica 1.2
IG(5)=(0.2*05 + 0.2*1005 + 0.25*86.855 +0.1*605 + 0.25*42.565 ) 1/5 =
IG(2)=(0.5*1002 + 0.5*1002 ) 1/2 = 100
IG(2)=(0.4*1002 + 0.6*1002 ) 1/2 = 100
IG(3)=(0.2*1003 + 0.7*603 +0.1*03) 1/3 = 67.65
Calculando IG(r) para la sub carácteristica 1.3
IG(4)=(0.15*04 + 0.3*1004 + 0.3*67.614 +0.25*04 ) 1/4 = 74.75
Calculando IG(r) para la sub característica 1.4
IG(3)=(0.5*603 + 0.35*03 + 0.15*03) 1/3 = 45.75
Reemplazando los valores calculados de las subcaracterísticas obtenemos el IG(r) para la

característica de Usabilidad.
IG(4)=(0.35*52.144 + 0.3*73.274 + 0.3*74.374 +0.1*45.754 ) 1/4 = 65.10
* Evaluación Global para la Funcionalidad
A continuación se presenta los IG(r) parciales para la característica de funcionalidad.

IG(2)=(0.5*602 + 0.5*02 ) 1/2 = 12.4
IG(2)=(0.6*602 + 0.4*1002 ) 1/2 = 78.5
IG(2)=(0.7*78.52 + 0.3*602 ) 1/2 = 71.14
IG(2)=(0.5*1002 + 0.5*1002 ) 1/2 = 100
94
IG(2)=(0.6*602 + 0.4*602 ) 1/2 = 60
IG(2)=(0.5*602 + 0.5*1002 ) 1/2 = 79.56
IG(2)=(0.7*1002 + 0.3*79.562 ) 1/2 = 66.5
IG(2)=(0.3*602 + 0.7*602 ) 1/2 = 60
Calculando IG(r) para las subcaracterísticas 2.2
IG(3)=(0.35*71.143 + 0.35*66.473 + 0.3*603) 1/3 = 63.65
IG(2)=(0.3*1002 + 0.7*02 ) 1/2 = 54.8
IG(2)=(0.6*1002 + 0.4*1002 ) 1/2 = 77.5
IG(3)=(0.15*1003 + 0.25*1003 + 0.3*03) 1/3 = 84.89
IG(5)=(0.2*1005 + 0.2*1005 + 0.2*1005 +0.2*1005 + 0.2*1005 ) 1/5 =100
IG(3)=(0.35*1003 + 0.35*03 + 0.3*03) 1/3 = 68
IG(5)=(0.2*54.85 + 0.15*77.55 + 0.25*84.895 +0.1*1005 + 0.15*685 ) 1/5 =90.38
IG(4)=(0.3*04 + 0.25*1004 + 0.25*1004 +0.2*04 ) 1/4 = 84.1
IG(2)=(0.8*98.382 + 0.2*84.12 ) 1/2 = 89.16
Reemplazando los valores calculados de las subcaracterísticas en la ecuación (1)

obtenemos el IG(r) para la característica de la funcionalidad.
IG(3)=(0.3*42.43 + 0.3*63.653 + 0.4*89.163) 1/3 = 72.67
* Evaluación Global para la Confiabilidad
A continuación se presenta los IG(r) parciales para la característica de confiabilidad.

Calculando IG(r) para las subcaracterísticas 3.1.1
95
IG(3)=(0.5*1003 + 0.3*1003 + 0.2*603) 1/3 = 94.47
Calculando IG(r) para las subcaracterísticas 3.1.2
IG(3)=(0.4*603 + 0.35*1003 + 0.25*1003) 1/3 = 88.21
Reemplazando los valores calculados de las subcaracterísticas 3.1.1 y 3.1.2 en la

ecuación (1) obtenemos el IG(r) para la característica de la confiabilidad.
IG(2)=(0.7*94.472 + 0.3*88.212 ) 1/2 = 92.63
* Evaluación Global para la Eficiencia
A continuación se presenta los IG(r) parciales para la característica de eficiencia.
IG(2)=(0.4*1002 + 0.6*602 ) 1/2 = 78.48
IG(2)=(0.3*602 + 0.7*78.482 ) 1/2 = 73.42
IG(2)=(0.6*1002 + 0.4*1002 ) 1/2 = 100
IG(2)=(0.6*73.422 + 0.4*1002 ) 1/2 = 85
Reemplazando los valores calculados de las subcaracterísticas 4.1 y 4.2 en la ecuación

(1) obtenemos el IG(r) para la característica de la eficiencia.
IG(2)=(0.7*602 + 0.3*852 ) 1/2 = 67.42
Los valores parciales obtenidos de las características Usabilidad, funcionalidad,

confiabilidad y eficacia, nos permitirán determinar el valor de la calidad global. Para
obtener este valor seguimos el mismo proceso para la obtención de los valores parciales:
IG(4)=(0.3*65.14 + 0.3*72.674 + 0.2*92.634 +0.2*67.424 ) 1/4 = 75.57
En resumen se muestran los resultados de la evaluación en la siguiente tabla 3.8
96
Característica IG(r)
Usabilidad 65.10
Funcionalidad 72.67
Confiabilidad 92.63
Eficacia 67.42
Calidad Global 75.57

Tabla: 3.8 Evaluación Global
Este valor esta dentro de las márgenes de satisfacción definidos de acuerdo al modelo
WebQEM de nivel de puntuación para las métricas.
97
CAPITULO IV
CONCLUSIONES Y RECOMENDACIONES
4.1 CONCLUSIONES
Las conclusiones a las que se llego al finalizar el presente proyecto son:
¾ El objetivo general del proyecto que es “Diseñar e implementar un portal web

dinámico para el periódico el alteño” aplicando conceptos y principios de la
ingeniería web para facilitar la navegación y administración de los contenidos que
ha sido alcanzado mediante el desarrollo del portal dinámico y puede ser
verificado ingresando a la siguiente página: www.elalteno.net.
¾ La metodología OOHDM+ propone un conjunto de tareas con la finalidad de

reducir notablemente el tiempo de desarrollo de un portal, también facilita la
reusabilidad y el mantenimiento de un portal web.
¾ Implementando el Portal Web Dinámico para el periódico El Alteño se logró

mejorar la difusión de la información.
¾ La valoración obtenida tras aplicar el modelo WebQEM al portal web El Alteño, es

del 75.57, este es el grado de satisfacción que experimenta el usuario al navegar
por el portal web.
4.2 RECOMENDACIONES
¾ Como esta aplicación esta diseñada para ser alimentada por los mismos
periodistas y no existe personal especializado del área de sistemas asignado en el
manejo de contenidos, es recomendable revisar el anexo I correspondiente al
manual del usuario.
98
¾ Realizar backups con frecuencia de la base de datos y de los archivos
correspondientes a fotos. Para la base de datos se puede utilizar la opción
exportar de PHPMyAdmin, esta herramienta esta incorporado en la mayoría de los
servidores de las empresas que proveen hosting. Los archivos de imágenes están
organizados en carpetas por fecha y se puede transferir vía FTP al equipo local.
¾ Tomar en cuenta normas y estilos para la inclusión de nuevas páginas web a la

aplicación, para cuidar la imagen institucional del periódico El Alteño.
99
BIBLIOGRAFIA
[Pressman, 2002] Pressman, R. S. 2002: Ingenieria de Software, Un

Enfoque Práctico. 5ta. Ed., Mc Graw Hill España.
[Booch, 1999] Booch, G. Jacobson, I., Rumbaugh El Lenguaje unificado

del Modelado.
[Loaysa, 2006] Loayza Rocio, Portal dinámico para la carrera de

informática.
[Silva & Mercerat, 2003] Dario Andrès Silva, Barbara Mercerat, Construyendo
aplicaciones web con una metodología de diseño
orientada a objetos.
[Gutierrez,2007] Gutierrez Palacio Javier, 2007: Nuevas Tecnologías de la

información.
[Rodríguez,2005] Rodríguez Fórtiz María José, 2005: Sistemas Hipermedia

e Ingeniería web.
[Giménez, 2003] Jiménez Luis Marco, 2003: Introducción a las

Tecnologías Web
[Pérez,2003] Pérez Jiménez Juan Diego,2003: Metodología y Técnicas

en Proyectos software para la Web
[Nieto, 2003] Nieto Santiesteban María, 2003: Ingeniería Web –

Construyendo Web Apps.
[Escalona & Koch, 2005 ] M. J. Escalona & N. Koch, 2005: Ingeniería de requisitos
en Aplicaciones para la Web: Un estudio comparativo
[Briggs, 2007] Briggs Mark, 2007: Periodismo 2.0
[Bajamon & Gomez, 2009] Bajamom, J.H. Gomez A. “Metodología basada en la

estructura de grafos – Mapas Conceptuales para el
desarrollo de documentos educativos basados en
hipermedia”
http://dspace.icesi.edu.co/dspace/bitstream/item/8431/ma
pasconceptuales.pdf
[Escalona & Gonzales, 2006] Escalona M.J. Gonzales “Metodologías y técnicas en

proyectos software para la web”
http://dlsi.ua.es/webe02/articulos/5.pdf
[Luis Antonio Olsina. 2001] Ingeniería de software en la web, Evaluación cuantitativa

de la calidad de sitios web
http://postgrado.info.unlp.edu.ar/Carrera/Magister/Ingenie
ria%20de%20Software/Tesis/Olsina.pdf
[Miguel Angel Sisilia, 2005] “Metricas de la calidad del diseño Orientado a Objetos del
Software”
http://cnx.org/content/m17463/latest/
[Alfaro, 2007] Alfaro, R. “”Modelado de un sitio Web para mejorar la

relación con los usuarios”
http://www.eii.ucv.cl/pers/ralfaro/documenttos/Articulo_On
genieria.pdf
[Lamarca, 2006] Lamarca, M. J. “Modelo OOHDM o Método de Diseño de

Hipermedia Orientado a Objetos”
http://hipertexto.info/documetnos/oohdm.htm
[Leonardi & Rossi, 2004] Leonardi, MC, Rossi “Un modelo de hipertexto para la
especificación de requisitos”
http://wer.inf.puc-
rio.br/WERpapers/artigos/artigos_WER98/leonardi.pdf
[Solis & CAnós, 2007] Solis C. Canós J.H. “De Modelos de Procesos a Modelos
Navegacionales”
http://www.ewh.ieee.otg/reg/9/etrans/vol5issue4July2007/
5TLA4_07Solis.pdf
[Soto & Palma, 2004] Soto R. Palma W. “Propuesta de un modelo navegacional

para el desarrollo de aplicaciones basadas en OOHDM”
http://www.inf.ucv.cl/rsoto/papersPUCV/Propuesta_de_un
_modelo_navegacional.pdf
[Garcia, 2007] García Alejandro, Bases de datos en la Web.

http://www.programacion.net/asp/tutorial/bdatosweb/
[Gallego, 2008]
Gallegos Carlos, 2009: Planificación Sitio o página Web
http://www.webandmacros.com/Diseno_web_metodologia
.htm
[Martínez & Sánchez, 1999] Enrique Martínez & Salanova Sánchez, 1999: La
Infografía, un instrumento para el análisis
http://www.uhu.es/cine.educacion/periodico/12infografiap
eriodico.htm
ANEXOS
La Información Periodística Anexo A
LA INFORMACIÓN PERIODÍSTICA
FORMA Y ESTILO
En principio, noticia es todo acto de comunicación de un acontecimiento dentro de un
tiempo y en un espacio territorial determinados.
Si no hay comunicación, si no se hace notar un acontecimiento, no hay noticia.
Sin embargo, no todos los acontecimientos son noticia. No son noticia aquellos
acontecimientos que no tienen interés para los sectores, clases y grupos sociales o la
sociedad entera, que está acostumbrada a la "cotidianeidad" de determinados hechos o
aconteceres. Pero esto que sucede en un lugar y que allí no interesa, puede ser de
extraordinario valor "por lo inusitado", en otro lugar.
La noticia es la publicación -hacer público o notorio- del acontecimiento actual en el lugar
preciso que interesa. Ayer, hoy y mañana, son las únicas instancias de tiempo que valen
en el periodismo moderno. Otro tipo de información es eso, información, pero no noticia.
SUBGENEROS DE LA INFORMACION PERIODISTICA
La rama periodística tiene los siguientes géneros o tipos de "notas informativas":
1.- NOTICIOSO: Que trata de comunicar una noticia. Es una información sujeta a un
campo de interés, a un tiempo de vigencia y en un espacio territorial determinado. Se
refiere a un hecho o un conjunto de hechos relacionados entre sí, para su publicación
inmediata.
2.- REPORTAJE: Es la relación de hechos no sujetos a un tiempo determinado e
inmediato, sino histórico. Su importancia social reside en el grado de interés que pueda
despertar su publicación. Agota generalmente un tema y es demostrativo e intencionado
en su finalidad, pero sujeto, como la noticia, a lo comprobado por el reportero, aunque
profundiza y extiende el asunto tratado más allá de la noticia misma.
3.- ENTREVISTA: La entrevista es la comunicación directa entre el reportero y el
entrevistado, casi siempre una persona que intervino directamente como testigo o como
autor de un fenómeno social o físico que se busca informar. La entrevista profundiza en
las motivaciones individuales y en las intenciones del declarante, para dar al lector una
certeza informativa.
4.- CRONICA: La crónica es la versión del reportero de una relación de hechos históricos,
sujetos al tiempo en que suceden. La visión del acontecimiento es exclusivamente del
reportero que juzga y describe los hechos. Por su importancia e interés dentro de la
multiplicidad de acontecimientos, las crónicas son casi de uso exclusivo en asuntos
parlamentarios y deportivos.
5.- RESEÑA: La reseña -a semejanza de la crónica-, describe la relación de hechos
históricos, sujetos al tiempo en que suceden, pero sin la intervención subjetiva del
reportero que los juzga. Es simplemente una relación, una descripción. No cabe en este
género la calificación de los hechos, ni la anécdota que le da intención, profundidad y
variedad.
6.- ARTICULO DE FONDO O EDITORIAL: En ambos casos, la posición en la narración de
hechos es personal, subjetiva; en un caso expresa la posición del autor con su propia
visión del mundo y de la vida- y en el otro, el de la casa editorial, la posición política o
filosófica de los editores o del editor. Aunque su extensión es libre y necesaria para
cumplir su propósito, en la práctica se limita a determinadas medidas, con el propósito de

hacer un periodismo ágil.
7.- EPISTOLAR: Este subgénero comprende, por su mismo nombre, las cartas. Desde
sus inicios, el periodismo ha admitido la comunicación del autor de la carta -un autor
interesado o un lector que aclara o pregunta o se queja- con el resto del público. Cuando
el editor no ha adoptado una política al respecto, simplemente incluye, en la sección
correspondiente, la carta o una versión de ella, según la importancia del texto.
8.- EPIGRAMA: Es la expresión personal del autor, regularmente en verso, corta y crítica,
sobre un asunto de actualidad.
9.- NOTA CORTA: La nota corta, de mucha utilidad en la formación de las planas, es la
mínima expresión noticiosa de un asunto. Su extensión conteniendo los factores
esenciales de una noticia, no va más allá de 3/4 de cuartilla.
10.- DESPLEGADO: Es la publicidad en forma escrita que incluye un periódico en sus
planas. Normalmente sirve como marco ideal de manifiestos públicos, cartas abiertas,
edictos, telegramas urgentes y otras denominaciones, que expresan la necesidad de usar
el espacio de un periódico para una difusión más amplia de lo que interesa al autor o a un
grupo de ellos. Su diferencia con otras formas de información es su presentación como
ANUNCIO.
11.- GACETILLA: La gacetilla es una información común que se incluye en la edición
debido al interés del autor, pero su presentación no es como anuncio sino como
información. Son asuntos que no incluye el periódico en su información usual.
12.- COLUMNA: La columna es, ante todo, un espacio reservado a un autor o a una serie
de autores, bajo una denominación común, en la que exponen una serie de hechos
unidos por un tema o dentro de un tipo de información especializada, política, turística,
agrícola, etc., de no muy amplia extensión. Su posición en la edición es, comúnmente, fija.
EL ESTILO
El estilo es el conjunto de características o cualidad que diferencian y distinguen una
forma de escribir de otra. El estilo es el sentido vital, la personalidad transferida al
desarrollo oral o escrito del tema.
En tanto que la redacción y la gramática son instrumentos que sirven para lograr la mejor
manera de expresar una idea, el estilo indica el modo personal e intransferible de hacerlo.
ESTRUCTURA Y CONTENIDO DEL TEMA
Se entiende que la estructura del tema no se refiere sino a la forma en que habrá de
emprenderse su desarrollo, en tanto que el contenido es el asunto, la parte cualitativa del
tema por desarrollar.
El desarrollo interno del tema tiene sólo una forma clásica de emprenderse:
1.- PREÁMBULO
2.- DESARROLLO
3.- CONCLUSIÓN
En su aspecto cualitativo, el desarrollo interno de un tema admite un tratamiento
dialéctico:
1.- TESIS
2.- ANTITESIS O CONTRADICCIÓN, Y

3.- SÍNTESIS
Ello, expresado de una manera más clara, implica responder a las preguntas: Qué, Cómo
y Para Qué se describe algo.
Sin embargo, estas maneras de describir o de narrar corresponden más a las
necesidades de la literatura que del periodismo escrito.
Para el periodismo escrito, el desarrollo de técnicas ha permitido elaborar un sistema: el
6WH, que da a la información periodística características que permiten al reportero
elaborar su nota conforme a las siguientes condiciones:
1.- COMPLETA: Dar toda la información necesaria para cumplir un propósito.
2.- CONCISA: Decir lo que se deba con el menor número de palabras compatibles con la
claridad, lo completo y lo cortés de un texto.
3.- CLARA: Toda comunicación escrita debe hacerse de tal modo que no sólo pueda
interpretarse sino que no pueda interpretarse mal.
4.- CORRECTA: Una información no debe contener ninguna deformación de los hechos
por el uso indebido del lenguaje. Debe estar bien escrita desde el punto de vista de la
sintaxis, la ortografía y la tipografía o caligrafía.
5.- CORTÉS: Una comunicación debe estar escrita en el tono adecuado, preferentemente
cortés, pues es muy importante cómo se dicen las cosas.
6.- LIMPIA: Toda comunicación escrita debe crear en el lector una impresión de agrado.
El texto debe estar bien distribuido en la página, sin tachaduras, raspaduras, escritura
desigual ni puntuación defectuosa.
7.- COMPRENSIBLE: Las frases cortas, las palabras breves y el interés humano
contribuyen a una comprensión más fácil del texto.
EL SISTEMA 6WH
Nacido como una técnica en el periodismo en idioma inglés, el sistema 6WH se refiere a
las siete preguntas básicas que se habrán de responder para el desarrollo de una buena
nota informativa (que no sólo es noticia).
1.- What? ¿Qué?
2.- Who? ¿Quién?
3.- Where? ¿Dónde?
4.- How? ¿Cómo?
5.- When? ¿Cuándo?
6.- Why? ¿Por qué?
7.- What for? ¿Para qué?
Características y Estructura de la Noticia Anexo B
CARACTERÍSTICAS Y ESTRUCTURA DE LA NOTICIA

El Género de la noticia
De todos los géneros periodísticos, los géneros informativos son los que tienen mayor
presencia en medios masivos de comunicación como periódicos, televisión y radio. La
noticia, la entrevista, la reseña y el reportaje, son los géneros informativos por excelencia.
Características de la noticia
La noticia es el relato objetivo de un suceso cuyo conocimiento importa hacer público
oportunamente. Para que su contenido sea completo y efectivo, debe responder las
siguientes preguntas:
Quién: El/la protagonista Qué: El suceso

de la noticia
Cuándo: El tiempo
Dónde: El lugar del hecho
Cómo: Las circunstancias en

que ocurrieron los hechos
Para qué: Los objetivos Por qué: Las causas
Figura 1 Características de la noticia

Modelo y estructura de la noticia
Hallazgo histórico: Epígrafe o antetítulo
Descubren ciudad más antigua de Europa Titular
Los restos tendrían 2 mil años más que las pirámides de Egipto.
Bajada o subtítulo
Un grupo de arqueólogos halló los restos de la que
consideran la ciudad más antigua de Europa, de unos 7 mil años de
antigüedad, y a los que creen son los vestigios. Lead o Entradilla
Luego de más de tres años de investigaciones, expertos

alemanes desenterraron partes de más de 150 templos construidos
con tierra y madera, cuya fecha data entre los años 4800 y 4600
AC, los que están esparcidos en una zona que se expande entre Cuerpo de la noticia
Alemania, Austria y Eslovaquia.
Figura 2 Modelo y estructura de la noticia

Siguiendo el modelo de noticia visto, las características y funciones de sus partes son:
• El Epígrafe y el titular: Tienen la misión de proporcionar lo esencial de la información.
Pero tienen también por objetivo suscitar el interés del lector, invitándolo a leer la
noticia. De ahí su importancia.
• La bajada: es una síntesis de lo más importante del texto, por lo que debe ser
llamativa.
• Lead o Entradilla: Es el primer párrafo o unas líneas iniciales en que se resume lo
esencial del hecho noticioso. Su redacción responde a las cinco preguntas
fundamentales: quién, qué, cuándo, dónde y por qué. Puede faltar alguno de tales
elementos o añadirse otros: para qué, cómo, etc.
• El cuerpo de la noticia: puede ser más o menos largo y agregar más o menos detalles
a lo dicho en el “lead”. Cuando consta de varios párrafos, es norma que estos se
sucedan siguiendo un orden decreciente de importancia (pirámide invertida); y ello
por esta razón: si los límites de espacio lo exigen, a la hora de componer la página
puede prescindirse de uno o más párrafos empezando por el final, de modo que sólo se
supriman los datos menos relevantes.
Estructura de la noticia: Pirámide invertida
Epígrafe o Antetítulo
Titular
Bajada o Subtítulo
Lead o Entradilla
Cuerpo
de la
noticia
El lenguaje noticioso
La prensa escrita, la radio y la televisión, estructuran su lenguaje noticioso de acuerdo a
ciertas características:
• Mensajes concisos: noticias breves y claras pues el oyente las oirá sólo una vez.
Por ejemplo, usar una sola palabra para expresar una idea: Nacer, en lugar de dar
a luz.
• Noticias concretas: Al informar, los medios evitan los conceptos abstractos dando
prioridad a las frases claras y concretas, puesto que son las cosas reales, y no los
conceptos, las que tienen imágenes.
Otras características de la construcción del lenguaje noticioso:
• Información clara: Mensajes que evitan las expresiones confusas como oraciones
complejas, lenguaje de jergas y clichés.
• Lenguaje cuidadoso y destinado a todo público: Expresiones respetuosas de las
etnias, condición social, sexo y edad evitando el uso de adjetivos y sustantivos
peyorativos.
Recopilando información
Para la confección y publicación de una noticia, es necesario que confluyan varios
elementos fundamentales en el ejercicio del periodismo informativo. Son herramientas del
trabajo periodístico que cumplen su función durante el proceso de recopilación de la
información:
Centro de prensa o sala de redacción: área de los medios de comunicación social
donde se agrupan los periodistas encargados de cubrir distintos frentes informativos. Los
frentes informativos corresponden a los diversos temas o áreas de información que se
cubren en la prensa, entre los que destacan: frente nacional e internacional, política,
instituciones eclesiásticas, deporte, policial y cultura.
Las fuentes
Las fuentes de información noticiosa dependen del frente informativo que se cubre. Por
ejemplo, si se trata de noticias nacionales, los periodistas se apoyan en las agencias
nacionales de noticias, en la lectura de prensa escrita, en el reporteo y en los
corresponsales nacionales. Si, en cambio, se trata de noticias internacionales, la
información se obtiene de la lectura de prensa escrita, agencias noticiosas internacionales
y corresponsales extranjeros.
Fuentes de la noticia: las agencias
Agencias internacionales de noticias: Estas agencias cumplen la función de recoger y
distribuir noticias para los distintos medios de información del mundo. Sus despachos
suelen ser textos breves que no superan las veinte líneas. Las agencias internacionales
de noticias más importantes del mundo son la norteamericana Associated Press y United
Press International, la británica Reuters y la francesa AFP, que en conjunto abastecen el
90% de los medios de comunicación social del mundo.
Agencias nacionales de noticias
Las agencias nacionales de noticias están encargadas de cubrir informaciones sobre

hechos relevantes acontecidos en el país en el que están ubicadas y luego distribuirlas a
los distintos medios nacionales. Los encargados de la cobertura nacional, son los
periodistas corresponsales de la agencia que se distribuyen en las distintas regiones del
país.
Los corresponsales, agentes recolectores de información
Los corresponsales son periodistas contratados por los grandes medios de comunicación
con el objeto de recopilar información en los diversos países o ciudades extranjeras en
donde ellos se encuentren. El despacho diario de noticias de estos agentes de la
información es enviado a la central de prensa del medio de comunicación al que
representan.
En busca de la información: El reporteo
El reporteo es una forma de cubrir hechos que ocurren en la misma ciudad en la que se
ubica la central del medio. Para optimizar el despliegue informativo, el reporteo se
organiza en sectores informativos o ámbitos que generan noticia, tales como: Moneda o
Casa de Gobierno, Defensa, Salud, Cancillería, Educación, Policial, Economía, Deportes,
Cultura y Espectáculo.
Tipos de Criterios de Preferencia de Calidad Anexo H
TIPO DE CRITERIOS DE PREFERENCIA DE CALIDAD ELEMENTAL
El tipo de criterio de evaluación elemental resulta de importancia en consideración de los

niveles de precisión, objetividad y facilidad de uso. El nivel de precisión depende del
grado de criticidad del alguno o de todos los componentes del producto en un proyecto de
evaluación. Dos tipos básicos de criterios elementales son los absolutos y los relativos y
dentro de los primeros se pueden descomponer en criterios con variables continuas y
criterios con variables discretas. La figura D.1 muestra una jerarquía detallada de los tipos
de criterios. Un criterio de evaluación elemental absoluto es aquél que se emplea para
determinar la preferencia absoluta de un atributo de un artefacto, y que no esta
relacionado con indicadores de otros sistemas comparativos. Un criterio absoluto se
diferencia de uno relativo en que la meta de este último consiste solamente en la
determinación de los indicadores relativos de los sistemas comparados sin evaluar la
calidad o la característica que corresponda, de cada sistema de un modo individual e
independiente.
Figura1 Taxonomía de tipos de criterio elementales
CRITERIOS ELEMENTALE ABSOLUTOS CON VARIABLE CONTINUA
Criterio de variable única.- Este es un criterio elemental común. Se asume que la

variable X es única y continua. Con el fin de determinar el criterio elemental, el primer
paso consiste en definir el rango de valores de interés para la evaluación de la variable
continua. El siguiente paso, consiste en determinar las coordenadas de los puntos más
relevantes y su preferencia de calidad.
CrE(t)= {(a,100),(b,80),(c,0)}
Criterio de variable Normalizada.- Este es un criterio elemental que se suele utilizar

para evaluar la relación entre dos atributos con criterios absolutos de un mismo sistema.
Por ejemplo, se empleo este tipo de criterio para determinar la preferencia de calidad del
atributo imagen con título.
Criterio de Multi-Variable Continuas.- Es un tipo de criterio, la variable X es

resultante de algunas otras variables y constantes, el valor de X corresponde a una
métrica indirecta.
Por ejemplo, se empleo este tipo de criterio para determinar la preferencia de calidad del
atributo soporte al lenguaje extranjero.
Criterio de Preferencia de Calidad Directa.- Este tipo de criterio es subjetivo y

basado en la experiencia y criterio de los evaluadores. Desde el punto de vista de la
precisión y objetividad, es el peor criterio, debido a que se pueden introducir errores de
valoración intencionales y/o involuntarios. No obstante, dentro de los requerimientos
algunos atributos sólo podrán comprobarse de un modo subjetivo, a partir del juicio de
avaluadores expertos. Es decir puede ser difícil y costoso modelar la descomposición del
“atributo” para determinar la preferencia de calidad. El criterio para la variable X se mapea
en una preferencia trivial cuyas coordenadas son:
CrE(Xi)={(0,0),(100,100)}
Por ejemplo para el atributo “Uniformidad en el Sitio Global” del sitio, puede ser
conveniente medirlo mediante un criterio de preferencia directa y subjetiva. Realizando de
otro modo, podría implicar mayores costos dada la relativa baja prioridad del atributo o la
alta complejidad para descomponerlo. Sin embargo dicho atributo es un elemento
necesario en la composición para determinar la calidad global del artefacto.
Criterios Elementales Absolutos con Variable Discreta
- Criterio Binario.- Este criterio es el mas simple de los criterios discretos y

absolutos. El criterio para la variable binaria X se mapea en una preferencia
elemental cuyas coordenadas son:
CrE(Xi)={(0,0),(1,100)}
En donde un valor de Xi = 0 se interpreta como la ausencia del atributo de calidad;

en cambio un valor de Xi = 1, se interpreta como la presencia o disponibilidad del
mismo.
- Criterio de Multi-nivel.- Este criterio es una generalización del criterio binario. La

variable discreta puede tomar más de dos valores, cada uno de los cuales se
corresponde a una preferencia de calidad. Por ejemplo, para el atributo Soporte a

Versión sólo texto (código 4.2.1.1), la variable discreta X se mapea en valores de
preferencias cuyas coordenadas son:
CrE(Xi)={(0,0),(1,62),(2,100)}
- Criterio de Multi-nivel definido como Subconjunto.- Este criterio es multi-nivel

definido como un subconjunto de los números naturales (en una escala
estrictamente ordinal). La variable discreta puede tomas mas de dos valores, cada
uno de los cuales se corresponde a una preferencia de calidad.
CrE(Xi)={(0,0),(1,62),(2,100)}
En donde el listado de valores para Xi es como sigue:
0= ausencia de mecanismo de búsqueda restringida.
1= búsqueda básica: mecanismo de búsqueda por nombre/apellido
2= 1+ búsqueda extendida o avanzada: mecanismo de búsqueda por unidad

académica y/o disciplina o materia, y/o TE, etc.
- Criterio de Multi-variables Discretas.- Este criterio permite agrupar varias variables

discretas y modelar el resultado en una variable X. De este modo se puede reducir
la cantidad de criterios elementales. Sea el conjunto de variables discretas
Di,………..Dn, entonces se puede definir una variable compuesta X, tambien
discreta, como función de las anteriores, a saber:
X = F(Di,………..Dn), y Xє{ Xi,………..Xn }
La siguiente tabla muestra un ejemplo de correspondencia de preferencia

elemental dadas tres variables discretas y variables.
D1 D2 D3 D4
0 0 0 IEi1
0 0 1 IEi2
0 1 0 IEi3
0 1 1 IEi4
1 0 0 IEi5
1 0 1 IEi6
1 1 0 IEi7
1 1 1 IEi8
Tabla 1 Ejemplo de un criterio absoluto y discreto como multi-variables binarias
Manual de Usuario Anexo I
MANUAL DE USUARIO
PORTAL WEB DINAMICO
CASO: PERIODICO EL ALTEÑO

Contenido
1. Introducción
2. Objetivo
3. Utilizando la página
3.1 Interfaz principal
3.2 Estructura del menú principal
4. Utilizando los módulos de la página, Usuario Visitante
5. Utilizando los módulos de la página, Usuario Editor
6. Utilizando los módulos de la página, Usuario Administrador

1. Introducción
En una Organización, incorporar nuevas tecnologías resulta fundamental para el

cumplimiento de sus objetivos. Dentro de ese contexto el uso de Internet como
herramienta de trabajo hace que la comunicación con el entorno sea más integradora y
por tanto eficiente.
El periódico El Alteño a incorporado los conceptos de Internet a sus procedimientos,

creando un sitio operacional que le permitirá a los usuarios (editors, visitantes y
administrador) acceder a una variedad de servicios que esta le ofrece. Además le
permitirá, entre otras cosas, obtener información en línea de las noticias del día. Este
manual busca entregar una guía a todos los editors del periódico El Alteño, quienes serán
los principales usuarios de este nuevo sitio. Dado que esta es una página netamente
operacional, se requiere de una explicación detallada acerca de todas las ventajas que
ofrece utilizar esta nueva herramienta de trabajo.
2. Objetivo
Explicar en detalle, las distintas herramientas que el sitio entrega a los usuarios, para que
estos puedan explotar al máximo, los servicios que se le ofrecen a través de Internet.
3. Utilizando la página
3.1 Interfaz principal
Figura 1. Portal Web Periódico El Alteño
3.2 Estructura del menú principal

La estructura del menú principal se presenta a continuación ordenada según los niveles
de navegación.
Figura 2. Estructura del menú principal
4. Utilizando los módulos de la página, Usuario Visitante
El usuario visitante al ingresar al portal web, podrá observar la primera pantalla que es el
“Inicio” donde se presenta la portada del periódico El Alteño, es decir se publican las
noticias que salieron impresas en el periódico del día. Como se observa en la figura 1, el
portal contiene las diferentes secciones del periódico que el usuario visitante puede
navegar.
- Editorial - Mi Ciudad
- El País - Planeta
- Deportes - Ultimas noticias
- Nosotros - Staf
En la parte izquierda del portal web se

tiene en la parte superior la publicidad del
periódico, luego el menú de suplementos,
el buscador de noticias, hemeroteca,
como se ve en la figura 3.
En la parte derecha del portal web, se

tiene también en la parte superior un
bloque para la publicidad del periódico,
seguido de la encuesta, galería de fotos y
la sección de videos, como se ve en la
figura 4.
5. Utilizando los módulos de la

página, Usuario Editor Figura 3 Menú de Figura 4 Encuesta,
Suplementos Galería de fotos
En este caso, el editor tiene un proceso diferente. El editor debe ingresar al modulo de
administración de noticias, a través de la siguiente dirección URL:
www.elalteno.net/admin, donde automáticamente aparecerá una ventana para ingresar
los datos de ingreso como: usuario y password como se observa en la figura 5.
Figura 5 Introducir datos de acceso
Una vez que se haya ingresado con el usuario y password del editor, se tendrá la
siguiente pantalla como se ve en la figura 6.
Figura 6 Ingreso al modulo de administración de noticias
Como se observa en la figura 6, en la parte izquierda se tiene un menú de opciones las

cuales ayudan en el proceso de la administración del portal web.
A continuación se detalla cada una de las opciones.
- Opción NOTICIA.- Esta opción permite realizar: Figura 7 Registro de

la noticia del día
a) La adición de la noticia,
en la figura 7 se
observa los campos
que deben ser llenados
para el registro, como
el titulo de la noticia, el
subtitulo de la noticia,
la foto de la noticia, el
pie de la noticia, el
contenido y a que tipo
de producto pertenece,
por ejemplo mi ciudad,
especial, el país, etc.
b) Listar Noticia, al hacer click en esta opción nos despliega una ventana con todas
las noticias del día registradas, además también se cuenta con la opción de editar
la noticia para corregir el título o el cuerpo de la noticia o en todo caso eliminar la
noticia. El icono para editar la noticias es el “lapiz” y para eliminar es la “x”, como
se ve en la figura 8.
Figura 8 Listado de noticias del día
c) Adicionar Portal, una vez registrado todas la noticias se procede a colocar las
noticias del portal, para ello se hace un click en el menú noticia la opción
“adicionar portal”, y desplegará una pantalla con las celdas para llenar la noticia
como el título, subtitulo (si tuviera), la foto, y elegir la noticia que corresponda para
realizar el enlace con la noticia correspondiente, luego elegir si la noticia es
principal o secundario. Ver la figura 9
Figura 9 Registro de noticias del portal web
d) Listar Portal, permite ver el listado de noticias del portal web. Ver figura 10
Figura 10 Listado de noticias del portal web

- Opción PUBLICIDAD SUPERIOR y

LATERAL, Estas dos opciones
permite realizar:
a) La adición de publicidad, en
esta opción se realiza la
adición de los cuadros de
publicidad en parte superior o
lateral del portal web. Se debe
ir a la opción examinar para
Figura 11 Registrar la publicidad en la parte superior
buscar el baner publicitario del portal web
que irá en la parte superior del portal web y luego hacer click en registrar. Ver la
figura 11.
b) Listar la publicidad, con esta opción se puede ver el listado de todos los banners
publicados en el portal web la fecha y el lugar colocado izquierda o derecha. Ver
figura 12.
Figura 12 Listado de banners publicados
- Opción VIDEOS, al igual que las anteriores opciones tambien se puede adicionar y
listar los videos de noticias sobresalientes en el portal web. Ver la figura 13
Figura 13 Registro de videos en el portal web
- Opción GALERIA DE FOTOS, en esta opción se tiene acceso a adicionar y tener un

listado de fotos y su pie de foto, en el portal web. Ver figura 14.
Figura 14 Registro de fotos en el portal web
- Opción ENCUESTA, esta opción te permite adicionar, listar y colocar como visible o no
visible una encuesta para que el usuario participe de esta. Ver figura 15.
Figura 15 Registro de encuesta en el portal web

Universidad Mayor de San Andres Facultad de Ciencias Puras Y Naturales Carrera de Informatica

Cargado por

Copyright:

Formatos disponibles

Universidad Mayor de San Andres Facultad de Ciencias Puras Y Naturales Carrera de Informatica

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Universidad Mayor de San Andres Facultad de Ciencias Puras Y Naturales Carrera de Informatica

Cargado por

Copyright:

Formatos disponibles

UNIVERSIDAD MAYOR DE SAN ANDRES

FACULTAD DE CIENCIAS PURAS Y NATURALES

PORTAL WEB DINAMICO

PARA OPTAR AL TITULO DE LICENCIATURA EN INFORMÁTICA

POSTULANTE: Francisco Olivares Chiara

TUTOR: Lic. Eufren Llanque Quispe

REVISOR: Lic. Carmen Huanca Quisbert

LA CARRERA DE INFORMÁTICA DE LA FACULTAD DE CIENCIAS PURAS Y

El usuario está autorizado a:

a) visualizar el documento mediante el uso de un ordenador o dispositivo móvil.

El usuario no puede publicar, distribuir o realizar emisión o exhibición alguna de este

TODOS LOS DERECHOS RESERVADOS. EL USO NO AUTORIZADO DE LOS

En primer lugar a Dios todopoderoso que me ha conservado con vida, con

A mi esposa por permanecer siempre en medio de mi vida acompañándome

A mi familia por estar presente en todo momento, compartiendo en

A mi tutor el Lic. Eufren Llanque por su ayuda y paciencia incondicional.

A mi revisor la Lic. Carme Huanca por brindarme los consejos necesarios, y

El Internet es una herramienta fundamental para la búsqueda de

Es así que en un medio periodístico también se puede aprovechar las

Analizando estos aspectos se tomo la iniciativa de desarrollar un portal

Para el diseño del sitio web se emplea la metodología OOHDM+ que es

En el capitulo II se presenta los fundamentos teóricos necesarios para la

1.2 Antecedentes ………………………………………………………………………. 3

1.2.1 Editores Asociados S. A. Miembro del Grupo Lider………….. ……………….. 4

1.2.2 Antecedentes sobre proyectos relacionados.…………………………………… 6

1.3 Planteamiento Del Problema……………………………………………………… 7

1.4 Objetivos ……………………………………………………………………………. 9

1.4.1 Objetivo General …………………………………………………………………… 9

1.4.2 Objetivos Específicos ……………………………………………………………… 9

1.5 Metodología ………………………………………………………………………… 9

1.6 Justificaciones ……………………………………………………………………… 10

1.6.1 Justificación Social ………………………………………………………………… 10

1.6.2 Justificación Económica ………………………………………………………….. 10

1.6.3 Justificación Tecnológica …………………………………………………………. 11

1.7 Alcance ……………………………………………………………………………… 12

1.8 Aportes ……………………………………………………………………………… 12

CAPITULO II MARCO TEORICO

2 Marco Teórico ……………………………………………………………………… 13

2.1 Introducción ………………………………………………………………………… 13

2.2 Ingeniería Web …………………………………………………………………….. 13

2.2.1 Atributos de los Sistemas y Aplicaciones Basados en Web ………………….. 13

2.2.2 Proceso de la Ingeniería Web ……………………………………………………. 14

2.2.3 Estratos de la Ingeniería de Aplicaciones Web ………………………………… 15

2.3.2 Fase 2 Diseño Conceptual ………………………………………………………... 26

2.3.3 Fase 3 Diseño Navegacional ……………………………………………………... 27

2.3.4 Fase 4 Diseño de Interfaz no Abstracta ………………………………………… 33

2.3.5 Fase 5 De Implementación………………………………………………………. 34

2.5 La noticia ……………………………………………………………………………. 37

2.5.1 Definición de la noticia …………………………………………..……………..…. 37

2.5.2 Modelo y estructura de la noticia………………………………..……………..…. 39

2.5.3 La fotografía ………………………………………………………………………… 40

2.5.4 La infografía ………………………………………………………………………… 41

2.6 Métricas de calidad…………………………………………………………………. 43

2.6.1 Diseño y calidad de una Aplicación WEB……………………………………….. 43

2.6.2 Estándar ISO/IEC 9126 …………………………………………………………… 40

2.6.3 Características Distintivas de las Aplicaciones WEB…………………………… 47

2.6.4 Método de Evaluación con WebQEM……………………………………………. 48

2.6.4.1 Panorama de la Metodología WebQEM.………………………………………… 48

2.6.4.2 Paso Básicos de la Metodología WebQEM……………………………………… 50