PROGRAMACIÓN DE SITIOS WEB

UNIDAD 1. PLANEACIÓN DEL SITIO WEB INTERACTIVO

Presentado a:
DAVID ANDRADE YEJAS
Tutor(a)

Entregado por:
DIEGO ALEXANDER ANDRADE TAMAYO
Código: 1075272647
GERSON ANDRÉS DUEÑAS PÉREZ
Código: 1075306738
MARIO FERNANDO CASTRO ACOSTA
Código:
SERGIO RICARDO MONTOYA
Código:
JAVIER ANDRES COLINA
Código:

Grupo: 301127_9

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA - UNAD

ESCUELA DE CIENCIAS BÁSICAS, INGENIERÍAS Y TECNOLOGÍAS
MAYO DE 2020
 INTRODUCCIÓN

El siguiente trabajo es elaborado con el fin de Plantear una propuesta de un

Software o Sitio Web Interactivo Haciendo uso de fundamentos teóricos de
introducción y planeación para el mejoramiento, control y sistematización de la
Tienda “Osaka Electronics” cumpliendo con sus requerimientos para dar solución a
las problemáticas o requerimientos presentados por el cliente.
 DESARROLLO DE LA ACTIVIDAD

A. Formulación del problema:

La tienda “Osaka Electronics” se dedica a la comercialización de componentes

electrónicos tales como: resistencias, transistores, circuitos integrados, sistemas
embebidos, condensadores, bobinas y demás elementos de uso común en la
industria, control y automatización electrónica de procesos. Pero en los últimos días
ha tenido inconvenientes con respecto a la cantidad de productos que ofrece a sus
clientes, ya que en existencia aparece una cantidad y cuando se verifica en bodega
dicha cantidad de productos no coincide, este descontrol ha generado problemas
con los clientes y con los proveedores, por lo anterior requiere un aplicativo web que
le permita controlar las compras a proveedores, ventas al público, inventarios y
cálculo de precio de venta al público incluyendo impuestos (%) y utilidad para la
tienda (%).
¿De qué manera llevar un adecuado control de inventarios mediante una eficaz
gestión de compras a proveedores y ventas a clientes, a través de la
implementación de un software denominado Sistema de Punto de Venta
desarrollado en entorno web?

B. Objetivos:

General:
Diseñar, desarrollar e implementar en la tienda “Osaka Electronics”, un software o
aplicativo web que cumpla con la función de un Sistema Integral de Punto de Venta
elaborado en el lenguaje de programación PHP integrado a su vez con MySQL
como gestor de base de datos, esto con el fin de que le permita a la tienda “Osaka
Electronics” administrar y automatizar sus operaciones llevando consigo un
adecuado control de ventas y a mantener un stock real y preciso de sus inventarios
mediante la contabilización de entradas y salidas de sus productos, para esto el
aplicativo permitirá la generación de reportes y alertas que garanticen realizar la
oportuna compra a proveedores de tal manera que no afecte la prestación de sus
servicios y venta de productos y componentes electrónicos a sus clientes, a su vez
la herramienta tecnológica brindara al cliente la facilidad de calcular los precios de
venta al público teniendo en cuenta el porcentaje de pago de impuestos y el margen
de ganancias o utilidades para la tienda.

Específicos:
✓ Diseñar y desarrollar un sistema basado en entorno web que tenga en cuenta
cada uno de los requerimientos del cliente y que permita dar solución a la
problemática presentada por la tienda “Osaka Electronic”.
✓ Hacer uso del lenguaje de programación PHP y el gestor de base de datos
MySQL para el desarrollo del aplicativo web planteado como solución a la
novedad presentada por el cliente.
✓ Implementar un Sistema Integral de Punto de Venta que permita administrar
y sistematizar las operaciones de la tienda “Osaka Electronic” llevando
consigo el poder prestar un excelente y oportuno servicio al público
garantizando la disponibilidad de los productos electrónicos acorde a sus
necesidades y entregas en los tiempos y momentos oportunos.

C. Metodología de desarrollo:

Mediante la aplicación de la metodología de desarrollo de Software “Modelo de

Cascada”. En primer lugar, se recopilarán los datos y se analizarán cada una de las
necesidades y/o requerimientos presentados por la tienda “Osaka Electronic”,
posteriormente se entrará a la fase de diseño del aplicativo y seguidamente se
empezará a elaborar la base de datos mediante la utilización del gestor de base de
datos MySQL y programación PHP con el que se dará funcionalidad al aplicativo
web hasta lograr su implementación en el punto de venta del cliente. Por lo tanto,
cada siguiente etapa inicia tan pronto como la anterior haya culminado, y esos
descansos son usados para confirmaciones del lado del cliente.
D. Requerimientos específicos del aplicativo:

Funcionales (Lo que hace el sistema):

Administrar y automatizar las operaciones de la tienda “Osaka Electronic” llevando

