����������������������������������������������������������������������������������

 

Ense�anza en aplicar responsive web en la implementaci�n de un sitio web

 

Teaching in applying responsive web in the implementation of a website

 

Ensinando na aplica��o da web responsiva na implementa��o de um site

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Correspondencia: loaizacecibel@gmail.com

 

 

Ciencias de la Computaci�n ���

Art�culo de Investigaci�n

 

 

��

* Recibido: 23 de julio de 2023 *Aceptado: 12 de agosto de 2023 * Publicado: �01 de septiembre de 2023

 

 

 

1. Universidad T�cnica de Machala, Ecuador.

Resumen

En la actualidad los sitios Web es un campo en desarrollo, representa una gran importancia a las empresas con posibilidades de crecimiento en e-commerce. Gramon es una empresa dedicada a la venta de semi-joyas el problema existente es que no cuenta con un sitio web, para comercializar sus productos, el objetivo del TFM propone la creaci�n, desarrollo e implementaci�n de un Sistema Web CMS de pedidos mediante c�digo abierto, con herramientas de software orientada en JavaScript JS, HTML, CSS, PHP, SQL, aplicando las Fases del desarrollo de software para el sitio web, obteniendo como resultado la implementaci�n del sitio web, optimizando recursos, tiempo y llegue al lugar deseado en base del manejo de pedidos de productos con su respectivo detalle desde su smartphone u ordenador aplicando tecnolog�a multiplataforma proporcionando un mejor servicio a sus clientes.

Palabras Clave: Recurso educativo digital; Sitios web; Herramientas interactivas; Retroalimentaci�n; Participaci�n.

 

Abstract

At present, Web sites are a developing field, representing great importance to companies with growth potential in e-commerce. Gramon is a company dedicated to the sale of semi-jewelry, the existing problem is that it does not have a website, to market its products, the objective of the TFM proposes the creation, development and implementation of a CMS Web System for orders through open source , with software tools oriented in JavaScript JS, HTML, CSS, PHP, SQL, applying the Phases of software development for the website, obtaining as a result the implementation of the website, optimizing resources, time and reaching the desired place based on the management of product orders with their respective detail from your smartphone or computer applying multiplatform technology providing a better service to your customers.

Keywords: CMS Web System; HTML; PHP; JavaScript JS; E-commerce.

 

Resumo

Actualmente, os websites s�o uma �rea em desenvolvimento, representando grande import�ncia para empresas com potencial de crescimento no com�rcio electr�nico. A Gramon � uma empresa que se dedica � venda de semijoias, o problema existente � que n�o possui um site, para comercializar os seus produtos, o objetivo do TFM prop�e a cria��o, desenvolvimento e implementa��o de um Sistema Web CMS para pedidos atrav�s c�digo aberto, com ferramentas de software orientadas em JavaScript JS, HTML, CSS, PHP, SQL, aplicando as Fases de desenvolvimento de software para o site, obtendo como resultado a implementa��o do site, otimizando recursos, tempo e atingindo o local desejado com base em a gest�o de pedidos de produtos com seus respectivos detalhes a partir do seu smartphone ou computador aplicando tecnologia multiplataforma proporcionando um melhor servi�o aos seus clientes.

Palavras-chave: Sistema Web CMS; HTML; PHP; JavascriptJS; com�rcio eletr�nico.��

 

Introducci�n

Este trabajo consiste en el desarrollo de un sitio web de pedidos de productos para la empresa Semi-joyas Gramon, la empresa comercializa por mayor y menor Semi-joyas ba�adas en oro, plata y acero, el sitio web comercial ayudar� optimizar el proceso de pedidos de Semi-joyas, se facilita a los clientes el precio, stock y detalle del producto.

Seg�n (El gran libro del Comercio Electronico, 2016) nos aporta en su escrito que el comercio electr�nico est� inmerso en la transformaci�n digital, dando a conocer lo importante de crecer en conocimiento de herramientas, estrategias y t�cnicas para el mejoramiento de participaci�n en ventas, invirtiendo grandes empresas en dise�o web, comercial y marketing, tener crecimiento en inversi�n, ventas e intereses.

El sitio web adaptado a las necesidades solicitadas de la empresa es un aporte muy importante, puede ser visitado desde un ordenador, m�vil o Tablet, con un FrontEnd, base de datos en MySql, utilizando responsive web desing archivos en JavaScript JS, HTML, CSS, PHP, SQL que se desarrollar� utilizando Fases de desarrollo de Software modificando el software Magento Open Source.

La clasificaci�n de clientes con sus respectivos precios hace la diferencia de otros sitios web de similares caracter�sticas, el problema actual de la empresa es que no cuentan con un sitio web y se plantea �C�mo optimizar el proceso de pedidos de Semi-joyas a los clientes de la Empresa Gramon de Ecuador? Se propone desarrollar un sitio web que tiene una particularidad con respecto a otros sitios web similares de pedidos haciendo la diferencia, en esta p�gina web tiene usuarios clasificados en clientes por mayor y consumidor final; mayorista es la persona intermediaria que se dedica a vender a otros mayoristas o minoristas, el mayorista tiene precios preferenciales en los productos, y el consumidor final es la persona minorista que compra al precio al p�blico para su uso o regalo.

La estructura del trabajo se inicia con la fase de� an�lisis, entrevistar al administrador y due�a con el resultado de �stas se empieza a determinar los objetivos planificar sus procesos por fases identificando cada uno de los tiempos a desarrollarse, luego dise�ar el sitio web de acuerdo a las necesidades de la empresa, en la fase implementaci�n se realiza la construcci�n del sitio web organizando los elementos que la componen, los factores considerados como estructura, dise�o, contenidos de im�genes y texto, secciones, men�, formularios, navegabilidad, interactividad, accesibilidad. Como �ltima fase es la validaci�n del sitio web con el uso de los usuarios para poder controlar las falencias y realizar las correcciones pertinentes. La finalidad del desarrollo del Sitio Web de pedidos pretende cubrir a todos los clientes por mayor para incrementar su comercializaci�n brindando una mejor atenci�n igual al consumidor final.

 

Justificaci�n

Semi-Joyas Gramon es una compa��a de media escala dedicada a la venta de joyer�a de gama media-alta, dentro de sus cat�logos cuentan con diferentes art�culos disponibles para variedad de los usuarios, aunque cuentan con una cartera de clientes considerable y aceptable la empresa puede verse opacada por otras entidades que comercializan el mismo tipo de producto, la empresa intenta buscar la manera de resaltar sobre ellos para diferenciarse de sus competidores.

