UNIVERSIDAD POLITCNICA DE PACHUCA

Mascota-Web
Proyecto final: Gestin y Evaluacin de Proyectos
Ingeniera en Telemtica Profesor: Martha Patricia Robles Gutirrez
10/12/2013

Integrantes:
Arisbel Tllez Lpez1131106987

Proyecto: Mascota-Web

ndice general
1 INTRODUCCIN ................................................................................................................................. 4 1.1 1.2 1.3 1.4 1.5 Descripcin General del Proyecto .............................................................................................. 4 Objetivo General ........................................................................................................................ 4 Objetivos Especficos .................................................................................................................. 5 Justificacin ................................................................................................................................ 5 Metodologa de Desarrollo y Solucin ....................................................................................... 6 Cronograma de actividades ................................................................................................ 7 Materiales ........................................................................................................................... 7

1.5.1 1.5.2 2

DESARROLLO DEL PROYECTO MASCOTA-WEB ................................................................................. 8 2.1.1 2.1.2 2.2 2.3 Creacin de la Base de Datos .............................................................................................. 8 Diseo y Funcionalidad ....................................................................................................... 9

Especificaciones Tcnicas ......................................................................................................... 13 Diagramas ................................................................................................................................. 16 Componentes .................................................................................................................... 16

2.3.1 3 4

CONCLUSIONES ............................................................................................................................... 16 BIBLIOGRAFIA .................................................................................................................................. 17

Proyecto: Mascota-Web

ndice de tablas.
Tabla 1 MASCOTA ..................................................................................................................................... 8 Tabla 2 USUARIO ....................................................................................................................................... 8 Tabla 3 PRODUCTO ................................................................................................................................... 9

ndice de Ilustraciones.

Ilustracin 1 Base de datos bdmascota .................................................................................................... 8 Ilustracin 2 Diseo MASCOTA-WEB ........................................................................................................ 9 Ilustracin 3 Index (Pgina principal) ...................................................................................................... 10 Ilustracin 4 Registro de Usuarios .......................................................................................................... 10 Ilustracin 5 Bsqueda Personalizada .................................................................................................... 11 Ilustracin 6 Consulta (Bsqueda) .......................................................................................................... 11 Ilustracin 7 Bsqueda personalizada (Contenido) ................................................................................ 11 Ilustracin 8 Tienda ................................................................................................................................. 11 Ilustracin 9 Informacin de contacto .................................................................................................... 11 Ilustracin 10 Acerca de .......................................................................................................................... 12 Ilustracin 11 Galera .............................................................................................................................. 12 Ilustracin 12 Diagrama de Componentes ............................................................................................. 16

Proyecto: Mascota-Web

1 INTRODUCCIN
Hoy en da los sitios Web se han convertido en una de las opciones de mayor consulta, ahora ya no es opcional el estar en la red sino una obligacin; el Internet se ha convertido en el sistema ms importante de publicacin-obtencin de informacin de la sociedad actual, la tecnologa se est actualizando da a da de tal modo que las posibilidades han evolucionado a un nivel en el que es difcil imaginar aplicaciones de la vida cotidiana que no tengan cabida en la red, este avance ha sido motivado, en gran medida, por el aumento progresivo de usuarios, ya que es accesible a todos los organismos pblicos y privados, todas las grandes y medianas compaas, gran parte de las pequeas empresas, y en general dentro de los hogares que poseen una PC. Un sitio WEB adems de contener informacin tambin permite atraer y mantener una constante comunicacin con la sociedad que de una u otra forma harn aportes en beneficio de esta.

1.1 Descripcin General del Proyecto

Aprovechando el ambiente cultural de nuestro tiempo, marcado por la Tecnologa e Informtica, hemos emprendido la tarea de disear e implementar un Sitio Web, que adems de mostrar los servicios consultas, novedades, registros etc., fomente el uso de los medios actualizados en especial los informticos, para que este sirva de herramienta didctica que posibilite la evolucin de procesos y en la realidad contribuya al desarrollo integral de la persona. El presente proyecto MASCOTA-WEB est enfocado al registro consulta y compra de mascotas adems de que encontrara diversos tipos de productos como alimentos, shampoo, premios, vitaminas etc. Consideramos el sitio Web como una forma prctica, accesible para los usuarios y que facilite la compra y venta de sus mascotas, esto se logr empleando herramientas de desarrollo de sitios web como (PHP, JAVASCRIP, PHOTOSHOP, AJAX) etc.

