UNIVERSIDAD POLITÉCNICA DEL VALLE DE TOLUCA

NOMBRE DEL PROGRAMA EDUCATIVO:

INGENIERÍA INFORMÁTICA

NOMBRE DEL ASIGNATURA:

DISEÑO DE SISTEMAS

NOMBRE DE LA PRÁCTICA:

SISTEMA E-COMMERCE (COMERCIO ELECTRÓNICO)

NOMBRE DE LA UNIDAD DE APRENDIZAJE:

UNIDAD 4

FACILITADOR:

ING. JOSE LUIS LEDEZMA

NOMBRE MATRICULA
SAUZA LARA IVAN 1314INI075
SALAZAR LARA MONICA DEL CARMEN 1212INI212

1
 INDICE

1. INTRODUCCIÓN

1.1.1.OBJETIVO DEL SISTEMA

1.1.2.RECURSOS DE LA ORGANIZACIÓN
1.1.3.NECESIDADES DE INFROMACIÓN DE USUARIOS
1.1.4.NECESIDADES DE OTROS SISTEMAS
1.1.5.MÉTODOS DE PROCESAMIENTO DE DATOS
1.1.6.OPERACIONES CON LOS DATOS
1.1.7.HERRAMIENTAS DE DISEÑO

2. MODELO CONCEPTUAL

2.1.1.RESULTADO MAS IMPORTANTE

2.1.2.DATOS ESPECIFICOS DE ENTRADA PARA OBTENER EL MEJOR RESULTADO
2.1.3.OPERACIONES DE PROCESAMIENTO DE DATOS, ALGORITMOS LOGICOS
2.1.4.ELEMENTOS DE ENTRADA QUE SOLO SE INTROCEN UNA VEZ
2.1.5.BANCO DE DATOS
2.1.6.MODELO PARA LA ARQUITECTURA DE SOFTWARE
2.1.7.ESTILO ARQUITECTONICO
2.1.8.ARTEFACTOS REUTILIZABLES

3. DISEÑO FISICO

3.1.1.DISEÑO DE ENTRADAS
3.1.2.RESTRICCIONES
3.1.3.ACTIVIDADES DE PROCESAMIENTO DE DATOS
3.1.4.ESTRUCTURA DEL DISEÑO PRINCIPAL
3.1.5.ARCHIVOS
3.1.6.INTERACCIONES CON LA BASE DE DATOS
3.1.7.CONTROLES

4. DESARROLLO

4.1.1.ALTAS
4.1.2.BAJAS
4.1.3.CONSULTAS
4.1.4.REPORTES

2
 INTRODUCCIÓN

El comercio electrónico, también conocido como e-commerce, consiste en la compra y venta de

productos o de servicios a través de medios electrónicos, tales como Internet y otras redes
informáticas. La cantidad de comercio llevada a cabo electrónicamente ha crecido de manera
extraordinaria debido a Internet.

Una gran variedad de comercio se realiza de esta manera, estimulando la creación y utilización de
innovaciones como la transferencia de fondos electrónica, la administración de cadenas de
suministro, el marketing en Internet, el procesamiento de transacciones en línea, el intercambio
electrónico de datos, los sistemas de administración del inventario y los sistemas automatizados de
recolección de datos.

En todo desarrollo de aplicaciones por internet se tiene un objetivo base el cual más allá de solo
cubrir la necesidad definida por el cliente es aplicar lo necesario para simplificar la tarea que estén
sean planteadas. Para esto podríamos mencionar un gran número de áreas incluidos en los diversos
sectores sean públicos o privados y su diverso giro en los cuales se puede aplicar el desarrollo de
software, sin embargo, para no hacer extenso el ámbito que abordaremos será el de comercio
electrónico.

Partiendo del concepto comercio electrónico se plantean dos partes primordiales las cuales son
quien vende y a quién se le vende, un punto muy importante en el comercio electrónico es la
atención que se le brinda al cliente de venta en este caso por internet que será por una interfaz que
sea visualizado por nuestro cliente es que la constante interacción entre vendedor y cliente de venta
esto con la finalidad de obtener más o nuevas oportunidades de venta, todo esto tomando como
base una gestión y resguardo de datos del prospecto de venta o cliente de venta.

OBJETIVO DEL SISTEMA

El objetivo principal de este proyecto será ayudar a cualquier persona o empresa a iniciar su propio
negocio por internet vendiendo artículos de cualquier utilidad, ya sea que pueda comprar, vender,
pagar, enviar y publicar de todo a través de internet.

Desarrollar el sistema el cual prestará el servicio de Comercio Electrónico a cualquier usuario que
se registre en el, esto será totalmente gratis. Apoyará el control del inventario de unidades,
consumidores, pagos, ventas y cualquier otra adición que sea necesaria durante el desarrollo.

