UNIDAD EDUCATIVA

“AMERINST”

SISTEMAS INFORMÁTICOS

SITIO WEB DE VENTA DE ROPA EN LINEA EN LA

CIUDAD DE LA PAZ “MABOFI”

Postulante: Frías Bernal Eduardo Sebastián

Borda Canaza Jorge Pablo

Mamani Arce Yasir Uriel

Tutor: Prof. Leonardo Portillo Molina

Curso: 6to. “G”

La Paz Bolivia 2024

1
 Dedicatoria

A: nuestros padres, nuestros primeros equipos de apoyo, y a nuestros

maestros, quienes se convirtieron en nuestro segundo equipo. Gracias por
trabajar en conjunto para ayudarnos a alcanzar nuestras metas. Cada uno de
ustedes ha dejado una huella imborrable en nuestras vidas y en este proyecto.

2
 Agradecimientos
A nuestros profesores, Leonardo Portillo Molina
y Javier Arze Ramos, quienes no solo nos
transmitieron sus conocimientos, sino que también
nos inspiraron a ser mejores investigadores.
Gracias a su paciencia y orientación, hemos crecido
tanto a nivel académico como personal. A nuestro
equipo, por el compromiso y la pasión que
demostraron en cada etapa de este proyecto.

CITA BÍBLICA
Yo, la sabiduría, habito con la cordura,
Y hallo la ciencia de los consejos.
Proverbios 8:12

3
 ABSTRACT
The development of your website is focused on offering a modern technological tool that
allows you to efficiently manage both product inventory and transactions, guaranteeing an
agile and satisfactory shopping experience for users. This site has been designed to be fully
adaptable, which means that it can be accessed from any type of device, be it a mobile
phone, tablet or desktop computer, without compromising functionality or browsing speed.
This allows customers to make their purchases comfortably and efficiently, regardless of the
device they use, providing a consistent and fluid experience at all times.
The site has been developed using Visual Studio Code, one of the most powerful and flexible
tools available for editing source code. This choice has allowed the use of a combination of
web programming languages such as HTML, CSS and PHP, which are essential for designing
and programming the different modules that make up the system. Thanks to these
languages, an elegant and functional design has been achieved, as well as a robust
programming structure that allows the efficient execution of the various functionalities of the
site.
A fundamental part of the site's infrastructure is the database, which has been created using
MySQL, a database management system widely recognized for its reliability and ability to
handle large amounts of information. MySQL allows the data entered by users, such as
contact information, purchase details and personal preferences, to be stored, managed and
retrieved in a secure and organized manner. This ensures that all important information is
properly safeguarded and can be accessed or modified when necessary. The connection with
PHP makes it easier for the website to interact with the database efficiently, ensuring that
transactions and operations related to users are carried out without any problems.
The main objective of this website is to provide an optimal user experience, covering every
stage of the shopping process, from searching and selecting products to payment and
confirming the purchase. The system has been carefully designed to include various
functionalities that are essential for the efficient operation of an online store. Among these
features is customer registration, which allows users to create personal accounts to store
contact information, shipping addresses, and a purchase history, thus simplifying future
transactions.
Payment management is another crucial aspect of the system. A payment system has been
implemented that allows transactions to be made quickly and easily, ensuring that users can
complete their purchases with minimal effort. The system supports multiple payment
methods, making it easy for customers to choose the option that best suits their needs. In
addition, the site includes functionality to manage product shipping, allowing customers to
select the most suitable shipping options based on their location and preference.
4
 RESUMEN

El desarrollo de nuestro sitio web se centra en ofrecer una experiencia de compra ágil y
satisfactoria para los usuarios. Esto permite a los clientes realizar sus compras de manera
cómoda y eficiente.

El sitio ha sido creado con Visual Studio Code, una herramienta potente para la edición de
código. Se han utilizado lenguajes de programación como HTML, CSS y PHP, lo que ha
permitido un diseño atractivo y una programación efectiva, asegurando que todas las
funciones del sitio funcionen sin problemas.

Una parte esencial del sitio es su base de datos, construida con MySQL. Este sistema es
conocido por su fiabilidad y capacidad para manejar grandes cantidades de información.
Permite almacenar y gestionar datos importantes, como la información de contacto y detalles
de las compras, de forma segura y organizada. Gracias a la conexión con PHP, el sitio puede
interactuar con la base de datos de manera eficiente, garantizando que las transacciones se
realicen sin inconvenientes.

El objetivo principal de este sitio web es ofrecer una experiencia de usuario óptima,
cubriendo cada etapa del proceso de compra, desde la búsqueda de productos hasta el pago
y la confirmación. El sistema incluye funcionalidades clave, como el registro de clientes que
ayuda a hacer una compra de manera más segura y cómoda.