El problema radica que la empresa no tiene un sitio web para realizar pedidos. Adem�s, se debe considerar que la empresa es distribuidora de semi-joyas por lo que es necesario clasificar a los clientes porque vuelven a comercializarlo por esta raz�n las entrevistas realizadas al due�a de la empresa nos indica las causas de este problema se puede resaltar que desconoc�an que es asequible a las empresas tener un sitio web e incluso de su forma gratuita de utilizar ciertas p�ginas de construcci�n de comercio electr�nico, el tiempo que se dedican a la comercializaci�n no le permit�a darse cuenta lo importante de poder realizar pedidos en l�nea promocionando m�s su producto, desconocimiento del comercio electr�nico.

 

Planteamiento del problema

Para solventar la problem�tica de la empresa se propone el desarrollo e implementaci�n del Sitio Web de pedidos mediante el uso de nuevas tecnolog�as, �sta da a la empresa la oportunidad al usuario mayorista o consumidor final conocer los productos de la empresa realizar alg�n pedido del producto que seleccione sin la necesidad de visitar el local o buscar m�s comerciales y as� tener mayor alcance de servicios, productos, muchas oportunidades de nuevos clientes, proveedores y publicidad efectiva.

Para el desarrollo del sitio web, se ha empleado la t�cnica de las entrevistas realizadas a la gerente propietaria, la investigaci�n requiere del an�lisis de las diferentes p�ginas y gestores de contenido existentes, considerando que en la actualidad existen muchas tiendas en l�nea, sitios web de construcci�n de forma gratuita por tiempo limitado o luego pagar por el servicio ofrecido, tambi�n hay herramientas para crear sitios web din�micos ofreciendo al desarrollador plantillas predise�adas para que elijan y puedan modificarlas seg�n las necesidades de cada uno. Por esta raz�n para determinar cu�les son las mejores tiendas del mundo en l�nea se considera el posicionamiento de las empresas de tiendas online se destaca por el nivel del ranking, sus estrategias, dise�o, y seguridad de lo que ofrecen.

Es muy importante en la actualidad contar con un sitio web para el negocio porque al no tener uno puede perder clientes dependiendo del lugar, �rea, sector en el cual se desarrolla su actividad por aquello en el desarrollo de sitio web de pedidos para la Semi-joyas Gramon se debe decidir qu� gestor de contenidos es el apropiado de acuerdo con los costos, dise�o, utilidad, la ubicaci�n del usuario potencial, manejo para la construcci�n del sitio web para pedidos.

Al conocer la tecnolog�a existente resulta de significativa importancia, la nueva tecnolog�a plantea cambios t�cnicos tambi�n cambios de valores, creencias pensamientos, valores y comportamiento del elemento humano que obedece a la elecci�n del tipo de tecnolog�a que se van adaptando, asimilando a la comercializaci�n digital.

Con el an�lisis se presenta el objetivo principal, desarrollar un sitio web mediante c�digo abierto para optimizaci�n del proceso de pedidos, para poder cumplir ese objetivo se consider� analizar los sitios web que permiten reutilizar su c�digo fuente, se debe identificar los requisitos para el desarrollo del sitio web, dise�ar el sitio web din�mico donde se exponga los servicios que ofrece la empresa, establecer el lenguaje de codificaci�n del lado del cliente, del servidor y del servidor de la base de datos, realizar las respectivas pruebas de funcionamiento.

 

 

 

Contexto del estudio

El sitio web como tema ha sido realizado para la empresa Gramon, ubicado en la ciudad de Machala, provincia de El Oro, Ecuador, es una empresa dedicada a la comercializaci�n� de Semi joyas, naci� debido a la necesidad distribuir al por mayor y menor productos similares a la joya de oro de 18 quilates, diferenciando del costo asequible a la comunidad, conocida como joya ba�ada en oro o Semi-joya conforme a esto la propietaria la Sra. Lcda. Graciela S�nchez forma la empresa, Fundada en el a�o 1990, los productos son de origen de Brasil, las empresas proveedoras ofrecen la mejor calidad en los productos cumpliendo las normas internacionales.

Afirma (S�nchez, 2019), que desde el a�o 2008 se convirti� en una empresa PYMES, en la actualidad es reconocida por sus grandes descuentos y su stock surtido en modelos de Semi-joyas, destacando de la empresa la comercializaci�n de Semi-joya al por mayor, �l cliente obtiene un porcentaje de ganancia muy alto.

Gramon se ha convertido en una empresa pionera en fortalecer estrategias de ventas de mercadotecnia, aproximadamente por tres d�cadas la empresa ha trabajado con honestidad y eficiencia brindando excelencia en servicio, uno de los pilares fundamentales es su crecimiento empresarial, fomentando el desarrollo y nuevas fuentes de trabajo.

Para el trabajo se ha utilizado la t�cnica de entrevista para poder realizar la recopilaci�n de informaci�n, se planific� varias entrevistas, llamadas por tel�fono y reuniones con la due�a de la empresa, para poder crear un sitio web funcional, adem�s de las entrevistas, tuve que solicitar documentaci�n de inventarios y facturaci�n, para el desarrollo del sitio web, se tiene presente que se debe seguir fases de desarrollo con su respectiva modelo para identificar, analizar, dise�ar, desarrollar, elaborar pruebas o evaluaci�n en el desarrollo.

Con la informaci�n obtenida y la necesidad que tiene la empresa de no poseer un sistema de comercio electr�nico, se considera necesario tener claro los requisitos, roles del administrador y usuarios, estructura organizacional, reglas, actividades, componentes de software, modelo, diversas herramientas, recursos a utilizar; se da como soluci�n a la problem�tica el resultado desarrollar un sitio web para pedidos. Es necesario tener conocimiento de ecommerce e importancia de la tecnolog�a en el desarrollo de sitios web.

Como se�ala (Masclans, y otros, 2016) existen muchas necesidades a la hora de plantearse a tener un ecommerce entre ellos: los clientes f�cilmente pueden visitar otros sitios, considerar que se tendr� nueva clientela, la cantidad de producto que puede faltar o acumularse y estar atentos a la competencia para igualar o mejorar.

El comercio electr�nico es importante conocer e identificar que, es una forma diferente de comercializar, se debe planificar, organizar en primera instancia saber que se vender�, los productos se deber�n clasificar, categorizar, en el marketing conocer qu� tipo de tienda ser� y promocionarla seg�n la plataforma que se vaya a elegir, en la fase del an�lisis se debe enfatizar que existen diversas formas, herramientas para poder revisar nuestro comercio.

Otro de los problemas es establecer �qu� plataforma elegir para el desarrollo del sitio web?, �c�mo se hace?, �por qu� es importante?, �qu� pasos seguir?, �cu�l es el resultado del producto?, �c�mo saber si est� bien?, con todas las interrogantes mencionadas se plantea

