Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Arquitectura de un sitio web

24.235 visualizaciones

Publicado el

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

Publicado en: Tecnología
  • Sé el primero en comentar

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>

×