"Implementación de un Sistema de Cotización de PCs Automatizado en Línea en

RSTORE en 2024"

CURSO:
INNOVACIÓN Y TRANSFORMACIÓN DIGITAL

PROFESORA:
Joselyn Gloria Silva Huarcaya

INTEGRANTES:
-Silva Florentino Aimar Oscar
- Espinoza Martínez Fernando
-Ponte Martel, Jheremy Alois
- Bautista Huamani, Rhommel

LIMA 2024
 ÍNDICE
CAPÍTULO I:
RESUMEN...............................................................................................................................3
1. Descripción de la empresa.................................................................................................. 3
2. Problema............................................................................................................................. 3
3. Objetivos..............................................................................................................................3
3.1. Objetivo General.............................................................................................................3
3.2. Objetivo Específico......................................................................................................... 4
4. Propuesta de solución......................................................................................................... 4
5. Generalidades..................................................................................................................... 3
5.1. Misión............................................................................................................................ 3
5.2. Visión.............................................................................................................................. 3

CAPÍTULO II:
6. MARCO TEÓRICO..............................................................................................................5
6.1. Lenguaje de Programación.............................................................................................5
6.1.1. PHP..........................................................................................................................5
6.1.2. CSS..........................................................................................................................5
6.1.3. JAVASCRIPT........................................................................................................... 5
6.1.4. C++.......................................................................................................................... 6
6.2. Framework......................................................................................................................6
6.2.1 TAILWIND CSS......................................................................................................... 6
6.2.2 BOOTSTRAP............................................................................................................6
6.2.3 BULMA......................................................................................................................6
6.2.4 UIKIT.........................................................................................................................6
6.3. API.................................................................................................................................. 7
6.3.1 BACK4APP............................................................................................................... 7
6.3.2 FIREBASE................................................................................................................ 7
6.3.3 BACKENDLESS....................................................................................................... 7
6.3.4 KINVEY.....................................................................................................................7
6.4 Base de Datos................................................................................................................. 8
6.4.1. MICROSOFT SQL SERVER................................................................................... 8
6.4.2. MYSQL.................................................................................................................... 8
6.4.3. MONGODB.............................................................................................................. 8
6.4.4. ORACLE DATABASE.............................................................................................. 9
CAPÍTULO III:............................................................................................................................... 9
7. REQUERIMIENTOS............................................................................................................ 9
8. ANEXO...............................................................................................................................11
[Link] FODA................................................................................................................11
8.2. MODELO DE LEAN CANVA......................................................................................... 11

1
 8.3. LEAN STARTUP........................................................................................................... 11
8.4. LEAN CHANGE MANAGEMENT.................................................................................. 11
9. Referencia Bibliográfica......................................................................................................12

ÍNDICE DE TABLAS
TABLA 1 ……………………………………………………...………………………………………… 4
TABLA 2 ……………………………………………………...………………………………………… 4

INDICE DE IMAGENES
Imagen 1 ……………………………………………………………………………………………….. 5
Imagen 2 ……………………………………………………………………………………………….. 5
Imagen 3 ……………………………………………………………………………………………….. 5
Imagen 4 ……………………………………………………………………………………………….. 6
Imagen 5 ……………………………………………………………………………………………….. 6
Imagen 6 ……………………………………………………………………………………………….. 6
Imagen 7 ……………………………………………………………………………………………….. 6
Imagen 8 ……………………………………………………………………………………………….. 7
Imagen 9 ……………………………………………………………………………………………….. 7
Imagen 10 ……………………………………………………………………………………………… 7
Imagen 11 ……………………………………………………………………………………………… 7
Imagen 12 ……………………………………………………………………………………………… 7
Imagen 13 ……………………………………………………………………………………………… 9
Imagen 14 ……………………………………………………………………………………………… 9
Imagen 15 ……………………………………………………………………………………………… 9
Imagen 16 ……………………………………………………………………………………………… 10

2
CAPÍTULO I

3
RESUMEN

1. Descripción de la empresa

RSTORE es una tienda especializada en la venta de computadoras y accesorios

tecnológicos. Desde su fundación, RSTORE se ha dedicado a ofrecer productos de alta
calidad y las últimas innovaciones tecnológicas a sus clientes.

2. Problema

Actualmente, el proceso de cotización de PCs en RSTORE es manual y propenso a