consigo la funcionada de los siguientes aspectos:
✓ Garantizar la cantidad suficiente de productos que ofrece la tienda a sus
clientes.
✓ Controlar las compras a proveedores.
✓ Controlar las ventas al público.
✓ Administrar y controlar los inventarios.
✓ Cálculo del precio de venta al público de cada artículo.
✓ Generación de reportes.

No funciones (La manera como el sistema lo hace):

✓ Permite llevar un adecuado control de las ventas a través de la generación

de reportes diarios o en el rango de fecha requerido por el usuario, lo que
permite tener un control exacto del flujo de caja y del valor total de dinero
recaudado cada día.
✓ Contabilización de las entradas y salidas de los materiales electrónicos lo
que permite mantener un stock real y preciso de sus inventarios.
✓ Permite la generación de reportes y alertas sobre el inventario actual y stock
mínimo de cada producto o material.
✓ Alerta al usuario sobre la necesidad de activar la compra a proveedores
cuando un material se esté agotando o supere el tope del nivel mínimo de
stock.
✓ El aplicativo permite calcular los precios de venta al público teniendo en
cuenta el porcentaje de pago de impuestos y el margen de ganancias o
utilidades para la tienda.
E. Finalidad del proyecto:

La finalidad del desarrollo de este aplicativo web consiste en brindarle a la tienda

“Osaka Electronics” la posibilidad de administrar y automatizar sus operaciones
llevando consigo un adecuado control de ventas y a mantener un stock real y preciso
de sus inventarios mediante la contabilización de entradas y salidas de sus
productos, permitirá la generación de reportes y alertas que garanticen realizar la
oportuna compra a proveedores, a su vez la herramienta tecnológica brindara al
cliente la facilidad de calcular los precios de venta al público teniendo en cuenta el
porcentaje de pago de impuestos y el margen de ganancias o utilidades para la
tienda.
F. Cronograma:

G. Recursos:

Para llevar a cabo el desarrollo de este proyecto se requieren de los siguientes recursos:
✓ Computador portátil.
✓ Instalación y configuración del servidor web “Apache” y de las herramientas PHP y MySQL.
✓ Editor de código de preferencia, Notepad++ o NetBeans IDE.
✓ Recurso humano.
H. Documentación de la evaluación de aplicabilidad de la solución basada en
desarrollo de software teniendo en cuenta el contexto y analiza los efectos de la
solución en distintas dimensiones (social, ambiental, económica, tecnológica).

Hoy en día la implementación de un aplicativo o software que lleve a cabalidad la

función de un sistema integral de punto de venta, es un factor muy importante y
determinante dentro de los grandes y pequeños negocios que ofrecen bienes y
servicios al público, pues este sistema es el encargado de realizar todo el proceso
de venta desde la captura de los productos en su base de datos, lectura de la
información mediante dispositivos externos, emisión de comprobantes de
compra/venta de bienes, productos y servicios, generación de reportes mensuales,
permiten generar estadísticas detalladas de ventas por fecha, vendedor, horario,
análisis de productos más vendidos, más rentables, control eficaz de los inventarios,
permite al propietario tener control cuando él no está, delegar con responsabilidad,
asignar o restringir privilegios a sus empleados, monitorear actividad, entre muchas
funciones más.

Desde el plano tecnológico y económico, actualmente existen muchas razones por

las que un sistema de punto de venta es indispensable en los negocios. Una de las
razones es que ayuda a los dueños a administrar y automatizar inventarios, lo que
automáticamente genera ganancia al llevar de manera controlada el stock en sus
productos o materiales evitando las perdidas, también convierte el negocio en un
competidor relevante tecnológicamente en el mercado al sistematizar sus procesos
y transacciones.

A nivel social la implementación de sistemas tecnológicos genera un gran valor

agregado puesto que se mejora la eficiencia de los empleados, permitiéndoles pasar
más tiempo interactuando y brindando una mejor atención con los clientes. También
existen algunos aspectos negativos en donde el principal se debe a la limitación que
existe para generar nuevos empleos ya que muchos de los procesos se dejan de
realizar manualmente y el talento humano empieza a tener menos importancia.

La implementación de aplicativos o herramientas tecnológicas, de igual manera

contribuyen al cuidado y sostenibilidad del medio ambiente ya que se dejan de
utilizar muchos procesos manuales en donde la gran mayoría de veces se utilizan
infinitas cantidades de formatos, planillas y demás documentos que conllevan a
acumular grandes cantidades de archivos en papel producto de la tala de árboles.

I. Arquitectura cliente servidor.

