arquitectura de un sitio web
DESCRIPTION
Clases del curso de periodismo digital de la Universidad de San Martín de Porres.TRANSCRIPT
![Page 1: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/1.jpg)
ARQUITECTURA DE UN SITIO WEB
Periodismo Digital, Ciclo 2008-I
![Page 2: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/2.jpg)
Temática contenido
Nuestro objetivo: ¿Cómo organizar estos contenidos en nuestro sitio web?
Proyectos de páginas web
![Page 3: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/3.jpg)
¡Todos los elementos de un sitio web están interconectados!
La razón de ser de un sitio web es enlazar (unir) unidades de información.
![Page 4: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/4.jpg)
• Nuestras páginas web van a alojar:– Documentos digitales: destinados a ser
leídos, vistos u oídos a través de una computadora.
– Estos a su vez nos permiten crear: HIPERDOCUMENTOS.
Documentos digitales, cuyos componentes están organizados en formato hipertextual.
![Page 5: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/5.jpg)
INDICADORES DE UN SITIO WEB
1. Contenido y acceso a la información: organización y estructura de los contenidos.
2. Visibilidad: enlaces externos (macronavegación).
3. Usabilidad: facilidad para encontrar información.
![Page 6: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/6.jpg)
ARQUITECTURA DE LA INFORMACIÓN
• Un sitio web explota los 3 elementos característicos de la Red: hipertextualidad, multimedialidad e interactividad.
![Page 7: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/7.jpg)
• Diseñar la arquitectura de un sitio web implica:
– Conocer cómo circula la información.
– Conocer cómo se documenta la información.
– Saber recuperar la información.
![Page 8: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/8.jpg)
• La evolución del lenguaje HTML: XML, Java Script permite:
– Ordenar.– Enviar.– Organizar.
INFORMACIÓN USUARIO
![Page 9: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/9.jpg)
• Esta evolución nos ha llevado a distinguir dos tipos de páginas web:
– Estáticas: una sola plantilla, se modifican uno por uno sus contenidos (primeras webs HTML).
– Dinámicas: utilizan Sistemas de Gestión de Contenidos (CMS: Content Management Systems).ASP (Active Server Pages),
PHP (Hypertext Prepocessor), Joomla.
![Page 10: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/10.jpg)
SISTEMA DE ADMINISTRACIÓN DE CONTENIDOS (CMS) DE LAS PÁGINAS WEB DE PERÚ.21 Y TROME: IVMAKER.
![Page 11: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/11.jpg)
VISTA DE UNA SECCIÓN DE LA EDICIÓN ONLINE DE PERU21.COM
![Page 12: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/12.jpg)
Las Web dinámicas tienen dos elementos:
-Front-end: diseño externo o interfaz gráfica de navegación.
-back-end: la intranet que administra el sistema
![Page 13: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/13.jpg)
•¿Qué es la arquitectura de la información?
Es diseñar, estructurar los contenidos de una página web para que sean utilizados eficazmente por el usuario.
![Page 14: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/14.jpg)
Cuatro aspectos de la A. de la información
• Actualización: si es noticiosa, conformen se produzcan los acontecimientos.
• Cantidad de contenidos: ¿Cuánta información va a haber?
• Jerarquía de la información: cuál es la más importante.
• Retroinformación: feedback (foros, encuestas, chats).
![Page 15: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/15.jpg)
COMPONENTES DE UN EQUIPO WEB
• Jefe de proyecto: vigila el cronograma.
• Arquitecto de la información: organiza, estructura los contenidos del sitio.
• Consultor de usabilidad: vigila que el usuario encuentre con facilidad la información.
• Diseñador gráfico: entiende de equilibrio de color, contraste, equilibrio.
![Page 16: Arquitectura de un sitio web](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b6837b47959781e8b458a/html5/thumbnails/16.jpg)
• Programadores (front-end y back-end): lenguajes Javascript, XML, AJAX, etc.
• Administrador de base de datos (DBA): mantiene las tablas y el rendimiento de las consultas.
• Administrador de sistemas: vigila el rendimiento y seguridad de los servidores.
• Consultor de posicionamiento: ve que aumenten las visitas.