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

 

 

Uso de metodolog�a IDEAL para el an�lisis de datos en la resoluci�n de problemas en un sitio web

 

Use of IDEAL methodology for data analysis in solving problems on a website

 

Utiliza��o da metodologia IDEAL para an�lise de dados na resolu��o de problemas em um site

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

Correspondencia: loaizacecibel@gmail.com

 

 

 

Ciencias de la Computaci�n

Art�culo de Investigaci�n

��

* Recibido: 23 de julio de 2023 *Aceptado: 20 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: Sistema Web CMS; HTML; PHP; JavaScript JS; E-commerce.

 

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

Objetivos del estudio

• Desarrollar un sitio web mediante Magento open source abierto, dise�o responsive con la arquitectura basada en capas de modelo vista controlador para la optimizaci�n del proceso de pedidos a los clientes de la empresa Semi-joyas Gramon
• Analizar los sitios web open source que permiten reutilizar su c�digo fuente.
• 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.
• Elaborar un men� donde se muestre categor�as por productos, clientes por mayor y menor para distinguir los precios preferenciales de los productos.
• Establecer el lenguaje de codificaci�n del lado del cliente, del servidor y del servidor de la base de datos.
• Realizar pruebas de funcionamiento.
• Recopilar la informaci�n mediante las pruebas de usabilidad para la mejora del sitio web.

 

Metodolog�a��

Es importante identificar cuando se crea un sitio web para, conocido como ecommerce, se considera el uso de una modelo para la toma de decisiones e identificar las funcionalidades, requerimiento y como trabaja la empresa, considerando las necesidades, �qu� se tiene?, adaptarse, marketing digital y el an�lisis. (El gran libro del Comercio Electr�nico, 2016)

Para el trabajo de fin de m�ster del desarrollo de un sitio web responsive de pedidos para la empresa Gramon, se utiliza la modelo en espiral con fases de desarrollo de sitios web se detalla las fases. En la actualidad se desarrolla los sitios web con la interacci�n del usuario, de esta manera est� en constante actividad utilizando navegadores en los diferentes tipos de dispositivos que nos permiten comunicarnos y trabajar por medio de Internet, como herramientas que obliga a los desarrolladores a implementar nuevo c�digo adaptativo a diferentes tipos de dispositivos.��

• Fase de an�lisis se considera la especificaci�n de requisitos del sitio web especificando los funcionales y no funcionales. Se considera el diagrama entidad-relaci�n, realizar� un estudio de los casos de uso de los actores que intervienen en el sitio web entre los casos son para el administrador web y usuario web. se realiz� un grupo de preguntas objetivas de interrogantes que permiten aclarar de forma b�sica las expectativas, al recopilar la informaci�n se encontr� la problem�tica para poder determinar los objetivos que pueda medirse la efectividad �ste ciclo pretende elaborar los objetivos como el rendimiento y funcionalidad.
• Fase de dise�o en esta fase es la estructura del desarrollo del sitio web considerando que se dise�ar� por medio de unos wireframes (es el esquema, la parte gr�fica que representa un sitio web y el comportamiento que tendr� en el sitio, quiere decir el boceto de la estructura y jerarqu�a del sitio web) en la capa de presentaci�n, luego se considera el esquema l�gico que ser�a la capa de persistencia, se desarrolla el estudio realizando un control con un diagrama presentando la capa l�gica.
• Fase de implementaci�n, explico que utilizo en el de desarrollo del TFM, nos permite verificar y aplicar la estructura de ficheros y dependencias, la tecnolog�a y software en la cual se ha desarrollado, cumpliendo los objetivos planteados, al identificar la problem�tica, se propone posibles alternativas existentes, identificando y evaluando los riesgos potenciales, se da a conocer la competencia existente en e-commerce se considera el requerimiento de un sitio web para pedidos de su producto, investigando como aumentar las ventas, ofrecer servicios personalizados, publicitar; resaltando la importancia de potenciar el sitio web, informando los posibles riesgos ante la problem�tica presentada.
• Fase de Pruebas en �sta �ltima fase nos permite identificar los errores que presente el sitio web, el comportamiento del desarrollo utilizando normas standard, pruebas de uso de la web, visualizaci�n de navegadores. con todos los resultados obtenidos de las fases anteriores se procede revisar los resultados de las pruebas para decidir si debe continuar. Si no resulta favorable, se debe identificar el proceso que deba corregir y obtener como resultado el sitio web para pedidos. El modelo seleccionado durante el proceso del TFM, ha guiado las fases para la construcci�n considerando todos los riesgos que siempre se presentan en el desarrollo de un sitio web o desarrollo de software.

 

