PRÁCTICA DE LABORATORIO - Mi Tienda Virtual

CARRERA: COMPUTACIÓN

ASIGNATURA: HIPERMEDIAL

NRO. PRÁCTICA: 5

TÍTULO PRÁCTICA: Implementación y despliegue de una tienda virtual usando WooCommerce

OBJETIVO ALCANZADO:

• Diseñar adecuadamente elementos gráficos en sitios web en Internet.
• Crear sitios web aplicando estándares actuales.
• Desarrollar aplicaciones web interactivas y amigables al usuario.

ACTIVIDADES DESARROLLADAS

1. Nombre de la base de datos (Estructura de la base de datos).

2. El desarrollo de los siguientes puntos:

2.1 ¿A qué se dedica la empresa?

Nuvatech somos una empresa «de gamers, para gamers», enfocada en la venta de equipos tecnológicos, especialmente periféricos.

2.2 ¿Cuál es su público objetivo?

NuvaTech ofrece una gran variedad de productos para gamers, atletas de e-sport o cualquiera que quiera jugar o trabajar con estilo y comodidad.

2.3 ¿Qué métodos de pago acepta?

• Uso de PayPal como método principal de pago. PayPal: asocia tus tarjetas de crédito a tu cuenta PayPal y, cuando quieras pagar, simplemente inicia sesión con tu correo electrónico y contraseña y elige la tarjeta que deseas usar para hacer el pago.

• Uso de Payphone como método extra de pago. Payphone: es el método de pago en línea que le permite pagar y recibir el pago donde quiera y con quien quiera, independientemente de si se trata de una persona o empresa.

2.4 ¿Cuáles son sus proveedores principales?

Comunicación directa con algunos de los más grandes proveedores en el sector, como:

• Corsair
• LogiTech
• HyperX

2.5 ¿Cuáles son sus Clientes principales?

Trabajamos en conjunto con la Universidad Politécnica Salesiana, en convenio con la FEUPS para ofrecer grandes promociones tanto a la universidad como estudiantes en todo nuestro catálogo y asesoría.

2.6 Quienes somos - Equipo de trabajo

2.7 Ubicación física de la empresa, (sucursales, bodegas, oficinas, etc) (mapas de google)

2.8 Preguntas frecuentes

Uso de secciones como “Mi cuenta, Hacer un pedido o una compra” para las preguntas más frecuentes.

2.9 Formulario de contacto (debe enviar un correo)

3. Presentar sus productos organizados por categorías. La tienda debe tener al menos 20 productos ingresados con toda su información (descripción, fotografías, precios)

Organizados por categorías

Información de los productos

4. En la página de inicio de la página virtual se mostrarán los productos más vendidos y los productos con oferta.

5. Para poder realizar un pedido el cliente debe iniciar sesión o crear una nueva cuenta.

6. La tienda virtual debe ser desplegada en un servidor en la nube.

7. La evidencia del correcto diseño de las páginas HTML usando CSS. Para lo cual, se puede generar fotografías instantáneas (pantallazos).

Estructura de las páginas

Cabecera contiene accesos directos a cada apartado de la tienda.

Pie de página contiene información de la empresa y apartados de contacto.

Página Inicial: Muestra los principales productos en Oferta y los Más Vendidos.

Página Tienda: Muestra todos los productos que ofrece Nuvatech.

Página Carrito: Muestra los productos que el cliente va adquirir.

Página Mi Cuenta: Permite iniciar sesión o registrarse un cliente nuevo; también permite una vez iniciado sesión, ver la información del cliente, en caso de que el usuario que inició sesión sea un administrador, puede agregar un nuevo cliente.

Vista general

Vista para un cliente:

Vista para un administrador:

Página Editar Mi Cuenta: Permite modificar los datos personales de un usuario.

Vista para un cliente

Vista para un administrador, permite modificar datos de otros usuarios.

Página Sobre Nosotros: Muestra información de la empresa, métodos de pago, proveedores principales, clientes principales y el equipo de trabajo.

Página Contáctanos: Formulario para enviar una sugerencia o reclamo a la empresa.

Página Ubicación: Muestra la ubicación geográfica utilizando Google Maps, de la matriz y sucursal.

Página Preguntas Frecuentes: Muestra las preguntas más frecuentes separado por secciones.

8. Evidencia del correcto funcionamiento

Realización de una compra:

Una vez seleccionados los productos, pasamos a la página de facturación

Una vez realizado el pago por paypal, recibiremos la facturación por correo.

9. Enlace de Github.

Usuario: czhizhpon Enlace: https://github.com/czhizhpon/Practica05-MiTiendaVirtual.git

RESULTADO(S) OBTENIDO(S):

Se diseñaron los elementos gráficos para crear una tienda virtual en la Web. Para ello, se utilizaron frameworks y plugins que logran adaptar las necesidades actuales del mercado con un aspecto moderno, amigable e interactivo para los usuarios.

CONCLUSIONES:

Para crear un sitio web, es necesario tener en consideración varios aspectos que influyen en el resultado final como la seguridad y compatibilidad para utilizar los servicios de otras empresas. Para ello, utilizar frameworks y plugins que estos ofrecen, facilitan el desarrollo e integración para que una persona cumpla con su cometido, y así, centrarse en aspectos como el diseño, marketing, entre otros, que son fundamentales para que un sitio online tenga éxito.

RECOMENDACIONES:

• Revisar la documentación de los frameworks y plugins que se utilicen.
• Utilizar los recursos como temas, plugins y extensiones, sean compatibles con la versión del framework.

Integrantes:

• Macao Guamán Jhon Michael
• Sarmiento Basurto Douglas Bryan
• Serpa Pulgarin Roberto Carlos
• Zhizhpon Tacuri Cesar Eduardo