2.

INTRODUCCIÓN

Planificación de un sitio web

 3. ACTIVIDAD

La actividad a desarrollar para el resultado de aprendizaje 3, se encuentra dividida en dos

partes, la primera es una actividad conceptual y la segunda una simulación con un caso práctico
para aplicar los conceptos de arquitectura de la información.

3.1. Primera parte: Trabajo de Investigación.

3.1.1. El estudiante realizará una investigación de los referentes conceptuales y desarrollará

una presentación en PowerPoint o Prezi teniendo en cuenta la metodología de mapa
conceptual y/o Mapa mental en donde se explique:
• Componentes de la arquitectura de la información.
• Etapas de la arquitectura de la información.
• Técnica sistemática ARN (Análisis de relación – navegación) para determinar la
estructura de relación de la aplicación, a partir de las necesidades identificadas en los
requerimientos.
• Estructura del modelo Vista controlador y su importancia

Las preguntas que deben ser contestadas a manera de transferencia de conocimiento son:

3.1.2. ¿Cuáles son las ventajas de utilizar el modelo vista controlador en el desarrollo de una
página Web?
Todos los puntos anteriores los encuentra en:

https://prezi.com/view/e85lZ9SHZ5EPZpRwfeWj/
– El modelo ARN se divide en 5 pasos: análisis de los participantes, análisis de elementos,
análisis de relaciones, análisis de navegación, análisis de evaluación. Teniendo en cuenta lo
anterior. Escoger un estudio de desarrollo Web de una empresa y verificar como se desarrollan
estos pasos en un proyecto real.
Modelo ARN
Navegación: Se requiere que el sitio se adapte al teléfono y múltiples dispositivos para que sea
óptimo la navegación el menú de navegación debe cercar al dedo pulgar como el siguiente portal.
Etiquetado: En este caso se enfocará en los clientes que usan ordenadores y en posicionar
palabras claves como son libros, biblioteca, entre otras palabras que posicione mi presencia en el
tipo de población objetiva, como así mismo en la ubicación deseada.
Organización: En este aspecto al ser una biblioteca el modo óptimo de brindar la información es
vía columna a la izquierda con un sidebar con las opciones del usuario a escoger y con un Grid
en el Dashboart, para hacer más minimalista y fácil la elección de la acción a hacer en la
plataforma.
Ejemplos de GRID
Ilustración 1 ejemplo de grid tomado de https://www.w3schools.com/css/css_grid_item.asp

Búsqueda: Pensado en el modo de encontrar la información dentro del sitio.

También es importante tener un tipo Agentes inteligentes que permitan analizar el perfil de
búsquedas y con ese perfil de interés informacional puede generarse contenido de interés de

calidad.

RSS, es reactivo porque has de suscribirte y proactivo porque desde ese momento se recibe
automáticamente

3.2. Segunda parte: Simulación – Biblioteca

Se desea implementar una página Web para una biblioteca, donde se tenga un control de
libros y revistas de manera virtual. Se requiere tener un listado de libros que al crearse, añada
unos libros por d efecto (por tener unos datos por efecto), se debe tener toda la información
necesaria para la ubicación y registro de ejemplares. Es necesario tener en cuenta que es de gran
importancia la información del usuario y los empleados que trabajan en la biblioteca para el
control de la información.
Usted es contratado para elaborar el diseño de esta página, para lo cual se solicita:
3.2.1. Elaborar la arquitectura de la información teniendo en cuenta la estructura y tipología
por utilizar, con el fin de establecer parámetros para organizar la información de la
biblioteca.
Misión: Sin el conocimiento de lo que queremos tener, será muy pobre lo que logremos alcanzar.
Por eso se debe establecer claramente, bien documentada la idea de lo que se quiere hacer, y
asegurando la participación de todas las áreas. El consenso del grupo depende el éxito y fracaso
del proyecto.
Audiencia: La audiencia que se pretende cubrir con el diseño e implementación de la página web
es principalmente alumnos, investigadores, maestros y público general con el respectivo registro
a la biblioteca.
Escenarios: La interacción con la página permitirá los siguientes escenarios:
• A usuarios externos
a. Autenticación por medio de usuario y contraseña
b. Consulta de ejemplares para verificar estado y ubicación
c. Lectura de material web
d. Reserva de libros en estado de préstamo
e. Extensión de plazo de entrega de ejemplar
f. Crear una petición, queja o reclamo
g. Des-autenticación por usuario o por inactividad
• A usuarios internos
a. Modificación estado y ubicación de ejemplares
b. Bloqueo y asignación de multas a usuarios
c. Autenticación por medio de usuario y contraseña
d. Consulta de ejemplares para verificar estado y ubicación
 e. Lectura de material web