Desarrollo

En este apartado se procede a detallar las fases del desarrollo del sitio web para pedidos en la empresa Gramon, se espera lo que la mayor�a de los sitios web desea alcanzar, poder administrar de forma sencilla y f�cil por medio de la interfaz de administraci�n, ampl�an las perspectivas de mercado, convertir en incremento de crecimiento en pedidos, credibilidad y poder recibir un mayor n�mero de visitantes. La propuesta de crear un sitio web para la empresa Gramon es que permita optimizar el proceso de pedidos y recursos pretendiendo resolver la problem�tica mediante la incorporaci�n de herramientas tecnol�gicas, al implementarlo el sitio web se puede citar las siguientes ventajas:

• Accesibilidad
• Rapidez
• Reducci�n de recursos

En el proceso del desarrollo del sitio web existen una variedad de combinaciones de factores que suelen dificultar el avance de la construcci�n del sitio web. En la arquitectura de ejecuci�n es importante destacar que cada sitio web tiene su propia manera de interactuar con el usuario.

 

Propuesta�����

La propuesta se realiza en un ambiente web, se desarrolla mediante el gestor de contenidos Magento Community Edition conocido como Magento 2 Open Source plataforma de comercio electr�nico de c�digo abierto, esta plataforma se desarrolla sobre Zend Framework� ofrece gran rendimiento y robusta implementaci�n utilizando como patr�n� de arquitectura Modelo Vista Controlador (MVC) PHP del lado del servidor, tecnolog�as como HTML, JScript, Bootstrap, CSS3 del lado del cliente, MySQL en la base de datos dividiendo en BACK-END, FRONT-END posee dise�o optimizado para SEO, buena escalabilidad.

El sitio web de la empresa es para realizar pedidos de productos, no realiza ventas en l�nea. Al tener identificado los requisitos se procede a planificar y organizar como se desarroll� el sitio web. Como producto final es importante valorar la versatilidad, rapidez, facilidad de uso, navegabilidad.� Las tecnolog�as utilizadas en el desarrollado es un sitio web responsive, Presentados los requisitos Detallo el personal involucrado constando como participantes en el desarrollo son: Due�a, administrador, desarrolladora, clientes.

 

Identificaci�n de requisitos

Con esta problem�tica se tiene la necesidad de crear un sitio web para la empresa y �sta debe clasificar al tipo de cliente, si es por mayor o menor, tiene un descuento especial el cliente por mayor para que pueda volver a comercializarlo. En las distintas reuniones mantenido con el administrador y due�a- de la empresa nos permite el levantamiento e identificaci�n de requisitos para la creaci�n del sitio web de pedidos, es importante describir las caracter�sticas que debe cumplir el sitio web a desarrollar, con el fin de garantizar que se ha cumplido con lo solicitado. Detallo los requisitos del sitio web clasific�ndolos como:

• Requisitos funcionales: Los requisitos funcionales se definen en: �Qu� se debe hacer en el sitio web?, �Qu� va a hacer el sitio web? Con el entorno llamados como cualidades divididas en: cualidades de ejecuci�n y cualidades de evoluci�n.
• Requisitos T�cnicos: Se trata con estos requisitos de garantizar el desarrollo del sitio Web.
• Requisitos no funcionales: En los requisitos no funcionales hace referencia como debe ser el sitio web y sobre las restricciones existente que limitan las selecciones para construir posibles soluciones

 

Descripci�n del sistema software desarrollado

Lo principal del desarrollo del sitio web que se plantea poder realizar pedidos para que pueda incrementar sus ventas detallando los productos y clasificaci�n de clientes que ofrece la empresa dentro del proceso del desarrollo del sitio web que se debe aclarar y definir las expectativas que tiene la empresa entorno al sitio web, para la construcci�n se sigue las fases del desarrollo, se puede adaptar y aplicar en el proceso de desarrollador y cliente poder comprender los riesgos que se pueden presentar ante cada nivel evolutivo dividi�ndose en un n�mero de actividades de marco de trabajo llamados regiones de tareas pueden ser tres o seis regiones:

1)      Comunicaci�n con el cliente: Establece comunicaci�n entre el desarrollador y el cliente

