Proyecto

Tienda virtual
Marvin Zumbado

25 Agosto 2012

Descripcin
Que hacemos ?
Somos una tienda on line
Participamos en el desarrollo del negocio.
Actividades generales.

Motivo
Para qu hacemos esto?
Qu aplicamos en el

desarrollo?
A quin va dirigido?

Conceptos previos
Catalogo:
Es la relacin ordenada de elementos

pertenecientes al mismo conjunto, que por su

nmero precisan de esa catalogacin para
facilitar su localizacin
Ejemplos:
Archivos de una carpeta.
Biblioteca.
Tienda on line

Conceptos previos
Carrito de compras:
Trmino utilizado para la aplicacin en donde

se colocan los artculos escogidos por los

usuarios ya sea para consultar su existencia o
precio o para ir agregando lo que va a
comprar.

Conceptos previos
Arquitectura cliente servidor
Laarquitectura cliente-

servidores un modelo de
aplicacin distribuida en el que
las tareas se reparten entre los
proveedores de recursos o
servicios, llamadosservidores,
y los demandantes,
llamadosclientes. Un cliente
realiza peticiones a otro
programa, elservidor, que le da
respuesta.

Conceptos previos
HTML5:
es la quinta revisin del lenguaje bsico de la WEB,

HTML. Es un lenguaje de marcacin diseado para

estructurar textos t mostrarlos en formas de
hipertexto, el cual es el formato estndar de las
paginas web.
CSS3:
Permite realizar webs mas elaboradas y mas dinmicas

con lo cual se mejora entre los estilos y contenidos.

Jquery:
Es una biblioteca de JavaScrip, la cual nos permite

manipular, manejar eventos, desarrollar animaciones y

adems agregar interaccin con el usuario.

Conceptos previos
Javascript: Es un lenguaje que nos permite implementar la

pagina web con el cual se mejora la interfaz de usuario y da

dinamismo el site. Esto porque es un lenguaje interpretado,
es decir, que no requiere compilacin, muy utilizado en
paginas web.

Apache: es un servidor web HTTP de cdigo abierto que se

puede utilizar en varias plataformas, ya sean Unix, Windows,
etc.

Php: Lenguaje de programacin empleado para la

interpretacin del lado del servidor. Es utilizado para la
creacin de aplicaciones para servidores o para la creacin
de contenido dinmico para sitios web.

Conceptos previos
Sql: Con SQL se realizaran las consultas de los

catlogos, ya que SQL al ser un lenguaje de

consulta estructurado, nos permitir ingresar
a la base de datos de todos los artculos que
la tienda ofrece.

Webmaster: Es quien se encargara de dar

mantenimiento o programacin del sitio web.

Coockies: Es la informacin que se guarda en

el servidor de los usuarios que visitan el sitio
web.

REQUERIMIENTOS
Un requerimiento es una caracterstica que el

sistema DEBE tener o es una restriccin que el

sistema DEBE satisfacer para ser aceptada
por el cliente.
Levantamiento de requerimientos es la

especificacin del sistema en trminos que el

cliente entienda, de forma que se constituya
en el contrato entre el cliente y los
desarrolladores.

Requerimientos Funcionales y no
funcionales
Que son? Para q son?
Requerimientos funcionales: son declaraciones

de los servicios que se debe proporcionar al

usuario, de modo tal que estos deben
reaccionar a las entradas particulares y de
cmo se debe comportar en situaciones
particulares.
Describen la interaccin entre el sistema y su
ambiente independientemente de su
implementacin.

Requerimientos Funcionales y no
Funcionales
Requerimientos no funcionales: tambin

conocidos como atributos de calidad.

Especifica criterios que pueden emplearse
para juzgar la operacin del sistema.
Se refieren a requisitos que no describen
informacin a almacenar, ni funciones que se
deben realizar.
Ejemplos:
Rendimiento.
Seguridad.
Accesibilidad.
MA

Funciones del producto

Sobre el carrito de compra
Aadir artculo al carrito.
Eliminar artculo del carrito.
Modificar cantidad en el carrito.
Sobre los usuarios.
Insertar cliente en la base de datos.
Modificar datos del cliente en la base de

datos.
Mostrar informacin para empleados.

Funciones del producto

Sobre el catlogo de productos
Consulta segn categora.
Consulta de los detalles de un artculo.
Consulta de novedades.
Insertar artculo en la base de datos.
Sobre los pedidos.
Bsqueda de pedidos por cliente.
Modificacin del estado de un pedido.
Insertar pedido en la base de datos.

Funciones del producto

Generales
Mostrar informacin de los usuarios.
Mostrar informacin de los empleados.
Inicio de sesin como usuario / empleado

autentificado.
Especiales y otras varias

Caractersticas del usuario

Separamos los usuarios de la tienda en

tres grupos:
Cliente annimo
Cliente registrado
Empleado
Registro de usuarios

Restricciones
Permisos
Modificaciones en la base de datos
Modificaciones en contenido de la pgina
Modificaciones en el formato de la pgina
**Webmaster

Cliente annimo
Consulta segn categora
Consulta de los detalles de un artculo.
Consulta de novedades.
Consulta del carrito.
Aadir artculo al carrito.
Eliminar artculo del carrito.
Modificar cantidad en el carrito.
Insertar cliente en la base de datos.

