PFM Administración web y comercio...

20
Introducci´on Antecedentes Resumen de proyecto Demo zona privada Jabberwocky Conclusiones PFM Administraci´on web y comercio electr´ onico Sergio Blanco UOC - Master en Software Libre 6 de Junio del 2011 Desarrollo de librer´ ıa Django para desarrollo de RIAs e implementaci´ on de zona privada de portal web sminn.com Sergio Blanco PFM Administraci´on web y comercio electr´onico

Transcript of PFM Administración web y comercio...

Page 1: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

PFM Administracion web y comercio electronico

Sergio Blanco

UOC - Master en Software Libre

6 de Junio del 2011

Desarrollo de librerıa Django para desarrollo de RIAs eimplementacion de zona privada de portal web sminn.com

Sergio Blanco PFM Administracion web y comercio electronico

Page 2: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

SminnPortal web

¿Que es Sminn?

Sminn es una nueva marca de productoelectronico de la empresa Elson SistemasS.L.

Objetivo: situarse en el mercado comomarca de calidad

Control de accesosDomoticaCuadros de maniobra y automatismos

Dentro de su estrategia de marketingesta el portal web de Sminn

Comunicacion emocional del productoHerramientas para profesionales

Sergio Blanco PFM Administracion web y comercio electronico

Page 3: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

SminnPortal web

sminn.com

Sergio Blanco PFM Administracion web y comercio electronico

Page 4: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

SminnPortal web

Estado previo

Primera version del portal desplegada. Incluye:

Jerarquıa de categorıas de productos y productosNotas de prensa y medios para publicacionesInformacion de la empresa

Falta al menos la seccion privada para profesionales

Informacion mas avanzada de los productosRegistro de transacciones integrado con el ERP de la empresa:

Peticiones de ofertaOfertasPedidos

¿Falta algo mas? ¿Que tiene la competencia que decir alrespecto?

Sergio Blanco PFM Administracion web y comercio electronico

Page 5: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

CompetenciaNuestra vision

Nice

Sergio Blanco PFM Administracion web y comercio electronico

Page 6: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

CompetenciaNuestra vision

Came

Sergio Blanco PFM Administracion web y comercio electronico

Page 7: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

CompetenciaNuestra vision

FAAC

Sergio Blanco PFM Administracion web y comercio electronico

Page 8: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

CompetenciaNuestra vision

Competencia feroz

Portales web de gran impacto visual

En su mayor parte, veloces y mediante tecnologıas webestandar

Evaden las barras de scroll tanto como pueden

Distincion clara entre productos

Codigos de colorIconografıa. . .

Clientes web ligeros, uso de Javascript solo para efectosvisuales

Sergio Blanco PFM Administracion web y comercio electronico

Page 9: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

CompetenciaNuestra vision

Nuestra vision

Para Sminn buscamos un portal web util, informativo y dealto impacto visual

¿Quien va a usar el portal? Todo el mundo. . .Ahora la media de edad se situa entre los 40 y 50

Tamanos de letra altosContenidos accesibles y presentados en un golpe de vista

Pero la tendencia se desplaza hacia la siguiente generacion,mas acostumbrada

Acceso desde dispositivos movilesUsabilidad basada en la velocidad de interaccion y en laintuitividad

En definitiva, una web para todos

Sergio Blanco PFM Administracion web y comercio electronico

Page 10: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

ObjetivosViabilidadMetodologıaResultado final

Objetivos

Desarrollo de la zona privada para profesionalesContenidos especıficos en una nueva seccionAcceso a mas recursos en el resto de la paginaIntegracion con el ERP de la empresa

Mejora tecnologicaImplantacion avanzada en servidor para optimizar velocidadA largo plazo: Transformacion del portal en una “single-pageRIA”

Capa de presentacion mas rica y adaptableMayor velocidad y menor consumo de recursos en el servidor

Liberacion de librerıa desarrollada para facilitar la creacion de“single-page RIAs”

Framework para definicion de estructura de contenidos ywidgetsCarga y descarga ampliable de modulos

Sergio Blanco PFM Administracion web y comercio electronico

Page 11: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

ObjetivosViabilidadMetodologıaResultado final

Viabilidad

