web html sistemas programacion, Apuntes de Diseño Web y Prototipos

¡Descarga web html sistemas programacion y más Apuntes en PDF de Diseño Web y Prototipos solo en Docsity!

Fundación Universitaria

San Mateo

Proyecto Integrador

WEB TECHNOLOGY

Programación en entornos Web

Programa de Ingeniería en Sistemas

V semestre

Daniel Mercado

Luis Fernando Ahumada

Colombia 2019-2.

Introducción

Nuestro proyecto integrador esta idealización y desarrollado con la finalidad de crear una página web integrada con base de datos donde podremos encontrar información de equipos electrónicos y de tecnología. Su consulta podrá ser intuitiva y rápida al alcance de todos a través de internet. Su estructura se basará en poder tener un registro de todos los elementos tecnológicos con consulta de disponibilidad y precios, adicional contaremos con un registro de usuarios a través de login para poder apartar productos y solicitarlos, adicional un login para administrador que podrá eliminar, actualizar o agregar nuevos productos. Desarrollaremos una interfaz intuitiva con información clara y agradable, información de la compañía y un formulario para contactarse directamente con la compañía. El proyecto se basará en integrar su desarrollo relacionada a objetos para poder tener un esquema de plantilla y poderla usar para cualquier tipo de página.

Objetivo Específicos

• Generar una página web con una interfaz gráfica agradable para los usuarios que la consulten
• Integrar una base de datos para autenticación de usuarios y administrador donde se pueda agregar y consultar productos.
• Conectar y relacionar una base de datos para campos de productos, características y precios de un producto que será integrada a una base de datos administrada por xampp y referenciada con php.
• Desarrollar un formulario de contacto para cualquier duda referente a los productos o servicios de la página web
• Implementar un entorno de seguridad informática para la página web

Alcance del proyecto:

1. Menú
2. Registro
3. Productos
4. Agregar productos (Administrador)
5. Formulario de contacto
6. Links Redes Sociales
7. Acerca de

Opcional:

1. Pasarela de pagos
2. Envíos contra entrega
3. Pago por PayPal
4. Subir página a hosting

Ventajas

• Nuestra página web será responsive y estará disponible para múltiples dispositivos donde tendrá compatibilidad
• Tendrá buenos estándares de seguridad tales como encriptación de clave, registro de ingreso, reporte de formularios de contacto, protección de página con firewall y separar servidor de archivos con el de base de datos.

Elementos para la ejecución

• 1 servidor para base de datos que tenga XAMPP que ejecute MySQL
• 1 servidor para archivos que tenga XAMPP que ejecute APACHE
• IDE Visual Studio Code y Sublime Text 3
• Repositorio para credenciales de administrador y acceso a base de datos
• Firewall de Windows

Entrada, Proceso y Salida de los datos

• La entrada de nuestros datos será atraves de una interfaz gráfica donde un cliente se podría registrar, enviar un formulario para contacto y un usuario administrador definido podrá ingresar productos
• El proceso de los datos se relacionara desde el servidor apache que ejecuta toda la interfaz gráfica donde se conectara con un servidor MySQL con autenticación donde enviara los datos de entrada y los guardara para su respectivo uso.
• La salida de datos se verificara cuando se necesite ingresar a los productos usando una interfaz de login donde traerá los registros realizados donde está relacionado a un registro de log para evidenciar ingreso correcto e incorrecto para el login. Tendremos también una salida de datos a la página que serán los productos agregados por el administrador y serán visualizados por el usuario. Y una salida de datos donde se evidenciara los formularios enviados por los clientes

Diagrama de Contenido

Factibilidad y Viabilidad

La factibilidad del proyecto es óptima ya que el entorno comercial de esta página puede manejarse para diversos campos de ventas y servicios. Los requerimientos económicos de este proyecto son 0 ya que usamos herramientas gratuitas o que teníamos a la mano

Especificaciones

La página la desarrollaremos con unas 1 instancias de bases de datos desarrolladas en MySQL para relacionar las bases de datos y la otra instancia para los archivos administrada por Apache para alojar la estructura de la página web, cada una de estas está instalada y funcionando por 1 servidor diferente. La conexión de nuestro aspecto grafico que será desarrollado en un id de desarrollo Visual Code será relacionada por el gestor de conexión Xampp que usaremos para crear las tablas y el alojamiento de la información que funcionada con relaciones de Apache para mostrar la interfaz visual. Esta interfaz se desarrollará con código de programación HTML para dar la estructura a la página, CSS y Bootstrap para dar un aspecto visual mucho mejor y PHP para dar conexión y funcionalidad a la base de datos. Se integrarán en la página 1 secciones de productos donde será indispensable loguearse, aquí encontraremos características y precio donde contaremos con una opción para comunicarse y pedir información del producto o apartarlo por medio de WhatsApp o un formulario de contacto, todas estas opciones serán alojadas en una base de datos, dentro de la relación de productos tendremos también un usuario administrador para poder agregar nuevos productos.