errores, lo que resulta en cotizaciones inexactas y tiempos de respuesta prolongados.
Esto no solo afecta la eficiencia operativa, sino que también disminuye la satisfacción
del cliente, que espera un servicio rápido y preciso. Además, la falta de actualización en
tiempo real de los precios y la disponibilidad de productos puede llevar a inconsistencias
y frustraciones tanto para los clientes como para el personal de ventas. En un mercado
competitivo, RSTORE necesita una solución que agilice y automatice este proceso para
mantenerse a la vanguardia y mejorar la experiencia del cliente.

3. Objetivos

3.1. Objetivo General

Automatizar el sistema de cotización en línea de PCs en RSTORE para mejorar

la eficiencia, precisión y rapidez del proceso de cotización, y proporcionar una
mejor experiencia al cliente.

3.2. Objetivo Específico

3.2.1. Mejorar la eficiencia del proceso de cotización

3.2.2. Optimizar la experiencia del cliente

3.2.3. Fortalecer la competitividad de RSTORE

3.2.4. Facilitar la toma de decisiones de compra

4
 3.2.5. Integrar con otros sistemas de la empresa

4. Propuesta de solución
Para la implementación de la automatización del sistema de cotización en línea de PCs
en RSTORE, se propone un enfoque integral que incluye el análisis de necesidades y
requerimientos, el diseño de un sistema intuitivo y eficiente con una interfaz amigable, la
actualización automática de precios y disponibilidad en tiempo real, y la posibilidad de
personalización de configuraciones.

5. Generalidades

5.1. Misión

Proveer a nuestros clientes las mejores computadoras y accesorios tecnológicos

del mercado, con un enfoque en la calidad, la innovación y el servicio
personalizado. Nos esforzamos por mantenernos al día con las últimas
tendencias tecnológicas y brindar a nuestros clientes productos que se adapten
a sus necesidades y superen sus expectativas.

5.2. Visión

Ser la tienda líder en tecnología, ofreciendo a nuestros clientes las soluciones

más innovadoras y de alta calidad, y ser reconocidos por nuestra excelencia en
el servicio al cliente y nuestro compromiso con la satisfacción del cliente.

5
CAPÍTULO II

6
[Link] TEÓRICO

6.1. Lenguaje de Programación

6.1.1. PHP
PHP (Hypertext Preprocessor) es un lenguaje de programación de código
abierto especialmente diseñado para el desarrollo de aplicaciones web
dinámicas. Por ello Jabba Molinares (2004) también menciona que “PHP
es ampliamente utilizado en la industria del desarrollo web debido a su
facilidad de aprendizaje, flexibilidad, compatibilidad con diferentes
sistemas operativos y servidores web” (pág. 6). Con lo mencionado se
resalta las facilidades de este lenguaje en proyectos web.

6.1.2. CSS
CSS (Cascading Style Sheets) es un lenguaje de programación que
brinda la posibilidad de adicionar estilo a un documento HTML y XML con
el fin de dar más impacto visual a la página a elaborar por medio de la
modificación del diseño. Adicional a ello Hernández, Rosendo, Greguas y
Deibys explican su uso “El lenguaje CSS se utiliza para definir el aspecto
de todos los contenidos, el formato de tablas, la separación, el color,
tamaño y tipo de letra de titulares y/o textos, la tabulación con la que se
muestran los elementos de una lista o menú” (pág. 3). Por ello se
entiende que este lenguaje es usado para darle un mejor diseño a un sitio
web.

7
6.1.3. JAVASCRIPT
JavaScript es un lenguaje de programación versátil que se ejecuta en el
navegador del usuario, lo que lo convierte en una herramienta poderosa
para crear experiencias interactivas y dinámicas en la web. También
Hernández, Rosendo, Greguas y Deibys nos hablan acerca del lenguaje
JavaScript “Esta conjunción de tecnologías permite ofrecer al usuario
interfaces gráficas mucho más ricas y a la vez complejas, controlar
formularios de forma más eficiente, brindar un número de facilidades al
usuario y proporcionar un intercambio más interactivo” (pag. 3).

6.1.4. C++
Es un lenguaje de programación de propósito general y de alto nivel,
ampliamente utilizado en el desarrollo de software. Combina la
programación orientada a objetos con características de programación
procedimental. Con su sintaxis flexible y potentes capacidades, C++ es
ideal para aplicaciones que van desde sistemas operativos hasta
videojuegos y aplicaciones empresariales. Su eficiencia y versatilidad lo
hacen una opción popular para proyectos complejos que requieren un
control preciso del hardware y una optimización de rendimiento.

8
6.2. Framework

6.2.1. TAILWIND CSS