Considerar las herramientas, �qu� modelo es la adecuada para crear un sitio web para pedidos?

Para el desarrollo del sitio web, se considera la ingenier�a de software es importante identificar las tecnolog�as y entre los requisitos para poder dise�ar, recalcando lo importante que es conocer los requisitos de la empresa para poder construir, considerando el problema que se resolver� utilizando lista de funciones, pruebas, test, tareas, evaluaci�n para cumplir con los requerimientos adapt�ndose a las necesidades de la empresa. (Pressman R. S., 2012)

 

Estado del arte

Fundamentaci�n del Comercio Electr�nico

El comercio electr�nico es conocido como e-commerce o electronic commerce la mayor parte consiste en la venta o compra on-line de producto, servicios, o acceso a contenido Premium por medios electr�nicos como es el internet u otros medios inform�ticos, uno de los medios de pago es la tarjeta cr�dito, La compra o venta de productos o servicios se realiza entre personas y empresas que transaccionan de manera on-line, y no se tiene el contacto f�sico, existen varias maneras de comercializarlo y son conocidas las tiendas electr�nicas

Nos indica (Castillo S. & Navarro H., Comercio electr�nico y aspectos pr�cticos de Implementaci�n con Magento, 2015)la clasificaci�n de modelos de comercio electr�nico basado en los agentes que intervienen.

El comercio electr�nico nos puede indicar para comprar o vender todo tipo de productos, �la pregunta inicial es cu�l es la mejor?, �c�mo encontrarla? No se debe tener optimizado la tienda en referente a las ventas, se debe conocer como posicionarse en SEO, desconocimiento del mal uso de Google Adwords, debe conocer su funcionamiento, c�mo saco provecho y rendimiento de las redes sociales, ya que tiene cada d�a mucho m�s usuario, es importante tener, conocer y utilizar de la mejor manera las redes sociales

 

Desarrollo de una Tienda Electr�nica

Para el desarrollo de una tienda electr�nica se considera algunos aspectos para su construcci�n:

• Necesidad y problema del cliente o empresa.
• Elegir una plataforma o lenguaje de programaci�n Web.
• Fases o Modelo de desarrollo de software; para conocer en cada fase si cumple o no, con lo propuesto; y poder verificar los an�lisis de riesgo existentes.
• Construcci�n y Adaptaci�n (Seleccionar el hosting y dominio).

 

Dise�o Web

Para (Xabier & Tellado, 2019) es importante en el dise�o del sitio web, se integre interactividad del dise�o web y su navegabilidad, dise�o responsive que permite al sitio ser navegable en cualquier dispositivo considera que el mayor tiempo utiliza el usuario, por lo cual debe ser un sitio web de f�cil uso, navegar, sencillo.

En los dise�os web a simple vista se cree que, s�lo es la parte de im�genes y formato del sitio web, para el dise�o web se debe identificar por medio del cliente o empresa, que es lo que desea presentar a los clientes, de acuerdo con sus necesidades, dificultades y proyecciones, se considera el dise�o: visual, interactividad, informaci�n y usabilidad.

Considera (Mart�nez Rol�n, 2019)� destacar que el dise�o web es parte fundamental al momento de interactuar con el usuario usando de v�a los navegadores; para todo esto se considera mantener, planificar y mantener los dise�os y sitio web por ello se presenta una peque�a resumiendo cada uno de ellos

 

Modelos para desarrollo de Software

Los modelos para el desarrollo de software nos permiten tener una perspectiva de las actividades que se realizan durante el desarrollo de software entre ellos son el dise�o, an�lisis y desarrollo, nos gu�an determinando en cada una de las etapas de manera t�cnica, administrativas y mantenimiento dependiendo del modelo que se elija.� As� nos permite estimar todos los recursos, riesgos, e ir examinando los avances. Se considera que existe un ciclo de vida para el desarrollo del software o sitio web.

Los modelos nos permiten: Describir las etapas principales, definir cu�les son las etapas primarias y ayudar a poder administrar el proceso y progreso del desarrollo del sitio web.

 

Almacenamiento de Datos

Varios sitios web necesitan� almacenar, encontrar datos, por lo tanto los datos on-line se convierte en parte esencial con ellos de acuerdo a las p�ginas sirven para ingresar logr�ndose, dejar comentarios y muchas m�s formas, se debe considerar� que hay dos maneras de guardar la informaci�n, se almacena en el cliente o en el servidor, para que se quede almacenado en el cliente son archivos llamados cookies� donde se almacena peque�os datos, preferencias del usuario o identificaci�n de sesi�n que ayudan a mejorar la experiencia del usuario, pero para los datos reales con poco significativo.

Nos afirma (Vera M., L�pez S., Granada, Irraz�bal, & Jim�nes H., 2014) En la actualidad existen varias tecnolog�as que nos permiten almacenar datos de una manera m�s sofisticada por parte del cliente como para el servidor, entre ellas son:

• Las API (Application Proramming Interface en espa�ol Interfaz de programaci�n de Aplicaciones) de almacenamiento web en HTML5 o conocidas como Web History, ha ayudado a mejorar la experiencia del usuario porque permite almacenar en los navegadores los datos de las �ltimas visitas,
• C�digo XML� Standard Generalized Markup Language, etiquetas similares a HTML la diferencia es que puede almacenar datos y pueden ser recuperados.
• JSON o JavaScript Object Notation (Formato liviano de intercambio de datos) este c�digo permite almacenar valores simples en un archivo de texto.

Todos estos m�todos nos permiten utilizar Java Script para almacenar o recuperar datos desde el archivo correspondiente de manera f�cil de utilizarlo, pero �stos no son lo suficiente, ni real para guardar datos complejos, grandes conjuntos de datos para ello se necesita la base de datos.

 

 

 

Base de datos

Base de datos seg�n (Rafael & Wilson, 2017); nos ense�a que primero se debe conocer que un dato son palabras y n�meros que por s� solos no tienen significado, por lo cual la base de datos es la colecci�n de datos relacionados, ordenados y organizados, de tal forma que tengan sentido, que puedan ser consultados por medio de un programa, quiere decir que es el lugar donde se almacenar� la informaci�n. La base de datos tiene elementos entre ellos son:

• Campo que se identifica por tipos, es donde se va almacenar los datos y deben ser del mismo tipo.
• Registro es una colecci�n de datos que pueden ser del mismo tipo o varios tipos que est�n relacionados.
• Archivo es una colecci�n de registros relacionados pero que tienen una relaci�n, se sigue una estructura homog�nea deben tener campos del mismo tipo, luego se tiene registros.