5
INDICE
INTRODUCCIÓN............................................................................................................ 8
II. PLANTEAMIENTO DEL PROBLEMA..........................................................................9
2.1 PROBLEMA PRINCIPAL...................................................................................................................9
2.2 PROBLEMAS SECUNDARIOS...........................................................................................................9
lll. ALCANCES Y DELIMITACIONES............................................................................. 11
3.1 DESTINATARIOS.................................................................................................................................11
IV. LOCALIZACION Y UBICACIÓN............................................................................ 11
V. OBJETIVOS.............................................................................................................. 12
5.1. OBJETIVO GENERAL..........................................................................................................................12
5.2. OBJETIVOS ESPECÍFICOS...................................................................................................................12
VII. MARCO TEÓRICO.................................................................................................. 13
7.1. SUSTENTO LEGAL..............................................................................................................................13
7.2. DESARROLLO DEL MARCO TEÓRICO.................................................................................................13
7.2.1. SISTEMA.........................................................................................................................................13
7.2.1.2. Características del sistema..........................................................................................................14
7.2.3. PLATAFORMA WEB..................................................................................................................14
7.2.3.1. Componentes Básicos de una Plataforma Web..........................................................................15
7.2.4. SITIO WEB................................................................................................................................15
7.2.5. PÁGINA WEB............................................................................................................................15
7.2.6. APLICACIÓN WEB.....................................................................................................................15
7.2.7. LENGUAJES DE PROGRAMACIÓN WEB.....................................................................................16
7.2.7.2. Ejemplos de lenguajes de programación....................................................................................16
7.2.7.2.4. Java..........................................................................................................................................16
7.2.7.2.5. PHP..........................................................................................................................................16
7.2.8.1. HTML...........................................................................................................................................16

6
 7.2.9. LENGUAJE DE DISEÑO....................................................................................................................17
7.2.9.1. CSS..............................................................................................................................................17
7.2.10. MANEJADORES DE BASE DE DATOS........................................................................................17
7.2.10.1. Sistemas Gestores de Bases de Datos Relacionales (SQL).........................................................17
7.2.10.1.1. MySQL....................................................................................................................................17
7.2.10.1.2. MariaDB.................................................................................................................................18
VIII. MARCO PROCEDIMENTAL.................................................................................. 18
8.1. PROPUESTA.......................................................................................................................................18
8.2. RESULTADOS ESPERADOS.................................................................................................................18
8.3. METODOLOGÍA............................................................................................................................19
8.4. MÉTODOS Y TÉCNICAS DE INVESTIGACIÓN......................................................................................19
8.4.1. PLANIFICACION DEL NEGOCIO.......................................................................................................19
8.4.2. TIPO DE INVESTIGACION................................................................................................................19
8.4.3. DISEÑO DE INVESTIGACIÓN...........................................................................................................19
8.4.4. TÉCNICAS E INSTRUMENTOS DE INVESTIGACIÓN..........................................................................19
8.4.4.1. TÉCNICAS....................................................................................................................................19
8.4.4.1.1 Técnicas de Diseño para una Tienda de Ropa en Línea.............................................................19
8.4.4.1.1.1 Diseño de Interfaz Amigable..................................................................................................19
8.4.4.1.1.2 Filtros de Búsqueda...............................................................................................................19
8.4.4.1.1.3 Proceso de Checkout Simplificado.........................................................................................19
8.4.4.2. INSTRUMENTOS..........................................................................................................................19
8.4.7. ANÁLISIS.........................................................................................................................................20
8.4.8. Diseño............................................................................................................................................20
8.4.9. Codificación...................................................................................................................................21
8.5. CRONOGRAMA DE ACTIVIDADES.................................................................................................22
8.6. IMPLEMENTACIÓN.......................................................................................................................22
8.6.1. CONSTRUIR EL PROGRAMA DE INSTALACIÓN..........................................................................22
8.7. RECURSOS....................................................................................................................................23
8.7.1. RECURSOS MATERIALES...........................................................................................................23
8.7.2. RECURSOS HUMANOS..............................................................................................................23
8.8. PRESUPUESTO..............................................................................................................................23
lX. CONCLUSION Y RECOMENDACION........................................................................24
9.1 Conclusión.........................................................................................................................................24
9.2 Recomendación.................................................................................................................................24
7
X. BIBLIOGRAFÍA......................................................................................................... 25
XI. BIBLIOGRAFÍA................................................................................................... 25
................................................................................................................................... 27

INTRODUCCIÓN

En la última década, comprar ropa en línea se ha convertido en una práctica común,

cambiando radicalmente cómo y dónde adquirimos nuestras prendas favoritas. Las tiendas
de ropa virtuales han emergido como una alternativa popular y conveniente a las tiendas
físicas, permitiéndonos comprar desde la comodidad de nuestro hogar, a cualquier hora del
día. Esta transformación ha modificado nuestros hábitos de compra y ha presentado nuevas
oportunidades tanto para los consumidores como para los minoristas.

Las tiendas de ropa virtuales utilizan tecnologías avanzadas para hacer que comprar en línea
sea fácil y agradable. Las páginas web están diseñadas para ser intuitivas y adaptarse a
cualquier dispositivo, desde computadoras hasta teléfonos móviles. Además, herramientas
como la realidad aumentada nos permiten "probar" la ropa virtualmente, y la inteligencia
artificial nos sugiere productos basados en nuestras preferencias y comportamientos de
compra, haciendo que la experiencia sea mucho más personalizada y satisfactoria.
Otra gran ventaja de las tiendas de ropa virtuales es la increíble variedad de productos
disponibles. Ya no estamos limitados a lo que hay en las tiendas locales; ahora podemos
acceder a marcas internacionales y a diseñadores independientes de todo el mundo con solo
un clic. Esta accesibilidad global nos ofrece una amplia gama de opciones para todos los
gustos, estilos y presupuestos, permitiendo una mayor diversidad en nuestras elecciones de
moda.
Sin embargo, no todo es perfecto en el mundo de las compras en línea. La competencia entre
tiendas es intensa, y cada una debe encontrar maneras de destacar, no solo con sus
productos, sino también ofreciendo una excelente experiencia al cliente. La logística es otro
desafío importante: manejar el inventario, los envíos y las devoluciones de manera eficiente
es crucial para el éxito. Además, garantizar la seguridad de las transacciones y proteger los
8
datos personales de los clientes son aspectos fundamentales que las tiendas virtuales deben
cuidar.

