Presentación de Edison Monsalve C - @morpheusco - para el Flisol 2011, en Cartagena Colombia. Universidad Tecnológica de Bolívar.

1. Diseño de Blogs y
páginas de
difusión con
herramientas
libres o gratuitas.
edison.monsalve@gmail.com

2. ¿ Expertos ?
• Experto en Social Media
• Experto Community Manager
• Experto en Redes Sociales
• Experto en Web
• ¿ Donde pueden ser expertos ? ‐
Cambiemos a vivencias válidas.

3. ¿ Para qué y porqué ?
• Uno no dice «Que bonito día, voy a
hacer un blog» o «Como hoy es
martes, haré un video».
• No me tiene que creer, lo invito a que
pruebe y «cacharree» – Así funciona todo.

4. Publicar contenido – El fin.
• Si voy a publicar en un
blog es lo mismo si publico
en una página web? –
Finalmente no es HTML
todo ?

5. Algunas preguntas
• ¿Se reutilizarán los contenidos
en diversos medios? (EJ;
documento que sirva para
presentación y para impresión)
• ¿Adobe Rome?

6. Algunas preguntas
• ¿Quiero ser dueño absoluto de mi
contenido?
Entonces vamos a bloquear el
clic derecho, a pedir que
bloqueen las webs que
comparten mi contenido,
finalmente yo hago contenidos
solamente para mi. ¿No?

7. Algunas preguntas
• ¿Debo optimizar mis contenidos y
plataformas?
– Cuando tomas una foto con tu Super
cámara de «21 y pico» Megapixelazos,
¿porqué la subes directamente a la
web sin optimizar su tamaño?
–Shink‐O‐Matic
O´

8. Algunas preguntas
• ¿Te interesa la usabilidad?
¿Sabes que es eso?
– Cambios simples pueden
contribuir a grandes resultados ‐
¿Colocas subtítulos a tus
videos? – ¿Vale la pena?

9. Algunas preguntas
• ¿Resolución, navegadores, S.O –
Importan?
– Revisas o revisarás las estadísticas para
continuar el desarrollo de contenidos y de tu
web (porque no termina, recuérdalo!).

10. Algunas preguntas
• La maldición de Flash!
– Quiero que el logo sea en 3D, que de 3
vueltas por la pantalla y que unos ojitos miren
el cursor del mouse mientras cae nieve en la
página (si es diciembre) y algo de música y
video.
– RTA: Flash?

11. Algunas preguntas
• La maldición de Flash!
– Es que yo conozco muchas páginas
hechas con flash, llenas de
animación, pero ya no las hacen
así…
• Será que se murieron todos los
diseñadores en Flash por culpa de la
maldición? ‐ ¿La maldición la echó
Steve Jobs?
Caricatura: http://lordmva.blogspot.com/

12. Algunas preguntas
• Los colores de la web – Diseño centrado en
quién ?
– Mija, venga y mire la página tan bacana que nos
hicieron.
– Yo he colocado mi sello de diseñador, soy un
«chocoloco»
– Eso si, quiero que sea Caribe!

13. Algunas preguntas
• Diseño centrado en
quién ?
– Tenemos que utilizar lo
último en tecnología, si
nos quieren visitar que
actualicen.
– HTML 5 y CSS 3 – ¿Esta
vaina existe?

14. Algunas preguntas
• Quién alimenta los contenidos?
– Sistemas – Todos los ingenieros saben diseñar.
– Comunicaciones – Todos los diseñadores saben
de web.
– La gerencia, porque quiere tener control
– Ventas – ¿Finalmente no es un canal de ventas?

15. Algunas preguntas
• Si deseamos ser multinacional,
necesitamos sitio web en varios idiomas!
– Quién traduce?
– Quién responde y retroalimenta?

16. Algunas preguntas
• Tenemos que estar en Facebook y «Juiter»
– Para qué, porqué
– Quien contesta
– Políticas de respuesta
– Como medir y que esperar.
– «Me gusta!» ‐‐‐‐‐‐‐‐ «Me gusta que te guste»

17. Algunas preguntas
• A quién contrato o subcontrato?
– Fresco, Edison dijo que
cacharreando, se puede hacer todo
gratis – Perdiste el tiempo.
– Es que tengo un vale, que me hace
la página en XX Software y le
quedan bonitas.

