En el vídeo El desarrollo web se ha mostrado las
principales fases del desarrollo de un sitio web. En la segunda fase,
"Planificación", aparecían los hitos “Wireframes” y “Revisión
Wireframes”.
El Wireframes no
es más que un boceto donde se representa visualmente, de una forma muy sencilla
y esquemática la estructura de una página web.
El objetivo de estos es definir el contenido y la
posición de los diversos bloques de tu web. Esto incluye menús de navegación,
bloques de contenido, etc… Además, te permite como interactuarán estos
elementos entre sí.
En los wireframes no se utilizan ni colores, ni
tipografías ni cualquier elemento gráfico. Lo importante es centrarse en la
funcionalidad del sitio y la experiencia del usuario. La prioridad son los
contenidos de la web.
En el siguiente vídeo (próximo tema) se explican las diferencias que
existen entre los wireframes, los mockups y los prototipos, se explica la
importancia de prototipar una aplicación o sitio web antes de implementarla y
se muestran los diferentes tipos de diagramas que se emplean para representar
la navegación, la estructura y el funcionamiento de una aplicación o sitio web.
Video: El desarrollo web
La diferencia entre el diseño web y desarrollo web están
algo confusos, muchas personas piensan que es lo mismo y no lo es.
El diseño web
le da la apariencia, es decir la presencia del sitio web, determina, los
colores, el logo, también diseña la usabilidad de esa página dependiendo de a qué
público va dirigida.
Desarrollo web, muy fácil, desarrollo web se ocupa de la
programación y no del rostro de un sitio
web.
En el diseño gráfico se trabaja con herramientas tipo Adobe
Photoshop, GIMP..
La persona que realiza el diseño gráfico, se le llama Diseñador.
Por otro lado el desarrollo web se refiere a la
programación necesaria para la construcción de una aplicación o sitio web. Se
suele dividir en dos partes que pueden estar conectadas:
- Parte cliente,
- Parte servidor
Funcionan independientemente y emplean tecnologías
diferentes, aunque en ocasiones pueden interactuar por lo que a veces se habla también
de la parte cliente-servidor.
Para el desarrollo de la parte cliente, los conocimientos
que se deben tener son:
- HTML y CSS (Para la creación de las páginas web)
- JavaScript y DOM (para la programación de la parte cliente
El desarrollo de la parte servidor se refiere
a la programación necesaria para construir el Backend. El Backend es la parte
de un sitio web que no es visible a los visitantes pero que es necesaria para
presentar la información correcta en el formato correcto a los visitantes.
En el desarrollo de la parte servidor se utilizan
lenguajes de script cono PHP, ASP, ASP.NET, JSP, Perl y Coldfusion para acceder
a una base de datos y recuperar la información necesaria y presentar una página
web.
La persona que realiza el desarrollo web se llama
Desarrollador.
Principales tecnologías que se han empleado y se emplean en la actualidad el desarrollo web.
Esta infografía en algunos aspectos puede llegar a ser cómica,
pero algunos datos que contiene si que pueden llegar a ser interesantes.
La primera parte que se refiere a la forma de vestir, no
aporta nada interesante, sin embargo la segunda parte contiene datos que
provienen de la oficina de estadísticas de USA. Por un lado destaca que hay más
puestos de trabajo de desarrollador web que de diseñador web y por otro lado
hace referencia al salario y señala que el salario del desarrollador dobla al
del diseñador.
La infografía divide el desarrollo web en las siguientes
fases: Contacto inicial, planificación, contenido, diseño, desarrollo y
lanzamiento, además se muestra interacción del equipo de desarrollo con el
cliente.
Todas las fases representadas en la infografía anterior
son necesarias y si no se realiza una de ellas finalmente el proyecto fallará,
pero si permitiéramos que una o dos fases no se realizaran, ¿Qué fase no se
podría eliminar?, es decir, ¿Qué fase es esencial?
Bajo mi punto de vista, la fase esencial, la fase que
nunca puede faltar es el Desarrollo. Esta fase es el punto en el que se creará
el sitio web en sí. En este paso, el
desarrollador tendrá todos los elementos individuales y gráficos del prototipo
y los unirá mediante codigo para crear un sitio real y funcional.
Video recomendado: Steve Ballmer - Developers