1.2 Objetivo General

Disear, construir y aplicar un sitio Web bsico que permita proporcionar informacin sobre mascotas, facilitando el acceso a diferentes recursos y servicios que ofrece MASCOTAWEB, y as poder administrarla de una manera ms eficaz.

Proyecto: Mascota-Web

1.3 Objetivos Especficos

Desarrollar un proyecto investigativo de inters usando elementos y/o aplicaciones para crear un sitio Web Dar en la Web una imagen acorde con las necesidades de los usuarios

1.4 Justificacin
Un sitio Web una mejor publicidad ahora en la tecnologa ya que esto aumentara comunicacin que se efectivizara en el trabajo. A dems del uso de esta pgina Web es de gran importancia el desarrollo ya que tendr una mejor visualizacin y colaboracin con otros usuarios. Algunas de las caractersticas con este servicio de MASCOTA-WEB son: Publicacin de mascotas, artculos, tienda online adems de que facilita la compra y venta de mascotas. Publicacin de eventos y ltimas noticias. Galera fotogrfica. Calidad de diseo e imagen Sitio Web administrable (Para cambiar el contenido cuando sea necesario).

Proyecto: Mascota-Web

1.5 Metodologa de Desarrollo y Solucin

Seguimos una serie de pasos que eran necesarios para la elaboracin, as que lo dividimos en tres partes: creacin de tablas, diseo web y funcionalidad (programacin). A dems de tener en cuenta Qu es lo que realmente necesita el sitio Web?, Qu se buscara en este sitio?, Qu imagen se necesita para proyectarlo?, as como tambin el software a utilizar, los requerimientos de la Web y que conocimientos eran necesarios para poder elaborarlo. Al inicio fue necesario tener conocimiento sobre programacin bsica, no forzosamente saber programar excelentemente pero al menos para poder realizar una pgina de calidad y que se muestren los diferentes puntos se nos pide. Para la creacin de tablas es necesario aplicar los conocimientos adquiridos en bases de datos adems de saber que iba a contener el proyecto, que relaciones tendran las tablas, y que registros serian ingresados para as poner los campos que eran correctos, esta base de datos fue elaborada en MySQL. El diseo Web fue elaborado en PHOTOSHOP y DREAMWEAVER tomando en cuenta los puntos necesarios para la elaboracin de este, como son: inicio, buscador, consulta, comprar, registro, galera contacto etc., estas son las pestaas de la pgina WEB que nos permiten navegar en toda la pgina. Se cre un diseo accesible para los usuarios, fue necesario tener conceptos sobre PHP para definir estilos que seran la base de nuestra pgina. En funcionalidad se hizo la codificacin sobre el diseo que ya se tena, se elabor y adaptaron los elementos grficos, se codifican las pginas, los programas y scripts, se defino y se prepararon las bases de datos para que el sitio funcionara. Fue necesario asistir a asesoras para poder elaborarlo, adems de tener varias revisiones y hacer pruebas para verificar el funcionamiento. En tanto a la funcin principal de la pgina se logra mediante las consultas que se realizan para corroborar los datos y as mismo probar la funcionalidad, esto se requiri debido a que algunas cosas se complicaron y se busc la asesora para poder solucionarlo.

Proyecto: Mascota-Web

1.5.1 Cronograma de actividades Semanas

1
Anlisis de la estructura y elementos de diseo de un sitio Web tomando en cuenta los criterios establecidos Presentacin del plan

10

Actividades

Preparacin de texto imgenes, fotografas, encabezamiento y dems materiales para ser utilizados en el diseo Diseo de la estructura de una pgina Web, secciones, colores, apariencia, diagramas, fondos y otros. Diseo, personalizacin y programacin de los elementos de la pagina Verificacin e Implantacin Reporte final

El proyecto es elaborado en dos meses y medio, trabajando por semanas, no dentro de un horario de trabajo. La elaboracin de cada actividad debe de ser entregada a finales de cada semana es responsabilidad de cada colaborador entregarlo en tiempo y forma.

1.5.2

Materiales Computadora Cmara digital Internet Software de diseo Web

Proyecto: Mascota-Web