3
La principal idea es dar la oportunidad de crear una tienda online propia y altamente personalizable
con diseño atractivo e intuitivo y sin la necesidad de ser un experto en Informática.

RECURSOS DE LA ORGANIZACIÓN

- El equipo de cómputo será indispensable para el manejo de las diversas plataformas que
integrará al sistema.

- Requerirá de un servidor en internet para el alojamiento de los archivos, una vez el sistema
esté probado e imperceptible a cambios se subirá a dicho servidor.

- El sistema claramente prestará un servicio por internet, el cual dependerá necesariamente

para su correcto desarrollo.

- Se requerirá un dominio web el cual hará única a la página web, el nombre del dominio se
erigirá al final del proyecto.

- Para su buen funcionamiento en dispositivos móviles, así como tabletas para una mejor
portabilidad y acceso desde cualquier punto se recomienda el uso de estos, para la
realización de pruebas por estos medios.

NECESIDADES DE INFORMACIÓN DE LOS USUARIOS

Se investigaron las necesidades de los usuarios potenciales o reales es importante para conocer sus
deseos en materia de prestaciones documentales. Con tal fin, se definieron los criterios de
búsqueda, formular las estrategias adecuadas y emplear las vistas necesarias para un buen manejo
de la información.

En este sistema existirán 2 usuarios reales que interactuarán con el sistema:

CONSUMIDOR
- El cliente visualizará artículos y tiendas con más popularidad en la página principal.
- Los artículos contendrán información detallada esta información será publica y cualquiera
podrá revisar.

4
VENDEDOR
Al igual que el Administrador en el panel de control respectivo se mostrar información necesaria y
fundamental para hacer un uso rápido y legible del sistema, este tendrá todos los atributos que el
consumidor más vendedor:

- Como tal necesita tener la vista para el manejo de sus artículos puestos en venta.
- Información de las compras que se han realizado en su tienda online la información será
completa y detallada.

NECESIDADES DE OTROS SISTEMAS

Para el funcionamiento íntegro del sistema, solo se proveerá la implementación del desarrollo de la
plataforma web, a largo plazo se requerirá un software de aplicación móvil nativo para diferentes
plataformas.

MÉTODOS DE PROCESAMIENTO DE DATOS

ENTRADA:

En esta fase de procesamiento de datos se utilizará el método manual, estos datos se efectuarán
mediante el teclado por el usuario.

VALIDACIÓN:

Cada campo se validará dependiendo del tipo de formato que se le asignará, en este procesamiento
de datos aseguramos que cada dato que sea suministrado sea "limpio, correcto y útil.

PROCESO:

Una vez ingresados y validados los datos necesarios se hará uso del método automatizado ya que
de esta forma se almacenarán en una base de datos la cual nos servirá para consultar cualquier
artículo puesto a la venta, información del vendedor y/o consumidor.

5
SALIDA:

Usaremos el método semi-automatizado a la hora de consultar datos de cualquier tipo de

información.

OPERACIONES CON LOS DATOS

HERRAMIENTAS DE DISEÑO

Para este desarrollo se usarán varias herramientas de diseño desde las más sencillas:

- Software Día: Para el diseño de las interfaces previas, así como de los diagramas
necesarios.
- Sublime Text 3: editor de código multiplataforma, ligero y con pocas concesiones
a las florituras. Es una herramienta concebida para programar sin distracciones y bastante
intuitiva.

RESULTADO MÁS IMPORTANTE DEL SISTEMA

- Inventario por cada tienda online registrada

- Consumidores
- Registro de Artículos
- Edición de Tienda

DATOS ESPECÍFICOS DE ENTRADA PARA OBTENER EL RESULTADO ESPERADO

REGISTRO

6
 USUARIOS - VENDEDOR / CONSUMIDOR

- Nombre
- Apellido Paterno
- Apellido Materno
- Sexo
- Edad
- Teléfono Móvil
- Teléfono Fijo
- Correo Electrónico
- Dirección

VENDEDOR

- Rol de Tienda
- Ubicación
- Nombre de la Tienda
- Eslogan
- Información Adicional
- Cuenta para recibir dinero de compras

VENTA: CONSUMIDOR - ARTÍCULO

- Datos del Consumidor

- Datos del Artículo
- Registro en la base de datos con un atributo único de referencia para esa venta

INVENTARIO

ARTÍCULO

- Nombre
- Tipo
- Precio
- Descripción
- Imagen del articulo
- Unidades Disponibles

OPERACIONES DE PROCESAMIENTO DE DATOS - ALGORITMOS LÓGICOS

