SlideShare una empresa de Scribd logo
Medios Digitales
Tipologías de sitios web
y gestores de contenido                         1


Clase 5/16
Escuela de Creativos Publicitarios de Uruguay
Docente: Chino Carranza
Tareas de la clase pasada   2
Estático vs. dinámico     3


¿Cuál es la diferencia?
Tipologías de sitios web o presencia web   4
“Folleto”                  5




  ■ Contenido estático
  ■ Sin interacción
  ■ Actualización manual
6



“Folleto”   Fábricas Nacionales de Cerveza
Tienda en línea                              7


 ■ Dinámico
 ■ Adaptado al usuario (registro, cookies)
 ■ Formas de pago
     ■ Tarjeta
     ■ Débito
     ■ Contrareembolso
     ■ Red de pagos
8



Tienda en línea   Tienda Inglesa
Portal                                                9




 ■ Dinámico
 ■ Adaptado al usuario (registro, cookies)
 ■ Secciones o temas de interés
 ■ Actualización frecuente
 ■ Actúa como “portal” a otros contenidos de la web
10



Portal   Medicina Personalizada
Blog                           11




 ■ Dinámico
 ■ Artículos
 ■ Ordenado cronológicamente
 ■ Prevé suscripción (RSS)
 ■ Lectura diferida
- Escribí tu búsqueda -    0     MÚSICA


                             Cerati en Zillertal files
                             09 de Septiembre del 2010 | por Urbana FM




                                                                                     12

   Arquitectura (9)


Blog
   Arte (3)
   Diseño (10)
                                                                         Zillertal
   Moda (4)
   Música (3)
   Sostenibilidad (1)
   Tecnología (11)
Microblog                               13



 ■ Dinámico
 ■ Textos breves
 ■ Uso de vínculos a otros contenidos
 ■ Ordenado cronológicamente
 ■ Prevé suscripción (RSS)
 ■ Inmediatez
14



Microblog
Preguntas/Comentarios/Publicaciones        15




 ■ Estructura similar a blog o microblog
 ■ Contenido generado por usuarios (UGC)
 ■ Moderación
 ■ Votos
16


Preguntas/Comentarios/   RusoPérez.com
Publicaciones
Foros                                     17




 ■ Temáticos
 ■ Organizado por sub-foros/temas/hilos
 ■ Contenido Generado por Usuarios
 ■ Moderación
18



Foros   Eficiencia Energética (MIEM, UTE)
Landing page (página de aterrizaje)                                19




  ■ Responde a una campaña/promo/activación
  ■ Provee un lugar para “aterrizar” desde un link, banner, etc.
  ■ Específica y breve
  ■ Actúa como canalizador hacia acciones o sitios específicos
20



Landing page   Ovación
Página en Facebook                     21




 ■ Alta visibilidad
 ■ Prevé suscripción (Me gusta)
 ■ Personalización básica
 ■ Difícil de mantener base de datos
 ■ Alto nivel de interacción
22



Página en Facebook   AXE
Wiki             23




 ■ Editable
 ■ Abierto
 ■ Libre
 ■ Comunitario
24



Wiki   Genexus
Micrositio/Hotsite                            25




  ■ Específico
  ■ Menos que un sitio institucional
  ■ Más que un landing page
  ■ Suele usarse para juegos y aplicaciones
  ■ Suele ser temporal
26



Micrositio/Hotsite   Dove Go Fresh
Canal (YouTube/Flickr/etc.)      27




  ■ Rápido de implementar
  ■ Poco personalizable
  ■ Limitado
  ■ Sin acceso a base de datos
28



Canal (YouTube/Flickr/etc.)   Agencia Nacional de Investigación e Innovación
Publicación electrónica         29




 ■ Rápido de implementar
 ■ Poco personalizable
 ■ Limitado
 ■ Sin acceso a base de datos
 ■ Imita formatos analógicos
30



Publicación electrónica   AKA Magazine
Web móvil                                    31




 ■ Diseño adaptable o personalizado
 ■ Por lo general usando estándares web
 ■ Funcionalidades adaptadas a smartphones
