reconciliación nacional”
UNIVERSIDAD NACIONAL DE
SAN MARTIN -TARAPOTO
FACULTAD DE INGENIERIA DE
SISTEMAS E INFORMATICA
Escuela Académico Profesional de Ingeniería de Sistemas e
Informática
“Entregable 3”
Ciclo : V
Año : 2018
Integrantes:
INTRODUCCIÓN:_____________________________________________________________________________________4
I. Objetivo general________________________________________________________________________________7
II. Objetivo específico_____________________________________________________________________________7
III. Desarrollo del sitio Web_______________________________________________________________________8
3.1 Desarrollo definitivo de la propuesta gráfica________________________________________________8
3.2 Feedback del área usuaria____________________________________________________________________14
3.3 Desarrollo definitivo del sitio web__________________________________________________________15
3.4 Validación del área usuaria___________________________________________________________________20
3.5 Desarrollo definitivo de vistas_______________________________________________________________25
3.6 Levantamiento de observaciones____________________________________________________________29
3.7 Entrega de código de fuente__________________________________________________________________31
3.8 Desarrollo de propuesta de actividades____________________________________________________34
3.9 Puesta en producción del sitio web_________________________________________________________35
IV. Puesta en producción del sitio web.____________________________________________________39
V. Proceso de Capacitación al área usuaria._______________________________________________39
VI. Documentación técnica de los productos desarrollados: Informe de
actividades y código fuente._____________________________________________________________________39
VII. Conclusiones________________________________________________________________________________39
VIII. Recomendaciones__________________________________________________________________________40
ANEXOS______________________________________________________________________________________________41
INTRODUCCIÓN:
1. 2.1.Diseññ ar, desarrollar uñ sitio web, para la veñta de productos sublimados a persoña y
empresas.
2. 2.2.Hacer que la empresa sea maá s reñtable a traveá s de veñtas masivas víáa oñliñe
2.3.Retroalimeñtar y trañsferir el sitio web a la Empresa “Momeñtos ÚÚ ñicos”.
2.4.Elaboracioá ñ de documeñtacioá ñ teá cñica ñecesaria para su coñfiguracioá ñ y
admiñistracioá ñ..
MÓDULO DE INICIO
MÓDULO NOSOTROS
Imagen 2: Fuente Elaboración propia
MÓDULO DE CONTACTO
Imagen 3: Fuente Elaboración propia
MÓDULO DE MI CUENTA
Imagen 4: Fuente Elaboración propia
MÓDULO REGISTRO
Imagen 5: Fuente Elaboración propia
MÓDULO INGRESAR
Imagen 6: Fuente Elaboración propia
3.2 Feedback del área usuaria
Esta tarjeta tiene por finalidad mostrar una serie de críticas y opiniones
por parte del personal que tendrá acceso al manejo de la página en la
empresa. Es importante dar a conocer este feedback ya que se ha
necesitado conseguir una mejor ejecución gráfica del proyecto a
presentar, como también la elaboración reorganización de algunos
campos que el usuario desee modificar.
Se tiene como ciertos propósitos lo siguiente:
Identificar la mejor forma para la elaboración de diseño de sublimado
personalizado y adecuarlos de manera correcta al proyecto.
Implementar el sistema web, dependiendo de las críticas o
preferencias del usuario.
Página de “Inicio”
Página “Registro”
Página “Ingresar”
Página de Inicio
Imagen 14: fuente Elaboración propia
Página Nosotros
Imagen 16: fuente Elaboración propia
Página Contacto
Página Registro
Imagen 18: fuente Elaboración propia
Página Ingresar
INICIO
NOSOTROS
CONTACTO
MI CUENTA
CATEGORÍA
3.6 Levantamiento de observaciones
En esta tarjeta se presentará el trabajo que estamos realizando para el
levantamiento de las observaciones dadas por la empresa.
(Ferretería "J.R.Z")
Para el buen desarrollo del trabajo consideramos los siguientes puntos:
Verificar observaciones
Implementar mejoras para la plataforma web
DESCRIPCION E IMPLEMENTACION:
Elaboración propia
1. Página de inicio
Imagen 24: Elaboración propia
En esta imagen se muestra el código para la elaboración de la parte
inicial del sitio web.
2. Página Nosotros
6. Página mi cuenta
VII. Conclusiones
En esta pestaña podrás ver un registro de tus pedidos, aquí se podrá ingresar sin la
necesidad de haberte registrado e identificado, ya que los productos pedidos se
guardarán en tu carrito y en la memoria caché de tu ordenador (si sales de la página
se eliminan los pedidos), pero si estas registrado, estos pedidos pasarían a
registrarse en la base de datos, pero con
Maqueta de la sección de carrito
Si entramos a la pestaña carrito, podrás visualizar tus pedidos y
también las compras ya concluidas; principalmente aparecerá tus
pedidos para que concluyas con la compra del producto
Maqueta de sección de login
En esta sección de la página podremos identificarnos siempre y
cuando ya estemos registrados, esta página aparecerá si
intentamos realizar alguna operación única de un usuario
registrado, como finalizar la compra o ver la información del perfil
PESTAÑA – MI CUENTA
En “Mi CUENTA” se desea que el cliente tenga guardado su lista de
productos, sus pedidos pendientes si por a o b ha hecho una
selección y aún no ha finalizado su compra, también se quiere
mostrar un contenedor con sus pedidos finalizados por si desea hacer
un rastreo de sus gastos, como punto a parte.
PESTAÑA – CESTA
El Cliente puede ir seleccionando sus productos los cuales le
aparecerán en el carrito de compra, una vez ahí le mostrará el monto
total, descripción del producto.
2.1.1 PROPUESTA 3
Propuesta inicial, donde el cliente va tener acceso con facilidad a
todos nuestros servicios, como también a una bonita y atractiva vista
de la página web.
PESTAÑA - NUEVOS PRODUCTOS
En “nuevos productos” queremos mostrar los artículos recién
adquiridos por la empresa, novedades y mucho más.
PESTAÑA – MI CUENTA
En “Mi cuenta” se desea que el cliente tenga guardado su lista de
productos, sus pedidos pendientes si por a o b ha hecho una
selección y aún no ha finalizado su compra, también se quiere
mostrar un contenedor con sus pedidos finalizados por si desea hacer
un rastreo de sus gastos, como punto a parte.
PESTAÑA – NOSOTROS
En “Nosotros” queremos que el cliente conozca un poco más de la
empresa por lo que le damos acceso a un organigrama, a la visión y
misión de la Ferretería, considerando información básica y suficiente.
PESTAÑA – CONTACTO
Queremos que el cliente esté satisfecho con nuestra atención, es por
eso que le proporcionamos acceso hacia nosotros mediante un
teléfono y un correo para poder comunicarse, en caso presentara
alguna duda o inconveniente.
PESTAÑA – REGISTRO
El cliente puede registrarse libremente en nuestra página accediendo
al llenado de todos los campos y finalmente obteniendo una cuenta al
cual va poder acceder y guardar sus contenidos, como se ha
explicado en su respectiva maqueta.
PESTAÑA – INGRESAR
En este bloque solo queremos que el cliente pueda tener acceso a su
perfil ya creado y pueda navegar tranquilamente por la página .
PESTAÑA – CARRITO
El Cliente puede ir seleccionando sus productos los cuales le
aparecerán en el carrito de compra, una vez ahí le mostrará el monto
total, descripción del producto y un botón con procesar compra por si
ya desea adquirir todo lo seleccionado.
PESTAÑA – CATEGORIA
El cliente al presionar en categoría podrá observar las demás muy
aparte de las más vistas que se muestran al inicio de la página, con
rápido y fácil acceso.
2.1 Propuestas a colores
2.1.1 Primera Propuesta
Presentamos la primera propuesta a colores de lo que sería la página
de inicio de la página web
Ma
quetado
del módulo categoría
En esta pestaña veremos la presentación de cómo se vería si le
damos clic a categorías, cabe recalcar que podrá acceder ya sea de
a extra net y la intra net
Maqueta dentro de categoría
Pero si solo pasamos el mouse por esa pestaña, se desplegará un
menú que se vera de esta manera
Maqueta del módulo de Nosotros
En la pestaña nosotros solo se podrá visualizar información asica de
la empresa
Maqueta del módulo de contáctenos
En esta pestaña también solo se podrá visualizar información de la
empresa, pero con a diferencia que es información para contactar con
la empresa sea su teléfono, correo o su ubicación
Maqueta del módulo de “Mi Cuenta”
Al dar cli en la pestaña “Mi Cuenta” se mostrará una página donde se
mostrará hipervínculos a “Tu perfil” “Pedidos finalizados” y “Pedidos
Pendientes”, Cabe recalcar que para poder a “Tu Perfil” y “Pedidos
finalizados” tendrás que identificarte como usuario para poder
acceder
Maqueta de mi cuenta-tu perfil
Al estar identificado y entras a “Mi Perfil” podrás visualizar la
información que brindaste al identificarte, así como modificar esa
información
Maqueta de mi cuenta-registro de compras
Pero si ingresamos a “Pedidos Finalizados” se nos mostrará esta
página donde podrás visualizar los pedidos reservados donde se te
mostrará la cantidad a pagar y la cantidad de productos, esto no se
podrá modificar y el cliente tiene un plazo de 72 horas para realizar el
pago y recoger el pedido
Maqueta de la sección de carrito
La página tiene una pestaña al lado superior izquierdo con el símbolo
de un carrito si le damos clic ahí se mostrará, si estas identificado,
todos los pedios finalizados y no finalizados, y si no estás identificado
o registrado solo se mostrará los pedidos guardados en la memoria
caché.
Maqueta de sección de login
Cuando le damos clic a la pestaña ingresar se nos mostrara esa
página donde te identificaras como usuario, tendrás que ingresar tu id
de usuario que sería el correo que pusiste al momento del registro y
también la contraseña. Esta página también se mostrará
automáticamente cuando intentes realizar una operación única de un
usuario registrado e identificado
Maqueta de la sección de registro
En caso no estés registrado, tendrás que darle a la pestaña registrar
y te enviara a esta página donde ingresaras tus datos personales,
como tu nombre tu correo y DNI y tu contraseña de acceso.
2.1.1 Segunda Propuesta
PROPUESTRAS GRÁFICAS POR PESTAÑAS:
PESTAÑA - CATEGORIAS
PESTAÑA – NOSOTROS
PESTAÑA – CONTACTENOS
PESTAÑA – INICAR SESIÓN
PESTAÑA – REGISTRARSE
PESTAÑA – MI CUENTA
PESTAÑA – CESTA
2.1.1 Tercera Propuesta
PROPUESTRAS GRÁFICAS POR PESTAÑAS:
PESTAÑA - NUEVOS PRODUCTOS
PESTAÑA – MI CUENTA
PESTAÑA – NOSOTROS
PESTAÑA – CONTACTO
PESTAÑA – REGISTRO
PESTAÑA – INGRESAR
PESTAÑA – CARRITO
PESTAÑA – CATEGORIA
Anexo 2. Módulo de carga de información.
Gestión de Ventas
Gestión de Pedidos
Gestión de Reportes
Gestión de Seguridad