Tailwind CSS es el framework de esta lista que presenta una mayor curva
de aprendizaje. Esto se debe a que, a diferencia del resto, no dispone de
una colección de componentes propiamente dicha –aunque en el sitio
web oficial es posible tanto encontrar múltiples ejemplos de
implementaciones previo pago, como una biblioteca de componentes
gratuitos creada por la comunidad de Tailwind–CSS, sino que se basa en
toda una serie de utilidades CSS pensadas para que nosotros diseñemos
nuestros propios componentes.

6.2.2. BOOTSTRAP
De acuerdo con el sitio web [Link], aproximadamente el 25% de
los sitios de Internet lo utilizan como base para el diseño de sus plantillas
o temas. Centrado en el desarrollo front-end desde una perspectiva
mobile first, Bootstrap cuenta con hojas de estilo y, opcionalmente,
extensiones de JavaScript adicionales como base tecnológica para
proveer al usuario de una importante cantidad de componentes como
botones, menús de navegación, cards, carruseles, acordeones, ventanas
modales, pop ups, barras de progreso o formularios, entre otros muchos.

6.2.3. BULMA
Bulma es un framework exclusivamente CSS basado en Flexbox (Flexible
Box Layout Module) para crear sitios web responsivos. Bulma propone

9
 una aproximación mobile first con unos puntos de ruptura algo diferentes
a los de Bootstrap ya que parte de los 768px (frente a los 576 de
Bootstrap), lo que le permite gestionar los mismos tamaños de pantalla
de Bootstrap con un punto de ruptura menos (769-1023, 1024-1215,
1216-1407 y 1408 en adelante).

6.2.4. UIKIT
UIKit es un framework CSS y JavaScript también basado en Flexbox que
cuenta con una retícula responsiva altamente flexible y, por lo tanto,
fácilmente configurable y adaptable a diferentes escenarios, incluyendo la
reordenación de elementos según el tamaño de la pantalla.

6.3. API

6.3.1. BACK4APP
Back4App es un proveedor líder de servicios backend de código abierto,
conocido por su escalabilidad, facilidad de desarrollo y rápida
implementación de aplicaciones. Según Back4App (2022), "Respaldado
por tecnologías de código abierto, ofrece almacenamiento de datos, APIs,
notificaciones, almacenamiento de archivos y autenticación, todo
accesible a través de las potentes APIs REST y GraphQL". Esta
plataforma permite a los desarrolladores crear aplicaciones eficientes y
robustas con facilidad (Back4App, 2022).

10
[Link]
Firebase, la plataforma de API de backend proporcionada y gestionada
por Google, es sinónimo de calidad, seguridad y confiabilidad. Según la
documentación oficial de Firebase, la plataforma está "basada en API
REST y ofrece una amplia gama de características y funcionalidades para
aplicaciones, incluyendo la capacidad de integrar Machine Learning
(aprendizaje automático) de forma sencilla y eficaz" (Firebase, s.f.). Esta
integración de aprendizaje automático puede impulsar la productividad de
las aplicaciones, especialmente en la era actual. Con un proceso de
desarrollo sorprendentemente sencillo y eficiente, Firebase simplifica la
creación de aplicaciones al permitir que la mayoría del trabajo se realice
mediante sus API.

[Link]
Back Endless es una plataforma completa de servicios en la nube que
permite a los usuarios desarrollar y desplegar aplicaciones sorprendentes
de manera fluida. Según la documentación oficial de Back Endless, su
API Backendless facilita el desarrollo e implementación de las últimas
funciones y servicios en aplicaciones. Esto permite ofrecer a los usuarios
una experiencia de aplicación excepcional sin la necesidad de métodos
complejos de desarrollo (Back Endless, s.f.).

11
 [Link]
Kinvey ofrece una solución integral para el desarrollo de aplicaciones
modernas que requieren un diseño impecable y un conjunto completo de
características. Según la documentación oficial de Kinvey, "Mientras que
el diseño del frontend puede lograrse con diferentes métodos, el backend
necesita ser sólido y eficaz. Es aquí donde entran en juego las API REST
y la API backend de Kinvey, proporcionando las herramientas necesarias
para dotar a las aplicaciones de funcionalidades avanzadas" (Kinvey, s.f.).

6.4. Base de Datos

6.4.1. MICROSOFT SQL SERVER