32



Web móvil   Cartelera.com.uy
Aplicación móvil                         33




 ■ Programadas para cada plataforma
 ■ Interfaz adaptada a cada plataforma
 ■ Usan webservices
 ■ Sincronización online/offline
 ■ A veces en “la nube”
34



Aplicación móvil   Observador - Café&Negocios
Aplicación web                         35




 ■ Cumple una función/da un servicio
 ■ Dinámico/interactivo
 ■ Usan webservices
36



Aplicación web   Viaje de Arquitectura
Gestores de contenido (CMS)   37
38



Algunos populares
Hay para todos los gustos                                               39


 ■ Magneto - eCommerce                   ■ IntraLibre - Intranet
 ■ Moodle - Educación                    ■ PHP Motion - Videos
 ■ Pligg - Compartir links (tipo Digg)   ■ Coppermine - Fotos
 ■ Elgg - Red social                     ■ RSuite - Documentos
 ■ phpBB - Foros                         ■ OpenPublic - Gubernamental
 ■ MediaWiki - Wikis                     ■ Ekklesia - ¡¿Iglesias?!
¿Qué tipo de sitio usaríamos?
Para promocionar una fiesta/evento.




                                     40
¿Qué tipo de sitio usaríamos?
Para una activación/promoción de una marca.




                                              41
¿Qué tipo de sitio usaríamos?
Para el sitio institucional de una empresa.




                                              42
Tareas para la próxima clase   43
44




■ Tienen que:
    ■ Publicar un artículo en el blog de Medios Digitales en Tumblr.
    ■ El artículo debe hablar sobre un sitio o acción online de Uruguay y para una
       marca que les haya gustado.

    ■ En él van a contar de qué se trata la acción o sitio y a qué tipo (o tipos) de sitio de
       los que vimos se ajusta.

    ■ El artículo tiene que incluir por lo menos una foto o video.
■ Entrar en:
    http://laescuelita.tumblr.com/submit




                                           45



Paso 1
■ Elegir el tipo de artículo




                                46



Paso 2
■ Ponerle título (titulares ingeniosos ganan puntos)
 ■ Escribir el contenido
 ■ Releer ambos para no pasar vergüenza



                                                        47



Paso 3
■ Agregar foto/s o video
   ■ Las fotos se suben desde la computadora
   ■ Los videos se ponen copiando y pegando el
       código de “embed”

■ Ante la duda, me consultan


                                                 48



Paso 4
■ Hacer click en la casilla de “aceptar términos y
    condiciones”

 ■ Llenar los datos
 ■ Enviar



                                                      49



Paso 5
Listo
Yo voy a recibir el artículo y en caso
de que todo esté en orden, lo
publico.
Se va a publicar también en
Facebook y Twitter
automáticamente.




                                         50
Hasta la próxima   51

Más contenido relacionado

PDF
La Escuelita - Medios Digitales - Clase 5 - Tipologías de sitios web y gestor...
PPT
091123 Intro + Habilidades Barcelona
PPTX
Portafolio digital
PDF
Formas de difusión de imágenes y vídeos. Riesgos y pautas de actuación
ODT
Apuntes
PPTX
Ple actividad 4 diana molina
PPTX
Trabajo sistemas web 2.0
PPS
Multa
La Escuelita - Medios Digitales - Clase 5 - Tipologías de sitios web y gestor...
091123 Intro + Habilidades Barcelona
Portafolio digital
Formas de difusión de imágenes y vídeos. Riesgos y pautas de actuación
Apuntes
Ple actividad 4 diana molina
Trabajo sistemas web 2.0
Multa

Destacado (6)

PPT
Innovating with Web 2.0
ODP
Pixelco - servicios y tipologías web
PPTX
Tipologias de sitios web
PPSX
Tecnologias web
PPT
Tecnologia web
PDF
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
Innovating with Web 2.0
Pixelco - servicios y tipologías web
Tipologias de sitios web
Tecnologias web
Tecnologia web
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
Publicidad

