Mi negocio en la web
Diseño de la interfaz del sistema
Diseña, organiza y presenta un negocio, emprendimiento o proyecto digital.
Propósito de la actividad
Diseñar la interfaz de un sistema a partir de los requerimientos identificados en la etapa de análisis, utilizando Google Sites como herramienta de prototipado para representar su estructura, navegación, organización de la información e interacción con el usuario, como base para su posterior desarrollo.
El reto principal
PRODUCTOS Y/O SERVICIOS
El sitio deberá contener 50 páginas individuales, una página por cada producto o servicio.
La distribución es libre. Pueden tener, por ejemplo, 30 productos y 20 servicios, 25 y 25, 40 y 10, o cualquier combinación que dé como resultado 50.
Estructura general del sitio
El sitio deberá estar organizado en páginas generales y 50 páginas individuales.
- Inicio
- Sobre nosotros
- Productos y servicios
- Ubicación
- Contacto
- Promociones
- Preguntas frecuentes
- Galería
- Producto o servicio 01
- Producto o servicio 02
- Producto o servicio 03
- Producto o servicio 04
- ...
- Producto o servicio 50
Páginas generales
1. Inicio
Será la presentación principal del negocio.
- Nombre del negocio
- Logotipo
- Eslogan
- Imagen principal
- Descripción
- ¿Qué ofrecemos?
- Público al que está dirigido
- Botones de navegación
- Promoción destacada
2. Sobre nosotros
- Historia del negocio
- Misión
- Visión
- Valores
- Objetivo
- Público objetivo
- Diferenciador del negocio
3. Productos y servicios
Esta página funcionará como índice para acceder a las 50 páginas individuales.
Deberá contener:
- Listado de categorías
- Nombre de cada producto/servicio
- Imagen representativa
- Enlace hacia su página individual
4. Ubicación
- Dirección
- Colonia o zona
- Ciudad
- Código postal
- Referencias
- Horario
- Google Maps
5. Contacto
- Teléfono
- Correo electrónico
- WhatsApp o medio de contacto
- Redes sociales
- Horario de atención
- Botones de contacto
- Google Forms
6. Promociones
Crear mínimo 3 promociones.
- Imagen
- Descripción
- Precio anterior
- Precio promocional
- Vigencia
- Condiciones
7. Preguntas frecuentes
Elaborar mínimo 8 preguntas y respuestas.
8. Galería
Incluir imágenes relacionadas con productos, servicios, instalaciones, procesos o resultados.
Las 50 páginas individuales
Esta es la parte principal del proyecto. Cada producto o servicio tendrá su propia página.
No deberán colocar varios productos en una misma página. La página 01 corresponde a un producto o servicio, la página 02 a otro, y así sucesivamente hasta llegar a 50.
Ejemplo de organización
Categoría: Tecnología
- Producto 01 — Laptop
- Producto 02 — Audífonos
- Producto 03 — Teclado
- Producto 04 — Mouse
- Producto 05 — Monitor
Categoría: Servicios
- Servicio 06 — Mantenimiento
- Servicio 07 — Instalación
- Servicio 08 — Reparación
Y continuar hasta completar las 50 páginas.
¿Qué debe contener cada página?
Las 50 páginas deberán seguir una estructura similar para mantener uniformidad y facilitar la navegación.
01. Nombre
Nombre claro del producto o servicio.
02. Imagen
Imagen representativa y de buena calidad.
03. Descripción
Explicar claramente en qué consiste.
04. Características
Incluir mínimo 4 características importantes.
05. Precio
Precio o indicar “Solicitar cotización”.
06. Disponibilidad
Disponible, bajo pedido, agotado, etc.
07. Público
¿Para quién está dirigido?
08. Beneficios
¿Qué obtiene el cliente?
09. Contacto
Botón para solicitar información.
10. Producto relacionado
Enlace hacia otra página del sitio.
Navegación entre páginas
Las 50 páginas deberán estar conectadas mediante enlaces para que el visitante pueda desplazarse fácilmente por el sitio.
Al final de cada página se recomienda incluir botones como:
- Volver al catálogo
- Producto anterior
- Producto siguiente
- Solicitar información
Formulario de contacto
Deberán insertar un Google Forms dentro de su sitio.
El formulario deberá solicitar como mínimo:
- Nombre
- Correo electrónico
- Producto o servicio de interés
- Mensaje
- Medio de contacto preferido
Ciudadanía digital
Recuerden que publicar información en Internet implica responsabilidad.
- Utilizar imágenes propias, libres de uso o con autorización.
- Dar crédito a las fuentes utilizadas.
- No copiar información directamente de otras páginas.
- No publicar datos personales de los integrantes.
- No utilizar fotografías de personas sin autorización.
- Verificar la información antes de publicarla.
- Respetar los derechos de autor.
Al final del sitio deberán colocar las fuentes de información, imágenes y recursos externos utilizados.
Prueba de navegación
Antes de entregar el proyecto, una persona que no pertenezca al equipo deberá visitar el sitio.
Deberá comprobar si puede encontrar:
- Un producto.
- Un servicio.
- La ubicación.
- La información de contacto.
- El formulario.
Después deberán realizar al menos una mejora tomando en cuenta sus observaciones.
Lista de comprobación
☐ Página de inicio.
☐ Página “Sobre nosotros”.
☐ Página de productos y servicios.
☐ Página de ubicación.
☐ Página de contacto.
☐ Página de promociones.
☐ Preguntas frecuentes.
☐ Galería.
☐ 50 productos y/o servicios.
☐ 50 páginas individuales.
☐ Cada página tiene imagen.
☐ Cada página tiene descripción.
☐ Cada página tiene características.
☐ Cada página tiene precio.
☐ Cada página tiene disponibilidad.
☐ Cada página tiene beneficios.
☐ Cada página tiene enlace de contacto.
☐ Existen enlaces entre páginas.
☐ Google Maps integrado.
☐ Google Forms integrado.
☐ Se respetan derechos de autor.
☐ Se incluyen fuentes y créditos.
☐ Se revisó la ortografía.
☐ Se probaron todos los enlaces.
☐ Se realizó una prueba de navegación.
☐ Se realizaron mejoras.
Producto final
Cada equipo deberá presentar un sitio web completo en Google Sites, organizado y funcional, con páginas generales y 50 páginas individuales de productos y/o servicios.
El objetivo no es solamente crear muchas páginas, sino construir un sitio que sea fácil de utilizar para un visitante.
Reflexión individual
Responde después de finalizar el proyecto:
👥 MÓDULO DE RECURSOS HUMANOS
Actividad: Diseño e integración del módulo de Recursos Humanos para el sitio web de la empresa.
En esta actividad desarrollarás un espacio de Recursos Humanos dentro de la página web de tu empresa. El objetivo es organizar información básica de los trabajadores, mostrar la estructura de la empresa y permitir el envío de solicitudes.
🎯 OBJETIVO
Diseñar un módulo de Recursos Humanos que permita presentar de manera organizada la información de los empleados y facilitar algunos procesos internos de la empresa.
🏢 ESTRUCTURA DEL MÓDULO
El módulo deberá contar con los siguientes apartados:
- 👥 Plantilla de trabajadores
- 🏢 Estructura de la empresa
- 📝 Solicitudes
- 📋 Procesos de Recursos Humanos
- 📞 Contacto de Recursos Humanos
👥 1. PLANTILLA DE TRABAJADORES
En este apartado se presentará la información general de los trabajadores de la empresa.
| Nombre | Puesto | Departamento | Correo |
|---|---|---|---|
| Nombre del empleado | Puesto | Departamento | correo@empresa.com |
| Nombre del empleado | Puesto | Departamento | correo@empresa.com |
| Nombre del empleado | Puesto | Departamento | correo@empresa.com |
Actividad: Cada equipo deberá registrar al menos 5 trabajadores ficticios de su empresa.
🏢 2. ESTRUCTURA DE LA EMPRESA
Los alumnos deberán representar cómo está organizada la empresa y cuáles son sus principales áreas.
Ejemplo:
👤 DIRECCIÓN GENERAL
⬇
📦 LOGÍSTICA 💰 FINANZAS 👥 RECURSOS HUMANOS
⬇
Almacén | Compras | Distribución
Los alumnos podrán representar esta estructura mediante un organigrama elaborado en Google Drawings, Canva, PowerPoint o Google Slides.
El organigrama deberá incluir:
- Dirección general
- Recursos Humanos
- Logística
- Finanzas o Contabilidad
- Ventas
- Almacén
- otros
📝 3. SOLICITUDES
En este apartado se colocará un botón para que los trabajadores puedan realizar diferentes solicitudes.
El botón deberá llevar a un Google Forms creado por el equipo.
El formulario puede contener:
- Nombre del trabajador
- Departamento
- Tipo de solicitud
- Fecha
- Descripción de la solicitud
- Observaciones
Tipos de solicitud:
- 📅 Permiso
- 🏖️ Vacaciones
- 💰 Solicitud de pago
- 🛠️ Material o equipo de trabajo
- 📄 Constancia laboral
- ❓ Otra solicitud
📋 4. PROCESO DE SOLICITUD
Los alumnos deberán representar el proceso que sigue una solicitud desde que el trabajador la realiza hasta que Recursos Humanos la atiende.
👤 Trabajador
⬇
📝 Envía solicitud
⬇
👥 Recursos Humanos
⬇
🔍 Revisa solicitud
⬇
✅ Aprobada / ❌ Rechazada
⬇
📩 Se informa al trabajador
📊 5. CONTROL DE SOLICITUDES
Las respuestas del formulario deberán registrarse en una hoja de cálculo de Google Sheets.
| Folio | Empleado | Solicitud | Fecha | Estado |
|---|---|---|---|---|
| 001 | Juan Pérez | Permiso | 06/10/2026 | Pendiente |
| 002 | Ana López | Vacaciones | 06/10/2026 | Aprobada |
Los estados pueden ser:
🟡 Pendiente → 🔵 En revisión → 🟢 Aprobada → 🔴 Rechazada
📋 6. PROCEDIMIENTOS DE RECURSOS HUMANOS
El equipo deberá seleccionar un proceso de Recursos Humanos y representarlo paso a paso.
Ejemplos:
- Proceso de contratación
- Proceso de solicitud de vacaciones
- Proceso de incorporación de un trabajador
- Proceso de capacitación
- Proceso de solicitud de permisos
Ejemplo: contratación
📄 Solicitud de empleo → 🔍 Revisión → 🗣️ Entrevista → ✅ Selección → 📑 Contratación → 👤 Incorporación
📞 7. CONTACTO DE RECURSOS HUMANOS
Agregar los medios de contacto del departamento.
- 📧 Correo: rh@empresa.com
- 📞 Teléfono: 000-000-0000
- 📍 Ubicación: Oficina de Recursos Humanos
🧪 8. PRUEBAS DEL MÓDULO
Una vez terminado el módulo, deberán realizar las siguientes pruebas:
| Prueba | Resultado esperado | Resultado |
|---|---|---|
| Abrir módulo RH | La página funciona correctamente | ☐ |
| Ver plantilla | Se muestran los trabajadores | ☐ |
| Ver estructura | El organigrama es visible | ☐ |
| Abrir solicitud | El formulario funciona | ☐ |
| Enviar solicitud | La información llega a Sheets | ☐ |
| Revisar enlaces | Todos funcionan correctamente | ☐ |
✅ PRODUCTO FINAL
El equipo deberá entregar un módulo de Recursos Humanos integrado a su sitio web que contenga:
- ✅ Plantilla de trabajadores
- ✅ Organigrama de la empresa
- ✅ Formulario de solicitudes
- ✅ Hoja de control de solicitudes
- ✅ Un procedimiento de Recursos Humanos
- ✅ Datos de contacto
- ✅ Evidencias de las pruebas realizadas
🏆 RETO
El módulo deberá funcionar como si fuera parte de una empresa real. El usuario debe poder entrar al apartado de Recursos Humanos, consultar información y realizar una solicitud.
wow
ResponderBorrarbuena profe
ResponderBorrar