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

Post on 05-Dec-2014

1.088 views 3 download

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

Medios DigitalesTipologías de sitios weby gestores de contenido

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

1

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

■ Contenido estático

■ Sin interacción

■ Actualización manual

5“Folleto”

“Folleto” Fábricas Nacionales de Cerveza

6

■ Dinámico

■ Adaptado al usuario (registro, cookies)

■ Formas de pago

■ Tarjeta

■ Débito

■ Contrareembolso

■ Red de pagos

7Tienda en línea

Tienda en línea Tienda Inglesa

8

■ 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

Portal Medicina Personalizada

10

■ Dinámico

■ Artículos

■ Ordenado cronológicamente

■ Prevé suscripción (RSS)

■ Lectura diferida

11Blog

- 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

■ Dinámico

■ Textos breves

■ Uso de vínculos a otros contenidos

■ Ordenado cronológicamente

■ Prevé suscripción (RSS)

■ Inmediatez

13Microblog

Microblog

14

■ Estructura similar a blog o microblog

■ Contenido generado por usuarios (UGC)

■ Moderación

■ Votos

15Preguntas/Comentarios/Publicaciones

Preguntas/Comentarios/Publicaciones

RusoPérez.com

16

■ Temáticos

■ Organizado por sub-foros/temas/hilos

■ Contenido Generado por Usuarios

■ Moderación

17Foros

Foros Eficiencia Energética (MIEM, UTE)

18

■ 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)

Landing page Ovación

20

■ 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

Página en Facebook AXE

22

■ Editable

■ Abierto

■ Libre

■ Comunitario

23Wiki

Wiki Genexus

24

■ Específico

■ Menos que un sitio institucional

■ Más que un landing page

■ Suele usarse para juegos y aplicaciones

■ Suele ser temporal

25Micrositio/Hotsite

Micrositio/Hotsite Dove Go Fresh

26

■ Rápido de implementar

■ Poco personalizable

■ Limitado

■ Sin acceso a base de datos

27Canal (YouTube/Flickr/etc.)

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

28

■ Rápido de implementar

■ Poco personalizable

■ Limitado

■ Sin acceso a base de datos

■ Imita formatos analógicos

29Publicación electrónica

Publicación electrónica AKA Magazine

30

■ Diseño adaptable o personalizado

■ Por lo general usando estándares web

■ Funcionalidades adaptadas a smartphones

31Web móvil

Web móvil Cartelera.com.uy

32

■ Programadas para cada plataforma

■ Interfaz adaptada a cada plataforma

■ Usan webservices

■ Sincronización online/offline

■ A veces en “la nube”

33Aplicación móvil

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

34

■ Cumple una función/da un servicio

■ Dinámico/interactivo

■ Usan webservices

35Aplicación web

Aplicación web Viaje de Arquitectura

36

Gestores de contenido (CMS) 37

Algunos populares

38

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?!

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

¿Qué tipo de sitio usaríamos?

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

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

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

■ Llenar los datos

■ Enviar

49

Paso 5

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