Base de datos (BD) es el que reside en el servidor y puede almacenar toda informaci�n que se requiera, est� estructurada por tablas que pueden estar relacionadas o no.� Normalmente los sitios web que no utilizan BD relacionadas son las que pueden promocionar alg�n producto e indicar las caracter�sticas. Y la BD Relacional nos permite conocer las caracter�sticas de un producto y el v�nculo que tiene entre el cliente, producto y pedido, con este puede revisar si ha realizado un pedido o compra de aquel producto.

Fuente: elaboraci�n propia.

 

Modelo Entidad Relaci�n

Nos indica (Osorio R., 2008) que el modelo entidad relaci�n es una especie de diagramas de flujo que describe la forma como se va a dise�ar en una base de datos, aparte que nos indica c�mo se relacionan la l�gica de las entidades en la base de datos. Es una herramienta para el modelado de datos de un sistema de informaci�n. Tambi�n conocidos como Modelo Entidad Relaci�n, Diagrama entidad relaci�n o MER. Est�n compuestos por entidades, atributo, relaciones y tipos de relaci�n.

 

 

 

Hospedaje de la Tienda (Hosting)

Para las empresas es muy importante considerar que es lo que ofrece y como mantenerse en el sito �En la investigaci�n se considera puntos estrat�gicos para dar a conocer que es el Hosting?�

Resalta (Soria A. & Osterling L., 2015) la fundamentaci�n de Hosting que es donde se almacenar� toda la informaci�n del sitio web, el hosting puede ser compartido o gratuito por medio de �ste ofrece un espacio de un servidor conectado a Internet, los servidores web aloja el nombre del dominio, suelen brindar panel de control, recursos y aplicaciones que alojan sus datos y ser�n accedido� en l�nea desde cualquier� equipo o dispositivo.

 

Servidor web

Ense�an (Ramos Mart�n & Ramos Mart�n, 2014) Servidor web es un dispositivo que se puede realizar conexiones remotas con una red local o global, donde recibe y transfiere datos, nos sirve para almacenar sitios web, la funci�n del servidor web consiste en enviar los archivos HTML, CSS, JavaScript, im�genes, m�sica para estructurar y construir un sitio web. Est�n dise�ados para poder comunicarse entre una aplicaci�n a otra sin la intervenci�n humana.

 

Estructura de un Sitio Web

De acuerdo (Desongles C., Ponce C., Garz�n V., Sampalo de la Torre, & Martos N., 2006) Un sitio web es un conjunto de p�ginas que est� enfocado a ofrecer informaci�n o servicios, si se tiene una organizaci�n, la estructura de �stas permitir� al usuario visualizar la informaci�n de forma f�cil, por tal raz�n es importante realizar un bosquejo teniendo un orden de �c�mo ser� el sitio? considerando las necesidades del cliente o empresa.

Lo que define un sitio web es la manera de organizar los elementos que la componen. El contenido del sitio web es la clave del �xito y es parte fundamental, existen contenidos para empresas, peri�dicos, centros educativos, portales y cada una de estas especificaciones tienen un formato para poder categorizarlos. La estructura del sitio web se ha subdivido en:

 

• Estructura f�sica: La estructura f�sica es la parte donde se almacena la informaci�n, se debe evitar colocar toda la informaci�n en �nico directorio o es la forma de almacenar los elementos de un sitio web. En la estructura f�sica contiene im�genes, videos, informaci�n
• Estructura l�gica: La estructura l�gica son agrupaciones jer�rquicas de p�ginas y secciones, es donde se estructura el contenido que se presentar� al visitante. Enfatiza (Desongles C., Ponce C., Garz�n V., Sampalo de la Torre, & Martos N., 2006) En la estructura del sitio web depender� del contenido que desea publicar, esto depende de qu� tipo informaci�n mostrar� la empresa, existen tipos de estructuras que pueden ser combinadas dependiendo del modelo que desee estructurar.

 

Arquitectura en Tecnolog�a de la Informaci�n

Se puede organizar y clasificar en algunos tipos de arquitectura en el �rea de tecnolog�a de la informaci�n existen roles que nos permiten relacionarlos con la Arquitectura dividiendo en arquitectos de: sistemas, datos, redes, software y web.

de (Castillo S. & Navarro H., Comercio electr�nico y aspectos pr�cticos de Implementaci�n con Magento, 2015) no muestra que las competencias son:

• Dise�o de la interfaz: Es la parte visual que contiene estructura de contenidos, considerando dise�o gr�fico, usabilidad y la experiencia del usuario, teniendo el conocimiento de DOM, CSS, HTML5, est�ndares Web entre otros.
• Dise�o e implementaci�n l�gica: es la planeaci�n y dise�o usando como medio los lenguajes de programaci�n, son la parte de las funciones y proceso de datos, resultados, calculo, dise�o y ejecuci�n de algoritmos.
• Dise�o de la arquitectura de la informaci�n: Es la parte que determina la parte real que estar� expuesto el sitio web la informaci�n almacenada considerando entidades y relaciones, se plantea el uso de la base de datos.

La arquitectura de un sitio web ser� la estructura del contenido de un sitio web, se debe considerar pasos sencillos, debe tener contenido que cubran al usuario en tiempo real las necesidades de �ste, realizar un bosquejo del sitio web, un mapa del sito, diagrama que indique las p�ginas y niveles, es importante considerar la identificaci�n de palabras claves para atraer a los usuarios entre ellas debe tener relevancia, competencia. La arquitectura web puede ser considerad como modelo cliente-servidor siendo �ste un modelo de aplicaci�n distribuye tareas que reparte entre los proveedores de recursos o servicios, se pueden llamar servidores de los servicios o recursos.

 

CMS (Content management System)

Indica (E�to-Brun, 2014) El sistema de gesti�n de contenido es un programa desarrollado para que cualquier persona pueda gestionar y administrar contenido de una web sin conocimientos de programaci�n. Un CMS es una herramienta que nos permite administrar en un que son: crear, clasificar y publicar contenidos en un sitio por un medio digital. Algunos son libres y otras pagadas

Ventajas	Funciones
Se puede realizar cambios sin necesidad de cambiar el formato de todo el contenido. Permite manipular el contenido y el dise�o de p�gina web, Se evita contenido duplicado, contenido hu�rfano �stos consisten en los archivos que se quedan y los enlaces rotos que apuntan a sitios y ya no existen en el servidor	Crea y administra los contenidos Publica los contenidos Organiza la presentaci�n

Fuente: elaboraci�n propia.

 

Plataformas en CMS