En resumen, las tiendas de ropa virtuales han cambiado significativamente nuestra forma de
comprar moda. Gracias a la tecnología, ahora tenemos acceso a una experiencia de compra
más accesible y personalizada. No obstante, para mantenerse competitivas, estas tiendas
deben superar desafíos logísticos y de seguridad, y seguir adaptándose a las cambiantes
demandas del mercado. La clave para el éxito a largo plazo en el dinámico mundo del
comercio electrónico de moda será la capacidad de innovar y ofrecer un servicio al cliente
excepcional.

II. PLANTEAMIENTO DEL PROBLEMA

En la era digital, las tiendas virtuales se han convertido en una pieza clave del
comercio global, ofreciendo a los consumidores la conveniencia de comprar
productos desde cualquier lugar y en cualquier momento. Sin embargo, esta
modalidad de comercio no está exenta de desafíos. A medida que más empresas y
consumidores se sumergen en esta modalidad, emergen una serie de problemas que
pueden afectar la eficacia y la rentabilidad de las tiendas en línea. Desde la
experiencia del usuario hasta la logística de envíos y la seguridad de las
transacciones, las tiendas virtuales deben navegar por un paisaje complejo y en
constante evolución para satisfacer las expectativas de los clientes y mantener su
competitividad

2.1 PROBLEMA PRINCIPAL

La experiencia del usuario juega un papel crítico en el éxito de una tienda de ropa
virtual. Se refiere a cómo se sienten y se comportan los usuarios mientras
interactúan con el sitio web o la aplicación de la tienda. Una experiencia del usuario
deficiente puede llevar a la pérdida de clientes, una menor tasa de conversión y una
disminución en la satisfacción general del cliente. Algunos aspectos comunes de una
experiencia del usuario deficiente en tiendas de ropa virtual incluyen:

9
Navegación Complicada: Los usuarios pueden tener dificultades para encontrar
productos específicos debido a una estructura de navegación poco clara o a menús
confusos.

Diseño Inadecuado: Una interfaz mal diseñada puede dificultar la búsqueda y

selección de productos, lo que frustra a los usuarios y los lleva a abandonar el sitio.

Carga Lenta del Sitio Web: Los tiempos de carga prolongados pueden resultar en una
experiencia frustrante para los usuarios, lo que los lleva a buscar alternativas más
rápidas y eficientes.

2.2 PROBLEMAS SECUNDARIOS

 Tallas y Ajustes Incorrectos
La falta de información precisa sobre tallas y ajustes puede resultar en
devoluciones frecuentes y clientes insatisfechos. Los problemas de tallas y
ajustes incorrectos pueden deberse a la variabilidad entre marcas, la falta de
guías de tallas detalladas y la incapacidad de los clientes para probarse la
ropa antes de comprarla.

 Atención al Cliente Insatisfactoria

La falta de un servicio al cliente receptivo y eficiente puede conducir a una
experiencia negativa para los clientes y a una pérdida de lealtad hacia la
marca.
 Seguridad en las Transacciones
La falta de medidas de seguridad adecuadas puede poner en riesgo la
información personal y financiera de los clientes, lo que resulta en una
disminución de la
confianza y la credibilidad de la tienda.

10
lll. ALCANCES Y DELIMITACIONES

Busca proporcionar la creación de una página web de una tienda en línea que nos
brinde una visión integral de los factores que están remodelando la industria de la
moda en línea.
Y que esta maneje un sistema que no sea complicado de usar, ni difícil de entender
para poder facilitar el uso de la misma y que todos los usuarios puedan tener una
experiencia satisfactoria al momento de realizar una compra en línea.

3.1 DESTINATARIOS
Esta página web está destinada a jóvenes de 16 a 20 años del área urbana de la
ciudad de La Paz.

11
IV. LOCALIZACION Y UBICACIÓN

El lugar de la tienda de ropa “MABOFI” se encuentra ubicado en la zona de alto

obrajes sector “A”
En la calle Lucio Velasco N.1200 y nuestro hosting que es de ENTEL.

V. OBJETIVOS

5.1. OBJETIVO GENERAL

Desarrollar un programa de comercio electrónico de ropa que optimice la
accesibilidad y brinde una experiencia de compra satisfactoria y optima,
aprovechando tecnologías avanzadas para transformar la industria de la moda y
expandir su alcance globalmente.

5.2. OBJETIVOS ESPECÍFICOS