“The client-server architecture is a software design model in which the tasks are
divided between the providers of resources or services, called servers, and the
applicants, called clients. A client makes requests to another program (the server),
which responds. This idea can also be applied to programs that run on a single
computer, although it is more advantageous in a multi-user operating system
distributed through a computer network.” (Cliente-servidor. (2013, septiembre 8).
Recuperado 8 de mayo de 2020, de https://es.wikipedia.org/wiki/Cliente-servidor)

“The concept of client server, or client-server, therefore refers to a communication

model that links various computing devices across a network. In this framework, the
client makes service requests to the server, which is in charge of satisfying said
requirements.” (Perez, J., & Gardey, A. (s. f.). CLIENTE SERVIDOR. Recuperado 8
de mayo de 2020, de https://definicion.de/cliente-servidor/)

J. Modelo vista controlador.

“Model Vista Controller (MVC) is a style of software architecture that separates the
data of an application, the user interface, and the control logic into three distinct
components.
It is a very mature model that has proven its validity over the years in all kinds of
applications, and on a multitude of languages and development platforms.
▪ The Model that contains a representation of the data handled by the system,
its business logic, and its persistence mechanisms.
▪ The View, or user interface, that makes up the information that is sent to the
client and the mechanisms that interact with it.
▪ The Controller, who acts as an intermediary between the Model and the View,
managing the flow of information between them and the transformations to
adapt the data to the needs of each one.” (Modelo vista controlador (MVC).
(s. f.). Recuperado 8 de mayo de 2020, de
https://si.ua.es/es/documentacion/asp-net-mvc-3/1-dia/modelo-vista-
controlador-mvc.html)
K. Captura de pantalla de la configuración de la clave y captura de pantalla de la verificación del servidor en el navegador
web.
 CONCLUSIONES

✓ Mediante el desarrollo de este primer trabajo colaborativo, se resalta la

importancia de realizar una adecuada planeación referente a la manera en cómo
se va a realizar un proyecto, estableciendo metodologías de trabajo,
recolectando información requerida y detallando recursos de trabajo necesarios
antes de proceder al diseño y programación de un software o sitio web
interactivo.

✓ Se establece una planeación clara y acertada de cómo se va a diseñar y

desarrollar un sistema de punto de venta basado en entorno web que permita
dar solución a la problemática presentada por la tienda “Osaka Electronic”, en
donde dicha aplicación se realizara haciendo uso del lenguaje de programación
PHP y el gestor de base de datos MySQL.
 BIBLIOGRAFÍA

Modelo cliente servidor - por Andrés Schiaffarino en Tutoriales de Hosting

https://www.google.com/search?q=parrafos&rlz=1C1PRFI_enCO883CO883&oq=p
arrafos&aqs=chrome..69i57j0l7.2929j0j7&sourceid=chrome&ie=UTF-8

González, Y. D., & Romero, Y. F. (2012). Patrón Modelo-Vista-Controlador.

Revista Telemática, 11(1), 47-57.
http://revistatelematica.cujae.edu.cu/index.php/tele/article/view/15/10

Cobo, Ángel, et al. PHP y MySQL: tecnologías para el desarrollo de

aplicaciones web. (Páginas. 1 - 20). Ediciones Díaz de Santos, 2005. ProQuest
Ebook Central. Recuperado de:
https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action?ppg=19&docID
=3173408&tm=1544022923309

Cardador, C. A. L. (2014). Implantación de aplicaciones web en entornos

internet, intranet y extranet (mf0493_3). (Páginas. 9 - 44). Recuperado de
https://ebookcentral-proquest-
com.bibliotecavirtual.unad.edu.co/lib/unadsp/reader.action?docID=4184063&ppg=
15

Luján-Mora, S. (2002). Programación de aplicaciones web: historia,

principios básicos y clientes web. Editorial Club Universitario.
http://rua.ua.es/dspace/handle/10045/16995

Garzón, C. Á. (2019). Modelo Vista Controlador. Recuperado el 8 de 5 de 2020, de

https://repositorio.konradlorenz.edu.co/handle/001/1528
 López, S. C. (2009). Cómo mantener el patrón modelo vista controlador en
una aplicación orientada a la WEB. Recuperado el 8 de 5 de 2020, de
https://revistas.uniminuto.edu/index.php/inventum/article/view/132

Murillo, J. d., & Polini, S. C. (2016). Mejoramiento de la latencia de la red

mediante el cambio de tamaño de búfer para aplicaciones FTP utilizando el
modelo cliente/servidor según el tamaño promedio de los archivos a ser
transmitidos. Uniciencia, 24(1), 74-81. Recuperado el 8 de 5 de 2020, de
https://dialnet.unirioja.es/descarga/articulo/5381350.pdf

Niño, E. (2012). Modelo cliente servidor. Recuperado el 8 de 5 de 2020, de

http://manglar.uninorte.edu.co/handle/10584/2205

Rodríguez, D., & Adrián, H. (2016). Cómo crear una Base de Datos con
phpMyAdmin en MySQL. Recuperado el 8 de 5 de 2020, de
https://disenowebakus.net/crear-una-base-de-datos-phpmyadmin-mysql-php.php