Seg�n (Castillo S. & Navarro H., 2015) Presenta los CMS m�s utilizados en un e-commerce. Los autores describen a Magento, WooCommerce, Shopify, Drupal, WordPress entre los m�s utilizados para la comercializaci�n de productos o servicios. Luego del an�lisis se decide seleccionar a Magento Open Source se encuentra clasificada como uno de los mejores gestores de contenido para comercializaci�n de productos que es el e-commerce.

Se recomienda elegir una arquitectura web plana, nos quiere decir que no tenga m�s de tres niveles de profundidad (nivel 0 inicio del sitio web, nivel 1 productos, nivel 2 pedidos) cuanto m�s sencillo encuentre el usuario su producto, mayor probabilidad de realizar sus pedidos. Quien conoce las necesidades del sitio web desde Front-End es el cliente, por eso se debe escuchar y entender lo que manifiesta, Servidor web, comparaci�n de interfaces. Seg�n (Ionos, 2019) Los gestores de contenido m�s utilizados a nivel mundial son los de la siguiente imagen predomina WordPress con 18 millones de p�ginas aproximadamente.

 

 

Plantillas

Conocidos como temas o plantillas, son la presentaci�n dise�o y estructura del sitio web. Como ense�a�(Ollero, 2014) dentro de las plantillas es importante la interactividad con los usuarios y la manera de hacerlos es por medio de formularios que dentro de ellos el usuario son quienes realizar�n el relleno de informaci�n, existir� diversidad de resultados de acuerdo como se plante� los formularios que pueden tener im�genes, datos personales, informaci�n laboral, profesional, etc., para enviar aquellos datos se necesitar� de un servidor para conectarse con la base de datos que en lo posterior podr� ser guardada.

 

Dise�o Responsive

El dise�o Responsive en una p�gina o sitio web es una t�cnica de dise�o web que utiliza y se adapta buscando la correcta visualizaci�n en distintos dispositivos smartphones, tablets, iPads, computadores. El dise�o web responsive (adaptativo) o dise�o web multidispositivo consiste en colocar los elementos de la web de forma que se adaptan al ancho de cada dispositivo que permite de forma correcta la visualizaci�n, mejorando la experiencia del usuario porque los contenidos (layoust) e im�genes son fluido utilizando c�digo de CSS3, reduciendo el tiempo de desarrollo evitando contenidos duplicados. Brindado al usuario contenidos y experiencia lo m�s parecido a las aplicaciones m�viles (app) y pudiendo haber cambios servidos en funci�n al dispositivo. Siendo en la actualidad denominada como mejor practica de Dise�o Web.

Menciona (�ngel Cobo, 2005) Internet ha jugado un papel esencial en la expansi�n de la denominada corriente open Source. Los defensores de esta corriente defienden el desarrollo de aplicaciones inform�ticas y su distribuci�n libre, de forma gratuita; pero no solo eso, sino que tambi�n ponen a disposici�n de los usuarios el c�digo fuente de los programas desarrollados. Se trata, en definitiva, de que los usuarios puedan utilizar los programas sin ninguna restricci�n y puedan conocer si desean su funcionamiento interno. Por esta raz�n se utiliza c�digo libre en el desarrollo del sitio web.

Para el trabajo se ha utilizado una recopilaci�n de informaci�n en los procesos de identificar, dise�ar, desarrollar, elaborar pruebas; de c�mo solucionar la problem�tica considerando varios aspectos personas, estructura organizacional, reglas, actividades, componentes de software, modelo, herramientas y requisitos a utilizar dando como resultado un sitio web y que se desarrollar� gradualmente con las siguientes fases teniendo un principio y un fin. Existen varios lenguajes para crear sitios web, para el desarrollo se seleccion� HTML5 primero se debe hacer una distinci�n en tecnolog�a Front-End son las que trabajan y funcionan del lado del cliente y tecnolog�a Back-End son aquellas que operan y funcionan del lado de los servidores. En funci�n del Framework se permite el desarrollo en gran escala.

 

Ventajas y desventajas de utilizar un Dise�o Responsive

De acuerdo con el estudio realizado se puede identificar las ventajas al desarrollar un sitio web utilizando dise�o Responsive, al crear un sitio web se puede modificar, realizar cambios, actualizar nos permite tener un s�lo URL del sitio web y pueden acceder r�pidamente, f�cilmente sin redireccionarlos.

Ventajas:

• Tener un sitio web que permite navegar de forma sencilla, buena experiencia para el usuario y que funciona en cualquier dispositivo.
• Teniendo un �nico URL utilizando dise�o responsive se ahorra dinero y tiempo porque no se debe estar dise�ando para distintos tipos de dispositivos obteniendo resultados favorables.

Desventajas:

• Se debe considerar que necesita tiempo y conocimientos para que pueda tener un buen aspecto y resultado al usuario desde cualquier tipo de plataforma considerando complejo de dise�ar.
• La carga de im�genes y contenido puede ser un poco lenta cuando se optimiza por la sobre carga de informaci�n y dependiendo del dispositivo podr� estar o no visible, y lo que necesita el usuario resulta de mucha espera sin encontrar lo que buscan.

 

HTML5

HTML5 significa Hyper Text Markup Language, versi�n 5, �ste lenguaje nos ofrece una diversidad de herramientas, lo que me permite dise�ar sitios y aplicaciones web que superen las expectativas de los usuarios, lo que proporcionara una gran experiencia, con su uso se obtiene un c�digo m�s limpio y ordenado el cual ayuda al momento de hacer modificaciones al sitio web; tiene compatibilidad con todos los navegadores web, adem�s cabe mencionar que esta optimizado para dispositivos m�viles con lo cual se podr� llevar a cabo proyectos responsivos para cualquier dispositivo.

Seg�n (Gauchat, 2012) HTML utiliza un lenguaje de etiquetas para crear sitios web. LAs etiquetas HTML son palabras clave y atributos rodeados del signo mayor que y menor que: �<html Lang="es"> indica que hay una mejora en el lenguaje de HTML a HTML5 que permite sean p�gina y sitios web m�s din�micas de f�cil acceso y uso.

HTML5 propone est�ndares para cada aspecto de la web involucrando nueva tecnolog�a y tambi�n un prop�sito claro para cada una de las tecnolog�as involucradas, HTML provee los elementos estructurales, CSS se centra� dejar una estructura utilizable y atractiva a la vista, y JavaScript tiene todo el poder necesario para proveer dinamismo y construir aplicaciones web completamente funcionales.�(Gauchat, 2012).

�Las mejores tiendas en l�nea por sus diferentes tipos de sitios web, dise�os y sobre todo seguridad en ventas son las siguientes: Alibaba, Amazon, Ebay, Tencent, Rakuten��(wiboomedia, 2019). De acuerdo con la investigaci�n realizada existen muchas tiendas en l�nea, sitios de construcci�n de forma gratuita por un tiempo limitado o luego pagar por el servicio ofrecido, tambi�n hay herramientas para crear sitios web din�micos ofreciendo al desarrollador plantillas predise�adas para que elijan y puedan modificarlas seg�n las necesidades de cada uno.

