Diseño Web con GNU/Linux

INTRODUCCIÓN

Jesús David Navarro

jEsuSdA 8)

Monsters

Índice

Somos aliens?!!

Imaginemos por un momento que somos extraterrestres y venimos a la Tierra con un oscuro objetivo en mente...

¡Tenemos un objetivo!


¡Crear webs con software libre!

Índice

What?!!

¡Tengo dudas!

¿Por qué?

¿Quién soy yo?

Jesús David Navarro

  • Uso GNU/Linux desde 2001
  • Diseñador Grafico y Web
    • Estándares, Accesibilidad y Usabilidad
    • Premio Nacional TAW 2009 a la Web pública de rango autonómico más Accesible
  • Demo-reel (vídeo)

usuario registrado de linux número 311382
un autorretrato vectorial hecho con paciencia y software libre

En el vídeo podéis ver una demo con algunos de los trabajos en el apartado de Desarrollo y Diseño Web, Accesibilidad y Usabilidad que he realizado.

Como es de suponer, todos estos trabajos han sido reliazadas usando software libre y bajo GNU/Linux.

¿Por qué usar Software Libre?

Evaluemos costes

Necesitaremos...

¿Por qué usar Software Libre?

Programas privativos habituales para el diseño web

  • Windows Vista o 7
  • Microsoft Office
  • Photoshop
  • Dreamweaver

¿Por qué usar Software Libre?

Software y su Coste de adquisición
Programa Precio
MS Windows® 8.1 Pro 279 €
MS Office® 2013 Professional 539 €
Adobe Photoshop® CS6 967 €
Adobe Dreamweaver® CS6 543 €
Adobe Creative Cloud® 737 € / año

Precios de compra estimados a partir de la información oficial de Microsoft y Adobe. Pueden diferir al alza o a la baja según proveedor, cantidad de licencias, etc..

Estos precios no reflejan el Coste Total de Propiedad.

¿Por qué usar Software Libre?

Mucho Dinero


2.328€

¿Por qué usar Software Libre?

Software libre para diseño web

Inkscape y Gimp para diseño gráfico, Debian GNU/Linux como sistema operativo y escritorio y Bluefish para maquetación y programación web.

¿Por qué usar Software Libre?

Software y su Coste de adquisición
Programa Precio
Debian GNU/Linux 0 €
OpenOffice.org / LibreOffice 0 €
The Gimp 0 €
Bluefish 0 €

Estos precios no reflejan el Coste Total de Propiedad.

¿Por qué usar Software Libre?

¡Con el dinero ahorrado, nos vamos de Fiesta!



0€

¿Por qué usar Software Libre?

Nos interesa aún más por:

¡Atención, pregunta...!

¿Qué tipo de webs podemos hacer con software libre?

¿Algo como esto?

Enterprise Star Trek

¿O como esto?

Cutrenterprisek

¡Atención, pregunta...!

¿Qué es la WEB?
Atención!

Antes de progresar en la charla, primero deberemos definir cosas que damos por hechas, como ¿Qué es la web?.

¿Qué es la Web?

CONTENIDO
Web

El aspecto es importante, pero los usuarios buscan y consumen contenidos.

Los contenidos son los que varían, se actualizan, se indexan, se comparten, se comentan, se descargan...

¿Qué es la Web?

Centrado en el
Usuario

Usuarios

Las web son PARA los usuarios.

Deben ser sencillas, útiles, no forzar ni obligar al usuario a seguir una navegación guiada.

Deben adaptarse al usuario y al entorno del mismo.

Si fuera posible, debe fomentarse la interactividad.

¿Qué es la Web?

Conceptos Web

Observemos como trabajan los humanos

Observemos...

Observemos ahora cómo trabajan los humanos tradidionalmente...

Diseño al modo "tradicional"

Silla tradicional, antigua y aburrida

Diseño al modo "tradicional"

Diseño gráfico con Photoshop...

