Mi negocio en la web

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

50

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.

Páginas generales
  • Inicio
  • Sobre nosotros
  • Productos y servicios
  • Ubicación
  • Contacto
  • Promociones
  • Preguntas frecuentes
  • Galería
Páginas individuales
  • 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.

Inicio   →   Categoría   →   Producto / Servicio   →   Contacto

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.
Fuentes y créditos

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:

  1. Un producto.
  2. Un servicio.
  3. La ubicación.
  4. La información de contacto.
  5. 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:

¿Qué aprendí al organizar información en un sitio web y diseñar la navegación pensando en las necesidades de un usuario?
Proyecto de creación de sitio web — Google Sites

👥 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.

2 comentarios