2)      Planificaci�n: Define recursos, tiempo, e informaci�n del desarrollo del sitio web

3)      An�lisis de riesgos: Evaluar los riesgos t�cnicos y gesti�n

4)      Ingenier�a.

5)      Construcci�n y acci�n.

6)      Evaluaci�n del cliente.

Desde el inicio el desarrollo del sitio web se procede a la obtenci�n de requisitos, dise�o, desarrollo y optimizaci�n, una de las caracter�sticas importantes es de que pueden volver a comercializar el producto sin la necesidad de moverse desde la comodidad de su hogar o lugar de trabajo, facilitar el seguimiento de pedidos y productos. El usuario puede utilizar navegadores para encontrar y poder navegar desde cualquier equipo, adem�s podr� ingresar el usuario la informaci�n personal detallada. Se detalla a continuaci�n las fases:

• An�lisis
• Dise�o
• Planificaci�n
• Desarrollo e implementaci�n

1. 4.3. Descripci�n del sitio web

4.3.1. Fases de an�lisis

En la fase del an�lisis se plantea varios gestores de contenido, en la actualidad existen diversos que cumplen con algunas de las caracter�sticas que se requiere para el desarrollo del sitio web, destacando que por diversas limitaciones y caracter�sticas no nos permite� desarrollar el sitio web del TFM presento una tabla comparativa de algunos de los gestores de contenidos actuales que se desarrollan y emplean para la construcci�n de sitios web en e-commerce, cabe recalcar que existen muchos m�s gestores de contenidos.

De las tres opciones presentadas todas cumplen con las caracter�sticas necesarias para el desarrollo del sitio web por su facilidad de uso y soporte de las herramientas se prefiere optar por XAMPP porque tiene las mismas caracter�sticas del servidor de producci�n y ser publicado en el servidor de alojamiento web. An�lisis de necesidades en esta etapa se puede formular el problema de objetivos de la empresa y del usuario, t�cnicas, necesidades del usuario y requisitos de usabilidad para el an�lisis se utiliza la t�cnica de entrevista a la due�a, administrados y usuario, se realiza investigaci�n de campo. La propietaria de la empresa nos indica los siguientes requisitos a desarrollarse:

�         Sitio Web f�cil de navegar.

�         Los clientes son clasificados: por mayor y menor.

�         Los precios de producto en los pedidos son de acuerdo con tipo de cliente.

�         Existen art�culos por categor�as.

�         Art�culos con im�genes de tama�o normal (no peque�os).

Con los requisitos de la due�a de la empresa, se genera un listado de requisitos para el sitio web para pedidos se presenta en el siguiente orden. En el an�lisis de estudio de campo revisado se propone utilizar tecnolog�a y frameworks.

4.3.2. Diagrama de actividades propuesta en UML

Empieza por la recolecci�n de informaci�n de los usuarios y desarrolladora mencionare algunos, se obtuvo informaci�n de las diversas entrevistas, Brainstorming conocido como tormenta de ideas en las reuniones los participantes muestran su idea de forma libre, casos de uso que tambi�n se utiliza como t�cnica de definici�n de requisitos, la ilustraci�n 9 muestra las actividades que realiza los usuarios, clientes y desarrolladora, a partir de la recolecci�n informaci�n se puede definir los requisitos, se procede a validar los requisitos y empezar a establecer los requisitos.

• Casos de uso BACK-END: Se requiere de interfaz se procesa capa de acceso a datos del sitio web, accede al servidor, se entiende como solicita las cosas el navegador, no necesariamente es accesible a los usuarios.
• Casos de uso FRONT-END: Es la parte desde el sitio web que puede directamente acceder, la tecnolog�a de dise�o permite en el navegador poder interactuar. Son los que se desprenden una variedad de frameworks para que se pueda crear la interfaz con el usuario se utiliz� la recopilaci�n de informaci�n con la t�cnica de la entrevista, Brainstorming

 

 

 

 

 

Fase de dise�o

En la etapa del dise�o se empieza a dar forma, se define los elementos del sitio, toda informaci�n que se recopilo en la primera fase, tomando en consideraci�n los objetivos que se plantearon, se revisa constantemente hasta que se pueda valorar en forma definitiva, el dise�o de la estructura l�gica, para el desarrollo se utiliza a Magento es un gestor de contenidos,� se considera la navegabilidad debe dise�arse que sea f�cilmente navegable desplaz�ndose por todas las p�ginas que componen el sitio web, usabilidad se refiere al tiempo, esfuerzo del usuario para que se pueda adaptar f�cilmente para lograr la actividad que necesita y accesibilidad que pueda ser vista por el mayor n�mero de visitantes teniendo en cuenta que pueden acceder desde cualquier equipo y diferente navegador, sino se consideran pueden ser factores que impidan al sitio web no poder ver su totalidad.