SQL Server es una base de datos relacional desarrollada por Microsoft,
según Microsoft (2022) “Microsoft SQL Server es un sistema de gestión
de bases de datos relacionales (RDBMS) donde las aplicaciones y
herramientas se conectan a una instancia o base de datos de SQL Server
y se comunican mediante Transact-SQL (T-SQL)” Es uno de los más
utilizados en el mercado actual ya que permite almacenar, manipular y
recuperar datos de una manera eficiente además tiene su propio lenguaje
de programación integrado (T-SQL) permitiendo crear consultas,
procedimientos almacenados, etc.

12
6.4.2. MYSQL
MySQL es el sistema de gestión de base de datos (de código abierto)
más popular del mundo, según Oracle (2024) “MySQL es una de las
bases de datos más maduras y utilizadas. Lleva más de 25 años
probándose en una amplia variedad de casos, incluso en muchas de las
mayores empresas del mundo. Las organizaciones utilizan MySQL para
ejecutar aplicaciones clave para el negocio debido a su confiabilidad.”
destaca por su confiabilidad y facilidad de uso haciendo así que grandes
empresas como Facebook, Twitter, Uber, Airbnb, etc. confíen en MySQL
para potenciar sus aplicaciones.

[Link]
MongoDB es una base de datos NoSQL orientada a documentos según
Cherrys et al. (2022) “El concepto central de MongoDB es un documento
que almacena toda la información de un objeto determinado. Cada
documento puede ser diferente, a diferencia de una base de datos

13
 relacional, donde las tablas tienen que ajustarse a un esquema
específico. Los documentos también pueden incrustar y hacer referencia
a otros documentos, de forma similar a una combinación en una base de
datos relacional.” Esto nos quiere decir que en MongoDB un documento
es similar a un registro en una base de datos relacional, pero a diferencia
de una fila en una tabla, un documento puede almacenar una cantidad
variable de campos y valores de datos.

[Link] DATABASE
Oracle Database es uno de los sistemas de gestión de base de datos
relacional más utilizados alrededor del mundo ya que nos proporciona
una amplia gama de funcionalidades y características avanzadas de
seguridad. Según Carl W. (2020) “ Oracle ofrece cifrado siempre activo
para datos en reposo y en movimiento. Los datos se transfieren cifrados
desde el almacenamiento a los nodos de procesamiento. Incluso se
mantiene encriptado en caché. Esta función se activa automáticamente.”
Esto nos indica que una de las características fundamentales de Oracle
Database es la seguridad donde incluye mecanismos avanzados de
autenticación y autorización haciendo de Oracle Database un software
que garantiza la integridad y la seguridad de los datos protegiéndolo de
amenazas internas y externas asegurando la disponibilidad de la
información en todo momento.

14
CAPÍTULO III

15
7. REQUERIMIENTOS

Requerimientos Funcionales Requerimientos No Funcionales

Registro de usuarios: Rendimiento:
Permitir que los empleados de El sistema debe generar
RSTORE se registren en el cotizaciones de manera rápida y
sistema de cotización de PC eficiente, con tiempos de
basado en IA con credenciales respuesta mínimos.
únicas.
Ingreso de especificaciones de Escalabilidad:
PC: El sistema debe ser capaz de
Permitir a los usuarios ingresar manejar un aumento en el
las especificaciones técnicas volumen de cotizaciones sin
requeridas para la cotización degradación significativa del
de PC, como CPU, RAM, rendimiento.
almacenamiento, GPU, etc.
Generación de cotización: Usabilidad:
Utilizando el modelo de IA, La interfaz de usuario debe ser
generar automáticamente una intuitiva y fácil de usar, incluso
cotización detallada para la PC para usuarios con poca
basada en las especificaciones experiencia en tecnología.
ingresadas por el usuario.
Visualización de cotizaciones: Seguridad:
Mostrar las cotizaciones El sistema debe garantizar la
generadas de manera clara y seguridad de los datos de los
concisa para que los usuarios clientes y cumplir con las
puedan revisarlas y tomar regulaciones de privacidad de
decisiones informadas. datos relevantes.
Edición de cotizaciones: Disponibilidad:
Permitir a los usuarios realizar El sistema debe estar disponible
ediciones en las cotizaciones y accesible para los usuarios
generadas según sea durante el horario comercial
necesario, como agregar o habitual de RSTORE.
quitar componentes.
Guardado de cotizaciones: Mantenibilidad:
Permitir a los usuarios guardar El sistema debe ser fácil de
las cotizaciones generadas mantener y actualizar, con código
para referencia futura y limpio y bien documentado.
seguimiento de ventas.

