FASE DE DISEÑO

Alumnas:
Bonilla Guerra, Noemi Melany
Paullo Montes, Flor de Milagro
Profesor:
Lopez Cordova, Frida Mereyda
Curso:
Ciencia de Computación IV
Esta sección tiene como objeto pres
entar
y describir el análisis funcional para la
implementación de una aplicación de
tienda virtual a través de Internet; en
la
cual se abordará el diseño el diseño
del
sistema, considerando el diseño físic
o de
la base de datos, arquitectura funcio
nal,
interfaz y navegación.

DISEÑO
Esquema especificación de interfaz Front-Office
En la Figura 12 y Figura 13 se presenta el esquema de la interfaz Front-Office a la cual tendrá acceso
el invitado y cliente. El Front-Office es el área la cual será pública para los usuarios de Internet, el cual
cuenta con lo necesario para contactar y ver los materiales ofrecidos aquí

Figura 12: Diseño de Figura 13: Ejemplo de

esquema de interfaz esquema de interfaz
Front-Office Front-Office
Detalle del
esquema de
interfaz Front-
Office
 A continuación, se detallan los

p e c i fic a c ió n d e módulos que se incluirán para añadir

Es otras funcionalidades al sistema, de
los cuales se podrá observar más
m ó du l o s información de acuerdo a la empresa.
 Módulo de Login in
En este módulo principalmente lo hemos divididos en dos bloques, en la cual usuario podrá
iniciar sección o podrá crear una cuenta.

La presenta pantalla permitirá al usuario ingresar ya a la página web, cuando ya

Iniciar sesión se ha creado su cuenta. Aquí solo ingresara su correo y contraseña

Figura 14: Diseño de esquema de iniciar sesión Figura 15: Ejemplo de esquema de iniciar sesión
Fuente: Elaboración propia Fuente: Elaboración propia
 Detalle del
esquema del
módulo Iniciar
sesión
 La presenta pantalla permitirá al usuario a crear una cuenta
Crear cuenta en la página web.

Figura 16: Diseño de esquema de crear cuenta Figura 17: Ejemplo de esquema de crear cuenta
Fuente: Elaboración propia Fuente: Elaboración propia
 Detalle del
esquema del
módulo crear
cuenta
 Módulo Nosotros
Este módulo permite visualizar la misión, visión y valores de la empresa.

Figura 20: Diseño de esquema de Nosotros Figura 21: Ejemplo de esquema de Nosotros
Fuente: Elaboración propia Fuente: Elaboración propia
 Detalle del
esquema del
módulo Nosotros
 Módulo Proyecto
Este módulo nos mostrará los proyectos que realizó la
empresa.

Figura 22: Diseño de esquema de Proyectos Figura 23: Ejemplo de esquema de Proyectos

Fuente: Elaboración propia Fuente: Elaboración propia

 Detalle del
esquema del
módulo
proyectos
 Módulo de Catálogos
Aquí el cliente podrá ver los materiales que usa la empresa para poder
hacer una obra como los tipos de vidrios y aluminios.

Figura 24: Diseño de Figura 25: Ejemplo de

esquema de Catálogos esquema de Catálogos
Fuente: Elaboración propia Fuente: Elaboración propia
 Detalle del
esquema del
módulo de
catálogo
 Módulo de ¿Quiénes somos?
Este módulo es la parte informativa de la empresa.

Figura 26: Diseño de esquema de Figura 27: Ejemplo de esquema de

¿Quiénes somos? ¿Quiénes somos?
Fuente: Elaboración propia Fuente: Elaboración propia
 Detalle del
esquema del
módulo de
¿Quiénes somos?
 Módulo de Contacto
En esta parte el usuario podrá escribir a la empresa, para poder
reservar una cita y así pueda comenzar una obra con la empresa.

Figura 28: Diseño de esquema de Contacto Figura 29: Ejemplo de esquema de Contacto
Fuente: Elaboración propia Fuente: Elaboración propia
 Detalle del
esquema del
módulo de
contacto
Diseño de base de datos
En la Figura 30 se puede ver el extracto de las principales tablas, mostrando así un modelo lógico
de la base de datos relevante para este caso particular de la adaptación para la Tienda Online. Y a
continuación del modelo se irán detallando y especificando con más claridad el uso de las tablas de
la Figura 30 en el proyecto.
A continuación, se explicarán cada tabla de la base de datos, sus relaciones y atributos principales.
En la Tabla Cliente (Figura 30) se almacenan los datos del cliente como lo son
Tabla Cliente sus datos de ingreso al sistema, nombre, entre otros.

Figura 30: Tabla Cliente

Fuente: Elaboración propia
 En la Tabla Usuario (Figura 31) se almacenan los datos del cliente para que
Tabla Usuario pueda ingresar a la página, como es su correo y contraseña.

Figura 31: Tabla Usuario

Fuente: Elaboración propia

Tabla Boleta Aquí se encuentra la Tabla Boleta donde se almacenarán los datos principales.

Figura 32: Tabla Boleta

Fuente: Elaboración propia
GRACIAS