Similar a La Escuelita - Medios Digitales - Clase 5 - Tipologías de sitios web y gestores de contenido (20)

PDF
La Escuelita - Medios Digitales - Clases 10/11 - Monetización y modelos de ne...
PDF
Redes Sociales
PDF
Manual de herramientas digitales (1)
PDF
Manual de herramientas digitales
PDF
Manualherramientasdigitales 100311173052-phpapp02
PDF
Manual Herramientas Digitales
ODP
Web 2 cesar chacon
DOCX
Herramientas web 2 (1)
PDF
Bilbao World Cafe 2 0
PDF
Marketing y Redes Sociales, cómo la empresa puede aprovecharla
PPTX
PDF
5paginaweb
PPT
Examen alexxxx redesss
PPSX
Glosario web 2
PPTX
Generación de Contenidos. Joantxo Llantada. Labtalleres Huelva 2011.
PPT
Examen alexxxx redesss
PPTX
Motores de búsqueda
PPT
Turismodejerez
PPT
Herramientas digitales para la educacion
PPTX
Ficha# 1 página y sitio web (1) (terminada)
La Escuelita - Medios Digitales - Clases 10/11 - Monetización y modelos de ne...
Redes Sociales
Manual de herramientas digitales (1)
Manual de herramientas digitales
Manualherramientasdigitales 100311173052-phpapp02
Manual Herramientas Digitales
Web 2 cesar chacon
Herramientas web 2 (1)
Bilbao World Cafe 2 0
Marketing y Redes Sociales, cómo la empresa puede aprovecharla
5paginaweb
Examen alexxxx redesss
Glosario web 2
Generación de Contenidos. Joantxo Llantada. Labtalleres Huelva 2011.
Examen alexxxx redesss
Motores de búsqueda
Turismodejerez
Herramientas digitales para la educacion
Ficha# 1 página y sitio web (1) (terminada)
Publicidad

Más de Daniel Carranza (20)

PDF
Seminario de Marketing Digital - Marketing Tech - 24/09/2014
PDF
Antel CISL 2014 - Aplicaciones Cívicas: Software Libre + Datos Abiertos
PDF
Valor de marca en medios digitales - 12/06/2014 - ORT
PDF
Atalo con Wordpress - #CafédeDATA - 07/06/2014
PDF
XIII Reunión BID Sociedad Civil - Cómo Trabajar con los Ciudadanos a Partir d...
PDF
Marcas Abiertas: De lo Social a la Co-Creación
PDF
Es público, ¿es abierto? - 2º Congreso Internacional de Software Libre - DATA...
PDF
La Era de los Datos - Social Media Day 2013, Montevideo
PDF
Tendencias y Herramientas Digitales de Comunicación - LICCOM - PRODIC - Clase...
PDF
Tendencias y Herramientas Digitales de Comunicación - LICCOM - PRODIC - clase...
PDF
Tendencias y Herramientas Digitales de Comunicación - LICCOM - PRODIC - Clase...
PDF
Tendencias y Herramientas Digitales de Comunicación - LICCOM - PRODIC - Clase...
PDF
Tendencias y herramientas digitales de comunicación - LICCOM - PRODIC - Clase...
PDF
Consumo de medios audiovisuales online y multipantalla - Montevideo, Uruguay -
PDF
La Escuelita - Medios Digitales - Clase 15 - On/Off - 2012
PDF
La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012
PDF
La Escuelita - Medios Digitales - Clase 13 - Convergencia digital y ubicuidad...
PDF
La Escuelita - Medios Digitales - Clase 12 - Identidad y reputación online - ...
PDF
La Escuelita - Medios Digitales - Clase 11 - Redes sociales - 2012
PDF
La Escuelita - Medios Digitales - Clase 10 - Monetización y modelos de negoci...
Seminario de Marketing Digital - Marketing Tech - 24/09/2014
Antel CISL 2014 - Aplicaciones Cívicas: Software Libre + Datos Abiertos
Valor de marca en medios digitales - 12/06/2014 - ORT
Atalo con Wordpress - #CafédeDATA - 07/06/2014
XIII Reunión BID Sociedad Civil - Cómo Trabajar con los Ciudadanos a Partir d...
Marcas Abiertas: De lo Social a la Co-Creación
Es público, ¿es abierto? - 2º Congreso Internacional de Software Libre - DATA...
La Era de los Datos - Social Media Day 2013, Montevideo
Tendencias y Herramientas Digitales de Comunicación - LICCOM - PRODIC - Clase...
Tendencias y Herramientas Digitales de Comunicación - LICCOM - PRODIC - clase...
Tendencias y Herramientas Digitales de Comunicación - LICCOM - PRODIC - Clase...
Tendencias y Herramientas Digitales de Comunicación - LICCOM - PRODIC - Clase...
Tendencias y herramientas digitales de comunicación - LICCOM - PRODIC - Clase...
Consumo de medios audiovisuales online y multipantalla - Montevideo, Uruguay -
La Escuelita - Medios Digitales - Clase 15 - On/Off - 2012
La Escuelita - Medios Digitales - Clase 14 - Web móvil - 2012
La Escuelita - Medios Digitales - Clase 13 - Convergencia digital y ubicuidad...
La Escuelita - Medios Digitales - Clase 12 - Identidad y reputación online - ...
La Escuelita - Medios Digitales - Clase 11 - Redes sociales - 2012
La Escuelita - Medios Digitales - Clase 10 - Monetización y modelos de negoci...

