2023

PROYECTO:
CATALOGO DE
VENTA DE
PRODUCTOS DE MAR

INTITUTO TECNOLOGICO DE CANCUN | TALLER DE PROGRAMACION WEB

NOMBRE DEL PROYECTO

CATALO GO DE VENTA DE PRODUCTOS DE MAR.

INTRODUCCION
La Compañía se dedica tanto a la compra y venta de productos de consumo de mar.
Desde hace mucho tiempo, hemos tomado los productos de alta calidad como base
creativa de la empresa. Contaremos con ingenieros en sistemas que cuentan con la
capacidad de desarrollo, implementación y mantenimiento de sistemas de compra venta
de productos de manera online, podremos implementar nuevos productos según
requerimientos del cliente o el modelo que necesite.

Los productos principales son los siguientes: gran variedad de pescados, crustáceos,
moluscos, así como lo son calamar, pulpo, cangrejo, cazón, camarón, entre otros. Todos
estos productos utilizados para las distintas áreas del comercio gastronómico.

Tenemos desarrolladas experiencias de administración, proceso de implementación y

medidas de control de calidad, los cuales aseguran que proporcionamos al cliente un
desarrollo, implementación y mantenimiento de calidad al sistema de catálogo de sus
productos.

ANTECEDENTES
En un principio las páginas web eran sólo texto, pero a medida que ha evolucionado la
tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado
nuevas formas de desarrollar la web.

La inclusión de imágenes fue la evolución más significativa, pero también debemos

mencionar el video y la animación, o los espacios 3D, lo que aporta valores estilísticos, de
diseño y de interactividad jamás imaginados antes.
La empresa está enfocada en la compra y venta de productos de consumo de mar.
Seremos la mejor opción para satisfacer las necesidades de nuestra sociedad en servicio
de catálogo de ventas de productos marinos para consumo con la máxima calidad, ofrecer
las mejores herramientas para el desarrollo del sistema web, estamos seguros que como
empresa lograremos dar a los clientes un servicio de calidad y excelencia que se ajuste a
sus necesidades y a su economía. Formamos parte de un equipo eficiente y
potenciaremos el talento colectivo para asegurarnos que los productos anunciados en el
catálogo sean siempre los correspondientes a la disposición y demanda de la clientela
que atenderemos, dando como resultado un catálogo claro y fácil de interactuar para
poder realizar apartados de productos deseados.

OBJETIVO

Con el desarrollo del proyecto proyectamos mejorar las ventas de productos de

mar para el consumo, mejorando el desempeño de ventas de la empresa, así
como para poder llegar a una mayor cantidad de clientes.
Sin olvidar la entrega de una web fácil y sencilla de manejar para los clientes,
ofreciendo productos de calidad.
De esta manera resolvemos el poder tener un mayor alcance de nuestros
productos, así como una disponibilidad amplia para los clientes y los productos de
su necesidad.
Teniendo en cuenta el desarrollo y mantenimiento de la web para que este de
manera funcional en todo momento atendiendo con mantenimiento preventivo
para evitar posibles fallos grandes que afecten de gran manera al desempeño de
la web.

Delimitación

Problemática:
Mejorar las ventas con tecnologías digitales para llegar a los clientes interesados
en productos de consumo de mar.
Tiempo:
A partir de la implementación de la página web, se proyecta en un plazo de medio
año recibir resultados de un alza en las ventas de manera general, y una buena
aceptación de las ventas de manera online.
Sector que se pretende llegar:
Clientes que tengan la necesidad de comprar productos de consumo de mar en
grandes cantidades, que necesiten una manera fácil de consultar y cotizar sus
productos necesarios. Atendiendo sus necesidades para que puedan cotizar y
entender de manera fácil y sencilla.
Justificación
¿Por qué se va a hacer?
Este proyecto se realizará con el propósito de solucionar una la necesidad de ampliar las
ventas de los productos ofrecidos, así llegar a más clientes y poder ofrecer los productos
de una manera más fácil y accesible para el usuario sin la necesidad de consultar de
manera física.
¿Para qué se va a hacer?
Se realizará para expandir las ventas de productos ofrecidos para aumentar las ventas
realizadas, así como ofrecer una solución para los clientes para facilitarles la consulta y
solicitudes de productos.
¿Qué problemáticas resuelve?
Se resuelve la falta de alcance a clientes exteriores de la localidad de la tienda y
almacenes de venta, así como una plataforma para facilitar los pedidos y solicitudes de
productos.
¿Cómo se va a hacer?
Se realizará mediante desarrollo web, así como implementación de base de datos,
manteniendo un diseño minimalista, limpio y sencillo para que el usuario pueda navegar
de manera fácil dentro de la página web, manteniendo la idea de una plataforma que
ofrece un catálogo completo para que los usuarios visualicen los productos existentes de
manera fácil, así como un apartado de solicitud y cotización de productos que se
requieran.