7
Inventario
Es el resultado más importante del sistema es el inventario de artículos y su registro pues nos
basaremos en el para validar la existencia o no en la base de datos
Para dicho registro estableceremos un ID del artículo en el cual se usará como referencia al
número id de tienda, de esta manera a la hora de eliminar un artículo o tienda se hará por medio
del ID.
En base a los datos registrados se realizará la clasificación de los artículos según las etiquetas que
contienen.

Consumidor
Cuando se ingresan los datos para generar el cliente estos serán guardados en una base de datos
directamente para posteriormente hacer uso del mismo.

ELEMENTOS DE ENTRADA QUE SE INTRODUCEN UNA SOLO VEZ Y SE PUEDAN

QUEDAR ALMACENADOS PARA USARLOS EN OPERACIONES DE
PROCESAMIENTO

Inventario

Número de serie; se utilizará para generar el ID del articulo y este posteriormente por medio de
una búsqueda se pueda utilizar en la parte de ventas y en caja, así como para la baja de dicho
artículo que se adquirido por un cliente.

Consumidor | Vendedores

Nombre, Apellidos, teléfono móvil, email; estos datos serán ocupados posteriormente en la
compra de un artículo por medio de una consulta a través del ID.

BANCO DE DATOS

8
 ARQUITECTURA DEL SOFTWARE

Para este desarrollo usaremos la arquitectura orientada a objetos. Algunas de las ventajas
principales del uso de esta tecnología son: la portabilidad de las aplicaciones, ya que estas pueden
ser ejecutadas en cualquier sistema que cuente con un navegador web; la facilidad de
escalabilidad de las aplicaciones, que permiten que sobre el mismo software puedan correr tanto
aplicaciones pequeñas como programas destinados a una gran cantidad de transacciones; el gran
soporte a red que contiene esta arquitectura, ya que fue pensada desde sus inicios como un
producto pensado para su uso distribuido.

El lenguaje utilizado por esta arquitectura es el PHP.

PHP es un lenguaje orientado a objetos, lo que quiere decir que pertenece al paradigma de
programación en el que se manejan elementos como clases, objetos, etc. y define su
comportamiento y sus relaciones. Por tanto, un programa en este lenguaje estará formado por
distintos módulos que serán más fáciles de escribir, mantener y reutilizar.

ESTILO ARQUITECTÓNICO

9
Para el sistema se manejó el estilo arquitectónico llamado Centro de datos (Blackboard) ya que es
el adecuado, teniendo la base de datos y las fuentes de conocimiento adecuada para el sistema.

ARTEFACTOS REUTILIZABLES

CLASES: El Sistema usa una arquitectura orientada a objetos como tal los usos de clases serán
reutilizables por lo tanto el código será menor y se ahorrará demasiado trabajo.

FRAMEWORK: Se usará un framework para generar las vistas por lo tanto se reutilizaran los
artefactos de este framework.

COMPONENTES: Los módulos reutilizados en el sistema serán el de altas, bajas, consultas y

modificaciones ya que tanto como el apartado de consumidores y de vendedor generarán dichas
acciones.

SE APLICARON LOS PRINCIPIOS DE DISEÑO EN LA REALIZACIÓN DEL SISTEMA

FÍSICO

ABSTRACCIÓN: se tomaron los datos de un inventario físico que contiene las artículos que serán
vendidos.

DESCOMPOSICIÓN: Se aplicó en la solución de la inserción de tanto de vendedores consumidores

como de artículo, a su vez consumidores y artículos fueron divididos en sus respectivos atributos,
una vez realizada esta descomposición se tomó un atributo de cada uno para usarlo como ID con
la intención de eliminar, consultar y modificar.

COHESION: Tiene un alto grado de cohesión pues si llega a fallar el módulo de caja o artículo no le
pasa absolutamente nada al módulo de tiendas, así como todas sus funciones.

ACOPLAMINETO: Esta característica fue usada en un grado bajo puesto que los módulos no
dependen de manera directa con los demás que están relacionados entre sí.

DISEÑO DE ENTRADAS

10
Los medios a emplear para dichos registros serán diversos formularios los cuales incluirán campos
de llenado y despliegue, estos formularios contarán con las validaciones necesarias para evitar
duplicados de datos.

- REGISTRO DE USUARIOS NUEVOS

- INICIO SESIÓN

11
- NUEVA TIENDA

12
- NUEVO ARTICULO

- CUENTA DE PAGO

13
- CONFIGURACIONES GENERALES

- CUENTA USUARIO

14
- NUEVO MENSAJE

15
 DISEÑO DE SALIDAS

Los diversos apartados en contexto como son tiendas, inventario de artículos, se representarán de
manera visual, en diversas interfaces las cuales desplegarán os diversos datos de interés para el
usuario.

- SALIDA DE TIENDA

16
- SALIDA DE ARTICULO

- SALIDA DE ARTÍCULO EN CAJA