12
1. Diseñar un programa de comercio electrónico de ropa que sea fácil de usar y de
funcionamiento óptimo para poder dar una experiencia satisfactoria y lograr captar
la atención del usuario para una próxima compra
2. Sintetizar la estructura de menús y categorías, reduciendo el número de clics
necesarios para que los usuarios encuentren un producto.
3. Simplificar el diseño visual del sitio eliminando elementos innecesarios y
distracciones, para que los usuarios puedan enfocarse en los productos y completar
sus compras de manera más rápida y fluida.

VII. MARCO TEÓRICO

7.1. SUSTENTO LEGAL

En Bolivia, el comercio electrónico está regulado por la Ley N° 164 de Protección al

Consumidor y la Ley N° 164 de Comercio Electrónico. Estas leyes son fundamentales
para garantizar los derechos de los consumidores, asegurando que tengan acceso a
información clara y veraz sobre los productos, así como protecciones en caso de
fraude. La Ley de Comercio Electrónico establece normas para la celebración de
contratos a distancia y promueve la transparencia en las transacciones digitales,
13
aspectos esenciales para fomentar la confianza de los usuarios en las tiendas en
línea.

7.2. DESARROLLO DEL MARCO TEÓRICO

Las tiendas de ropa virtuales han transformado la manera en que los consumidores
adquieren productos, permitiendo compras a cualquier hora y desde cualquier lugar.
Sin embargo, este modelo enfrenta varios desafíos que pueden impactar su
efectividad.

7.2.1. SISTEMA

El sistema de comercio electrónico incluye múltiples componentes que interactúan

para ofrecer una experiencia de compra fluida. Estos son:

 Fácil comprensión: Debe ser intuitiva y accesible, con una estructura de

navegación clara que facilite la búsqueda de productos.

 Interfaz de Usuario: Un diseño atractivo y funcional es crucial. Debe permitir

que los usuarios encuentren y seleccionen fácilmente las prendas deseadas,
minimizando la frustración.

 Atención al Cliente: Un servicio al cliente eficaz es vital para resolver

problemas y mejorar la satisfacción del usuario. Esto incluye atención a través
de un correo electrónico y llamadas.

Problemas Comunes en el Comercio Electrónico:

 Experiencia del Usuario: Una mala experiencia puede resultar en la pérdida

de clientes. Los problemas como la carga lenta de páginas, la falta de
información sobre productos y un diseño complicado afectan negativamente la
satisfacción.

 Competencia: La competencia en línea es intensa, lo que obliga a las tiendas

a diferenciarse no solo a través de productos, sino también mediante la
calidad del servicio.

Comportamiento del Consumidor en Moda Online

El comportamiento del consumidor en línea difiere del tradicional. Solomon (2020)

destaca que los compradores de moda valoran la personalización, la rapidez en el
servicio y la seguridad de las plataformas. Los usuarios también están influenciados
por reseñas, recomendaciones de productos y las experiencias visuales atractivas
que ofrecen los sitios web de ropa, factores que incrementan la intención de compra.

7.2.1.2. Características del sistema

Usabilidad
14
La usabilidad se refiere a qué tan fácil y eficiente es para los usuarios interactuar con
el sitio web. Un sitio de venta de ropa debe ofrecer una navegación intuitiva, menús
claros y un proceso de compra simplificado. Según Nielsen (2020), la usabilidad
aumenta la probabilidad de que los usuarios completen una compra y vuelvan en el
futuro.

Diseño Responsivo

Un diseño responsivo asegura que el sitio web se adapte correctamente a cualquier

dispositivo, ya sea computadora, tablet o smartphone. Con el creciente uso del
comercio móvil, es crucial que los usuarios puedan acceder y comprar ropa desde
cualquier dispositivo sin comprometer la experiencia de navegación.

Seguridad y Confianza

Un aspecto fundamental para las tiendas en línea es ofrecer seguridad en las

transacciones. El sitio debe contar con certificados SSL, protocolos de seguridad
robustos y métodos de pago confiables, lo que genera confianza en los usuarios al
ingresar información personal y financiera (Grewal et al., 2017).

Catálogo Visual y Descripción de Productos

Las tiendas de ropa en línea dependen en gran medida de imágenes de alta calidad
y descripciones detalladas de los productos. y las descripciones deben incluir
detalles como tallas, colores, etc.

Proceso de Compra Fácil (Checkout)

El proceso de compra debe ser rápido y sencillo. Una tienda online exitosa minimiza
el número de pasos para completar una compra, ofrece múltiples opciones de pago y
permite a los usuarios realizar compras sin necesidad de registrarse (con opción de
compra como invitado). También es importante ofrecer métodos de envío flexibles y
transparentes.

7.2.3. PLATAFORMA WEB

Las plataformas digitales o plataformas virtuales, son espacios en Internet que

permiten la ejecución de diversas aplicaciones o programas en un mismo lugar para
satisfacer distintas necesidades.

Cada una cuenta con funciones diferentes que ayudan a los usuarios a resolver
distintos tipos de problemas de manera automatizada, usando menos recursos.
(Giraldo, 2019)

La plataforma web no es un sitio web, ni una red social, ya que, al estar diseñada
según las necesidades de cada creador, puede contener herramientas y tecnologías
útiles para cierta comunidad de personas.

7.2.3.1. Componentes Básicos de una Plataforma Web

