desarrollo web avanzado ii

Desarrollo Web Avanzado II

Introducción

Ing. Pablo Bejarano

pabhoz@usbcali.edu.co

¿WEB?

Desarrollo Web Avanzado II¡El primer tramo!: 1991 WEB 1.0

Desarrollo Web Avanzado IILa evolución de la web: 2004 WEB 2.0

Desarrollo Web Avanzado IILa revolución de la web: 2006 WEB 3.0 (¿BETA?)

Metadatos Bases de datos Inteligencia Artificial Web Semántica Evolución del 3D

Desarrollando para la webLa plataforma mas grande también tiene sus roles

WEBMASTER DESIGNFRONTEND BACKEND

UX USABILITY

AHORAANTES

Metodo Soyla

Trabajo por roles

Frontend es todo el elemento visual del usuarioFRONTEN

D Presentación Interactividad

Tecnologías para desarrollo Frontend:

¿Quién es un frontend developer?FRONTEN

D

Webmaster != Frontend Developer

Programadores especializados en el lado del cliente

Diseñador != Frontend Developer

Herramientas FrontendFRONTEN

D

Preprocesadores: Programas individuales que compilan un metalenguaje en un lenguaje objetivo.

Ilusionistas del códigoFRONTEN

D

- Frontend Developer: ¿Te gusta lo que ves? Bueno, es mi trabajo hacerlo atractivo.

El lado oscuro, desarrollo del lado del

servidorBACKEND

Integración Procesamiento

Tecnologías para desarrollo Frontend:

¿Y en que desarrollan los grandes?BACKEND

Google

Facebook

YouTube Wikipedia

Twitter eBay

¿Quién es un backend developer?BACKEND

Webmaster != Backend Developer

Programadores especializados en el lado del servidor

• Bases de datos• Algoritmos

complejos

• Web Services• Procesamiento de

datos y solicitudes

El poder ocultoBACKEND

- Backend Developer: El usuario no ve nada de lo que hago, pero es el precio de ser rudo.

De la idea a los pixelesDESIGN

Responsive Design y la metodología Mobile

FirstDESIGN

Experiencia de usuario y usabilidadUX &

USABILITY

Evalúa y propone soluciones eficaces, eficientes, fáciles, útiles, placenteras y divertidas al usuario.

Dogma 1:

“Cualquier cosa que exista solo para satisfacer

las políticas internas del

dueño del sitio debe ser

eliminada”

Dogma 2:

“Cualquier cosa que exista solo para satisfacer

el ego del diseñador debe ser eliminada”

Dogma 3:

“Cualquier cosa que sea

irrelevante para el contexto de la pagina debe ser

eliminada”

Dogma 4:

“Cualquier rasgo o técnica que

reduzca la habilidad del

cliente de navegar

libremente debe ser adaptada o

eliminada”

Dogma 5:

“Cualquier objeto

interactivo que fuerce al

visitante a preguntar su

significado debe ser adaptado o

eliminado”

Dogma 6:

“No deben requerir ningún software, aparte del navegador en sí mismo

para trabajar en el sitio

correctamente”

Dogma 7:

“La utilidad nunca debe ser sacrificada por

una hoja de estilo”