Desarrollo de Proyectos
Multimedia


  Seminario – Taller

  Dra. Lyudmyla Yezers´ka
 Objetivos:
   Que el alumno domine los elementos que
    intervienen en la composición del diseño
    de un sitio web
 ...
¿Que significa “El proyecto multimedia”?


 Proyectos off-line
 Proyectos on-line
     http://interproyect.wetpaint.com...
Contenidos
 Introducción
   Definiciones
   Aspectos generales de diseño hipermedia
   Principios generales y arquitec...
 Planteamiento y desarrollo de un proyecto
  de contenido
   Plan de un proyecto de contenido
   Tipos de sitios web
 ...
Intorducción - INTERNET
 El nombre de internet se deriva de Internacional
  Network of Computers.
 “Red informática mund...
La transmisión de información en red
 Para conectarse a la red desde un ordenador, el
  usuario precisa, en principio de ...
Transmisión de información a
través de internet


USUARIO
             Proveedor      INTERNET
             de acceso



 ...
Aplicaciones de Internet
•   Primeros servicios
     Telnet (conexión remota)
     Correo electrónico
     FTP (transfe...
Servicio Web
 La web es un sistema de publicación y
  distribución electrónica de información
  basada en Hipertexto que ...
 Para simplificar el proceso de identificación se
  han desarrollado dos aplicaciones
  complementarias:
   El protocolo...
Direcciones Electrónicas
 Para acceder a un sitio web debemos
  escribir su nombre en la barra de
  direcciones.
 Nombre...
Los protocolos
 http:// - acceso por la World Wide Web
 https:// - acceso a un servidor seguro
 ftp:// - acceso por ftp...
Dirección electrónica URL
 nodo.dominio
  Nodo – dirección del servidor
  Dominio – datos adicionales de
   tipo de emp...
Dominios
   .com – comercial
   .net – instituciones relacionados con internet
   .gov – instituciones gubernamentales
...
World Wide Web
 WWW proporciona una
  interfaz gráfica por la
  que es fácil desplazarse
  para buscar documentos
  en In...
HTML - lenguaje de marcación de
hipertexto
   HTML es un lenguaje diseñado para estructurar textos y
    presentarlos en ...
Diseño de comunicación digital
 Se exploran las posibilidades expresivas, estéticas
   y comunicativas del lenguaje audio...
Características de comunicación digital
     Multimedialidad
     Hipertextualidad
     Interactividad
     Inmediatez
 Multimedialidad – es la posibilidad de crear contenidos
  utilizando la variedad de códigos existentes:
  textos, fotogr...
Niveles de profundidad de la noticia:

    1: título o flash de la noticia.
    2: entradilla o resumen básico de la
    i...
 Interactividad – es la capacidad de que el
  usuario interaccione con la información que le
  presenta el cibermedio (RA...
Pasos
 Planificación:
     Pensar un tema
     Estructura de los contenidos:
       Secciones del sitio
       Árbol ...
Próxima SlideShare
Cargando en…5
×

Proyectos multimedia

6.172 visualizaciones

Publicado el

Introducción. Internet, web

0 comentarios
3 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
6.172
En SlideShare
0
De insertados
0
Número de insertados
577
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
3
Insertados 0
No insertados

No hay notas en la diapositiva.

Proyectos multimedia

  1. 1. Desarrollo de Proyectos Multimedia Seminario – Taller Dra. Lyudmyla Yezers´ka
  2. 2.  Objetivos:  Que el alumno domine los elementos que intervienen en la composición del diseño de un sitio web  Que el alumno maneje la terminología propia del diseño web  Que el alumno desarrolle una cultura profesional sobre los distintos modelos de diseño de sitios web
  3. 3. ¿Que significa “El proyecto multimedia”?  Proyectos off-line  Proyectos on-line  http://interproyect.wetpaint.com/page/Galeria+multimedia
  4. 4. Contenidos  Introducción  Definiciones  Aspectos generales de diseño hipermedia  Principios generales y arquitectura de un sitio web  Diseño de documentos HTML  Lenguaje HTML  Creación de sitios web
  5. 5.  Planteamiento y desarrollo de un proyecto de contenido  Plan de un proyecto de contenido  Tipos de sitios web  Elaboración de un Proyecto informativo  Manejo de Editor Front Page  Composición del proyecto  Manejo de software de retoque Photoshop  Publicación y promoción del Proyecto
  6. 6. Intorducción - INTERNET  El nombre de internet se deriva de Internacional Network of Computers.  “Red informática mundial, descentralizada, formada por la conexión directa entre computadoras u ordenadores mediante un protocolo especial de comunicación” (RAE)  Internet es más que una tecnología, es “un medio de comunicación, de interacción y de organización social” (Castells).  Todos los servicios que ofrece Internet son llevados a cabo por miles de ordenadores que están permanentemente encendidos y conectados a Internet
  7. 7. La transmisión de información en red  Para conectarse a la red desde un ordenador, el usuario precisa, en principio de 3 elementos: dirección IP, Conexión y Proveedor de acceso:  IP (Internet Protocol) – dirección del ordenador conestado a la Red (ej. 157.192.63.45)  Conexión (MODEM, ADSL, cable, Wi-Fi)  Proveedor – empresa que proporciona IP y servicio de conexión (ej. Telefónica)  La información expuesta en internet se encuentra almacenada en servidores – ordenadores conectados permanentemente a internet.  Servidores proporcionan una determinada información a los usuarios y tiene su dirección IP.
  8. 8. Transmisión de información a través de internet USUARIO Proveedor INTERNET de acceso Servidores Web
  9. 9. Aplicaciones de Internet • Primeros servicios  Telnet (conexión remota)  Correo electrónico  FTP (transferencia de ficheros)  Menús jerárquicos de información (GOPHER) • Servicios tradicionales  Grupos de noticias (Usnet, News groups)  Listas de Interés  Conversaciones on-line ( IRC, Chat)  Telaraña mundial World Wide Web ( WWW ) • Actuales en desarrollo  Transmisión de audio y video en tiempo real  Incorporación de realidad virtual al WWW
  10. 10. Servicio Web  La web es un sistema de publicación y distribución electrónica de información basada en Hipertexto que permite la presentación de información multimedia.  En web se utilizan tres nuevos recursos:  HTML (Hyper Text Markup Language), un lenguaje con el que se escriben las páginas;  HTTP (Hypertext Transfer Protocol), un protocolo de transferencia, igual para todos los ordenadores que componen la red de redes  Programa llamado Web-browser o navegador
  11. 11.  Para simplificar el proceso de identificación se han desarrollado dos aplicaciones complementarias:  El protocolo URL (Universal Resource Locator) – dirección del servidor que alberga el sitio web.  La estructura de las principales direcciones DNS (Domain Name System) – simplifica el proceso de identificación de datos.  Dichas aplicaciones traducen la dirección IP (216.143.65.54) a URL (www.elmundo.es)
  12. 12. Direcciones Electrónicas  Para acceder a un sitio web debemos escribir su nombre en la barra de direcciones.  Nombre de un servicio en internet consiste de 2 partes:  Identificador de protocolo – tipo de servicio (ej: http://)  Dirección electrónica (URL)
  13. 13. Los protocolos  http:// - acceso por la World Wide Web  https:// - acceso a un servidor seguro  ftp:// - acceso por ftp para transferencia de archivos  news:// - acceso a los grupos de noticias News  mailto://- acceso al servicio de correo electrónico  gopher://- busqueda de páginas con menús jerárquico  telnet://- acceso como terminal de un ordenador remoto
  14. 14. Dirección electrónica URL  nodo.dominio  Nodo – dirección del servidor  Dominio – datos adicionales de tipo de empresa y país. Ej: www.upiura.udep.edu.pe www.elcomercioperu.com.pe www.fcom-udep.net
  15. 15. Dominios  .com – comercial  .net – instituciones relacionados con internet  .gov – instituciones gubernamentales  .edu – educativos  .mil – militares  .int – internacionales  .org – sin animos de lucro  .es – España  .fr – Francia  .ru - Rusia
  16. 16. World Wide Web  WWW proporciona una interfaz gráfica por la que es fácil desplazarse para buscar documentos en Internet. Páginas Web como los vínculos entre ellos componen una red de información. El Web permite saltar mediante un “hipervinculo” de una página a otra.  “Explorar” significa seguir los hipervinculos entre páginas.
  17. 17. HTML - lenguaje de marcación de hipertexto  HTML es un lenguaje diseñado para estructurar textos y presentarlos en forma de hipertexto. Se trata de un conjunto de etiquetas que sirven para definir la forma en la que presentar el texto y otros elementos de la página.  Hipertexto – es un texto común con la posibilidad adicional de poder relacionarse con otros documentos a través de vínculos.  Para publicar en internet necesitaremos construir unos documentos hipertexto, o hipermedia, con sus correspondientes archivos de imagen o video y colocarlos en unos ordenadores que son servidores de páginas web. Los archivos tiene extención .html  Para crear una página web se utiliza:  Un editor de textos (bloc de notas)  Navegador
  18. 18. Diseño de comunicación digital  Se exploran las posibilidades expresivas, estéticas y comunicativas del lenguaje audiovisual en soportes digitales, buscando nuevos modos narrativos para organizar información audiovisual de forma no lineal.  Diseño digital significa: Concebir proyectos de comunicación que utilicen eficazmente todo el potencial de los medios interactivos.  Crear comunicación para medios digitales exige plantearse las consecuencias comunicativas de esa determinación tecnológica. La comunicación digital ha diluido las fronteras entre los medios.
  19. 19. Características de comunicación digital  Multimedialidad  Hipertextualidad  Interactividad  Inmediatez
  20. 20.  Multimedialidad – es la posibilidad de crear contenidos utilizando la variedad de códigos existentes: textos, fotografías, sonidos, vídeos, infografías animadas y dibujos interactivos; que permite presentar los hechos de manera más real, simulando la percepción multidimencional que tienen las personas.  Hipertexto - es un modo de leer y escribir siguiendo un procedimiento más próximo al proceso de razonamiento humano: por asociación de ideas.  En Internet, las informaciones se configuran por capas que aparecen en pantalla en función de los nodos y enlaces activados.  La navegación es una expresión metafórica que se refiere a la acción y efecto de explorar un hipertexto.
  21. 21. Niveles de profundidad de la noticia: 1: título o flash de la noticia. 2: entradilla o resumen básico de la información 3: información completa 4: consulta multimedia y el acceso a historias complementarias o relacionadas 5: la posibilidad de manifestar su opinión mediante foros, chats o simples recomendaciones.
  22. 22.  Interactividad – es la capacidad de que el usuario interaccione con la información que le presenta el cibermedio (RAE).  Esta capacidad depende de la estructuración de la información proporcionada por el diseño.  Interactividad con el emisor  Interactividad con la información  Interactividad con otros usuarios (P2P)  Interactividad de transmisión  Inmediatéz -ruptura de periodicidad- posibilidad de actualizar permanentemente la información.
  23. 23. Pasos  Planificación:  Pensar un tema  Estructura de los contenidos:  Secciones del sitio  Árbol del sitio  Esquema de una página  Contenidos (textos, imágenes)  Diseño en HTML  Alojar sitio web en un servidor  Promoción  Actualización

×