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

51
Medios Digitales Tipologías de sitios web y gestores de contenido Clase 5/16 Escuela de Creativos Publicitarios de Uruguay Docente: Chino Carranza 1

description

Una visión general de algunas de las tipologías más comunes para sitios (o presencia) web usados en publicidad y los gestores de contenido usados para mantener el contenido de muchos de esos sitios.

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

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

Medios DigitalesTipologías de sitios weby gestores de contenido

Clase 5/16Escuela de Creativos Publicitarios de UruguayDocente: Chino Carranza

1

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

Tareas de la clase pasada 2

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

Estático vs. dinámico 3

¿Cuál es la diferencia?

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

Tipologías de sitios web o presencia web 4

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

■ Contenido estático

■ Sin interacción

■ Actualización manual

5“Folleto”

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

“Folleto” Fábricas Nacionales de Cerveza

6

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

■ Dinámico

■ Adaptado al usuario (registro, cookies)

■ Formas de pago

■ Tarjeta

■ Débito

■ Contrareembolso

■ Red de pagos

7Tienda en línea

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

Tienda en línea Tienda Inglesa

8

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

■ 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

9Portal

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

Portal Medicina Personalizada

10

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

■ Dinámico

■ Artículos

■ Ordenado cronológicamente

■ Prevé suscripción (RSS)

■ Lectura diferida

11Blog

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

- Escribí tu búsqueda -

Arquitectura (9)

Arte (3)

Diseño (10)

Moda (4)

Música (3)

Sostenibilidad (1)

Tecnología (11)

Urbana (4)

Zillertal (5)

Urbana FM (4)

Zillertal (8)

01 Zillertal sortea las...

02 "Diseño con sensibilidad...

03 Bienvenidos

04 El invierno tiene sus...

05 Moda en movimiento

06 Alternativas para morder...

07 Web people: Maximiliano...

08 Todos los videos de...

09 Para hacer jugar a los...

10 Tips para no quemarse la...

01 Zillertal sortea las...

02 Diseño sostenible =...

03 La Twittosfera Uruguaya

04 Aplicaciones gratuitas...

05 Límite

06 Bienvenidos

07 Web people: Maximiliano...

08 La web es celeste

09 Tips para no quemarse la...

10 Alternativas para morder...

0

09 de Septiembre del 2010 | por Urbana FM

Tags: Cerati Zillertal files Urbana FM

2

09 de Agosto del 2010 | por Zillertal

Tags: Urbana winter sessions música alianza francesa

0

28 de Julio del 2010 | por Urbana FM

Tags: Urbana Manuela Da Silveira Martín Buscaglia FMCausas perdidas

2

07 de Julio del 2010 | por

Tags: moda movimiento diseño tendencias Diane Pernetícono Mariale Ariceta

0

29 de Junio del 2010 | por

Tags: fiestas populares fondos concursables sacachispas

0

21 de Junio del 2010 | por

Tags: web arquitectura 2.0 actitud

0

09 de Junio del 2010 | por

Tags: fashion inmotion diane pernet centro de diseño

1

31 de Mayo del 2010 | por Zillertal

Tags: TEDxMontevideo Sala Zabala Muniz Teatro Solís

MÚSICA

Cerati en Zillertal files

Hoy estrena Zillertal Files, ciclo 2010, por Urbana FM.

URBANA

El invierno tiene suscosas lindas

Por eso vuelven las Urbana Winter Sessions a La Alianza Francesa

URBANA

Talk & Pop : La nuevatarde de Urbana.

Talk & Pop: Manuela Da Silveira, Dani Umpi y Martín Buscaglia llegan a la tarde de Urbana.Un nuevo programa que promete revolucionar la propuesta vespertina en FM.

MODA

Moda en movimiento

ARTE

Y adentro, fiestaspopulares

Y adentro!Tendencia 6_ Descentralización cultural, fiestas populares y tradiciones

ARQUITECTURA

Arquitectura 2.0

El uso de el término de Web 2.0 está de moda, dándole mucho peso a una tendencia que ha estado presente desdehace algún tiempo. El 2.0 no es precisamente una tecnología, como creen muchos relacionada a la web, sino que esuna actitud; con la que debemos trabajar para desarrollar nuestros proyectos.

