Documentos de Académico
Documentos de Profesional
Documentos de Cultura
TRABAJO DE TITULACIÓN
AUTORES:
DECLARACIÓN
____________________________________
CI.0940358963
2
3
DECLARACIÓN
____________________________________
CI.0940358963
4
CERTIFICACIÓN
Certifico que el presente trabajo fue desarrollado por María Belén Martínez
García y Jonathan Moreira García, bajo mi dirección.
__________________________
5
¡
AGRADECIMIENTO
Al finalizar este trabajo quiero agradecer profundamente a Dios por todas sus
bendiciones,
6
DEDICATORIA
y motivándome
7
ÍNDICE
DECLARACIÓN 2
DECLARACIÓN 3
CERTIFICACIÓN 4
AGRADECIMIENTO 5
DEDICATORIA 6
RESUMEN 9
1.- EL PROBLEMA DE LA INVESTIGACIÓN 10
1.1. ANTECEDENTES DEL PROBLEMA 12
1.2. PLANTEAMIENTO DEL PROBLEMA (FORMULACIÓN DEL PROBLEMA) 17
1.2.1 Sistematización de la problemática 18
1.3. OBJETIVOS 19
1.3.1. General 19
1.3.2. Específicos 19
1.4. JUSTIFICACIÓN 19
1.5. ALCANCE Y LIMITACIONES 21
2. MARCO TEÓRICO 22
2.1. FUNDAMENTACIÓN TEÓRICA DEL TEMA DEL PROYECTO 22
2. 2. FUNDAMENTACIÓN TEÓRICA DE LAS HERRAMIENTAS DE DESARROLLO 25
3. METODOLOGÍA DE LA INVESTIGACIÓN 27
3.1. METODOLOGÍA DE LA INVESTIGACIÓN 27
3.1.2 Tipo de investigación 27
3.1.2.1 MÉTODO CIENTÍFICO 28
3.1.2.3 POBLACIÓN Y MUESTRA 28
3.2 TÉCNICAS DE SELECCIÓN DE MUESTRA 29
3.3 APLICACIÓN DE LA METODOLOGÍA DE DESARROLLO 29
3.3.1 FASE DE DESARROLLO DE LA METODOLOGÍA XP 30
3.3.1.1 PROBLEMÁTICA 30
3.3.1.1.2 PLANIFICACIÓN DEL PROYECTO 31
3.3.1.1.3 REQUERIMIENTO DE SOFTWARE 32
3.3.1.1.4 REQUERIMIENTO DE HARDWARE 33
3.3.1.1.5 COMPUTADOR PARA EL CLIENTE 33
4. CASOS DE USOS 34
4.1. USUARIOS DEL SISTEMA 35
4.1.1 CLIENTE USUARIO DEL SERVICIO 35
4.1.2 ENCARGADO DE VENTAS 35
4.1.3 ADMINISTRADOR DEL SITIO WEB 35
4.2 HISTORIAS DE USUARIO 36
4.3 TARJETAS DE HISTORIA DE USUARIO 37
4.4 DIAGRAMAS DE ACTIVIDADES DE PROYECTO 41
5. FASES DEL DISEÑO 42
5.1. FASE EXPLORACIÓN 42
5.2 SPIKE ARQUITECTÓNICO 47
5.3 ENTORNO LOCAL 47
5.4 ENTRONO EN LÍNEA O PRODUCCIÓN 48
8
5.5 PLANIFICACIÓN INTERACCIONES 48
5.6 DIAGRAMA DE ALMACENAMIENTO DE DATOS DEL SISTEMA 49
5.7 DIAGRAMA ARQUITECTÓNICO WEB 50
5.8 DISEÑO Y CONSTRUCCIÓN DE SOLUCIÓN 50
5.9 PRUEBAS DE LA SOLUCIÓN 53
CONCLUSIONES 54
RECOMENDACIONES 55
MANUAL DEL USUARIO 56
MANUAL TÉCNICO 73
REFERENCIAS 83
9
RESUMEN
Los canales digitales han cambiado el estilo de comprar en las personas, cada
vez confluyen menos los clientes a las tiendas físicas. Los portales Web de las empresas
que tengan acceso de manera más fácil a las promociones que publican en sus tiendas
físicas. Este escenario, está moviendo a las empresas a buscar mecanismos, eficaces y
tienda física, en la cual se han reducido sus ventas, durante y después de la Pandemia
por COVID-19.
comercializar sus productos sin hacer uso de su tienda física, iniciándose en el mercado
digital
Desde ese momento, ha mirado con gran importancia el gran potencial que
tienen la Web, para la generación de las ventas. En este contexto, el estudio analiza
El sitio Web es utilizado en las empresas como una estrategia moderna para
obtener ventas en ingresos mediante, un espacio virtual que presenta a la tienda a través
del uso de internet. Esta presencia Online, permite promocionar los productos que
ofrece la organización a los clientes. Los crecientes avances tecnológicos, han hecho
que las empresas puedan comercializar sus productos; a través, de plataformas virtuales
y el comercio. La aparición de la Web y las redes sociales; impuso una dinámica donde
producto, promocionarlo en línea y realizar envíos masivos por medio del correo
promociones que ofertan las empresas; además, las empresas tienen a disposición un
canal para la distribución de sus artículos, que les permite mantener o aumentar sus
ventas. Por lo tanto, el sitio web se aplica mayormente a las ventas comerciales, y es
muy usado para la venta de productos de belleza. Al respecto Leigh (2015) afirmó que
cada vez habrá más espacios digitales con mayor impacto para los negocios.
A nivel mundial el 73% de las empresas buscan invertir en diseño de sitios Web
para posicionar su marca. La ventaja que proporcionan los sitios Web, ha llevado a las
empresas a estudiar sobre el diseño de sus páginas; encontrando que el 94% de los
11
prospectos de clientes los impresiona el diseño sitio Web y el 75% sienten credibilidad
de la empresa por el diseño de la Web. Además, las estadísticas; también indican que el
90% de los consumidores, prefieren visitar los sitios Web (Cliento.mx, 2020).
Actualmente, las personas se informan sobre los productos que buscan adquirir,
mediante Google y para estar registrado se requiere tener el dominio de un sitio Web de
puede conocer los productos y promociones que oferta la empresa (Gómez, 2017). Sin
disponen de un sitio Web, el 41% de los empresarios creen no necesitarla, el 79% de las
empresas que tienen un sitio Web han crecido en un 25% y el 80% de los consumidores
mundiales; y el 94% de sus ingresos provienes de los sitios Web (CEPAL, 2019).
sitios Web por las empresas, que indica un incremento en las ventas Online del 43.75%
más que el año anterior. Esto evidencia, un incremento potencial, por parte de las
empresas ecuatorianas para su uso, comercial (Otero, 2021). Por lo tanto, para las
que debe enfrentar y buscar nuevas formas de como posicionarse y promocionar sus
12
competitiva a la empresa.
desarrollo de un software como mejor alternativa para crear en la Web una tienda
la ciudad de Quito desde el 2022 y en las redes sociales, a partir del 2019. Se dedica a
venta de materiales acrílicos, venta de maquillaje y venta de spas; a través, del comercio
35% cuando empezó a ofertar sus productos por Internet, hoy día requiere de un portal
Entre los requerimientos Maryo’s nails, están: una página Web que contenga la
empresa, los links de la página y del GOS del local, un tour de 360 0 del local y donde el
cliente pueda escoger si recoge el producto por tienda o se le es enviado por delivery la
Internacionales
información se utilizó una encuesta digital en 385 sujetos que oscilaban entre las edades
13
encontrados fueron que el 100% de los encuestados usan los canales de internet para
realizar compras, el 85% expresaron que prefieren hacer uso de las tiendas físicas, 65%
objetivo principal fue “Diseñar e implementar un sitio Web para la visualización del
información se empleó la encuesta. Como producto del estudio se pudo determinar que
el sitio Web resultó ser una estrategia eficaz para la promoción de la butifarra soledeña
y le otorgó valor al producto, dado que no tenía presencia en otros países. Loes
sitio Web se pudo evidenciar que existe la necesidad de que la Web tenga una
aplicación móvil para los smartphones que les facilite a los usuarios su acceso como un
14
muestra de 150, a quienes se les aplicó la encuesta Online; obteniéndose como
la promoción de los productos a través de la página Web, acrecienta las ventas de sus
mercados.
corroborada por el valor p= < 0.000 y el estadístico Pearson 0.732. Se concluyó que
existe una asociación altamente positiva por lo que las estrategias de marketing digital
instrumento empleado para la recolección de los datos fue la encuesta virtual. Los
resultados permitieron conocer que el 57% de los encuestados realizan sus compras en
40.8% prefieren realizarlas en tiendas físicas, el 30.4% en sitios Web y 29.3% se guían
15
para la selección de la tienda su diseño publicitario de la Web. Se concluye que las
compras digitales en los sitios Web se constituye en una estrategia efectiva para
Nacionales
un sitio Web haciendo uso de la estrategia SEO para impulsar las ventas Online de la
marca MAO. El estudio fue cuantitativo con un diseño de campo descriptivo., donde se
como resultados que el 26,5% de los clientes realizan compras Online semanalmente, el
68.88% expresaron que el detalle más importante para realizar sus compras es el diseño
y el contenido de la página Web que muestra la empresa 87.9% emplean sus teléfonos
aumenta el porcentaje de ventas en las empresas siendo efectiva la estrategia SEO ara
información. Los resultados indicaron que el 100% de los sujetos encuestados tienen
16
supermercado en el sitio Online los clientes opinaron en un 53.18% que es buena y el
20.60% que muy buena. Se concluyó que existen elementos sobre la presencia Online
Dios en línea, las cuales apuntan a la mejora del diseño del diseño del sitio Web para
lograr incrementar las ventas de sus productos ya que sus clientes tienen un elevado
Villalva (2022) presentó como objetivo general “Determinar los factores que
inciden en las estrategias de medios de Ferre Constructor del Babahoyo”. Empleó para
activos de la empresa Ferre Constructor. Los resultados permitieron establecer que los
canales de comunicación digital que utiliza la empresa como Facebook, su sitio Web y
como producto del diagnóstico se pudo determinar que el diseño de su sitio Web no es
viable para la captación de lis clientes, lo cual es evidenciado por la opinión de los
clientes cuando manifestaron que su acceso se hace dificultoso. Se concluyó que aplicar
estrategias que ayuden a redimensionar el sitio Web de la empresa para que sea más
accesible a los clientes, el cual debe ser lo suficiente visible, atractivo y práctico para
17
existencia de un nivel de satisfacción con relación a la funcionalidad del PWA en los
sobre las notificaciones de las nuevas promociones de productos porque resultan ser
poco visibles, el 48% de sus usuarios expresaron estar poco satisfechos de la tramitación
en los medios de pago y el 76% señalaron que la imagen en y descripción del producto
empresas encuestas ofertan sus productos en las redes sociales, el 29.6% de ellas le
emplean la publicidad de las redes sociales porque es más barata, el 70.4% señalaron
que el medio de comunicación que más emplean es Instagram, el 55.6% indicaron que
la mayoría de sus ventas fueron por Instagram, el 59.3% emplearon la publicidad paga
las ventas Online. Se concluyó que la evolución del comercio a través de las redes
18
1.2. Planteamiento del problema (formulación del problema)
en el mundo del comercio electrónico, lo que lleva a las tiendas a modificar sus
esquemas de promoción y ventas para poder adaptarse a los nuevos estilos y forma de
comportamiento del mercado. Ante este nuevo escenario, la empresa Maryonails tiene
desarrollo tecnológico, por lo movida por la situación antes expuesta se plantean las
siguientes interrogantes:
productos Maryonails?
marca Maryonails?
nails, la empresa tiene entre sus necesidades: la publicidad de todos sus artículos y
servicios, un carrito de compra, un facturero, una base de datos donde el diseño presente
el inicio, el contacto, la misión y visión de la empresa, los links de la página y del GOS
sitio web, para la comercialización de su marca, dado, que el creciente comercio Online,
1.3. Objetivos
1.3.1. General
productos Maryonails
1.3.2. Específicos
productos Maryonails.
1.4. Justificación
Legal
jurídica al comercio de los productos de una empresa y estas serán reguladas a través de
los organismos COMEXI y CONATEL, siempre y cuando respeten los derechos de los
comerciantes son objeto de derecho establecidas en el código Penal (Ley No. 67, 2002).
20
Se justifica, igualmente por el hecho regulado por Ministerio de Producción y
Comunicación (TIC) han hecho posible nuevas formas de comercializar los productos a
economía a través del uso y empleo de las TIC y como resultado ha obtenido que el
40% de sus empresas operan por medio del comercio electrónico impulsando a sus
usuarios a compra por sus plataformas digitales, proyectando para el 2023 que el
Social
El estudio se justifica desde lo social porque a través de las páginas web, acceder
al comercio a nivel mundial. Además, la dinámica social cada vez se ha hecho más
las características y precios de distintos artículos; los sitios Web, en poco tiempo le
permite conocer distintas productos y precios para que el cliente tenga de elegir, el que
proyectar su marca a nivel local, nacional y mundial; además, los comentarios que
aportan los clientes sobre sus productos y su estrategia de venta, resultan positivo como
su mejora,
21
Técnica
actividad comercial de las empresas, influye en la economía de las empresas y del país;
Académica
referentes válidos que servirán de antecedentes para futuras investigaciones sobre los
de comercialización Online.
promoción de los productos Maryonails, mediante una tienda virtual en un sitio Web
ventas y reducción de gastos en publicidad. Esto deriva una mayor visibilidad Online
más rentabilidad.
22
2. Marco teórico
Marketing digital
empresa conectada mediante herramientas con sus segmentos de mercado y clientes; por
lo tanto, a través de los medios digitales disponibles entabla una comunicación fluida
libre disposición.
23
empresas, estrategias para el posicionamiento de sus productos (Pérez,
2001).
24
cuál mercado pueden penetrar y a qué nivel de clientes pueden captar con
Núñez y Miranda (2020) señala que el marketing digital generó el inicio de las
páginas web como canal de promoción para productos y servicios. Además, los avances
25
de los sitios Web que sea una herramienta indispensable para el posicionamiento y la
presencia de las empresas en los consumidores y cada vez les brinda de preventa, venta
y postventa.
producto, precio, promoción y plaza por las 4F: flujo, funcionabilidad, feedback y
que genera una actividad sostenida en el consumidor para que no desista de la idea,
El sitio Web
en internet y posee un nombre legal de dominio. Por lo tanto, los diferentes sitios Web,
están ubicadas en una amplia red de información conocida como Word Wide Web
(WWW). Además, poseen un código o HTM, que las identifica. para acceder a ellas, se
El diseño y desarrollo del sitio Web, busca obtener un código que sea; útil y
eficaz para lograr resultados positivos. Las buenas tareas prácticas disponen de
lineamientos que sirven para la forma de cómo los procesos se llevan a cabo para que
26
sea beneficioso a los usuarios a los que se han destinado y para que ellos entiendan
puedan cómo utilizar los sitios web. De modo que se puede establecer que las buenas
tareas y el diseño para la creación de un sitio Web, se realiza mediante una pantalla
unitaria, o sea, que contenga una sola tarea; esto es con el fin de que le sea fácil y
Es importante, tener en cuenta que el diseño debe ser sólido y equilibrado y que
con una sola mano, dado que existen muchas personas que utilizan el Smartphone con
una sola mano. La adaptabilidad tiene gran importancia para que pueda ser empleada en
cualquier dispositivo digital sin tener que precisar de algún tamaño estándar. Con
respecto a la técnica, es aquella seleccionada para crear el sitio Web que cualquier,
siendo indispensable que la estructura seleccionada sea, flexible y cuente con el código
CSS. Algunas de las ventajas del Responsive Design es que evita el desarrollo de dos
versiones de la misma web, logrando así ahorrar tiempo para realizar la actualización de
que puedan ser ejecutadas y las cuales entran en interacción con el medio donde se
marcación del contenido que va a llevar la página Web. El mismo, está constituido por
27
etiqueta a las que también, se les llaman marcas o tags, que sirven para indicar las partes
de un documento como: cabecera, cuerpo, títulos, párrafos, etc. Style Sheet o CSS es el
lenguaje de hojas de estilo y sirve para designar el estilo visual a la página web, que ha
más comunes para desarrollar frontend de la página web. Consiste en una herramienta
la página, fuentes, botones y los demás elementos de navegación, de modo que, realizar
un diseño; a través de ella un sitio web moderno resulta, es muy fácil (León et al.,
2022).
3. Metodología de la investigación
productos
El trabajo investigativo será de tipo aplicada debido a que es una forma de cómo
28
conocer la realidad científica desde una perspectiva seria y rigurosa. Este tipo de
establecer los principales beneficios para luego generar un sitio Web para la
comunidad que hace uso de Maryo’s nails a fin de que al desarrollar el sitio Web puede
ser utilizada de forma sencilla por los usuarios de las redes sociales.
La unidad de análisis será la comunidad que hace uso de Maryo’s nails en las
redes sociales y estará conformada por los residentes de sexo femenino mayores de 18
o infinitos que poseen características semejantes al objeto del estudio. La población del
presente estudio se encuentra delimitada por la cantidad de sujetos del sexo femenino
mayores de 18años y que residen en la localidad de Isidro Ayora, Quito, según los datos
29
Muestra
habitantes de Isidro Ayora, Quito mayores de 18 años y que forman parte de la clientela
inclusión de exclusión para la muestra de 8 sujetos que formaran parte del estudio.
Criterios de inclusión:
Criterios de exclusión:
30
Para el desarrollo del sitio Web de la empresa Maryo’s nails se empleó la
compra, un facturero, una base de datos donde el diseño presente el inicio, el contacto,
la misión y visión de la empresa, los links de la página y del GOS del local, un tour de
Tema:
Maryonails
El problema:
31
paralelamente en la globalidad y desarrollo tecnológico, necesita de adaptar un sitio web
exige. Por lo tanto, el disponer de un sitio Web, le aportará su clientela un mejor y más
eficaz las compras para asumir la competitividad del mercado. En este sentido, ¿Cómo
Maryonails?
Tabla 1
32
Diagrama de Gantt
EL PROBLEMA DE LA INVESTIGACIÓN
Antecedentes de la investigación
Objetivos
Justificación
Alcance y limitaciones
MARCO TEÓRICO
MARCO METODOLÓGICO
Metodología de la investigación
Metodología de desarrollo
RESULTADOS Y DISCUSIÓN
El tipo de software empleado para el desarrollo del sitio Web de Maryonails fue:
HTML
ya que facilita el desarrollo de la pagina Web. Su uso fue por forma directa para la
33
CSS
DOMINIO
HOSTING
para estar publicado en internet. El mismo está compuesto por una especificación
técnica la cual fue previamente analizada para poder alojarse en el sitio de la Web. La
Maryonails es:
1.80 GHz
34
DISCO DURO: 1TB
Para poder tener acceso a la pagina web de Maryonails, el cliente puede hacer
4. Casos de usos
35
En el diagrama pude observarse el caso de uso para Maryo’s nails,
donde el cliente puede interactuar, con un buen número de casos que incluye consultar
pedido, realizar pedido, consultar pedido, devolver producto, cancelar pedido, realizar
atender al cliente, informe de venta, enviar catálogo, mostrar información del producto,
desea comprar, luego lo añade al carrito y para concretar la venta, debe registrar sus
Persona encargada de atender al cliente y debe ingresar con sus datos de usuario
y contraseña para poder hacer el trámite de la venta a los clientes de Maryo’s nails.
reportes del Sitio Web. A su vez, programa las ofertas y las incidencias que puedan
aparecer en la página.
36
El administrador de la página es el responsable de diligenciar informes diarios
de las consultas, reclamos y compras de los clientes; además, también tiene entre sus
acceso a los usuarios o eliminar aquellos con los cuales se halla generado algún
problema.
elementos:
https://maryonails.com/mi-cuenta/
Usuario: MARYO584edu
Clave: MARIAHELEn2003*
Las historias de usuario explican todas las actividades que realizan los
Las historias deben ser escritas en lenguaje coloquial y poder ser entendibles
para los clientes, usuarios y el desarrollador, además, tienen que cumplir todos los
requerimientos del sitio web. La estructura de las historias de usuario para Maryo’s
Tarjetas
37
Conversación
Confirmación
obtenidos.
Institución
En este caso es la empresa Maryo’s nails que ofrece artículos de uñas acrílicas y
los clientes institucionales que trabajan ofreciendo el montado de las uñas en las
peluquerías.
Usuarios
vendedores de la institución que atienden a los clientes. En este sentido, las historias de
Acceder al sistema.
Proforma de venta
Generación de la venta
Facturación de la venta
38
4.3 Tarjetas de historia de usuario
HISTORIA DE USUARIOS
Número 1 Nombre: Acceso al sistema
Usuario: Todos los usuarios Tipo de Nueva
actividad:
Registro y aceptación Referencia:
María Martínez 1
Prioridad del negocio: Puntos estimados:
Riesgo Medio
Elementos a terminar:
Descripción:
María Martínez 1
Prioridad del negocio: Puntos estimados:
Riesgo Medio
Elementos a terminar:
Descripción:
39
El cliente registra toda la información base que se le solicita e ingresa en la web
HISTORIA DE USUARIOS
Número 3 Nombre: Acceso al sistema
Usuario: Cliente Tipo de Registro de compra
actividad:
Registro y aceptación Referencia:
María Martínez 1
Prioridad del negocio: Puntos estimados:
Riesgo Medio
Elementos a terminar:
Catálogo de productos
Proformas de compra
Recibo de venta
Descripción:
HISTORIA DE USUARIOS
Número 4 Nombre: Acceso al sistema
Usuario: Vendedor Tipo de Registro del vendedor
actividad:
Registro y aceptación Referencia:
María Martínez 1
Prioridad del negocio: Puntos estimados:
Riesgo Medio
Elementos a terminar:
40
Descripción:
El vendedor ingresa en la web registra los del cliente que realiza la compra y los datos de la venta
HISTORIA DE USUARIOS
Número 5 Nombre: Acceso al sistema
Usuario: Vendedor Tipo de Despacho de la venta por
actividad: el vendedor
Registro y aceptación Referencia:
El vendedor visualiza los datos del cliente que Registra el despacho de la venta y la entrega del
realizó la venta en la web e informa el despacho producto
de la venta y genera el recibo del despacho de
la compra
María Martínez 1
Prioridad del negocio: Puntos estimados:
Riesgo Medio
Elementos a terminar:
Descripción:
HISTORIA DE USUARIOS
Número 6 Nombre: Acceso al sistema
Usuario: Administrador Tipo de Gestión de usuario por el
actividad: administrador
Registro y aceptación Referencia:
María Martínez 1
Prioridad del negocio: Puntos estimados:
Riesgo Medio
Elementos a terminar:
Bases de datos de clientes, compras, ventas y entregas
Descripción:
41
Actualiza la base de datos de clientes, las compras, las ventas, la existencia de productos, los precios, las
promociones y las ofertas
HISTORIA DE USUARIOS
Número 7 Nombre: Acceso al sistema
Usuario: Administrador Tipo de Gestión de reportes por el
actividad: administrador
Registro y aceptación Referencia:
María Martínez 1
Prioridad del negocio: Puntos estimados:
Riesgo Medio
Elementos a terminar:
Bases de datos de los reportes de clientes, compras, ventas y entregas
Descripción:
Actualiza la base de datos y genera los reportes de clientes, las compras, las ventas, la existencia de
productos, los precios, las promociones y las ofertas
HISTORIA DE USUARIOS
Número 8 Nombre: Acceso al sistema
Usuario: Administrador Tipo de Respaldo de la
actividad: información por el
administrador
Registro y aceptación Referencia:
María Martínez 1
Prioridad del negocio: Puntos estimados:
Riesgo Medio
Elementos a terminar:
Bases de datos de los reportes de clientes, compras, ventas y entregas
42
Descripción:
Realiza los respaldos de la información la base de datos y genera los reportes de clientes, las compras,
las ventas, la existencia de productos, los precios, las promociones y las ofertas
Nombre Desarrollo de un sitio web para la presentación, promoción, compra y venta de los productos
Maryonails
Actores Cliente, comprador, vendedor y administrador
Flujos Proceso-descripción
ACTORES SISTEMA
Para el desarrollo del proyecto del diseño del sitio web para la representación y
promoción de productos Maryonails. El alcance del proyecto fue para los siguientes
43
empresa y administrador del sitio web de la empresa.
ofertas.
44
Nosotros el cliente tiene a su disponibilidad la información sobre la empresa y
45
Blog en esta sección el cliente encuentra información de educativa relevante
46
Cuenta esta sección dispone de cuenta, carrito y pagar
47
El sitio web de Maryonails, muestra toda la información necesaria tanto para los
prospectos de clientes como para los clientes compradores potenciales y le ofrece una
elementos fueron pensados para lograr un sistema ágil, seguro, remoto y que le aporte
comodidad de realizar la compra, desde el punto donde esté ubicado sin necesidad de
de trabajo.
web Maryonails.
48
Administrador empleado Empresa Encargado de la administración,
encargado del departamento de Maryonails actualización y reportes por la
seguridad e informática empresa de la página web
XP
software:
CMS WORDPRESS
El Back End y Fond End psara rel empleo de la base de datos MySQL,
49
A continuación, se reproducen los requerimientos técnicos del sitio Web de
HOSTING
CARACTERÍSTICAS CAPACIDAD
Almacenamiento 30GB
Transferencia de datos Ilimitada
Dominios y certificaciones Incluye
SSL
Varios sitios por proyectos Incluidos
Correos electrónicos Ilimitados
Asistencia técnica 24/7/365
Soporta sitio para PHP Incluye
Base de datos MySQL
Autor: María Martínez
siguiente interacción:
En las interacciones se puede evidenciar que las jornadas se realizan durante los
50
del administrador
Autor: María Martínez
continuación.
51
INICIO
Panel de información
52
Autor. María Martínez
Registro de compras y ventas
Productos y servicio
Cliente
53
Autor: María Martínez
productos.
54
Prueba de edición mediante los datos de un cliente y la compra-venta
Conclusiones
55
las herramientas necesarias para conocer su realidad en cuanto sus necesidades de
Tercero: para el objetivo específico 2 establecer los principales beneficios que genera
que mediante las Tic se puede obtener un espacio informático interactivo, desarrollado a
Maryonails en la Web, se tiene que la tienda online fue implementada y está disponible
con la clientela}, se obtuvo que la estructura y fases de la web es de fácil acceso para el
Sexto: para el objetivo específico 5 evaluar que toda la comunidad que interactúa en las
redes sociales pueda utilizar la web de forma sencilla para acceder a la tienda, se obtuvo
a través de las historias de la web que es accesible, fácil para uso y manejo y atiende a
Recomendaciones
-Se recomienda el uso de la arquitectura tipo horizontal para la web debido a lo sencillo
-Se recomienda el uso de FrontEnd, CMS WordPress y BackEnd, Mysql ya que son
-Se recomienda el uso del Manual del usuario para el proceso de soporte técnico y
56
MANUAL DEL USUARIO
María Martínez
DESARROLLO DE SOFTWARE
2023
57
INTRODUCCIÓN
dudas y orientar a la clientela sobre la disposición de de las opciones que se les ofrece
den la web; de modo, que facilmente pueda realizar sus operaciones. Por lo gtanto, le
explicada de forma detallada y visual a través de lass figuras de acptura como operar
dentro de la web.
través de una guía fácil y clara mostrando cada una de las opcines de servicio.
administradores.
58
detallan a continuación:
59
Una vez que hemos ingresado a en esta opción nos aparecerá un formulario
Menú de productos
En este menú podrás configurar todo un tipo de información relacionada con los
productos de tu tienda.
60
Productos
menú “Productos”
A continuación, rellene todos los datos del producto a añadir como el título, una
descripción corta, una descripción larga, una imagen destacada y una galería de
61
Una vez que hayas introducido los datos, haz clic en del botón “Publicar” para
añadir el producto.
Modificar un producto
62
Para modificar un producto, haz clic en el botón “Todos los productos” situado
en el menú “Productos”.
“Editar”.
Tras realizar los cambios deseados, haz clic en el botón “Actualizar” para
Eliminar un producto
63
A continuación, sitúate encima del producto a eliminar y haga clic en el botón
Categorías
Para añadir una nueva categoría, haz clic en el botón “Categorías” situado en el
menú “Productos”.
de la url para el nombre), categoría padre si tuviese, una pequeña descripción y una
miniatura.
64
Una vez introduzcas los datos de la categoría, haz clic en el botón “Añadir nueva
Para modificar una categoría, haz clic en el botón “Editar” que aparece al
Una vez modificados, para guardar los datos haga clic en el botón “Actualizar”
65
Eliminar categorías de producto
Para eliminar una categoría, haga clic en el botón “Borrar” que aparece al
Atributos
“Productos”.
66
A continuación, rellena los datos del atributo, como el nombre, el slug…
Cuando termines, haz clic en el botón “Añadir atributo” para añadir el atributo.
Modificar atributos
Para modificar un atributo, sitúate encima del atributo a modificar y haga clic en
el botón
“Editar”.
67
Una vez modificados, haz clic en el botón “Actualizar” para actualizar los datos.
Eliminar atributos
Para eliminar atributos, haga clic en el botón “Borrar” que aparecerá situándose
Menú WOOCOMEMERCE
68
Pedidos
su tienda WooCommerce.
Añadir pedidos
Para añadir un pedido, haz clic en el botón “Añadir pedido” situado en la parte
superior derecha.
69
A continuación, selecciona el estado en el cual se va a crear el pedido, el cliente
los artículos al pedido haciendo clic en el botón “Añadir artículo(s)”, haz clic en
70
A continuación, podrás ver los pedidos realizados en la sección “Pedidos”.
Modificar pedidos
Para modificar un pedido, el estado del mismo tiene que ser “En espera o
Pendiente de pago”. Haz clic encima del pedido a modificar para modificarlo.
“Recalcular” para que el total del pedido se modifique con los cambios que has
realizado.
71
MANUAL TÉCNICO
72
María Martínez
DESARROLLO DE SOFTWARE
2023
INTRODUCCIÓN
marca. Tiene por objetivo brindarle a los operarios del sistema, las información
operararios del sistema sobre la disposición de las opciones que se les ofrece en la web;
de modo, que facilmente pueda realizar sus operaciones. Por lo tanto, le explica de
73
forma detallada y visual a través de las figuras de captura como operar dentro de la web.
del portal a través de una guía fácil y clara mostrando cada una de las opcines de
servicio.
detallan a continuación:
Requerimiento de Software
XAMPP
MySQL
WordPress
Este CMS se lo ha elegido por ser muy sencillo, práctico y potente. Además, es
74
el principal CMS para desarrollo de sitios web, con lo cual se está controlando a futuro
el poder mantener un soporte a largo plazo tanto del CMS como del sitio Web
desarrollado.
PHP
puede definir como uno de los mejores lenguajes de programación que proporciona gran
facilidad a la hora del desarrollo de sitios web. Además, es el lenguaje con el cual se
HTML
Sin duda HTML esta como base de cualquier proyecto web, ya que por medio de
este se define la estructura de las páginas a desarrollar. El uso del mismo se puede hacer
CSS
Por medio de CSS se podrá dar estilos a una estructura realizada en HTML,
también cabe mencionar que el uso del CSS se da de manera directa por medio de
Dominio
con un nombre que sea fácil de recordar y que este asociado naturaleza del sitio web
dominio: www.maryonails.com
Hosting
75
especificación técnica previamente analizada según la necesita del sitio a alojarse.
accesos de usuarios y tipos de tecnología usada para poder desarrollar un sitio web.
Este hosting trabaja en conjunto con el dominio el cual nos permite el acceso de
Clientes
Ver clientes
Para ver los clientes de tu tienda, haga clic en el botón “Clientes” situado en el
menú
“WooCommerce”.
Informes
Para ver los informes de tu tienda, haga clic en el botón “Informes” ubicado en
el menú
“WooCommerce”.
76
En esta sección podrás consultar el total de ventas por periodo, por clientes y
Para modificar los datos de la tienda, haga clic en el botón “Ajustes” ubicado en
el menú
“WooCommerce”.
Para modificar los ajustes de los productos, haga clic en el botón “Productos”
77
Añadir/Modificar zona de envío
Para añadir una nueva zona de envío, haz clic en el botón “Añadir zona de
envío”
Para editar el precio del método, haga clic en el botón “Editar” que aparece al
78
del método de envío.
Haga clic en el botón “Opciones de envío” para cambiar las opciones del envío.
Para añadir una clase de envío, haga clic en el botón “Clases de envío”.
Menú Análisis
En este menú podrás configurar todo tipo de información relacionada con los
79
En este menú podrás visualizar gráficas y resúmenes de:
● Ingresos.
● Pedidos.
● Productos.
● Categorías.
● Cupones.
● Impuestos.
● Descargas.
● Inventario.
80
Menú Marketing
Para crear un cupón, haz clic en el botón “Cupones” y a continuación, haz clic
en el botón
“Añadir cupón”.
Una vez termines, haz clic en el botón “Publicar” ubicado en la parte superior
Chimborazo. Ecuador.
http://dspace.unach.edu.ec/bitstream/51000/8915/3/Informe%20Final%20de
%20Investigaci%c3%b3n_AMANCHA-CURIMILMA%20%284%29.pdf
Arévalo, M., Córdova K., Feria D., y Llerena E. (2021). Creación de una Website para
Perú. https://www.utp.edu.pe/proyectos-investigacion/creacion-de-una-website-
para-la-promocion-de-productos-altoandinos-en-las
82
Arias, F. (2012). El proyecto de investigación: Introducción a la metodología científica.
Ballestas, D., Pérez, M., y Quiroz, M. (2022). Sitio Web para la caracterización de la
https://repository.unilibre.edu.co/bitstream/handle/10901/22301/Trabajo%20de
%20Grado.pdf?sequence=1&isAllowed=y
Pearson.
Ecuador. Ecuador.
https://repositorio.pucesa.edu.ec/bitstream/123456789/3870/1/78292.pdf
https://repositorio.cepal.org/bitstream/handle/11362/44976/1/S1900842_es.pdf
%20uso.pdf
Cliento. Mx. 24 estadísticas que demuestran el impacto del diseño Web. Inbound
impacto-diseno-web
83
Cuestas, J. (2021). Estadísticas Web de pequeñas empresas del 2021 que necesitas
https://www.convertylo.com/estadisticas-de-sitios-web-de-pequenas-empresas-
del-2021-que-necesitas-conocer/#:~:text=1.-,Estad%C3%ADsticas%20b
%C3%A1sicas,no%20necesita%20un%20sitio%20web%E2%80%9D.
https://repositorioapi.neumann.edu.pe/server/api/core/bitstreams/16d26b17-cf00-
4662-9d46-9ae36cf1a208/content
https://marketing4ecommerce.mx/que-es-elposicionamiento-de-mercado/
Gómez, C. (2017). ¿Por qué es importante tener una página Web? Imagen Group.
importante-tener-una-pagina-web/#:~:text=Con%20un%20Sitio%20Web
%20todas,clientes%20potenciales%20se%20elevar
%C3%A1%20considerablemente
https://repositorio.up.edu.pe/bitstream/handle/11354/3372/Heredia%2C
%20Andrea_Trabajo%20de%20suficiencia%20profesional_Administraci
%C3%B3n_2022.pdf?sequence=1&isAllowed=yuarte edición.
84
INEC. (2022). Empadronamiento de la población por Sexo. Instituto Nacional de
https://www.ecuadorencifras.gob.ec/search/POBLACI%C3%93N+POR+SEXO,
+SEG%C3%9AN+PROVINCIA,+PARROQUIA+Y+CANT
%C3%93N+DE+EMPADRONAMIENTO/
Editorial Pearson.
http://repositorio.uigv.edu.pe/bitstream/handle/20.500.11818/6107/TESIS_
%20LAU%20MEGO%20CESAR.pdf?sequence=1&isAllowed=y
inversion-marketing-digital-194275-noticia/
Ley No. 67. (2002). Ley de Comercio Electrónico, Firmas Electrónicas y Mensajes de
https://www.oas.org/juridico/spanish/cyb_ecu_ley_comelectronico.pdf
León, A., Acosta, J., Checa, M. (2022). Wordpress para el diseño de sitios Web en la
14(53). https://rus.ucf.edu.cu/index.php/rus/article/view/2951
85
Universidad Técnica de Babahoyo. Ecuador.
http://dspace.utb.edu.ec/bitstream/handle/49000/13079/TIC-UTB-FAFI-COM-
000001.pdf?sequence=1&isAllowed=y
https://www.juancmejia.com/marketing-digital/estrategiade-marketing-digital-
herramientas-y-pasos-de-implementacion/
https://aportecivico.gobiernoelectronico.gob.ec/system/documents/attachments/
000/000/011/original/58b9ab393399dc479d2fb43c7a305ff0de62ec96.PDF
Colombia.
https://repositorio.ucp.edu.co/bitstream/10785/7082/1/DDMAE137.pdf
https://www.redalyc.org/journal/4096/409663283006/html/
https://repositorio.uta.edu.ec/bitstream/123456789/35067/1/830%20MKT.pdf
86
Otero, V. (2021). Impacto económico y financiero del uso de redes sociales en empresas
https://dspace.ups.edu.ec/bitstream/123456789/21394/1/UPS-
GT003525.pdf
Jurídicas.
https://repositorio.cientifica.edu.pe/handle/20.500.12805/2624
https://thinkingwithyou.com/2016/11/los-principios-xp-aplicados-al-cambio-
organizacional/#:~:text=XP%20son%20las%20siglas%20de,a%20una%20serie
%20de%20principios
Reyes, R., Pérez, D., López J., Camacho, J., y Camacho D. (2018). Las estrategias de
marketing digital en las pequeñas empresas. Revista Latinoamericana de
Turismología, 4(2), 50-62.
https://pdfs.semanticscholar.org/d9c2/dce1d2790c045cde4ca1e094ae708fda7
aba.pdf
87
Uchupe, J. (2022). Diseño e implementación de un sistema Web para optimizar el
proceso de ventas en la empresa MEPSA S.A., Lima-2022. [Tesis de Grado].
Universidad Peruana de las Américas. Perú.
http://repositorio.ulasamericas.edu.pe/bitstream/handle/upa/2173/1.TESIS_JH
ANIRA_UCHUPE-ABR.pdf?sequence=1&isAllowed=y
Vargas, Z. (2009). La investigación aplicada: Una forma de conocer las realidades con
evidencia científica. Revista de educación, 33(1), 155-165.
file:///C:/Users/Usuario/Downloads/538-Texto%20del%20art%C3%ADculo-
848-2-10-20120803.pdf
Software Lab. (2022).? ¿Qué es un sitio Web y una página Web? SoftwareLab.org.
[Internet]. Consultado el 12 diciembre 2022. Disponible en:
https://softwarelab.org/es/sitio-web/
http://dspace.utb.edu.ec/bitstream/handle/49000/11266/E-UTB-FAFI-
ING.COM-000863.pdf?sequence=1&isAllowed=y
88