Misión
Nuestra misión como empresa de Diseño Web es ofrecer productos de consumo mar que
impulsen a la Empresa Mexicana en su incursión al mundo del Internet, a través de un
servicio de alta calidad, tecnología confiable, con diseño de vanguardia, y un Equipo de
Trabajo con espíritu de servicio.

Visión
Tenemos proyectado ser la mejor alternativa en compras de productos de consumo de
mar Web para el Empresa Mexicana que busca explotar las oportunidades que Internet le
ofrece para impulsar el Negocio, en donde nuestra Calidad se refleje en una excelente
relación con nuestros Clientes, y donde nuestra prosperidad se comparta entre nuestros
Empleados y Proveedores.

Filosofía
Somos una empresa que nos esforzamos día a día para dar a nuestros clientes lo mejor
de nosotros a fin de brindarle un buen servicio. Estamos dispuestos a emplear todo
nuestro potencial, conocimiento y calidad humana para cumplir nuestros objetivos.

Valores
• Excelencia:
En el Servicio. Nuestros clientes son la razón de ser de nuestra empresa.
Ponemos énfasis en nuestra actitud de servicio para forjar una relación a largo
plazo con nuestros clientes.

• Honestidad:
En nuestro trabajo día a día, en el trato comercial y en la relación con nuestros
Clientes y proveedores.

• Cumplimiento:
En nuestros tiempos de entrega, ya que es clave básica del por qué seguimos
siendo una empresa de diseño web líder en el mercado.

• Calidad:
En nuestros productos entregados, es decir, bien hechos, cuidando cada detalle,
buscando siempre complacer al cliente.

• Trabajo en Equipo:
Valorando el esfuerzo de los miembros de la empresa, y de la participación de
nuestros clientes.

• Actitud de Ganar – Ganar:

Porque al esforzarnos para que cada Cliente se beneficie de resultados efectivos
por nuestras soluciones de negocios, logramos a la vez un éxito para nuestra
Empresa.
Objetivos
Objetivo General
• Desarrollar e implementar una web fácil de usar, actualizar y mantener.
• Con esta tienda online lograremos tener mayor facilidad al ofrecer productos de
consuma de mar, así como dar la posibilidad de ampliar el mercado de nuestros clientes
por medio de la página web.

Objetivo especifico
• Ofrecer un mejor servicio en cuanto al desarrollo y mantenimiento de la web
• Mejorar el alcance de los productos que ofrece nuestros clientes
• Adaptación a la época ya que hay actualizaciones a las cuales nos tenemos que
adaptar

VENTAJA COMPETITIVA.
• Ofrecemos servicio de desarrollo personalizado para adaptar los proyectos a las
necesidades del cliente.
• Ofreceremos distintos panes de costos para desarrollo de los proyectos.
• Facilidad de comunicación y consultas durante el desarrollo.
• Ofreceremos un seguimiento único de desarrollo de proyectos para ofrecerle al
cliente toda la información que requiera.
• Atención a la cliente mejorada con la cual nos aseguramos que el usuario se
sienta tomado en cuenta.
 PERFIL DE PUESTOS:

PRODUCTOS
MARITIMOS

PROJECT MANAGEMENT

PERFIL DE PUESTO: PROJECT MANAGEMENT REVISIÓN: FECHA: XX/XX/XXXX

1.-NOMBRE DE EL PUESTO: PROJECT MANAGEMENT

2.-Mision del Puesto: hacer crecer a la empresa mediante la organización para el desarrollo de el
mismo: siendo responsable de organización de los proyectos.

