INDICE DE MARCO TEORICO

1. HISTORIA DE LA TIENDA

1.1. CONTEXTO
Hiperbodega Precio Uno es una tienda perteneciente al rubro retail de
autoservicio con estilo bodega, por contar con una infraestructura rústica, que parte
de generar comodidad en la población a la que tiene como punto de objetivo en venta.
Esta hiperbodega forma parte de Tottus, franquicia de supermercados perteneciente al
Grupo Falabella. Que en aquel entonces, buscaba encontrar un formato que se adecue
a las realidades socioeconómicas de clases medianas y bajas que cuenta el Perú (Sector
C y D), encontrando similitudes con las existentes en Argentina y México, con la
diferencia de que en el Perú no existía un mercado potencial donde este tipo de clases
puedan realizar la compra de los productos ofrecidos a bajo costo

Es en este sentido que el Gerente General de Hiperbodega Precio Uno Juan Redondo,
describe en una entrevista a Precio Uno de la siguiente manera:

“En un estudio comprobamos que en las zonas de influencia donde se

encuentran nuestras hiperbodegas, la primera necesidad del consumidor es
alimentarse y la segunda es vestirse (...) -Esas son un poco las características de
nuestro formato, es un hipermercado con las diferencias de que el surtido no es
tan profundo como puede ser una tienda de Tottus, y donde la marca propia
tiene un peso importante.”

De este modo, se entiende a Precio Uno como una Hiperbodega dedicada a satisfacer
las necesidades más básicas que pueda requerir la población, tales como son la comida
y la vestimenta.

1.2. HISTORIA
Con los argumentos y objetivos bien planteado por parte de Juan Redondo y equipo ,
es que se decide inaugurar el primer local el 13 de octubre de 2014 en el distrito
populoso de Puente Piedra de Lima Metropolitana, con el nombre inspirado en una
marca propia de Tottus, llamada Precio Uno , que desde ese entonces al día de hoy , se
 ha dedicado a producir e innovar productos comestible y no comestibles propios de la
marca.

Con el pasar del tiempo se fue expandiendo hasta fuera de la provincia de Lima con su
primer local en Chincha Alta el 4 de mayo de 2016. Para que desde ese entonces el
formato empiece a acumular varias tiendas por diversos puntos del país llegando a las
regiones de Lambayeque, Trujillo, Piura, Ucayali, Tarapoto e Iquitos.

Sin embargo, la modernización , la competencia y los nuevos protocolos de salud que

generó la pandemia del COVID 19 , ha despertado en el grupo un interés de generar e
implementar un Sistema de ventas dedicado netamente a un portal web, en base a la
necesidad de generar en el cliente un ahorro de tiempo, recursos, así como también
las facilidades de pago que se pueden generar desde la comodidad de tu hogar ,
evitando el contacto con la población , teniendo en consideración en cuanto a la
pandemia que aún no cesa. En el siguiente apartado se definirá todo lo relacionado a
un sistema de ventas por internet, que se han ido implementando en estos últimos
años.

2. SISTEMA DE VENTAS POR INTERNET

2.1. WEB E INTERNET

Para conocer cómo funciona un sistema de ventas por internet, es necesario tener
claro, el concepto de web y la relación que tiene con el internet y como es que estos
dos sistemas juntos pueden realizar maravillas dentro de un sistema lógico de
comunicación que se ha ido desarrollando durante el transcurso de los años

De esta manera, la web se define como un sistema de organización y distribución de

información mediante documentos de hipertexto o hipermedios interconectados y
accesibles usando el medio físico de comunicación la red Internet, estos documentos
están almacenados en servidores situados en todas partes del mundo y un usuario
puede visualizar los sitios web mediante un navegador web. Los sitios web son
compuestos de páginas web que pueden contener textos videos, imágenes u otros
 contenidos multimedia utilizando y se pueden acceder mediante hiperenlaces. (Ramos
Martín & Ramos Martín, 2014) (Luján Mora, 2002).

2.2. APLICACIONES WEB