2 DESARROLLO DEL PROYECTO MASCOTA-WEB

Diseo de la propuesta. En atencin a la estructura del sitio Web se disea un conjunto de documentos que faciliten la ubicacin de la informacin relacionada con los contenidos del mismo, los cuales presentan las siguientes etapas: 2.1.1 Creacin de la Base de Datos Se crea una BD llamada bdmascota que contiene las tablas que se van a utilizar, que son mascota, producto y usuario.

Ilustracin 1 Base de datos bdmascota

La tabla MASCOTA contiene atributos como nombre, tipo, edad, raza, pathFoto, propietario, que son necesarias para el registro de la mascota.

Tabla 1 MASCOTA

La tabla USUARIO contiene usuario, clave, nombre, apellido, email estos atributos son necesarios para darse de alta, y as poder ingresar y registrar a sus mascotas.
Tabla 2 USUARIO

Proyecto: Mascota-Web

La tabla PRODUCTO contiene atributos que son necesarios para la compra de productos para mascotas, esta informacin de la tabla ser extrada a la pgina para mostrar la informacin de cada producto que ofrecemos.

Tabla 3 PRODUCTO

2.1.2 Diseo y Funcionalidad El diseo de la pgina Web fue elaborado y editado en PHOTOSHOP, la interfaz se trat de hacerla de una manera fcil y accesible. Las relaciones de las paginas entre si configuran el sitio, a partir de la pgina principal se vinculan mediante enlaces al resto de las paginas iniciando con el usuario y contrasea, el diseo fue algo fcil ya que solo fue mediante cdigo HTML que despus lo tuvimos que pasar a PHP, y as se estableci un orden y con qu configuracin se iban a establecer los vnculos.

Ilustracin 2 Diseo MASCOTA-WEB

Proyecto: Mascota-Web

El diseo contiene un index.php que muestra el inicio de la pgina donde tambin se visualizan diversas novedades y noticias. En la pgina inicial se encuentra el inicio de sesin para poder ingresar y registras mascotas.

Ilustracin 3 Index (Pgina principal)

La pgina tambin contiene pestaas como REGISTR: Alta de usuarios para que puedan ingresar con un usuario y contrasea. Una vez registrado cuentas con mayores beneficios.

Ilustracin 4 Registro de Usuarios

10

Proyecto: Mascota-Web

CONSULTA: Donde se ingresa el nombre de la mascota que deseas buscar y te la muestra si es que ese registro se encuentra, de modo que si no hay tambin puede ir a una bsqueda personalizada que solo es para usuarios registrados y se encuentra en esa misma pestaa, ah podr seleccionar que mascota desea buscar ingresando nombre, tipo, raza etc.

Ilustracin 6 Consulta (Bsqueda) Ilustracin 5 Bsqueda Personalizada

CONTACTO:

Ilustracin 7 Bsqueda personalizada (Contenido)

COMPRAR: Aqu se encuentra una gran variedad de productos que se pueden comprar para tu mascota como: alimentos, shampoo, premios, vitaminas etc.

Ilustracin 9 Informacin de contacto

Informacin de Contacto

Ilustracin 8 Tienda

11

Proyecto: Mascota-Web

ACERCA DE: Se encuentra informacin sobre cada una de las mascotas que han sido registradas.

Ilustracin 10 Acerca de

GALERIA: Muestra imgenes de mascotas que han sido registradas.

Ilustracin 11 Galera

12

Proyecto: Mascota-Web

2.2 Especificaciones Tcnicas

ELEMENTO Titulo rea de conocimiento Usuarios DESCRIPCION Macromedia Dreamweaver 8 Este programa pretende potenciar y facilitar el diseo acerca de sitios web de una manera poco compleja. El programa est dirigido para quienes gustan de la programacin sobre sitios web y los cuales cuentan con el conocimiento suficiente para usarlo de manera eficiente. La ltima versin del software fue creado en mayo del 2012 El idioma se maneja generalmente en ingles pero cuenta con un paquete de idiomas para facilitar el entendimiento al usuario. Con conocimientos bsicos de programacin se facilita el uso de este programa ya que es amigable y se presta para que el usuario quiera estar ah. Funciona con Windows xp y sus diferentes versiones posteriores con memoria RAM mnima de 512 GB y un espacio en disco de 5 GB. http://www.adobe.com/mx/products/dreamweaver.html La aplicacin cuenta una descarga de prueba y cuenta con una licencia para usuarios que deseen obtener una mejor funcionalidad. A medida de lo normal el software ha sido evaluado para poder lanzarlo al mercado ya que cumple con su objetivo y as logra ser unos de los ms prestigiados en el mercado para su nico uso al que se dedica.