a)      Diagrama Entidad Relaci�n: El modelo entidad relaci�n conocido como ER, es un modelo de datos que permite cualquier abstracci�n incorporando conocido diagrama entidad-relaci�n. En la imagen se presenta el dise�o de la base de datos a utilizar en el sitio web hace referencia el uso de cada tabla y su relaci�n para establecer la conexi�n y poder almacenar la informaci�n correspondiente de cada tabla.

b)     Bocetos de dise�o Front-end: Font-end es la parte de un sitio web que interact�a con los usuarios, nos permite dise�ar el esquema de las p�ginas, en la siguiente imagen se muestra el dise�o del desarrollo del sitio web;

c)      Bocetos de dise�o Back-end: El boceto del dise�o se refiere al desarrollo por parte del que se conecta a la base de datos y el servidor desea desarrollar en el sitio web, es el bosquejo del dise�o del sitio web.

 

Fase de planificaci�n

Se crea un dise�o funcional que se pueda seleccionar la estructura interna de un sitio web y con wireframe que es una maqueta se podr� representar visualmente la interfaz funcional de usuario.

 

Fase de implementaci�n

Se debe al desarrollo y al contenido combinando la informaci�n que se tiene, se implementan las funcionalidades que har� que funcione para poder cubrir los intereses y necesidades de la empresa. Con los requisitos presentados anteriormente se selecciona los lenguajes de programaci�n, desarrollar el back-end y front-end, base de datos, servidor web. La siguiente lista son la tecnolog�a para utilizar para el desarrollo del sitio web:

• Magento
• Nivel para e-commerce
• Server
• Web server
• Middleware, PHP
• Database, MySQL
• Virtual Private Server (VPS)
• Dedicated server

Se consider� al servidor independiente de plataforma c�digo libre XAMPP que permite instalar Apache de forma sencilla. Citando a (Gallego, 2011). PHP (acr�nimo de Hypertext Preprocessor) es un lenguaje del lado del servidor (esto significa que PHP funciona en un servidor remoto que procesa la sitio Web antes de que sea abierta por el navegador del usuario) especialmente creado para el desarrollo de p�ginas Web din�micas. Puede ser incluido con facilidad dentro del c�digo HTML5, y permite una serie de funcionalidades tan extraordinarias que se ha convertido en el favorito de millones de programadores en todo el mundo

Es un lenguaje eficiente, software libre muy utilizada por grandes desarrolladores que nos permite combinar con la base de datos MySQL.� Se ha implementado en el sitio web lenguaje PHP por ser de c�digo libre y permite crear elementos de la programaci�n orientada a objetos (POO) como son las clases y objetos. El acceso a la aplicaci�n del lado del cliente se muestra en c�digo HTML, por medio de internet y navegador utilizando el protocolo HTTP.

En la arquitectura de Internet un servidor web es un componente importante, estos permiten compartir informaci�n con todos los usuarios en internet. MVC en PHP, implementaci�n del patr�n arquitect�nico Modelo-Vista-Controlador, Servidor Web:

• Pantalla de ingreso al sitio web con autenticaci�n (usuario y clave).
• Si no est� registrado, debe registrarse.
• En el recuadro rojo iniciar sesi�n.

Para el desarrollo del sitio web se trabaja en forma local, contratando el servicio de un proveedor de hosting que soporte los siguientes requisitos:

• Servidor Apache
• Lenguaje PHP versi�n 5 o mayor
• Servidor MySQL y servidor Web

En la actualidad existen programas que cumplen todas estas caracter�sticas en un solo software con un interfaz f�cil de administrar. Se podr�an instalar por separado, teniendo la facilidad de tener un programa. Para la implementaci�n del sitio web, para publicar el sitio web se aloja en un servidor virtual privado (VPS Virtual Private Server) contratando los servicios de hosting en www.digitalocean.com cada servidor puede ser reiniciado de forma independiente, cumple con las caracter�sticas necesarias para el funcionamiento correcto del sitio web.

