Arquitectura de un sitio web

21,368 views

Published on

Clases del curso de periodismo digital de la Universidad de San Martín de Porres.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
21,368
On SlideShare
0
From Embeds
0
Number of Embeds
56
Actions
Shares
0
Downloads
386
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Arquitectura de un sitio web

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

×