16
Historial de cotizaciones: Interoperabilidad:
Mantener un historial de todas El sistema debe integrarse sin
las cotizaciones generadas problemas con los sistemas
para análisis y seguimiento. existentes de RSTORE, incluidos
los sistemas de gestión de
inventario y ventas.
Comparación de cotizaciones: Fiabilidad:
Permitir a los usuarios El sistema debe ser altamente
comparar múltiples confiable y estar disponible de
cotizaciones generadas por el manera constante, minimizando
sistema para diferentes el riesgo de fallos o
configuraciones de PC, interrupciones en el servicio.
mostrando diferencias clave
como precios, rendimiento y
disponibilidad de
componentes.
Integración de sistema de Adaptabilidad:
pagos: La plataforma debe ser adaptable
Implementar un sistema de a diferentes dispositivos y
pagos integrado que permita a navegadores web, garantizando
los clientes realizar pedidos una experiencia consistente y
directamente desde la optimizada tanto en
plataforma después de revisar computadoras de escritorio como
y confirmar la cotización en dispositivos móviles.
generada por la IA, facilitando
el proceso de compra y
entrega de los productos.
Seguimiento de inventario: Performance:
Integrar un sistema de El sistema debe tener un
seguimiento de inventario que rendimiento óptimo incluso bajo
actualice automáticamente la cargas pesadas de trabajo,
disponibilidad de componentes manteniendo tiempos de
y productos en tiempo real, respuesta rápidos y eficientes
evitando cotizaciones para para los usuarios en todo
artículos fuera de stock y momento.
proporcionando información
precisa sobre la disponibilidad
de los mismos.

Tabla 1

17
8. ANEXO

8.1. Análisis Foda

FORTALEZAS OPORTUNIDADES

● Reconocimiento de ● Crecimiento en el
Marca Mercado
● Experiencia en el ● E-commerce en
Mercado Crecimiento
● Infraestructura ● Bajo costo de precios

AMENAZAS DEBILIDADES

● Competencia ● Proceso manual

● Cambios en la ● Capacitacion de
preferencias del Personal
consumidor ● Costos de
● Problemas de implementación
Integración
Tecnológica
TABLA 2

18
8.2. MODELO DE LEAN CANVA

8.3. LEAN STARTUP

Decidimos no seguir el enfoque del Lean Startup para RSTORE
porque ya existe y está consolidado en el mercado. En lugar de eso,
nos enfocaremos en un Lean Change Management para optimizar
nuestra implementación del sistema y mejorar nuestra oferta de valor
para nuestro cliente.

19
8.4. LEAN CHANGE MANAGEMENT

20
9. Referencia Bibliográfica

Jabba Molinares, Daladier, Alcocer Olaciregui, Adalgisa, Rojas Morales y

Carmenza (2004). Análisis comparativo de las herramientas de
programación Web: PHP, ASP y JSP, bajo los sistemas operativos Linux y
Windows. Ingeniería y Desarrollo.
[Link]

Hernández Claro, Rosendo L., Greguas Navarro Deibys (2010). Estándares de

Diseño Web. Ciencias de la Información.
[Link]

Moreno Arboleda, Francisco Javier, Guzmán Luna Jaime Alberto (2006). Una
propuesta para el manejo de recursos en SQL.
[Link]

Alcaraz, R. (2022, mayo 3). Los mejores frameworks para crear sitios web
responsivos en 2022. Pinakes.
[Link]
eworks-para-crear-sitios-web-responsivos-2022/

Presta, M. (2022, 21 enero). Las 5 mejores API de backend para aplicaciones

móviles. Back4App Blog.
[Link]
ones-moviles/

Microsoft. (2022). Microsoft SQL Server. ¿Qué es SQL Server? - Servidor SQL |
Microsoft Learn.
[Link]
ql-server-ver16#:~:text=SQL%20Server%20Integration%20Services%20e
s,ETL)%20para%20almacenamiento%20de%20datos.

21
Oracle. (2024). ¿Qué es MySQL? ¿Qué es MySQL? | Oracle México.
[Link]
20es%20un%20sistema%20de,puede%20utilizarse%20en%20cualquier%
20plataforma.

Boris, C., Pol, B., Maxime, G., Loup, M., Csaba, N., Anthony, C. (2022).Static
Analysis of Database Accesses in MongoDB Applications.
[Link]

Oracle. (2020). The Security Benefits of a Fully Managed Database Service. The
Security Benefits of a Fully Managed Database Service: Oracle
Autonomous Database.
[Link]
[Link]

22