Universidad Autnoma del

Estado de Hidalgo
Desarrollo de Sistemas para
Internet
Proyecto
ATREA
Profesora: Alejandra Prez Serna
Alumna: Zeidy Serrano Aguilar
INTRODUCCION

Este documento presenta la elaboracion de una pagina web, la cual tiene como
tema ATREA que es Asociacion Integral de Asistencia a los Transtornos del
Espectro Autista.
Esta pagina tiene informacion hacerca de la asociacion y tiene como objetivo
realizar citas via online, para que sea mas facil para las familas que viven en
distintos municipios del estado agendar sus fechas en las cuales tienen terapias, y
asi no tengan que venir hasta Pachuca solo a solicitar una cita . Este servicio sera
exclusivo para pacientes que ya tienen asignado un terapeuta, en la asociacion se
les proporcionara un usuario y su contrasea.
PROCEDIMIENTO

a. Como primer paso buscaremos plantillas de paginas, esto nos ayudara a
hacer un poco mas facil este proyecto, bajaremos la plantilla que mas nos
guste unas de las paginas recomentadas serian estas:
http://es.all-free-download.com/plantillas-web-gratis/
http://www.freeplantillas.com/
http://es.wix.com/website/templates
estas paginas nos proporcionan templates gratis, y modificables.
b. Descargar el diseo que este ms adecuado segn el tema.
c. Se descargara un archivo .zip el cual vamos a descomprimir y traera una
serie de carpetas como las siguientes (el numero de carpetas depende de
que diseo hayamos escogido).




d. Utilizaremos Dreamweaver CC para la editar todos nuestros archivos, esto
para tener la vista de diseo y la de cdigo juntas para ir viendo cmo
queda. Si esto no es necesario el estar viendo cmo vamos modificando a
la par con el cdigo podemos utilizar el block de notas.
Block de notas Dreamweaver


e. Agregamos en todas las pginas del sitio el cdigo para realizar un men.




f. En la pgina ndex agregaremos el siguiente cdigo despus de la seccin
header esto es el contenido de nuestra pagina



g. Seguiremos con el archivo sobre.html el cual es la parte llamada Sobre
Nosotros el cual agregaremos en la misma parte que el anterior el
siguiente cdigo.







h. Ahora utilizaremos el archivo contacto.html y agregaremos el siguiente
cdigo





i. Tenemos un archivo que se llama citas.html a este archivo es donde se
inicia la sesin para realizar las citas y de igual manera agregaremos
nuestro contenido.

j. Ahora tenemos un archivo llamado error_login.html este archivo es llamado
cuando nosotros introducimos un dato errneo en la parte de usuario y
contrasea y tambin agregaremos nuestro contenido el cual va a decir
usuario o clave incorrectos, verifique sus datos.

k. Una vez que terminamos el contenido de cada una de las pginas que
componen nuestro sitio, daremos inicio a la base de datos.
Instalaremos XAMPP y crearemos la base de datos como la siguiente.



l. En el cdigo del archivo citas.html vamos a vincular esta base de datos de
la siguiente forma:



Navegacin del sitio
ndex: es la parte de bienvenida de nuestro sitio, aqu encontraremos
imgenes, el link de ATREA a Facebook, el link de informacin del da
mundial de la concienciacin sobre el Autismo, y tambin te da la
bienvenida e informacin sobre la asociacin.




Sobre Nosotros: este apartado contiene imgenes, la misin y visin de la
asociacin, su historia y los nombres de los integrantes ms
representativos.




Contacto: en esta parte se presenta un formulario el cual es para contactar
a la asociacin, para dudas, quejas, comentarios etc. Y se proporciona la
direccin y el mapa de la localizacin de la asociacin. Tambin se
proporcionan los datos bsicos como telfono y correo electrnico.


Citas: esta seccin es donde se inicia sesin para la realizacin de las citas.

Posteriormente entraremos a la agenda y podremos, realizar, modificar,
eliminar las citas que necesitemos en el horario que sea ms cmodo.












Conclusin

El sitio tiene deficiencias en el rea de contacto, el problema es que
supuestamente manda el mail lo confirma, pero en realidad no porque no llega al
correo preestablecido.
Y en la parte de citas la agenda tiene oportunidad de mejora, realiza las
operaciones de una agenda correctamente pero es una agenda muy bsica,
podra tener un buen seguimiento y mejorarlo hasta realizar una agenda ms
sofisticada