En contexto con el párrafo anterior, se puede definir a las aplicaciones web como
un tipo especial de aplicación cliente/servidor, donde el cliente (el navegador o
explorador) se conecta con el servidor (servidor web) y el protocolo de comunicación
(HTTP) generando una estandarización creada por el programador de la aplicación.
(Luján Mora, 2002). A continuación en la siguiente imagen , se puede visualizar la
interconexión que presentan los distintos autores, como el internet, servidores y
clientes, que juntos recrean un sistema web.

Fuente: Arnaldo Saavedra-Gonzales,2016

3. DISEÑO Y DESARROLLO WEB

Cuando escribimos la dirección de una página web en nuestro navegador web (ej.
Chrome o Firefox), se realiza una petición de datos a un servidor donde se encuentra
alojada la página usando un conjunto de protocolos (TCP/IP y HTTP).
 Si la petición se realiza de forma correcta, el servidor nos responderá enviando
paquetes de archivos entre los que se encuentra código y ficheros que
nuestro navegador (cliente) organizará para mostrarnos el resultado en pantalla.

En contraste a la búsqueda de la solución al problema mencionado con anterioridad, es

necesario recurrir a las diferentes herramientas informáticas de diseño y desarrollo web que
puede comprender un sistema completo de ventas por internet con contenido en base a
ofertas y ventas. A continuación, se detallarán los conceptos básicos de las principales
herramientas que se utiliza generalmente para la creación de una página web estándar.

1.

2.

3.

3.1. HTML
En esta primera etapa en el ámbito de desarrollo web, el lenguaje de marcas de
hipertexto HTML (Hypertext Markup Language) se utiliza básicamente para
la estructuración semántica de los contenidos digitales a través de las llamadas
etiquetas. De esta manera, se pueden definir elementos como fragmentos de texto,
encabezados, gráficos o hiperenlaces, que son principalmente la estructura esencial de
toda una página web. Sin embargo, por su parte, una página web estática y sencilla no
 es más que una selección de documentos HTML interconectados. Es por ello que es
necesario utilizar otra herramienta para la aplicación de estilo y apariencia.

1.

2.

3.

3.1.

3.2. CSS. Estilo y apariencia

CSS (Cascading Style Sheets) es un lenguaje de hojas de estilo, es decir, permite aplicar
estilos de manera selectiva a elementos en documentos HTML. Con CSS es posible
asignar fuentes y color a textos o cajas, modificar tamaños, añadir imágenes de fondo,
definir márgenes o incluso cambiar completamente la apariencia de un elemento
HTML como una lista para convertirla en una barra o menú de navegación.

Gracias a CSS también es posible hacer que una página web se vea correctamente en
otros dispositivos como móviles o tabletas. Es lo que se conoce como diseño web
adaptativo o responsive.

3.3. JAVA SCRIPT. Funcionalidad y dinamismo

Por otro lado, con JavaScript es posible añadir interactividad a los sitios web. Le
permite crear menús, botones y otros elementos interactivos. Ello supone dar un paso
más allá de HTML y CSS, puesto que permite que se evalúen las interacciones de los
usuarios y que los contenidos de las páginas web se recarguen, se actualicen o se
modifiquen.
4. DESCRIPCION GENERAL DEL PROCESO DE COMPRA

4.1. REGISTRO DE USUARIO

- Se le solicitará al cliente su nombre, apellido, edad, correo electrónico y una
contraseña con el cual pueda ingresar reiterativamente a la pagina

1.

2.

3.

4.

4.1.

4.2. CARRITO DE COMPRAS

- Luego del registro, el cliente podrá visualizar cada producto que cuenta la
tienda, así como el precio y las promociones que brinde la pagina web de la
tienda

4.3. PAGO
- Al haber culminado la etapa de vista y elección de los productos por parte
del cliente, este mismo procederá con el acuerdo y elección de pago que se
realizará mediante la página web

4.4. ELECCION DEL PUNTO DE ENTREGA DE LA COMPRA

- En conjunto con el pago, este último, solo deberá coordinar el punto de
retiro, como la hora en la cual asistirá para realizar el recojo de todo su
coche de compras

REFERENCIAS
https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/fundamentos-del-
desarrollo-web/

https://pirhua.udep.edu.pe/bitstream/handle/11042/2740/ING_571.pdf?
sequence=1&isAllowed=y