•El lenguaje de programación que maneja las aplicaciones de software que corren en
el sitio web.
15
•El gestor de bases de datos que se encarga de almacenar de manera sistemática
los registros de datos relacionados para ser usados posteriormente.

•El servidor web, ya que este es el software que maneja las demandas de servidores
remotos a través de la internet.

•El sistema operativo, bajo el cual funciona el equipo donde se hospedan las páginas
web y que representan la base misma del funcionamiento del computador. (Graciela
Márquez, 2022)

7.2.4. SITIO WEB

Un sitio web es un conjunto de páginas web que están conectadas entre sí y se

encuentran alojadas en un servidor web. Este espacio virtual es accesible para
cualquier persona con conexión a internet, que lo visite por medio de un navegador
web. Se compone de diferentes tipos de contenido, como texto, imágenes, videos y
elementos interactivos. (Coppola, 2023)

Los sitios web son empleados por las instituciones públicas y privadas,
organizaciones e individuos para comunicarse con el mundo entero. En el caso
particular de las empresas, el mensaje que transmite tiene que ver con la oferta de
sus bienes y servicios a través de Internet, y en general para tratar de ser eficientes
en sus funciones de mercadotecnia. El único requisito es que el equipo en el que se
almacenen los documentos esté conectado a la red mundial de Internet. (Universidad
de Panamá, s.f.)

7.2.5. PÁGINA WEB

Una página de Internet o página Web es un documento electrónico adaptado

particularmente para el Web, que contiene información específica de un tema en
particular y que es almacenado en algún sistema de cómputo que se encuentre
conectado a la red mundial de información denominada Internet, de tal forma que
este documento pueda ser consultado por cualquier persona que se conecte a esta
red mundial de comunicaciones y que cuente con los permisos apropiados para
hacerlo.

Una página Web tiene la característica peculiar de que el texto se combina con
imágenes para hacer que el documento sea dinámico y permita que se puedan
ejecutar diferentes acciones, una tras otra, a través de la selección de texto
remarcado o de las imágenes, acción puede conducir al usuario a otra sección dentro
del documento, abrir otra página Web, iniciar un mensaje de correo electrónico o
transportarlo a otro Sitio Web totalmente distinto, a través de sus hipervínculos.
(Informática Milenium, 2019)

7.2.6. APLICACIÓN WEB

Las aplicaciones web son programas informáticos construidos con tecnologías web,
como HTML, CSS, JavaScript y PHP, entre otras. Estas permiten a los usuarios
interactuar con la aplicación a través de un navegador web a la vez que facilitan a
los desarrolladores el poder crear y administrar contenido en línea. Las aplicaciones
web permiten a los usuarios compartir información, colaborar en proyectos y realizar
tareas desde cualquier lugar con una conexión a Internet.
16
7.2.7. LENGUAJES DE PROGRAMACIÓN WEB

Son un conjunto de elementos, códigos y reglas que permiten crear una serie de
instrucciones para comunicar a los sistemas informáticos las acciones a realizar.
(KeepCoding, 2022)

La Editorial Etecé, (2021) menciona que el nombre de “Lenguaje de programación”

se debe a que comprende un lenguaje formal que está diseñado para
organizar algoritmos y procesos lógicos que serán luego llevados a cabo por un
ordenador o sistema informático, permitiendo controlar así su comportamiento físico,
lógico y su comunicación con el usuario humano.

Su uso permite el trabajo conjunto y coordinado, a través de una serie de

instrucciones, dada por diversos programadores o arquitectos de software, que
tratan de imitar lo más posible el lenguaje humano o natural.

7.2.7.2. Ejemplos de lenguajes de programación

Algunos de los lenguajes de programación más conocidos son:

7.2.7.2.4. Java

Java es un lenguaje de programación ampliamente utilizado para codificar

aplicaciones web. Ha sido una opción popular entre los desarrolladores durante más
de dos décadas, con millones de aplicaciones Java en uso en la actualidad. Java es un
lenguaje multiplataforma, orientado a objetos y centrado en la red que se puede
utilizar como una plataforma en sí mismo. Es un lenguaje de programación rápido,
seguro y confiable para codificarlo todo, desde aplicaciones móviles y software
empresarial hasta aplicaciones de macro datos y tecnologías del servidor.

7.2.7.2.5. PHP

PHP (Hypertext Preprocessor) originado inicialmente del nombre PHP Tools, o

Personal Home Page Tools, es un lenguaje de programación interpretado libre,
orientado a la programación de páginas web dinámicas, y se destaca por su
capacidad de mezclarse con el código HTML.

El uso más común del lenguaje PHP, es el de formar parte de una página web con el
propósito de agregarle características dinámicas. Su interpretación y ejecución se da
en el servidor en el cual se encuentra almacenada la página y el cliente solo recibe el
resultado de la ejecución, el HTML que es generado por la aplicación. Cuando el
cliente hace una petición al servidor para que le envíe una página web que contiene
código PHP, el servidor interpretará las instrucciones mezcladas en el cuerpo de la
página y las sustituirá con el resultado de la ejecución para enviar el resultado a la
computadora del cliente.(PHP Group, s.f.)

7.2.8.1. HTML