3.-proceso en que participa

 Ejercer la representación general de los avances del proyecto.

 Realizar la administración global de las actividades de desarrollo del proyecto buscando su

Mejoramiento organizacional, técnico y organizacional.

 Garantizar el cumplimiento de las normas, reglamentos, políticas e instructivos

Internos y los establecidos y especificados para el desarrollo de la página web.

 Participar en reuniones con el Directorio, para analizar y coordinar las

Actividades del desarrollo de la web en general.

 Coordinar y controlar la ejecución y seguimiento al cumplimiento de entregas.

RESPONSABILIDADES

Número Tema/Proceso Responsabilidad

 Definir las políticas de implementación y

1 Analizar ventas.
  Supervisar la planificación y ejecución de las
estrategias y acciones del desarrollo de la web.
2 Determinar  Controlar y supervisar los reportes sobre el
desarrollo y avance de la página web.

OBJETIVOS ESPERADOS

Número Tema/Proceso Objetivo Meta anual

Eficiencia
1 Analizar 95%
Organizacional

Satisfacción de los
2 Determinar 90%
colaboradores

CONOCIMIENTOS

 Responsabilidad
 Elevado interés social
 Capacidad de sistematizar el proceso de dirección de desarrollo del proyecto web.
 Manejo de actividades y gestión de responsabilidades del equipo de desarrollo.   

HABILIDADES

 Liderazgo

 Trabajo Bajo Presión

 Resolución De Problemas Puntualidad

 Buen Manejo Del Tiempo De Trabajo

COMPETENCIAS LABORALES

Competencias laborales Grado de dominio requerido (marcar con un “SI”)

(Tomarla del diccionario de
competencias laborales de la Muy alto Alto Normal Bajo
organización)
FUNDAMENTALES
Compromiso con la empresa SI
Orientación al cliente SI
Proactividad SI
Comunicación interpersonal SI
DE GESTION
Liderazgo si
Trabajo en equipo SI
Negociación si
Aprovechamiento de recursos SI

PRODUCTOS
MARITIMOS

FRONT END

PERFIL DE PUESTO: FRONT END REVISIÓN: FECHA: XX/XX/XXXX

1.-NOMBRE DE EL PUESTO: FRONT END

2.-Mision del Puesto: desarrollar e implementar el funcionamiento visual de la página web.

3.-proceso en que participa

 Representación de los avances visuales de los proyectos.

 Administración de las herramientas y métodos para el desarrollo de los aspectos y
funciones visuales.
 Garantizar el cumplimiento de las normas, reglamentos, políticas de desarrollo.
 Participar en reuniones para mostrar avances y entregas.

RESPONSABILIDADES

Número Tema/Proceso Responsabilidad

 Definir métodos e implementaciones de

1 Analizar desarrollo.
  Ejecutar y supervisar el desarrollo.
 Documentar y reportar las implementaciones.
2 Determinar

OBJETIVOS ESPERADOS

Número Tema/Proceso Objetivo Meta anual

Eficiencia de
1 Analizar 90%
Desarrollo

Eficiencia de
2 Determinar 95%
implementación

CONOCIMIENTOS

 Responsabilidad
 Distintos métodos de desarrollo
 Manejo múltiples manejos de herramientas de desarrollo web y de desarrollo
visual.
HABILIDADES

 Desempeño

 Trabajo Bajo Presión

 Resolución De Problemas

 Puntualidad

 Buen Manejo Del tiempo

COMPETENCIAS LABORALES

Competencias laborales Grado de dominio requerido (marcar con un “SI”)

(Tomarla del diccionario de
competencias laborales de la Muy alto Alto Normal Bajo
organización)
FUNDAMENTALES
Compromiso con la empresa SI
Orientación al cliente si
Proactividad SI
Comunicación interpersonal si
DE GESTION
Liderazgo Si
Trabajo en equipo SI
Negociación Si
Aprovechamiento de recursos si

PRODUCTOS
MARITIMOS

BACK END

PERFIL DE PUESTO: BACK END REVISIÓN: FECHA: XX/XX/XXXX

1.-NOMBRE DE EL PUESTO: BACK END

2.-Mision del Puesto: desarrollar e implementar las funciones lógicas del sistema.