La importancia del dise�o responsive se puede decir que la mayor�a de las personas navegan a trav�s de los dispositivos m�viles, por tal raz�n se debe considerar un punto importante en el momento de dise�ar y desarrollar un sitio web. En la actualidad existen muchos sitios web y herramientas que facilitan a las personas crear p�ginas web, aunque no posean conocimiento de programaci�n web. Se considera importante la reutilizaci�n de un sitio web existente de acuerdo con la necesidad de la empresa. En el estudio de los sitios web de pedidos se presentan limitaciones en codificaci�n, almacenamiento, la informaci�n no es confidencial, en la investigaci�n.

Para el desarrollo de la programaci�n del sitio web considero importante la reutilizaci�n de una plantilla de e-commerce para la herramienta Magento open source. Teniendo en cuenta a (VODAFONE, 2019) considera que en la actualidad existen plataforma y sitios web que facilitan a crear tiendas gratuitas o de pago entre ellas est�n WooComerce, PrestaShop, Magento, Shopify, entre otros. Muchas p�ginas web permiten crear sitios web para pedidos de varios tipos entre las principales las de comida y reservaciones entre los m�s relevantes son los siguientes:

• Wix: https://es.wix.com/restaurant/website
• Jimdo: https://es.jimdo.com/pagina-web/tienda-online/
• Emiweb: https://www.emiweb.es/paginas/presentacion/tienda-online/
• Bigcommerce: https://www.bigcommerce.com

Estos sitios web ayudan a crear tiendas online o p�ginas web, algunas tienen limitaciones de pago, almacenaje, cobro de comisiones, el usuario elige seg�n los requisitos de la necesidad.

 

Open Source Software

Nos indica (Free Software Foundation, 20019) Open Source Software o Programa de c�digo abierto, Software libre no es cuesti�n de que no tiene costo o precio es de libertad. Se debe comprender como concepto que podemos pensar de forma libre recordando que se tiene libertad de Expresi�n y no como resaltar como algo gratis. Es respetar la libertad de usuarios y comunidad de que puedan y tengan libertad de copiar, distribuir, modificar, ejecutar, estudiar el software. Quiere decir que cuando un software no puede controlar un usuario el programa no es libre queriendo decir que es privativo.

Identificar el termino libre porque puede existir ambig�edad, confundir como gratis porque no tiene valor monetario para descargar o utilizarlo. Quiere decir que el software es distribuido, pero el c�digo fuente no est� disponible, considerando que existen software distribuidos con licencias restrictivas. El software libre nos permite ejecutar el programa, nos da la libertad de estudiar c�mo funciona, adaptar de acuerdo con la necesidad, quiz�s en algunos de poder obtener el c�digo fuente.

Es importante destacar que el software libre viene con licencia que pueden tener las siguientes restricciones como: prohibir el uso para comercializarlo, pueden discriminar licencias a individuos, redistribuir las mejoras, la libertad de redistribuir para beneficio de la comunidad, y si lo permite lanzar mejoras del programa.

 

Software de aplicaci�n

Seg�n (Pressman R. S., 2010). Son programas que resuelven las necesidades del comercio, se procesan datos comerciales que facilitan la toma de decisiones administrativas o t�cnicas, operaciones de negocios. Se utiliza para controlar funciones en tiempo real del comercio como por ejemplo en la producci�n de un producto, en puntos de ventas.

 

 

Patr�n MVC

El modelo de Vista controlador (Model-View-Controller o Modelo-Vista-Controlador) se establece como patr�n de arquitectura de software separando en tres componentes distintos: los datos de la aplicaci�n, interfaz de usuario y l�gica de control. Se resume que se tiene separado la interfaz del usuario y los datos del Sitio Web para ser un sitio Web m�s robusto pudiendo dar facilidad al mantenimiento y reutilizaci�n de c�digo trabajando con otras librer�as como PDO. La Mayor�a de frameworks actuales utilizan MVC. Es una arquitectura importante porque se utiliza en sistemas empresariales y en componentes gr�ficos.

Seg�n (Andaluc�a, 2019) �MVC viene de Model, View, Controller, o bien: Modelo, Vista y Controlador. La idea b�sica de este patr�n es separar nuestros sistemas en tres capas, el Modelo, la Vista y el Controlador.

�

JavaScript

Seg�n (Pluralsight, 2019) Mediante el uso de este lenguaje de programaci�n hacemos que el sitio web sea din�mico incluyo efectos visuales y sencillos, adem�s nos permite manipular datos y hace que la aplicaci�n use poca memoria y su tiempo de carga sea r�pido.

 

Plantilla Admin LTE

La plantilla AdminLTE es un panel de administraci�n basado en Bootstrap y es desarrollado, mantenido por el estudio Almsaeed, �ste es una soluci�n de c�digo abierto, nos permite a los desarrolladores un dise�o modular que facilita crear y personalizar de manera sencilla. Mediante esta plantilla se va creando la interfaz del usuario tanto para la parte Front-end como el Back-end.

 

JQuery

Es una librer�a de JavaScript de c�digo abierto, minimiza el tiempo de programar en JavaScript y permite agregar interactividad al proyecto en el desarrollo de este sitio web. Basados en esta librer�a ayuda a resolver escenarios concretos dentro del maquetado del sitio, por ejemplo: desarrollar un men� responsive, una galer�a de fotos atractiva, un carrusel de im�genes, b�squedas incrementales, una serie de efectos y ayudas extras que nos ahorran mucho tiempo de desarrollo.

 

 

Ajax

Es una t�cnica de desarrollo web que permite realizar una comunicaci�n asincr�nica entre el cliente y el servidor. Por medio de Ajax, las tareas que se realizan desde el lado del servidor, nos evitan una recarga innecesaria de la p�gina porque las consultas a la base de datos pueden ejecutarse desde el lado del cliente, brindando la navegaci�n m�s r�pida.

2.25. MySQL

Es un sistema de base de datos relacional muy conocido siendo de los m�s usados en el desarrollo de aplicaciones y sitios webs, nos brinda un conjunto de ventajas que me permiti� elegir para la realizaci�n de este sitio web; es una base de datos gratuita, al ser de c�digo abierto (libre), no tiene coste, evitando el gasto de pago de licencias, facilita una curva de aprendizaje muy r�pida, su rendimiento es excelente sin agregarle funcionalidades avanzadas, usa varias capas de seguridad, utiliza pocos recursos de RAM y CPU, excelente integraci�n con PHP.

 