MODA

Eppur si muove

ZILLERTAL

Todos los videos deTEDxMontevideo

Ya puedes ver las 12 conferencias de la primera edición de TEDxMontevideo que tuvo lugar el 4 de mayo en la salaZabala Muniz del Teatro Solís.

Blog Zillertal

12

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

■ Dinámico

■ Textos breves

■ Uso de vínculos a otros contenidos

■ Ordenado cronológicamente

■ Prevé suscripción (RSS)

■ Inmediatez

13Microblog

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

Microblog

14

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

■ Estructura similar a blog o microblog

■ Contenido generado por usuarios (UGC)

■ Moderación

■ Votos

15Preguntas/Comentarios/Publicaciones

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

Preguntas/Comentarios/Publicaciones

RusoPérez.com

16

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

■ Temáticos

■ Organizado por sub-foros/temas/hilos

■ Contenido Generado por Usuarios

■ Moderación

17Foros

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

Foros Eficiencia Energética (MIEM, UTE)

18

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

■ 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

19Landing page (página de aterrizaje)

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

Landing page Ovación

20

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

■ Alta visibilidad

■ Prevé suscripción (Me gusta)

■ Personalización básica

■ Difícil de mantener base de datos

■ Alto nivel de interacción

21Página en Facebook

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

Página en Facebook AXE

22

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

■ Editable

■ Abierto

■ Libre

■ Comunitario

23Wiki

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

Wiki Genexus

24

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

■ Específico

■ Menos que un sitio institucional

■ Más que un landing page

■ Suele usarse para juegos y aplicaciones

■ Suele ser temporal

25Micrositio/Hotsite

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

Micrositio/Hotsite Dove Go Fresh

26

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

■ Rápido de implementar

■ Poco personalizable

■ Limitado

■ Sin acceso a base de datos

27Canal (YouTube/Flickr/etc.)

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

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

28

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

■ Rápido de implementar

■ Poco personalizable

■ Limitado

■ Sin acceso a base de datos

■ Imita formatos analógicos

29Publicación electrónica

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

Publicación electrónica AKA Magazine

30

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

■ Diseño adaptable o personalizado

■ Por lo general usando estándares web

■ Funcionalidades adaptadas a smartphones

31Web móvil

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

Web móvil Cartelera.com.uy

32

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

■ Programadas para cada plataforma

■ Interfaz adaptada a cada plataforma

■ Usan webservices

■ Sincronización online/offline

■ A veces en “la nube”

33Aplicación móvil

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

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

34

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

■ Cumple una función/da un servicio

■ Dinámico/interactivo

■ Usan webservices

35Aplicación web

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

Aplicación web Viaje de Arquitectura

36

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

Gestores de contenido (CMS) 37

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

Algunos populares

38

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

Hay para todos los gustos 39

■ Magneto - eCommerce

■ Moodle - Educación

■ Pligg - Compartir links (tipo Digg)

■ Elgg - Red social

■ phpBB - Foros

■ MediaWiki - Wikis

■ IntraLibre - Intranet

■ PHP Motion - Videos

■ Coppermine - Fotos

■ RSuite - Documentos

■ OpenPublic - Gubernamental

■ Ekklesia - ¡¿Iglesias?!

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

Para promocionar una fiesta/evento.

40

¿Qué tipo de sitio usaríamos?

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

Para una activación/promoción de una marca.

41

¿Qué tipo de sitio usaríamos?

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

Para el sitio institucional de una empresa.

42

¿Qué tipo de sitio usaríamos?

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

Tareas para la próxima clase 43

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

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.

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

■ Entrar en:http://laescuelita.tumblr.com/submit

45

Paso 1

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

■ Elegir el tipo de artículo

46

Paso 2

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

■ Ponerle título (titulares ingeniosos ganan puntos)

■ Escribir el contenido

■ Releer ambos para no pasar vergüenza

47

Paso 3

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

48

Paso 4

■ 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

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

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

■ Llenar los datos

■ Enviar

49

Paso 5

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

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

Listo