17
- SALIDA DE INVENTARIO

- SALIDA DE COMPRAS

18
- SALIDA DE PEDIDOS

- SALIDA DE INFORMACIÓN DE CUENTA DE USUARIO

- SALIDA DE MENSAJES

19
 RESTRICCIONES

En el sistema contamos con varias restricciones la primera y más importante es cuando algún
usuario desactiva un artículo de su tienda o simplemente ya no se encuentra en stock para ello
añadimos una restricción que no se pueda acceder ya a el:

ACTIVIDADES DE PROCESAMIENTO DE DATOS

Se maneja un procesamiento de datos electrónico por lo tanto en el sistema los datos de entrada
son almacenados en una base de datos por medio del método de inserción posteriormente para la
búsqueda y eliminación se hará por medio de un id tanto para clientes como para las tiendas y
artículos previamente registrados. Para la elaboración de los reportes será necesario hacer
consultas y de esta manera enviar los datos al reporte.

20
ESTRUCTURA DEL DISEÑO PRINCIPAL

21
 ARCHIVOS

ARCHIVOS CONVENCIONALES: Se incluirá una forma práctica para guardar datos para algunas
aplicaciones (pero no para todas). Sera diseñado y construido rápidamente por un proceso
semiautomático y guardado en el disco físico así las preocupaciones sobre disponibilidad y
seguridad de los datos serán minimizados.

Se incluirán dos archivos convencionales para el guardado del texto enriquecido de la información
de tiendas y artículos como se muestra en el siguiente diagrama:

Para los reportes de Compras se generó un archivo maestro:

COMPRA
Artículo de Compra
Tienda – Vendedor
Consumidor
Descripción Corta
Costo – Descuento
Total

22
 INTERACCIÓN CON LA BASE DE DATOS

Para la integración de la base de datos se descubrirá el sistema completo mediante un diagrama

de estructura de datos, que incluirá tanto las entidades, los atributos y su relación entre ellos

23
 CONTROLES

Como primer punto tenemos que tomar en cuenta es el control de usuarios, los cuales podrán
acceder interactuar con el sistema

Para el módulo de ventas se validarán todos los campos de manera consecuente para así concluir
el registro, y no duplicar datos, de igual manera se tomará en cuenta lo mencionado para el
registro de clientes, prospecto y unidades de inventario

En cada suceso del sistema se añadirán 3 controles de diferente tipo:

- Success Éxito

- Warning Advertencia

- Danger Peligro

Control para avisar que un proceso está en proceso;

24
 ALTAS

Para cada proceso se usó una clase con métodos; estos métodos recibirán valores con ayuda de un
scipt. Estos valores son enviados desde las entradas por el método POST o GET

- Registro de usuarios nuevo

25
26
- Inicio de sesión

27
- Nueva tienda

28
29
- Nuevo articulo

30
31
- Nuevo mensaje

32
 BAJAS

En este apartado codificamos la baja de un artículo dentro de la clase articulo.class.php con el

método eliminar

33
 CAMBIOS

Para cada proceso se usó una clase con métodos; estos métodos recibirán valores con ayuda de un
scipt. Estos valores son enviados desde las entradas por el método POST o GET y se efectuaran los
cambios en la base de datos.

- Editar tienda

34
35
- Editar articulo

36
37
- Editar cuenta de pago

38
- Configuraciones Generales

39
40
- Configuración de tienda

41
42
43
 CONSULTAS

- Consulta de inventario, se código la página en html con el uso de bootrap al

inicio extraemos la información necesaria para consultar todos los artículos, así como las
compras y los pedidos.

- INVENTARIO

- COMPRAS

- PEDIDOS

44
 - MENSAJES

REPORTES

Salida de pantalla:

COMPRAS : Por cada compra se puede ver la información de la misma en la sección de compras.

45
Reportes por impresora:

COMPRAS: Para compra se puede generar con un método automático un reporte en pdf el cual se
podrá imprimir, contiene datos necesarios de la compra.

46
47
 CONCLUSIONES

Ivan Sauza Lara: Considero que este proyecto es posible realizarlo con una integración mejor y
calidad, una vez finalizado al 100%, ya que se trata de un proyecto grande y complicado para solo
dos personas, el trabajo en equipo fue bueno ya que cada uno se repartió tareas y cada uno de los
integrantes tenía conocimiento suficiente para realizarlo.

48
Monica Salazar Lara: A lo largo de la realización de este proyecto fue posible realizarlo de manera
íntegra con mi equipo fue fácil ya que ambos teníamos conocimientos y sabíamos lo que
queríamos realizar, aunque el tiempo fue poco logramos concluirlo de la mejor manera que
pudimos, fue bueno todo el trabajo que realizamos y la integración del equipo.

49