(HyperText Markup Language, en español lenguaje de marcas de hipertexto)

básicamente son un conjunto de etiquetas que el navegador interpreta y se emplean
para definir el texto y otros elementos que compondrán una página web, como
imágenes, listas, tablas, vídeos, etc.
17
El lenguaje HTML sirve para describir la estructura básica de una página y organizar
la forma en que se mostrará su contenido, además de que HTML permite incluir
enlaces hacia otras páginas o documentos.

Hay que mencionar que el HTML no es un lenguaje de programación, ya que no

cuenta con funciones aritméticas, variables o estructuras de control propias de estos
lenguajes, por lo que el HTML únicamente sirve para crear páginas web estáticas.
(MDN Web Docs, 2023)

7.2.9. LENGUAJE DE DISEÑO

7.2.9.1. CSS

CSS (cascading style sheets, en español hoja de estilo en cascada) es un lenguaje

usado para definir y crear la presentación de un documento estructurado escrito en
HTML o XHTML.

Con CSS se separa el contenido y la presentación de la página web. Separar los

contenidos y su aspecto presenta numerosas ventajas, ya que obliga a crear
documentos HTML o XHTML bien definidos. Además, mejora la accesibilidad del
documento, reduce la complejidad de su mantenimiento y permite visualizar el
mismo documento en infinidad de dispositivos diferentes.(Gustavo B, 2023)

7.2.10. MANEJADORES DE BASE DE DATOS

Un sistema manejador de bases de datos (SGBD, por sus siglas en inglés) o

DataBase Management System (DBMS) es una colección de software muy específico,
orientado al manejo de base de datos, cuya función es servir de interfaz entre la
base de datos, el usuario y las distintas aplicaciones utilizadas.

El objetivo de los sistemas manejadores de base de datos es precisamente el de