Proyecto dividido en dos partes:Desarrollo de la funcionalidad de zona privada de profesionalese implantacion avanzada

Riesgo mınimo con resultados predecibles

Desarrollo y uso de la librerıa para la creacion de “single-pageRIAs”

Riesgo moderado con resultados variables

En el peor de los casos el portal cumple la vision de la empresa

En el mejor de los casos el portal se situa como un ejemplo deinnovacion

Sergio Blanco PFM Administracion web y comercio electronico

Page 12: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

ObjetivosViabilidadMetodologıaResultado final

Tecnologıas

Framework web: Django

Servidor web: Apache o nginx

Servidor de cache: memcached

Base de datos: MySQL

Cliente: HTML + Javascript + CSS

Sergio Blanco PFM Administracion web y comercio electronico

Page 13: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

ObjetivosViabilidadMetodologıaResultado final

Resultado final

A la fecha de entrega del proyecto se ha logrado:

Zona privada para profesionales implementada e implantadaIntegracion con el software de gestion propio de la empresaImplantacion completa con seguridad SSL y optimizacion develocidadImplementada la primera version de la librerıa libreDjango-JabberwockyPrueba de concepto del portal web Sminn sobre dicha librerıacon interfaz adaptable

Sergio Blanco PFM Administracion web y comercio electronico

Page 14: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

Demo zona privada del portal web

Sergio Blanco PFM Administracion web y comercio electronico

Page 15: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

¿Que es Jabberwocky?CaracterısticasDemo Jabberwocky

¿Que es Jabberwocky?

Librerıa para facilitar el desarrollo de RIAs desde Django

Resultado de los problemas encontrados en el diseno deproyectos anteriores

Ante todo simplicidad y claridad, estilo Django y Python

Sergio Blanco PFM Administracion web y comercio electronico

Page 16: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

¿Que es Jabberwocky?CaracterısticasDemo Jabberwocky

Rich Internet Application

El mundo de la aplicacion de escritorio aplicado a la web

Generalmente un solo documento web con la aplicacion ymuchas transacciones de datos (“Single-page RIA”)

El cliente se lleva la mayor parte de la complejidad

El ejemplo mas claro: Google Apps

Sergio Blanco PFM Administracion web y comercio electronico

Page 17: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

¿Que es Jabberwocky?CaracterısticasDemo Jabberwocky

Una nueva RIA

Ligero cambio de paradigma para el desarrollo de RIAs

Vistas basadas en paginas descritas por el servidor...aunque se puede hacer de forma clasica

Compartir la complejidad y automatizar los cambios deinterfaz

Mejor separacion entre capasLo bueno de un portal web clasico y lo bueno de una RIA

Sergio Blanco PFM Administracion web y comercio electronico

Page 18: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

¿Que es Jabberwocky?CaracterısticasDemo Jabberwocky

Capacidades

Descripcion declarativa de vistas en forma de pagina en elservidor

Transicion automatica entre paginas en el lado cliente

Gestion dinamica de scripts y hojas de estilo

Extensibilidad completa

Sencillez de uso y maxima flexibilidad

Sergio Blanco PFM Administracion web y comercio electronico

Page 19: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

¿Que es Jabberwocky?CaracterısticasDemo Jabberwocky

Demo Jabberwocky

Sergio Blanco PFM Administracion web y comercio electronico

Page 20: PFM Administración web y comercio electrónicoopenaccess.uoc.edu/webapps/o2/bitstream/10609/8276/3/presentacion.pdf · Desarrollo de librer a Django para desarrollo de RIAs e implementaci

IntroduccionAntecedentes

Resumen de proyectoDemo zona privada

JabberwockyConclusiones

Conclusiones

Conclusiones

Exito del proyecto en sus dos vertientes

Exito para la empresa: Web completa, version renovada encaminoExito para el alumno: Liberacion de librerıa funcional,aprendizaje

Buena estrategia para minimizar el riesgo...

...pero menos tiempo de implementacion de portal y mas delibrerıa hubiera sido perfecto

Mala eleccion de enfoque en prueba de presentacionadaptable. Mas pruebas a hacer

Liberacion de software: una nueva experiencia. Esfuerzo paraque sea muy positiva.

Sergio Blanco PFM Administracion web y comercio electronico