18. Algunas preguntas
• CMS, página web, desarrollo propio, que
hago?
• Todo en la web son imágenes y videitos –
Listo!

19. Algunas preguntas
• ¿Yo puedo escribir todo?
• ¿Cada cuanto actualizo?
• S0y K00l – ezkRivo kOm QomPleJ0 d3
H@ck3R.

20. Algunas preguntas
• ¿SEO, SEM, Analytics, Que es esto?
• ¿De que sirve construir el mejor centro
comercial de Latinoamérica en el
Amazonas?
• HTML recomendado? Etiquetas?

21. ¿Todo es gratis?
• Existe el concepto infomediario y también
las creencias sobre lo gratis en Internet.
• ¿Tu trabajo es gratis?

22. MANOS A LA OBRA…

23. Para textos
• Cualquiera, ojalá un editor de texto plano
que permita realizar corrección
ortográfica (Notepad++).
• Mi plataforma soporta HTML? Tiene
editor propio? ¿ Genera etiquetas
recomendadas ?

24. La magia del «Embed»
• El código Embed y otros
artilugios como iframe por
ejemplo, permiten
compartir piezas de
contenido de un sitio a
otro.
• ¿Esto es malo?

25. Para imágenes Mapas de Bits
• Como todo en la vida – Depende...
• Picasa
• Gimp
• Pixl
• Splashup

26. Para Vectores y Diagramas
• Inkscape
• Aviary (La navaja suiza)
• Creately

27. Wireframes y estructuras
• Iplotz
• Pidoco
• Pencil Project
• Freemind
• Text2mindmap
• Mindomo

28. Documentos
• Google Docs (con Gmail – la joya de la
corona)
• Zoho (otra navaja suiza)
• ThinkFree

29. ¿Donde publicar?
• Flickr, Redes sociales, Youtube,
Bubok, Slideshare, Scribd y todo lo
que se mueva (y lo que no!).
• Normalmente te cobran por
aparecen en una revista, en un
programa, ¿en Internet no?

30. ¿RSS?
• Sindicación de contenidos.
• Como aprovecharlos? Publicidad y nuevos
contenidos (paper.li)

31. Sonido, probando….
• Podcast, entrevistas.
• Itunes! – Colombia?
• Audacity en local
• Divshare

32. Videos
• Movie maker ‐ ¿Guácala?
• Vivia
• Youtube tiene editor propio.
• Dotsub (subtítulos).
• Tubemogul (seguimiento a videos)
• Qik – Video desde tu celular.

33. ¿Videotutoriales?
• ScreenR
• Jing
• Camstudio

34. ¿Transmisión online?
• Ustream
• TwitCam
• Livestream

35. ¿Que utilizo como hardware?
• La mayoría de celulares, dispositivos tipo
ipad, portátiles, memorias usb, etc. Están
facultando al usuario a publicar
directamente en su perfil o servicio web.

36. Conversores en línea
• No hay nada mas frustrante que la diversidad
de formatos y la inmensa incapacidad de
visualizarlos.
• Utiliza conversores como:
– Media convert
– http://benderconverter.com/
– Zamzar
– DocsPal

37. CONCLUYENDO…

38. ¿Quiere cacharrear?
• Que tal el mapa colaborativo de
tecnologías disponibles?

39. ¿Licencias?
• Pilas con las licencias de software y de contenidos.
• «No es lo mismo el mercurio cromo que el
me lo como crudo».
• Creative Commons, gratis, o ingenio! Tu decides.
• No olvides echarle un vistazo a #LeyLleras.

40. ¿Algún consejo?
• Cambia la forma de pensar, no existe el botón
«hágalo bonito», es mejor el trabajo
colaborativo, publica y comparte, subtitula,
reutiliza, etiqueta, hazle seguimiento,
retroalimenta y cambia lo que haya que
cambiar.
• No existe el almuerzo gratis.

41. La web de una
empresa/corporación es un
documento vivo, que
también «sufre» las leyes de
Darwin, donde las
adaptaciones permiten la
supervivencia o el fracaso.

42. Preguntas

43. EDISON MONSALVE C.
edison.monsalve@gmail.com
http://morpheus‐co.blogspot.com
@morpheusco
http://paper.li/morpheusco/techno