La condici�n de open source de MySQL hace posible ser la herramienta utilizada para la implementaci�n de la base de datos para el sitio web en desarrollo, al ser c�digo libre se puede modificar con toda la libertad e incluso descargar su c�digo fuente.

En el fase de desarrollo� se aplica todo lo propuesto desde la primera fase que es el an�lisis para poder cumplir a cabalidad, en el desarrollo vamos identificando todos los requisitos, restricciones, modelos, comparaciones de otra aplicaciones y se empieza con la construcci�n del dise�o propuesto para ir desarrollando nuestro propio sitio web para la empresa mencionada Debemos tener� en consideraci�n que existen muchas librer�as para generar PDF. Esta librer�a nos permite realizar listados en este formato.

En este c�digo se muestra todas las hojas de estilo entre las que se desarrolla para facilidad� La codificaci�n est� parte es para mostrar el un nuevo formulario para que ingresen Hace el llamado a un formulario para el precio del art�culo. Ingreso de los precios del art�culo de acuerdo con el tipo de cliente.

• En el archivo global.php se definen las variables globales para la conexi�n a la base de datos.
• El archivo conexi�n.PHP realiza la conexi�n a la base de datos utilizando el comando MSQLI.
  En el archivo header,php� se realiza la llamada de la plantilla diamond y bootstrap que permite al sitio web ser ser responsive permitiendo adaptarse a cualquier tipo de dispositivo que se conecte a internet resultando una p�gina web f�cil uso y agradable al usuario.
• Para el uso de la plantilla diamond se crean dos archivos header.php y footer.php donde se encuentra la estructura HTML que es utilizada en todas las vistas del sitio web, ademas del llamado a los archivos que poseen las hojas de estilo (CSS) con su respectivo men�.
• El sitio web al inicio debe autenticarse el cliente, se trabaja en el lenguaje de programaci�n.
• Se indica adem�s el men� por parte del desarrollador para dise�ar, administrar, editar las necesidades planteadas en el inicio.
• El usuario al momento de ingresar autenticado puede ingresar a todo el men� de pedidos.
• El siguiente formulario indica los datos del usuario y que roles tiene otorgado, se puede modificar si el caso lo amerita.
• El usuario se lo clasifica como cliente por mayor y menor, de acuerdo a la clasificaci�n tendr� precios diferentes.
• En el sitio web tambi�n tenemos el formulario de Art�culos, recordando que se tiene un formulario que indica la categor�a de art�culos variando sus precios.

 

Fase de pruebas

Los est�ndares web cada d�a marcan la diferencia de facilidad de uso, permite que el dise�o sea pr�ctico, que permite a los dise�adores para crear un sitio web �nico que sea posible ir adaptando el dise�o, contenido, visualizaci�n por medio de dispositivos digitales donde es importante la evaluaci�n, es importante realizar en el proceso y al final del desarrollo de un sitio web.

La evaluaci�n de un sitio web debe asegurar que sea f�cil de uso, considerando que el usuario es muy importante, debe tener acceso a lo que se necesita o requiere. La evaluaci�n deber�a cubrir por lo menos una m�nima evaluaci�n de la usabilidad, accesibilidad, as� como de su aplicabilidad para resolver el problema que se puede presentar. Estas evaluaciones suelen realizarse con usuarios expertos o sin experiencia.

Es importante saber que recurso o herramienta utilizar para las validaciones cuando se empieza desarrollar, est� en el proceso, o cuando termina la construcci�n del sitio.

Se detalla algunos elementos que son importantes resaltar que se pueden identificar claramente iconos de color ver significa que acepta y el icono color rojo que rechaza o cancelar, el icono de imagen de papelera que desea eliminar algo de referencia para su uso, flecha izquierda retroceder al paso anterior y flecha a la derecha siguiente paso, este lenguaje preestablecido y aunque no da margen para tener originalidad es fundamental para ofrecer una navegaci�n c�moda. a est�n preestablecidas indica (Fischer, 2017) varias herramientas para evaluar el comportamiento y optimizaci�n de su sitio web.

Accesibilidad

Depende de qui�n desarrolla para poder elaborar mediante una evaluaci�n puede generar ayuda reduciendo tiempo y esfuerzo.� Herramientas web para testear la p�gina web en la actualidad existen muchas herramientas que nos ayudan a mejorar en todo �mbito nuestros sitios web

Tabla. Herramienta para mejorar los sitios

 