Fecha de produccin Idioma

Modelo de aprendizaje

Requisitos tcnicos

Direccin de descarga Accesibilidad (libre o no)

Evaluacin

13

Proyecto: Mascota-Web

ELEMENTO Titulo Versin rea de conocimiento Usuarios

Fecha de produccin Idioma Modelo de aprendizaje

Requisitos tcnicos

Direccin de descarga Accesibilidad (libre o no) Evaluacin

DESCRIPCION Adobe Photoshop 6.1 Este programa facilita el uso para tratar imgenes haciendo manipulacin sobre ella y de esta forma crear lo deseado. Este software est dirigido principalmente para los diseadores, ya que cuenta con herramientas muy completas para la manipulacin de imgenes. La ltima versin de este software fue 18 de junio de 2013 Este software cuenta con un paquete completo de idiomas para que cualquier usuario pueda utilizarlo. No es necesario tener alto conocimiento para poder utilizar este software ya que es muy amigable para el fcil entendimiento. Funciona desde la versin de Windows XP y sus versiones posteriores con memoria RAM de 1 GB como mnimo y un espacio en disco de 10 GB. www.adobe.com/mx/products/cs5 Este software cuenta con descarga de prueba por 30 das y posteriormente se puede adquirir una licencia. Muchos diseadores recomiendan este software ya que fue evaluado para mostrar su potencial y as se lanzara al mercado para la pronta distribucin.

14

Proyecto: Mascota-Web

ELEMENTO Titulo Versin rea de conocimiento Usuarios

Fecha de produccin Idioma Modelo de aprendizaje Requisitos tcnicos Direccin de descarga Accesibilidad (libre o no) Evaluacin

DESCRIPCION Staruml 4.1 Este software se utiliza para realizar diagramas de clases, objetos al igual que estructuras de componentes entre otros. Este software es de uso sencillo para cualquier tipo de usuario el cual requiera de realizar diferentes diagramas para explicar mejor sus proyectos. ltima versin 5.02 en octubre de 2012 Cuenta con el idioma ingls. No se requiere de muchos conocimientos solo de un poco de lgica para poder realizar los diagramas. Windows xp y posteriores con memoria RAM de 512 como mnimo y 5 GB de espacio en disco. ww.staruml.waxoo.com Cuenta con versin de prueba por 30 das y despus la licencia tiene un costo para obtener el mejor servicio. Evaluando el software se ha distribuido principalmente para cuestiones acadmicas y para el desarrollo de diagramas para mejor conocimiento de lo que se est tratando.

15

Proyecto: Mascota-Web

2.3 Diagramas
2.3.1 Componentes

Ilustracin 12 Diagrama de Componentes

3 CONCLUSIONES
En el mundo actual la competitividad en el mercado es cada vez ms frecuente y por tal motivo en muchos negocios han aumentado sus ganancias debido al uso de publicidad web, la mayora est optando por desarrollar sus propias pginas para ofrecer informacin en tiempo real a sus clientes. En este proyecto llevamos a cabo una pgina web que puede aplicarse a una tienda de mascotas, el objetivo principal de este proyecto fue la aplicacin de los conceptos bsicos de programacin distribuida, el objetivo se cumpli porque investigamos ms de lo que de debi haber visto en esta materia as que en conclusin fue interesante y a la vez tedioso pero sabemos de ante mano que el futuro est en internet as que entre ms conocimientos tengamos sobre estos temas, tendremos ms opciones para poder enfrentarnos este futuro que ya no est alcanzando

16

Proyecto: Mascota-Web

4 BIBLIOGRAFIA
FUNDAMENTOS DE BASES DE DATOS. Cuarta edicin. Silberschatz Abraham. Korth Henry F. CREACION DE SITIOS WEB CON PHP Gil Rubio Fco. Javier. Tejedor Cerbel Jorge A. Alonso Villaseor Santiago. Domine PHP y MySQL 2 edicin Lpez Quijado Jos.

17