Adobe Photoshop

Diseño al modo "tradicional"

Diseño gráfico con Fireworks...

Adobe Fireworks

A veces, el diseñador confiará en el código generado automáticamente por el programa de diseño gráfico para exportar directamente a web. Como norma general, esto es una muy mala idea.

Diseño al modo "tradicional"

Diseño con Flash...

Adobe Flash

Con bastante mal criterio, muchos elegiran desarrollar la web íntegramente en flash.

Diseño al modo "tradicional"

Maquetación/Codificación con Dreamweaver...

Adobe Dreamweaver

Algunos usarán la vista de código, pero por desgracia, la mayoría optará por la vista diseño para maquetar y codificar las web, perdiendo así cualquier control sobre el código html y css generados.

Diseño al modo "tradicional"

Pruebas con Windows/Internet Explorer...

Internet Explorer 7

Para la mayoría sólo existe un navegador y un sistema. Muchos usuarios quedaremos vetados por el mero hecho de preferir un navegador distinto, usar un sistema operativo diferente o simplemente por nuestra propia diversidad funcional.

Diseño al modo "tradicional"

Documentación con MSOffice...

MS Office

Durante todo el proceso de diseño y desarrollo web, será común intercambiar documentación e informes usando formatos propietarios. Microsoft Office será, desgraciadamente, el estándar de facto.

Diseño al modo "tradicional"

Más software propietario...

La cantidad y diversidad de programas involucrados en el diseño web es realmente amplia. Pese a que por simplicidad sólo se han tenido en cuenta las principales aplicaciones para las principales tareas, si se quisiera ser riguroso en el estudio de costes relativo al uso de software privativo, deberíamos tener en cuenta TODOS los programas usados.

Diseño al modo alternativo

Silla moderna, divertida e interesante

Una posible solución...


Usar Software Libre
"Profesionalmente"

¿Está preparado el Software Libre para ser usado en el Diseño Web Profesional?

¿Qué es ser profesional?

Supuestos Profesionales
¿Quién es desarrollador y quién diseñador?

Durante mucho tiempo nos han adoctrinado para que valoremos más la apariencia que la esencia, el aspecto que el fondo de las cosas.

Hasta tal punto nos han influenciado así, que despreciamos a la gente sin conocer su valía, sólo por que se parezcan a lo que se nos dijo que deberían parecer para ser quienes son.

Así, por ejemplo, es común que en el mundo de las nuevas tecnologías la valoración profesional de una persona, a veces, se evalúe teniendo en cuenta el aspecto que tiene y las herramientas que usa, en lugar de por sus conocimientos y capacidades.

"Professional"

Profesional

  • adj. Perteneciente o relativo a la profesión.
  • adj. Dicho de una persona: Que ejerce una profesión.
  • adj. Dicho de una persona: Que practica habitualmente una actividad, incluso delictiva, de la cual vive.
  • com. Persona que ejerce su profesión con relevante capacidad y aplicación.
  • adj. Hecho por profesionales y no por aficionados.
  • Definición según la Real Academia de la Lengua Española.

    "Professional"


    ¿Son profesionales las herramientas o las personas?

    Qué es más importante, ¿El indio o la flecha?, ¿La raqueta o el tenista?...

    "Professional"

  • "Software Profesional" es un argumento de marketing.
  • La forma de trabajar varía según la realidad de cada profesional.
  • No todos los diseñadores (y clientes) disponen de los mismos recursos.
  • Los programas comerciales tratan de inculcar una idea única y universal de "profesional" para poder vender su software enlatado.
  • Visto en TV

    NOTA: Idea extraída de una reflexión y conferencia de mi gran amigo Gez; profesional donde los haya, que sólo usa software libre en el desarrollo de sus sobresalientes trabajos.

    Una posible solución...


    Usar Software Libre

    Una posible solución, usar GNU/Linux

    Veamos cómo trabajar con GNU/Linux