PHP

El PHP (Hypertext Preprocessor) es un lenguaje de alto nivel, interpretado, embebido en p�ginas HTML y ejecutado en el servidor. PHP se inici� como una modificaci�n a Perl escrita por Rasmus Lerdorf a finales de 1994. Su primer uso fue el de mantener un control sobre quien visitaba su curr�culo en su web. En los siguientes tres a�os, se fue convirtiendo en lo que se conoce como PHP/FI 2.0. Esta forma de programar llego a muchos usuarios, pero el lenguaje no tomo el peso actual hasta que Zeev Surasky y Andi Gutmans le incluyeron nuevas caracter�sticas en 1997, que dio por resultado el PHP 3.0�(Pelissier, 2019)

PHP es un lenguaje de programaci�n muy popular y utilizado especialmente para el desarrollo web, que interact�a f�cilmente con la mayor�a de motores de base de datos tales como MySQL, MS SQL, Oracle, Informix, PostgreSQL, y otros muchos; es muy r�pido al ser utilizado como un m�dulo del servidor web apache, es un lenguaje Open Source, en el cual se tiene una gran comunidad que permiten ayudar ante cualquier error o problema que se suscite durante cualquier proyecto en mi caso para el desarrollo del sitio web; por todos estos beneficios la decisi�n de utilizar este lenguaje y seg�n estad�sticas es el m�s usado en el desarrollo web.

La creaci�n del Sitio Web est� desarrollada en programaci�n orientada a objetos en el cual he realizado modificaciones de acuerdo con las necesidades de la empresa Gramon por lo cual detallo como fui insertando las tecnolog�as mencionadas. El sitio Web ha tenido las siguientes ventajas al utilizar programaci�n orientada objetos. La biblioteca multiplataforma o herramienta Bootstrap en el sitio web ayuda a tener un ambiente agradable al usuario final, por sus iconos desplegables combinando HTML5, CSS y JavaScript creando un dise�o adaptable a cualquier dispositivo y tama�o de pantalla, permitiendo maquetar de forma f�cil, por lo que permite configurar en c�digo abierto utilizando de forma gratuita, cargando el sitio web de forma r�pida, fluida e intuitiva.

 

Bootstrap

La biblioteca multiplataforma o herramienta Bootstrap en el sitio web ayuda a tener un ambiente agradable al usuario final, por sus iconos desplegables combinando HTML5, CSS y JavaScript creando un dise�o adaptable a cualquier dispositivo y tama�o de pantalla, permitiendo maquetar de forma f�cil por lo que permite configurar en c�digo abierto utilizando de forma gratuita, cargando el Sitio Web de forma r�pida, fluida e intuitiva.

2.28. CSS

CSS con sus siglas en ingl�s Cascading Style Sheets (en espa�ol Hojas de estilo en cascada). Con el uso de hojas de estilos puedo modificar la presentaci�n de los elementos sin editar el c�digo HTML, logrando un ahorro significativo de tiempo y esfuerzo, as� el mantenimiento del sitio se logra realizar de una manera m�s sencilla.

 

Usabilidad

Para (Torrente, 2011) Usabilidad: Se desarroll� por el trabajo de Jakob Nielsen, nace del desarrollo web. Hace referencia al aspecto funcional y el otro a los usuarios como podr�n utilizar aquella funcionalidad. De aqu� surge el estudio en la interacci�n persona-ordenador para que pueda estar c�modo el usuario en usar un software determinado, de manera sencilla y f�cil.

 

Accesibilidad

(Fern�ndez Casado, 2018), la accesibilidad se refiere a que se tiene f�cil acceso permitiendo navegar, se refiere a normas de dise�o que facilita a todo tipo de usuarios con o sin discapacidad entender, navegar e interactuar con una interfaz. Se puede decir que es un conjunto de recursos, recomendaciones, estrategias permiten que la web sea o no accesible, considerando fuente, tama�os porque existen personas con discapacidades auditivas y/o visuales, permitiendo a tener acceso a sitios web para las personas con capacidades limitadas.

Con el estudio realizado se puede dar� un an�lisis, En la actualidad la tecnolog�a cada vez nos facilita todo y no se queda la comercializaci�n, comunicaci�n y �servicios, es importante recalcar que mediante el estudio de campo me permiti� revisar, conocer la diversidad que existe para la creaci�n de sitios� web para e-commerce e incluso sin la prioridad de programar, sin olvidar que existe modelos, tecnolog�a que nos ayudan a mejorar la construcci�n de un sitio web por aquella raz�n eleg� como herramienta Magento open Source, MySQL,� con la tecnolog�a design responsive, PHP, JQuery, Bootstrap, JavaScript, HTML5, que en los siguientes cap�tulos explico detalladamente

 

Conclusiones

Al realizar el estudio se puede concluir que, por la diversidad de tiendas on-line existentes en la actualidad, es importante conocer cu�les son las mejores alternativas para el desarrollo de un sitio web con gestores de contenido, en la actualidad son los m�s ejecutados para la construcci�n del sitio web, el cliente de acuerdo con sus necesidades optar� por elegir el de mayor rendimiento para s empresa.

En el estudio de campo es de tal importancia los gestores de contenido, se puede indicar que es una de las herramientas m�s utilizada para el e-commerce por su potencialidad de organizaci�n y administrador de informaci�n, aunque se tiene desventajas en algunos por su costos, es la tendencia, d�a a d�a ofertan nuevas versiones, siempre para facilidad del cliente, los CMS en versi�n gratuita tiene una peque�a desventaja al momento de desarrollar que es que no cuentan con todas las caracter�sticas, limitando en ciertos procesos.

 

Referencias

Andaluc�a, M. d. (30 de 05 de 2019). Marco de Desarrollo de la Junta de Andaluc�a. Obtenido de http://www.juntadeandalucia.es/servicios/madeja/contenido/recurso/257

�ngel Cobo, P. G. (2005). PHP y MySQL Tecnolog�as para el desarrollo de aplicaciones web. En P. G. �ngel Cobo, PHP y MySQL Tecnolog�as para el desarrollo de aplicaciones web (p�g. 2). Santander: Ediciones D�az de Santos.

Castillo S., J. L., & Navarro H., M. �. (2015). Comercio electr�nico y aspectos pr�cticos de Implementaci�n con Magento. En J. L. Castillo S., & M. �. Navarro H., Comercio electr�nico y aspectos pr�cticos de Implementaci�n con Magento (p�gs. 19-43). Alcal� de Henares: Universidad de Alcal�-Servicio de publicaciones- Cimapress.