manejar un conjunto de datos para convertirlos en información relevante para la
organización, ya sea a nivel operativo o estratégico. (PowerData, 2015

7.2.10.1. Sistemas Gestores de Bases de Datos Relacionales (SQL)

SQL (Structured Query Language, en español lenguaje de consulta estructurada) es

un lenguaje de programación estándar que sirve para interactuar con las bases de
datos relacionales, además permite efectuar consultas de forma sencillas para
recuperar información de la base de datos, así como hacer cambios en ellas.

7.2.10.1.1. MySQL

Es un sistema de gestión de base de datos relacional desarrollado por Oracle

Corporación y está considerado como la base de datos open source (código abierto)
más popular para entornos del desarrollo web.

MySQL utiliza múltiples tablas para almacenar y organizar la información, fue escrito
en C y C++ y se destaca por su gran adaptación a diferentes entornos de desarrollo
permitiendo su interacción con los lenguajes de programación más populares tales

18
como PHP, Perl, Java y la interacción con distintos sistemas operativos.

Las principales ventajas de este Sistema Gestor de Bases de datos son:

• Facilidad de uso y gran rendimiento.

• Facilidad para instalar y configurar.

• Soporte multiplataforma.

• Soporte SSL.

La principal desventaja es la escalabilidad, es decir, no trabaja de manera eficiente

con bases de datos muy grandes que superan un determinado tamaño.

7.2.10.1.2. MariaDB

MariaDB es un sistema de gestión de bases de datos relacional de código abierto que

se ha convertido en una alternativa popular a MySQL. Fue creado en 2009 por
Michael Widenius, el fundador de MySQL, después de que ésta fuera adquirida por
Oracle.

MariaDB ofrece todas las mismas características que MySQL, pero también incluye
mejoras y nuevas capacidades, lo que lo convierte en una opción atractiva para la
gestión de bases de datos.

Entre las principales características de este Sistema Gestor de Bases de datos se

encuentran:

• Aumento de motores de almacenamiento.

• Gran escalabilidad.

• Seguridad y rapidez en transacciones.

• Extensiones y nuevas características relacionadas con su aplicación para

Bases de datos NoSQL.

No tiene desventajas muy aparentes salvo algunas pequeñas incompatibilidades en

la migración de MariaDB y MySQL o pequeños atrasos en la liberación de versiones
estables.

VIII. MARCO PROCEDIMENTAL

8.1. PROPUESTA

La creación y diseño del sitio web mediante la selección de una plataforma adecuada
y la implementación de un diseño que facilite la navegación; la gestión mediante un
sistema que permita un seguimiento eficiente de los productos disponibles; y el
proceso de compra, que debe ser simple y ágil, un checkout en un simple paso de
llenado de datos reducido. Además, se deben garantizar una experiencia
19
satisfactoria al cliente para asegurar una futura compra.

8.2. RESULTADOS ESPERADOS

Al finalizar el proyecto se espera que el Sistema Web, a través de la venta de ropa

en línea, permita mejorar la experiencia del usuario en la tienda en línea “MABOFI”,
esperando que la misma ayude a los usuarios a realizar compras de forma sencilla y
detalle de los pagos y checkout.

8.3. METODOLOGÍA
8.4. MÉTODOS Y TÉCNICAS DE INVESTIGACIÓN
8.4.1. PLANIFICACION DEL NEGOCIO

La planificación de negocio para una tienda de ropa en línea comienza con un

resumen ejecutivo que presenta una visión del negocio. Se establece una propuesta
que resalta la singularidad de la tienda y los beneficios para el cliente

8.4.2. TIPO DE INVESTIGACION

8.4.3. DISEÑO DE INVESTIGACIÓN

Para el desarrollo del presente proyecto se emplea un diseño de investigación

aplicada, ya que con los conocimientos adquiridos en las materias de redes y
programación del AMERINST, se pretende aplicar todo lo aprendido para dar solución
al desarrollo del software planteado.

8.4.4. TÉCNICAS E INSTRUMENTOS DE INVESTIGACIÓN

8.4.4.1. TÉCNICAS.

La investigación de mercado a través del análisis de sitios web de competidores es

una técnica efectiva para una tienda de ropa en línea. Esta técnica sigue un proceso
sistemático para obtener información valiosa sobre la competencia y el mercado
objetivo.

8.4.4.1.1 Técnicas de Diseño para una Tienda de Ropa en Línea

8.4.4.1.1.1 Diseño de Interfaz Amigable

 Navegación Intuitiva: Organizar el sitio web con categorías claras y un

menú de navegación fácil de usar es fundamental para que los clientes
encuentren rápidamente lo que buscan.

8.4.4.1.1.2 Filtros de Búsqueda

 Implementar filtros es una técnica que permite a los usuarios refinar su

búsqueda y encontrar productos que se ajusten a sus preferencias. Esto
mejora la experiencia de usuario.

20
8.4.4.1.1.3 Proceso de Checkout Simplificado

 Checkout en un Solo Paso: Reducir el número de pasos en el proceso de

compra es una técnica eficaz para disminuir la tasa de abandono. Permitir que
los usuarios completen la compra en una sola página facilita la conversión.

8.4.4.2. INSTRUMENTOS.

Según Arias (2006), los instrumentos de investigación "son los medios materiales
que se emplean para recoger y almacenar la información." Los Instrumentos que se
usaron son:

Confirmación de compra: La confirmación de compra en una tienda de ropa en línea

ofrece tranquilidad al cliente, ya que garantiza que su pedido ha sido recibido y
procesado, además de proporcionar detalles importantes como el número de pedido,
información de envío y contacto del servicio al cliente. Esto no solo mejora su
experiencia de compra, sino que también reduce la incertidumbre y el número de
consultas al comercio. Para el comerciante, la confirmación de compra ayuda a
disminuir las consultas al servicio al cliente, ya que los compradores tienen acceso a
la información necesaria sobre su pedido. Además, mejora la experiencia general del
cliente, fomenta la lealtad para futuras compras.

El instrumento permitió a la investigación recolectar información sobre la necesidad

de facilitar esta información en la tienda de ropa “MABOFI”, un sistema web que
posibilite dar un mejor servicio a los compradores,

8.4.7. ANÁLISIS

El análisis del sistema se hizo a partir del siguiente esquema:

ESQUEMA DE FLUJO

21
8.4.8. Diseño

Para poder tener un sistema web más amigable se realizó la creación de siguientes
ventanas, las cuales permitirán que el usuario interactúe de forma más fluida y
segura.

IMAGEN DE LA PANTALLA DE INICIO

22
8.4.9. Codificación
Para la implementación del sistema web, en el frontend, se utilizó el lenguaje de
marcas HTML5 y la hoja de estilos CSS.

IMAGEN DEL CODIGO

8.5. CRONOGRAMA DE ACTIVIDADES

Octubre Noviembr

Septiembre e

23
 Cronograma de 1 2 3 4 1 2 3 4 1 2

actividades

Actividad 1 Página principal

Actividad 2 Desarrollo de las

paginas

Actividad 3 Desarrollo de la base de

datos

Actividad 4 Conexión de la base de

datos

Actividad 5 Hacer el informe

Actividad 6 Defensa

8.6. IMPLEMENTACIÓN
8.6.1. CONSTRUIR EL PROGRAMA DE INSTALACIÓN
El sistema fue construido mediante el uso de los siguientes programas:

•HTML: Empleado para la creación de las páginas web del sistema. Creación a partir
de un menú desplegable (header), contenido usando etiquetas de <main> y
<article> (body) y pie de página que contiene datos esenciales del consultorio
dental (footer).
•CSS: Uso exclusivo para el diseño, color, tamaños y distribución de los elementos
del sitio web a base de contenedores con especificaciones de cada elemento a
diseñar.
•PHP: Utilizado para la obtención de datos del usuario mediante la página web.
También es interfaz entre la página web y la base de datos.
•MySQL: Programa que dedica su función a recopilar, organizar, añadir, eliminar y
reconocer cada uno de los datos requeridos que el usuario a ingresado. Las
entidades reconocidas del sistema se encuentran en forma de tablas. [

8.7. RECURSOS

24
8.7.1. RECURSOS MATERIALES
• Computadora, laptops
• Herramientas para programación (Visual Studio Code, PHPmyAdmin)
• Material de escritorio.

• Internet Wifi y datos móviles

• Flash
• Documentos y material de apoyo del área
• Otros.

8.7.2. RECURSOS HUMANOS

Existe la disponibilidad de que este trabajo se realice de forma coordinada entre los
docentes del área, la tutora a cargo, los investigadores y las familias.

8.8. PRESUPUESTO

Gastos del proyecto técnico Valores (Bs.)

Servicio de Internet 200Bs.
Material de escritorio 100Bs.
TOTAL 300Bs.

lX. CONCLUSION Y RECOMENDACION

9.1 Conclusión

En conclusión, el desarrollo de una página de venta de ropa en línea es una

herramienta clave para competir en el mercado actual, donde la digitalización del
comercio es cada vez más relevante. A lo largo del informe se destacó la importancia
de una interfaz amigable, un proceso de compra simplificado, y la integración de
métodos de pago para mejorar la experiencia del cliente. También se subrayó el
papel crucial de la optimización. Al implementar estos elementos, la tienda no solo
aumenta su visibilidad y alcance, sino que también mejora la satisfacción y lealtad

25
del cliente, contribuyendo a un crecimiento sostenible del negocio en el competitivo
entorno del comercio electrónico.

9.2 Recomendación

Se recomienda que la tienda de ropa en línea continúe invirtiendo en la optimización

de la experiencia del usuario, asegurando que la navegación sea intuitiva y rápida en
computadoras de escritorio. Además, es fundamental implementar un sistema de
análisis de datos para monitorear el comportamiento de los clientes, lo que permitirá
personalizar ofertas y mejorar la toma de decisiones estratégicas. También se
sugiere diversificar las estrategias para aumentar la visibilidad de la marca y atraer
nuevos clientes de manera efectiva.

X. BIBLIOGRAFÍA

XI. BIBLIOGRAFÍA

Hernández, R. & Mendoza, S. (2018). Metodología de la investigación. Las rutas cuantitativa,

cualitativa y mixta. Ciudad de México, México: Editorial Mc Graw Hill Education.

11.2. Webgrafía

26
"Sistema". Autor: Equipo editorial, Etecé. De: Argentina. Para: Concepto.de. Disponible en:
https://concepto.de/sistema/ . Última edición: 22 de octubre de 2021. Consultado: 19 de
septiembre de 2023 "Sistema". En: Significados.com. Disponible en:
https://www.significados.com/sistema/

Consultado: 19 de septiembre de 2023, 11:16 am.

Add App To. (Agosto de 2017). Obtenido de Add App

To: https://www.addappto.com/que-es-un-sistema-web/

Coppola, M. (18 de Enero de 2023). HubSpot. Obtenido de

HubSpot: https://blog.hubspot.es/website/que-es-sitio-web

Duarte, M. (2015). Significado de Sistema de información—Qué es, Concepto y definición.

https://www.significados.com/sistema-de-informacion/
Equipo editorial, Etecé. (22 de Octubre de 2021). Concepto.de. Obtenido de Concepto.de:
https://concepto.de/sistema/

Equipo editorial, Etecé. (05 de Agosto de 2021). Concepto.de "Página web".

Obtenido de Concepto.de "Página web": https://concepto.de/pagina-web/

"Lenguaje de programación". Autor: Equipo editorial, Etecé. De: Argentina. Para:

Concepto.de. Disponible en: https://concepto.de/lenguaje-de- programacion/. Última edición:
5 de agosto de 2021

Gustavo B. (11 de Enero de 2023). Hostinger. Obtenido de Hostinger:

www.hostinger.es/tutoriales/que-es-css

Informática Milenium. (18 de Abril de 2019). Milenium. Obtenido de Milenium:

https://www.informaticamilenium.com.mx/es/temas/que-es-una-pagina- web.html

Jose López. (26 de Agosto de 2021). Atura.mx. Obtenido de Atura.mx:

https://www.atura.mx/blog/sistemas-web-y-sus-ventajas

KeepCoding. (20 de Diciembre de 2022). KeepCoding. Obtenido de KeepCoding:

https://keepcoding.io/blog/lenguajes-desarrollo-_web/

Marquez, M. (2014). Definición de Sistema. http://www.dinamica-

desistemas.com/libros/sistemas_concepto.htm
MDN Web Docs. (18 de Julio de 2023). MDN Web Docs. Obtenido de MDN Web Docs:
https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/ HTML_basics

PHP Group. (s.f.). PHP. Obtenido de PHP: https://www.php.net/manual/es/intro- whatis.php

PowerData. (17 de Agosto de 2015). PowerData. Obtenido de PowerData:

https://blog.powerdata.es/el-valor-de-la-gestion-de-datos/bid/406549/qu- es-el-sistema-
manejador-de-bases-de- datos#:~:text=Un%20sistema%20manejador%20de%20bases
%20de%20d atos%20(SGBD%2C%20por%20sus,y%20las%20distintas%20aplicacione s
%20utilizadas

Significados.com. (3 de Octubre de 2023). Obtenido de Significados.com:

https://www.significados.com/sistema/

Universidad de Panamá. (s.f.). Universidad de Panamá - Curso: Diseño y Desarrollo Web.

Obtenido de Universidad de Panamá - Curso: Diseño y Desarrollo Web:
https://upanama.educativa.org/archivos/repositorio/6000/6126/html/3_qu_e s_.htm

27
https://repositorio.upn.edu.pe/bitstream/handle/11537/26451/Tesis%20Bravo- Sanchez
%20Final.pdf?sequence=2&isAllowed=y

28