Profesor: Fernando Gonzalo Gaitán

Alumno: Ulises Roig Bonavitta

Grupo: ACN3AP

Materia: Producción Web

Carrera: Analista de Sistemas

Institución: Escuela Da Vinci

Fecha: Mayo 9 de 2023

índice
Presentación del proyecto 2
Herramientas utilizadas en la creación 2
Concepto 3
Página de inicio (índex) 3
Pc: 4

Móvil: 4

Registro 5
Ingreso 6
Página principal 6
Visualización: 7
7
Tienda 8
Información del usuario (datos y configuración) 9
Contacto 9
 Presentación del proyecto

Tu Escenario es una página de comercio por internet enfocada en música. A

través del sitio se podrán realizar alquileres de salas de ensayo (con equipos
de sonido personalizables) venta de instrumentos, entre otros. También se
incluirá una sección de comunidad musical en la que los usuarios interactúen
entre sí. Tendrá disponible una tabla en la que los usuarios fueron registrados
puedan visualizarse, a través de la información que llegue a la base de datos
desde la tabla. Además, cabe destacar que la página web estará optimizada
para dispositivos móviles, lo que permitirá que los usuarios puedan acceder al
sitio con facilidad. En resumen, la página será una herramienta útil para
aprendices y profesionales de la música que busquen espacios y recursos para
practicar, mejorar sus habilidades y conocer a otros músicos

Herramientas utilizadas en la creación

HTML5 CSS Bootstrap v5 JavaScript PHP MySQL

 Concepto
El proyecto actualmente es un boceto que hice en visual y tiene algunos
aspectos sin resolver, pero más adelante me gustaría implementar en mayor
medida el uso de Frameworks. También voy a añadir un único usuario
administrador capaz de eliminar productos (como así también usuarios) de la
tabla.

Página de inicio (índex)

Desmenucemos nuestro índex, el lugar de inicio al que llegarán los clientes. El

índex será encabezado por nuestro “Head”. que incluye una barra
hamburguesa adaptable en la que podrá verse el logo. No somos diseñadores
gráficos, pero podemos hacer uno propio, evitando el copyright con ayuda de
páginas especializadas. Utilicé para crear mi logo “FreelogoDesign”.

Seguimos con el <H1> y una breve explicación de nuestra página, al lado de

nuestro “Footer”, donde podrán encontrarse redes sociales e información de
contacto.
 Pc:

Móvil:

Seguimos con el <H1> y una breve explicación de nuestra página junto a

nuestro “Footer” donde contaremos con nuestras redes sociales y nuestra
información

Nuestro índex tendrá una breve descripción de la página, pero mayormente

será la interfaz principal donde el usuario podrá registrarse e interactuar con los
diferentes servicios que ofrece. El fondo no lo tengo muy claro aún, pero por
ahora es una pequeña animación que cambia de color.
 Registro

Esta parte de la página es un registro rápido y sencillo, donde los datos del
usuario serán guardados y enviados a MyPhpAdmin. La idea sería que estos
datos sean encriptados con laravel, o por lo menos así la contraseña del
usuario, evitando encriptar las claves importantes de manera poco segura,
como por ejemplo a través de md5, que con solo retroceder o con ayuda de un
bot o una página web es posible robar información valiosa.
 login

El ingreso es rápido y sencillo. La información subida a la base de datos se

compara con los ingresados, y si son iguales se habilitará el acceso a la página
principal

Página principal

En la página principal del sitio web, diseñe un menú que permite a los usuarios
acceder a diferentes secciones de la página, incluyendo la tienda, la lista de
usuarios, perfiles y los alquileres de salas de ensayo. En el diseño del menú
implementé reglas heurísticas para mejorar la experiencia del usuario al
interactuar con él. Por ejemplo, incorporé ayuda visual en forma de imágenes
que cambian de color al pasar el cursor sobre ellas, lo que indica al usuario que
la opción es seleccionable. Estas estrategias de diseño buscan facilitar la
navegación del usuario por la página y mejorar su experiencia en general.

Visualización:
 Tienda

En la tienda podrá accederse a las ofertas de alquileres, ventas y anuncios de

los usuarios. Ningún usuario podrá eliminar el contenido subido a la página por
otro, y tendrá la opción de subir su propio contenido, siendo este previamente
revisado por el administrador o los moderadores de la página. En un futuro
pienso añadir un sistema de organización de los productos a partir de
diferentes órdenes, como por precio mayor o menor o alfabéticamente. Los
productos podrán verse con nombre, precio y foto, y en un futuro añadiré una
función para ver la imagen del producto en grande, con solo pasar el cursor por
encima. La página de ventas contará con un sistema de reputación basado en
opiniones de los usuarios, y los productos de los mejores vendedores
aparecerán mejor posicionados en el buscador.
 Información del usuario (datos y
configuración)
En el apartado “Cuenta”, el usuario podrá encontrar sus datos de inicio de
sesión como correo electrónico, foto de perfil e historial de compras y ventas.
Desde este lugar podrá modificar foto, nickname y contraseña, así como
también consultar su reputación en el sitio.

Contacto

En la pestaña “Contactos”, el usuario podrá comunicarse con nosotros a través

de un formulario, llenado con su nombre, correo electrónico y mensaje.
Asimismo, en el Footer figurarán las redes sociales y alguna información de
contacto. La idea es que a través de este
+