f. Reserva de libros en estado de préstamo
g. Extensión de plazo de entrega de ejemplar
h. Crear una petición, queja o reclamo
i. Des-autenticación por usuario o por inactividad.
Contexto o realidad: Durante esta etapa se debe recopilar información diversa para entender el
contexto. En algunos casos se requerirá realizar el análisis de la competencia, empezando con las
empresas e instituciones del mismo rubro o especialización, tanto en el análisis del contenido
como la organización de la información.

Estructuración y Organización: Es la organización de la estructura sea aprobada por todos los

participantes. Se trabaja las iniciativas o propuestas de sus integrantes, tomando en cuenta la
óptica del usuario o visitante. La estructura se debe reflejar en esquemas gráficos que puedan ser
discutidos, además de otras formas como la segmentación de espacios.

3.2.2. Utilizar la técnica sistemática ARN (Análisis de relación – navegación) para

determinar la estructura de relación de la aplicación.
El ARN proporciona a los analistas de sistemas una técnica sistemática para determinar la
estructura de relación de una aplicación, lo que les ayuda a descubrir las relaciones
potencialmente útiles en los dominios de la aplicación y que se pueden implementar como
vínculos más adelante.

• Análisis de los participantes: identifica las diversas categorías de usuario y establece una
apropiada jerarquía de participantes.
• Análisis de elementos: identifica los objetos de contenido y los elementos funcionales de
interés para los usuarios finales.
• Análisis de relaciones: describe las relaciones entre los elementos WebApp.
• Análisis de navegación: examina como los usuarios pueden acceder a elementos
individuales o grupos de elementos.
• Análisis de evaluación: considera temas pragmáticos (costo/beneficio) asociados con la
implementación de la relación definidas con anterioridad.

3.2.3. Generar un aplicativo Web aplicando la estructura vista controlador garantizando una
solución óptima de cuerdo al análisis y requerimientos del sistema.
Anexo carpeta del archivo
 4. REFERENCIAS

apachefriends. (2021). Xampp. Obtenido de https://www.apachefriends.org/es/index.html

ecured. (octubre de 2021). Xampp. Obtenido de https://www.ecured.cu/XAMPP

eladrodriguez. (s.f.). Estructura de una Aplicación Web moderna. Obtenido de

https://eladrodriguez.gitbooks.io/angularjs/content/1-introduccion-angularjs/1-6-
estructura-app-web-moderna.html

Gonzalez-Longatt, F. M. (4 de octubre de 2021). Introducción a los Sistemas de Información:

Fundamentos. Obtenido de
https://www.uv.mx/personal/artulopez/files/2012/08/FundamentosSistemasInformacion.p
df

ibm. (1 de octubre de 2021). Aplicaciones basadas en la web. Obtenido de

https://www.ibm.com/docs/es/db2-for-zos/11?topic=environment-architectural-
characteristics-web-based-applications

Mateu, C. (marzo de 2004). Desarrollo de aplicaciones web. Obtenido de

https://libros.metabiblioteca.org/bitstream/001/591/1/004%20Desarrollo%20de%20aplica
ciones%20web.pdf

uned. (1 de octubre de 2021). meteo.ieec. Obtenido de

http://meteo.ieec.uned.es/www_Usumeteo2/Memoria/Capitulo3.pdf

visualstudio. (2021). code visual studio. Obtenido de https://code.visualstudio.com/docs/?dv=osx