Castillo S., J. L., & Navarro H., M. A. (2015). Comercio electr�nico y asprectos pr�cticos de implementaci�n con Magento. En J. L. Castillo S., & M. A. Navarro H., Comercio electr�nico y asprectos pr�cticos de implementaci�n con Magento (p�gs. 248-255). �lcala de Hernares: Universidad de �lcala.

Desongles C., J., Ponce C., E. A., Garz�n V., M. L., Sampalo de la Torre, M. d., & Martos N., F. (2006). T�cnicos de Soporte Inform�tico. En J. Desongles C., E. A. Ponce C., M. L. Garz�n V., M. d. Sampalo de la Torre, & F. Martos N., T�cnicos de Soporte Inform�tico (p�gs. 342-343). Sevilla: Mad, D.L.

E�to-Brun, R. (2014). Gesti�n de contenidos. En R. E�to-Brun, Gesti�n de contenidos (p�gs. 17-20). 10: UOC.

El gran libro del Comercio Electronico. (2016). En M. Masclans, M. Picazo, M. Rodr�guez, R. Alejandro, A. Fueyo, & M. Panera, El gran libro del Comercio Electronico (p�gs. 8-20). Madrid, Espa�a: Publixed. Recuperado el 05 de 08 de 2019, de http://observatorioecommerce

Fern�ndez Casado, P. E. (2018). Usabilidad Web Teor�a y Uso. En P. E. Fern�ndez Casado, Usabilidad Web Teor�a y Uso (p�gs. 160-180). Madrid: RA-MA Editorial.

Fischer, M. (2017). Website Boosting, optimiza los buscadores, Usabilidad y Marketing Web. En M. Fischer, Website Boosting, optimiza los buscadores, Usabilidad y Marketing Web (p�gs. 213-260). Madrid: marcombo ediciones t�cnicas.

Free Software Foundation, I. (21 de 03 de 20019). Sistema operativo GNU, 1.153. Recuperado el 03 de 06 de 2019, de Sistema operativo GNU.

Gallego, J. A. (2011). Desarrollo Web con PHP y MySQL. Madrid: EDICIONES ANAYA MULTIMEDIA .

Gauchat, J. D. (2012). El gran libro de HTML5, CSS3 y Javascrip. En J. D. Gauchat, El gran libro de HTML5, CSS3 y Javascrip (p�g. 712). Barcelona, Espa�a: Ediciones t�cnicas Marcombo.

Ionos. (20 de 07 de 2019). Digital Guide Ionos. Digital Guide Ionos.

Mart�nez Rol�n, X. (2019). Dise�o de P�ginas Web. En X. Mart�nez Rol�n, Dise�o de P�ginas Web (p�gs. 30-41). Barcelona: UOC.

Masclans, M., Rodr�guez, M., Ram�rez, A., Gracia, M., Panera, M., Zafra, D., . . . Garc�a del Poyo, R. (2016). El Gran Libro del comercio electrr�nico. En M. Masclans, M. Rodr�guez, A. Ram�rez, M. Gracia, M. Panera, D. Zafra, . . . R. Garc�a del Poyo, El Gran Libro del comercio electrr�nico (p�gs. 149-160). Madrid: edici�n Publixed .

Ollero, C. (2014). Elaboraci�n de plantillas y formularios. Madrid, Espa�a: EDITORIAL CEP S.L.

Osorio R., F. L. (2008). Base de datos Relacionales teor�a y pr�ctica. En F. L. Osorio R., Base de datos Relacionales teor�a y pr�ctica (p�gs. 13-25). Medellin : Editorial Instituto Tecnol�gico Metropolitano.

Pelissier, C. (26 de 05 de 2019). Programaci�n en PHP. Obtenido de Profesores: ttp://profesores.elo.utfsm.cl/~agv/elo330/2s02/projects/pelissier/informe.html

Pluralsight. (03 de 08 de 2019). JS JavaScript. Obtenido de JS JavaScript: https://www.javascript.com/

Pressman, R. S. (2010). Ingenier�a del Software. Un enfoque pr�ctico (S�ptima ed.). M�xico: Mc Graw Hill.

Pressman, R. S. (2012). Ingenier�a del software, un enfoque pr�ctico. En R. S. Pressman, Ingenier�a del software, un enfoque pr�ctico (p�gs. 265-270). M�xico: Mc Graw Hill Educaci�n.

Rafael, C. P., & Wilson, N. B. (2017). Dise�o de Base de datos. En C. P. Rafael, & N. B. Wilson, Dise�o de Base de datos (p�gs. 18-20). Barranquilla: Universidad del Norte.

Ramos Mart�n, A., & Ramos Mart�n, M. J. (2014). Aplicaciones Web. Madrid, Espa�a: Paraninfo, SA.

S�nchez, G. (20 de 05 de 2019). Problem�tica . (C. Loaiza, Entrevistador)

Soria A., A. F., & Osterling L., M. (2015). Contratos modernos: elementos esenciales y reglas aplicables para acuerdos comerciales. En A. F. Soria A., & M. Osterling L., Contratos modernos: elementos esenciales y reglas aplicables para acuerdos comerciales (p�gs. 217-250). Lima: Universidad Peruana de Ciencias Aplicadas (UPC).

Torrente, S. (2011). Sistema de evaluaci�n de la usabilidad Web orientado al usuario y basado en la determinaci�n de tareas cr�ticas.

Vera M., J. M., L�pez S., M., Granada, D., Irraz�bal, E., & Jim�nes H., J. J. (2014). Desarrollo web en entorno cliente. En J. M. Vera M., M. L�pez S., D. Granada, E. Irraz�bal, & J. J. Jim�nez H., Desarrollo web en entorno cliente (p�gs. 200-210). Madrid: RA-MA S..A.

VODAFONE. (12 de 05 de 2019). Ideas para tu empresa.

wiboomedia. (28 de 04 de 2019). Wiboo. Obtenido de Wiboomedia: Las mejores tiendas en l�nea por sus diferentes tipos de sitios web, dise�os y sobre todo seguridad en ventas son las siguientes: Alibaba, Amazon, Ebay, Tencent, Rakuten

Xabier, M. R., & Tellado, F. (2019). Dise�o de p�ginas web. En M. R. Xabier, & F. Tellado, Dise�o de p�ginas web (p�gs. 21-30). Barcelona: UOC.

 

 

 

 

 

 

 

 

 

 

 

 

 

� 2023 por los autores. Este art�culo es de acceso abierto y distribuido seg�n los t�rminos y condiciones de la licencia Creative Commons Atribuci�n-NoComercial-CompartirIgual 4.0 Internacional (CC BY-NC-SA 4.0)

(https://creativecommons.org/licenses/by-nc-sa/4.0/).