La Escuelita - Medios Digitales - Clase 5 - Tipologías de sitios web y gestores de contenido

  • 1. Medios Digitales Tipologías de sitios web y gestores de contenido 1 Clase 5/16 Escuela de Creativos Publicitarios de Uruguay Docente: Chino Carranza
  • 2. Tareas de la clase pasada 2
  • 3. Estático vs. dinámico 3 ¿Cuál es la diferencia?
  • 4. Tipologías de sitios web o presencia web 4
  • 5. “Folleto” 5 ■ Contenido estático ■ Sin interacción ■ Actualización manual
  • 6. 6 “Folleto” Fábricas Nacionales de Cerveza
  • 7. Tienda en línea 7 ■ Dinámico ■ Adaptado al usuario (registro, cookies) ■ Formas de pago ■ Tarjeta ■ Débito ■ Contrareembolso ■ Red de pagos
  • 8. 8 Tienda en línea Tienda Inglesa
  • 9. Portal 9 ■ Dinámico ■ Adaptado al usuario (registro, cookies) ■ Secciones o temas de interés ■ Actualización frecuente ■ Actúa como “portal” a otros contenidos de la web
  • 10. 10 Portal Medicina Personalizada
  • 11. Blog 11 ■ Dinámico ■ Artículos ■ Ordenado cronológicamente ■ Prevé suscripción (RSS) ■ Lectura diferida
  • 12. - Escribí tu búsqueda - 0 MÚSICA Cerati en Zillertal files 09 de Septiembre del 2010 | por Urbana FM 12 Arquitectura (9) Blog Arte (3) Diseño (10) Zillertal Moda (4) Música (3) Sostenibilidad (1) Tecnología (11)
  • 13. Microblog 13 ■ Dinámico ■ Textos breves ■ Uso de vínculos a otros contenidos ■ Ordenado cronológicamente ■ Prevé suscripción (RSS) ■ Inmediatez
  • 15. Preguntas/Comentarios/Publicaciones 15 ■ Estructura similar a blog o microblog ■ Contenido generado por usuarios (UGC) ■ Moderación ■ Votos
  • 16. 16 Preguntas/Comentarios/ RusoPérez.com Publicaciones
  • 17. Foros 17 ■ Temáticos ■ Organizado por sub-foros/temas/hilos ■ Contenido Generado por Usuarios ■ Moderación
  • 18. 18 Foros Eficiencia Energética (MIEM, UTE)
  • 19. Landing page (página de aterrizaje) 19 ■ Responde a una campaña/promo/activación ■ Provee un lugar para “aterrizar” desde un link, banner, etc. ■ Específica y breve ■ Actúa como canalizador hacia acciones o sitios específicos
  • 20. 20 Landing page Ovación
  • 21. Página en Facebook 21 ■ Alta visibilidad ■ Prevé suscripción (Me gusta) ■ Personalización básica ■ Difícil de mantener base de datos ■ Alto nivel de interacción
  • 23. Wiki 23 ■ Editable ■ Abierto ■ Libre ■ Comunitario
  • 24. 24 Wiki Genexus
  • 25. Micrositio/Hotsite 25 ■ Específico ■ Menos que un sitio institucional ■ Más que un landing page ■ Suele usarse para juegos y aplicaciones ■ Suele ser temporal
  • 26. 26 Micrositio/Hotsite Dove Go Fresh
  • 27. Canal (YouTube/Flickr/etc.) 27 ■ Rápido de implementar ■ Poco personalizable ■ Limitado ■ Sin acceso a base de datos
  • 28. 28 Canal (YouTube/Flickr/etc.) Agencia Nacional de Investigación e Innovación
  • 29. Publicación electrónica 29 ■ Rápido de implementar ■ Poco personalizable ■ Limitado ■ Sin acceso a base de datos ■ Imita formatos analógicos
  • 31. Web móvil 31 ■ Diseño adaptable o personalizado ■ Por lo general usando estándares web ■ Funcionalidades adaptadas a smartphones
  • 32. 32 Web móvil Cartelera.com.uy
  • 33. Aplicación móvil 33 ■ Programadas para cada plataforma ■ Interfaz adaptada a cada plataforma ■ Usan webservices ■ Sincronización online/offline ■ A veces en “la nube”
  • 34. 34 Aplicación móvil Observador - Café&Negocios
  • 35. Aplicación web 35 ■ Cumple una función/da un servicio ■ Dinámico/interactivo ■ Usan webservices
  • 36. 36 Aplicación web Viaje de Arquitectura
  • 39. Hay para todos los gustos 39 ■ Magneto - eCommerce ■ IntraLibre - Intranet ■ Moodle - Educación ■ PHP Motion - Videos ■ Pligg - Compartir links (tipo Digg) ■ Coppermine - Fotos ■ Elgg - Red social ■ RSuite - Documentos ■ phpBB - Foros ■ OpenPublic - Gubernamental ■ MediaWiki - Wikis ■ Ekklesia - ¡¿Iglesias?!
  • 40. ¿Qué tipo de sitio usaríamos? Para promocionar una fiesta/evento. 40
  • 41. ¿Qué tipo de sitio usaríamos? Para una activación/promoción de una marca. 41
  • 42. ¿Qué tipo de sitio usaríamos? Para el sitio institucional de una empresa. 42
  • 43. Tareas para la próxima clase 43
  • 44. 44 ■ Tienen que: ■ Publicar un artículo en el blog de Medios Digitales en Tumblr. ■ El artículo debe hablar sobre un sitio o acción online de Uruguay y para una marca que les haya gustado. ■ En él van a contar de qué se trata la acción o sitio y a qué tipo (o tipos) de sitio de los que vimos se ajusta. ■ El artículo tiene que incluir por lo menos una foto o video.
  • 45. ■ Entrar en: http://laescuelita.tumblr.com/submit 45 Paso 1
  • 46. ■ Elegir el tipo de artículo 46 Paso 2
  • 47. ■ Ponerle título (titulares ingeniosos ganan puntos) ■ Escribir el contenido ■ Releer ambos para no pasar vergüenza 47 Paso 3
  • 48. ■ Agregar foto/s o video ■ Las fotos se suben desde la computadora ■ Los videos se ponen copiando y pegando el código de “embed” ■ Ante la duda, me consultan 48 Paso 4
  • 49. ■ Hacer click en la casilla de “aceptar términos y condiciones” ■ Llenar los datos ■ Enviar 49 Paso 5
  • 50. Listo Yo voy a recibir el artículo y en caso de que todo esté en orden, lo publico. Se va a publicar también en Facebook y Twitter automáticamente. 50