Cliente registrado
Todas las anteriores
Insertar pedido en la base de datos.
Mostrar informacin de los usuarios.
Inicio de sesin como usuario autentificado.
Mostrar informacin de los pedidos

Empleado
Todo lo anterior
Administrador
Modificar datos del cliente en la base de datos
Mostrar informacin para empleados
Insertar artculo en la base de datos
Bsqueda de pedidos por cliente.
Modificacin del estado de un pedido.
Mostrar informacin de los empleados.
**Podra haber varios sub-roles

Interfaz del usuario

Internet
Navegadores modernos (Chrome, Firefox,

Safari, IE9)
W3C
Smarthphones y Tablets

Prediseo
Estndares: HTML5, CSS3, JQUERY

(JAVASCRIPT), PHP, SQL, Apache

UML
Casos de uso
Diagramas de secuencia
Diagrama de clases

Desarrollo gil, metodologa Crystal Clear (6

semanas)

Aadir artculo a base de datos

Aadir artculo a carrito

Diseo Entidad-Relacin

Desarrollo
Crystal Clear
Frecuencia de entregas
Comunicacin
Crecimiento reflexivo
Roles definidos

Fases (4)
6 semanas de desarrollo
Evaluaciones, pruebas y mejoras

Fase I (2 semanas)
Proveer informacin de la tienda, su historia y

mtodos de contacto
Ofrecer el catlogo de la coleccin de
productos completa, con sus fotografas,
descripciones y precios
Recibir rdenes de compra por email
Aadir o retirar productos por medio del
administrador
Registrar clientes

Fase II (2 semanas)
Permitir la realizacin de compras, utilizando

un carrito de compra, donde el total ser

cancelado a la hora en que se recoge el
pedido en la tienda realizando el pago en
efectivo
Ofrecer integracin total con redes sociales
Agrandar las fotos de los productos (zoom)
Activar productos por medio de un solo click,
desde el administrador

Fase II (cont.)
Recibe notificaciones de nuevos pedidos
Consulta una lista de compras no terminadas
Gestiona todos los propiedades de tus

productos para diferenciar entre versiones y

presentaciones
Permite a tus clientes gestionar su perfil y
cambiar p.ej. direccin de entrega, mtodo de
pago, configuracin de idioma y actualizar sus
credenciales

Fase III (1 semana)

Permitir el pago por medio de Paypal y

adems de tarjetas de crdito

Recibe pagos encriptados mediante SSL
Sugerir productos al cliente en base a su
historial de compras o visitas
Mostrar datos sobre el inventario
Permite a tus clientes recuperar recibos de
pedidos realizados
Calcular tiempo de envo de productos

Fase III (cont.)

Crear referencias cruzadas a otros productos
Permite a tus clientes hacer comentarios y

valorar los productos en tu tienda online

Permite usar diferentes monedas (colones,
dlares y euros)
Asigna diferentes imgenes y precios a los
variantes de tus productos
Habilita el uso del wishlist, que funciona como
un carrito, pero no se realiza la compra

Fase IV (1 semana)
Dotar estadsticas sobre el comportamiento

de consumo de lo clientes
Generar reportes de inventario
Agregar productos al carrito arrastrndolos
dinmicamente
Calcular y sugerir mtodos de envo de
productos
Ofrece sugerencias de bsqueda a tus clientes
segn lo que introduzcan en el campo de
bsqueda

Tcnicas
Entrevistas de proyectos. Se suele entrevistar a ms

de un responsable para tener visiones ms ricas.

Talleres de reflexin. El equipo debe detenerse
treinta minutos o una hora para reflexionar sobre sus
convenciones de trabajo, discutir inconvenientes y
mejoras y planear para el perodo siguiente.
Encuentros diarios de pie. La palabra clave es
brevedad, cinco a diez minutos como mximo. No
se trata de discutir problemas, sino de identificarlos.
Uso y desarrollo en conjunto con los usuarios
expertos

Conclusiones
Se utilizo el modelado gil para el desarrollo de una pagina web de

una Tienda Virtual, en este caso: T-MarMar

En la elaboracin de la pagina web se tomaron en consideracin: Que

era el producto, que funcionalidades tendra, cuales iban a ser los
usuarios y catalogarlos, restricciones, requisitos funcionales y no
funcionales, pre diseo, diseo, implementacin, evaluacin y
pruebas.

Para la elaboracin del sitio web, se hizo uso de varias herramientas

de desarrollo tales como: Apache, JavaScrip, MySQL, Webmaster, php

El vocabulario y las reglas del lenguaje UML nos ayudaron a crear e

implementar casos de uso de manera grafica, los cuales dan una idea
de que procesos se pueden realizar en el sitio web.

Conclusiones
Los casos de uso, ayudan a clarificar las diferentes transacciones

que el usuario puede realizar en el sitio web, desde aadir un

artculo al carrito de compras, hasta aadir artculos a la base de
datos por parte de los empleados de la Tienda Virtual.

En la implementacin se aprovech de la metodologa gil, con

esto se facilito definir los diferentes roles, las fases en que se
realizo el desarrollo, adems de las tcnicas para el
mejoramiento continuo del sitio web.

En la parte final del desarrollo, se procedi con las pruebas de lo

desarrollado, esto es vital ya que antes de hacer el lanzamiento
comercial, el sitio debe ser probado para encontrar posibles
errores o mejoras que se le den hacer.

MUCHAS GRACIAS