3.-proceso en que participa

 Representación de los avances del sistema.

 Administración de las herramientas y métodos para el desarrollo de base de datos y
funciones relacionadas a esta.
 Garantizar el cumplimiento de las normas, reglamentos, políticas de desarrollo.
 Participar en reuniones para mostrar avances y entregas.

RESPONSABILIDADES

Número Tema/Proceso Responsabilidad

 Definir métodos e implementaciones de

1 Analizar desarrollo.
  Ejecutar y supervisar el desarrollo.
 Documentar y reportar las implementaciones.
2 Determinar

OBJETIVOS ESPERADOS

Número Tema/Proceso Objetivo Meta anual

Eficiencia de
1 Analizar 90%
Desarrollo

Eficiencia de
2 Determinar 95%
implementación

CONOCIMIENTOS

 Responsabilidad
 Distintos métodos de desarrollo
 Manejo múltiples manejos de herramientas de desarrollo de base de datos y
desarrollo web.
HABILIDADES

 Desempeño

 Trabajo Bajo Presión

 Resolución De Problemas

 Puntualidad

 Buen Manejo Del tiempo

COMPETENCIAS LABORALES

Competencias laborales Grado de dominio requerido (marcar con un “SI”)

(Tomarla del diccionario de
competencias laborales de la Muy alto Alto Normal Bajo
organización)
FUNDAMENTALES
Compromiso con la empresa SI
Orientación al cliente si
Proactividad SI
Comunicación interpersonal si
DE GESTION
Liderazgo Si
Trabajo en equipo SI
Negociación Si
Aprovechamiento de recursos si

PRODUCTOS
MARITIMOS

BDA

PERFIL DE PUESTO: BDA REVISIÓN: FECHA: XX/XX/XXXX

1.-NOMBRE DE EL PUESTO: BDA

2.-Mision del Puesto: desarrollar e implementar la base de datos.

3.-proceso en que participa

 Representación de los avances de la base de datos.

 Administración de las herramientas y métodos para el desarrollo de la base de datos.
 Garantizar el cumplimiento de las normas, reglamentos, políticas de desarrollo.
 Participar en reuniones para mostrar avances y entregas.

RESPONSABILIDADES

Número Tema/Proceso Responsabilidad

 Definir métodos e implementaciones de

1 Analizar desarrollo de base de datos.
  Ejecutar y supervisar el desarrollo.
 Documentar y reportar las implementaciones.
2 Determinar

OBJETIVOS ESPERADOS

Número Tema/Proceso Objetivo Meta anual

Eficiencia de
1 Analizar 95%
Desarrollo

Eficiencia de
2 Determinar 95%
implementación

CONOCIMIENTOS

 Responsabilidad
 Distintos métodos de desarrollo de base de datos
 Manejo múltiples manejos de herramientas de desarrollo de base de datos.
HABILIDADES

 Desempeño

 Trabajo Bajo Presión

 Resolución De Problemas

 Puntualidad

 Buen Manejo Del tiempo

COMPETENCIAS LABORALES

Competencias laborales Grado de dominio requerido (marcar con un “SI”)

(Tomarla del diccionario de
competencias laborales de la Muy alto Alto Normal Bajo
organización)
FUNDAMENTALES
Compromiso con la empresa SI
Orientación al cliente si
Proactividad SI
Comunicación interpersonal si
DE GESTION
Liderazgo Si
Trabajo en equipo SI
Negociación Si
Aprovechamiento de recursos si

PRODUCTOS
MARITIMOS

TESTER

PERFIL DE PUESTO: TESTER REVISIÓN: FECHA: XX/XX/XXXX

1.-NOMBRE DE EL PUESTO: TESTER

2.-Mision del Puesto: revisar que el desarrollo del proyecto este correctamente realizado.

3.-proceso en que participa

 Reportar los resultados de las pruebas.

 Realizar pruebas de comprobación de funciones.
 Desarrollar métodos para comprobar los sistemas del proyecto.
 Participar en reuniones para mostrar los resultados.

RESPONSABILIDADES

Número Tema/Proceso Responsabilidad

 Métodos para comprobar los funcionamientos.

1 Analizar
  Ejecutar y supervisar las pruebas que se
realicen.
2 Determinar  Documentar y reportar los resultados de las
pruebas al sistema o proyecto.