Herramientas web para testear la p�gina web en la actualidad existen muchas herramientas que nos ayudan a mejorar en todo �mbito nuestros sitios web.

• SEO: http://seogratis.org

• Nibler: http://nibbler.silktide.com/
• Taw https://www.tawdis.net/index
• Quirktools: http://quirktools.com/
• W3.org: https://validator.w3.org
• Nibbler: http://nibbler.silktide.com

La usabilidad Utilizando la teor�a de Seg�n Jackob Nielsen la usuabilidad se aplica en un sitio web cuando los usuarios pueden interactuar de forma c�moda, f�cil y segura. Existen acciones b�sicas para asegurar la usabilidad web, se considera los diez principios heur�sticos de Jakob Nielsen lo cual recuerda utilizar el lenguaje com�n de nuestros usuarios para que puedan comprender y utilizar, de una manera r�pida y f�cil considerando los h�bitos y necesidades particulares de nuestros usuarios.

 

Resultados de similarweb

La herramienta Wave que se encuentra en la url: http://wave.webaim.org/ en la siguiente imagen se indica los errores presentados en el sitio web el ejemplo de la p�gina de inicio al sitio web. En el panel del lado izquierdo nos muestra los detalles de errores que presenta esa p�gina colocando con iconos para identificarlos en qu� lugar de la p�gina est� equivocado. En la parte derecha del panel nos muestra la p�gina que est� siendo evaluada y nos muestra los iconos en el cual hay que corregir dentro de la p�gina.

 

Validaci�n

Se cre� la siguiente tabla para considerar un peque�o modelo de usabilidad. Sirvi� de modelo para realizar de forma verbal la consulta que nos permiti� verificar el y mejorar proceso de desarrollo del sitio web.

nivel	Control	Relaci�n
Satisfacci�n	Habilidades del usuario	Participaci�n de usuario
	Atracci�n	Existe interacci�n
		Complacencia del usuario con el resultado
	Privacidad	Conexi�n segura
Eficiencia	Velocidad	Tama�o de la p�gina
	Desempe�o humano	Tiempo para completar una tarea
Contenido	Accesibilidad	Present� archivos de descarga
		Idiomas
	Dise�o	Est�tica

 

Conclusiones

• El desarrollo del sitio web se plantea como principal funci�n en el desarrollo del TFM para utilizar nuevas tecnolog�as en el proceso de la implementaci�n del sitio web optimiza recursos en base del manejo de pedidos de productos, ya que reduce tiempo y puede proporcionar un mejor servicio al cliente, lo que se define como sitio web es la manera de organizar los elementos que la componen. El �xito del sitio web es tener actualizado los datos y mantener enfocado al usuario. Se analiza el alcance de los objetivos propuestos:

• Se cumple el objetivo en el desarrollo del sitio web utilizando c�digo abierto en PHP, base de datos MySQL y herramientas inform�ticas, posibilita el proceso de pedidos para dar soluci�n a la problem�tica de la empresa.
• En el nivel de desarrollo de software cumple con la utilizaci�n de p�gina web dise�ada facilita el uso del cat�logo de productos y categor�a, la autenticaci�n de usuarios, pedidos y se puede llevar un control del uso frecuente de los usuarios, para el control de productos m�s pedidos y no vendidos.
• Luego de analizar se identificaron los requisitos funcionales y no funcionales para el desarrollo del sitio web, como una de las fases m�s importantes del proceso.
• Se dise�� un sitio web din�mico utilizando la t�cnica Responsive y herramienta
• Como resultado de categor�as Bootstrap que posibilit� la interacci�n de los clientes en la p�gina y la realizaci�n �gil de los pedidos.
• Utilizando la nueva herramienta como Bootstrap se elabor� un men� din�mico identificando las categor�as de productos, clientes por mayor y menor cumpliendo el objetivo planteado.
• Como resultado de cumplimiento se logr� establecer el lenguaje codificaci�n del lado del cliente con: HTML5, CSS utilizando la Plantilla AdminLte, JavaScript, BootStrap y del servidor con: PHP y el servidor de base de datos MySQL
• Se cumple el objetivo con la recopilaci�n de informaci�n de los usuarios cumpliendo la usabilidad de Jakob Nielsen, debe ser todo pr�ctico y f�cil para el usuario, dej�ndole de manera m�s f�cil, se tuvo que verificar en unos formularios y realizar las correcciones.

 

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/).