OBJETIVOS ESPERADOS

Número Tema/Proceso Objetivo Meta anual

1 Analizar Eficiencia de Testeo 100%

Eficiencia de
2 Determinar 100%
Documentación

CONOCIMIENTOS

 Responsabilidad
 Distintos métodos de comprobaciones
 Manejo múltiples herramientas y técnicas para comprobar el funcionamiento.
HABILIDADES

 Desempeño

 Trabajo Bajo Presión

 Resolución De Problemas

 Puntualidad

 Buen Manejo Del tiempo

COMPETENCIAS LABORALES

Competencias laborales Grado de dominio requerido (marcar con un “SI”)

(Tomarla del diccionario de
competencias laborales de la Muy alto Alto Normal Bajo
organización)
FUNDAMENTALES
Compromiso con la empresa SI
Orientación al cliente Si
Proactividad SI
Comunicación interpersonal si
DE GESTION
Liderazgo Si
Trabajo en equipo SI
Negociación Si
Aprovechamiento de recursos si
Presupuesto.
Presupuesto para el desarrollo de la página web VENTA DE PRODUCTOS DE MAR.

AREA DE APLICACIÓN DESCRIPCION COSTO

Nombre del dominio. Ventasdelmar.com.mx $239.99 mx mensual.

Alojamiento web (hosting). neubox.com $1490.00 mx mensual

profesional (PUSH IT).

Software usado. Php, mvc, javascript y base $0.0 mx (software gratuito)

de datos MySQL.
Mantenimiento y Preventivo y correctivo. $20,000.00 mx mensual.
seguimiento de la web. Actualizaciones.

Presupuesto de pago de integrantes:

PUESTO SUELDO MENSUAL

Back end 25,000 mx
Front end 30,000 mx
Tester 13,000 mx
BDA 30,000 mx
Project manager 39,000 mx
Diagrama de casos de uso.
Diagrama modelo relacional.
UML.
ESTRUCTURA DE LA BASE DE DATOS.
Tabla bodega:

Tabla clientes:

Tabla envasados:

Tabla inventario productos:

Tabla modulo:

Tabla permisos:

Tabla productos:

Tabla proveedor:
Tabla puestos:

Tabla salida_producto:

Tabla usuarios:

Tabla salida_productos:
Funciones (Modelo ClienteModel).
Ver clientes que están ingresados:

Mostrar cliente por ID:

Insertar cliente:
Actualiza el cliente llamándolo por el ID:

Función para eliminar al cliente:

Mockups del diseño principal de la página web.
Vistas de la página web funcional.
PAGINA PRINCIPAL INFORMACION DE LA EMPRESA:
AREA DE PRODUCTOS DESTACADOS:
Login para usuario:

Vista de dashboard (administrador):

Vista de clientes registrados (administrador):

Crear cliente:
Ver clientes:

Editar cliente:
Vista acción de eliminar cliente:
 Conclusión
La evolución de las páginas web alrededor de los años han sido notables debido a que
anterior mente eran paginas estáticas manejadas por un solo administrador el cual
modificaba la información diariamente y esto ocasionaba que tuviera un bajo nivel de
visualización por parte de los usuarios.
Cuando surgieron las nuevas tecnologías estas se volvieron más dinámicas permitiendo a
los usuarios interactuar mas por medio de las redes sociales las cuales fueron gran
impacto en el mundo. Gracias a esto surge la importancia de las páginas web provocando
que diferentes organizaciones hagan uso de estas dependiendo de sus necesidades.
En el proyecto que desarrollamos nos enfocamos en una pagina web que mostrara el
inventario de una empresa dedicada a la venta de productos marítimos donde contara con
un panel administrativo de sus productos entrantes basados en las diferentes sucursales
de la empresa.
El objetivo de la pagina web es permitir a la organización llevar un mejor control de sus
ventas, su personal y los clientes registrados en la misma. Teniendo en cuenta que esta
se dedicara al registro de las entradas y salidas de productos, así como la de los usuarios.
Siempre manteniendo la idea de una web fácil de usar y administrar para que los usuarios
y clientes puedan navegar en ella de manera fácil así su desempeño de esta sea mas
eficiente para ambas partes.