Você está na página 1de 14

Desarrollo de aplicaciones web

Proyecto de la clase
Ing. Junior Guilln
CEUTEC 2015
Objetivos del proyecto
Que el estudiante aplique todos los conocimientos adquiridos durante la clase de aplicaciones web para
crear un portal dedicado al turismo de Honduras.

Que el estudiante aplique los conceptos Tericos de Front-end y back-end estudiados en la clase para
crear el aplicativo web.

Que el estudiante muestre sus habilidades como programador web para el desarrollo de esta aplicacin.

Que el alumno cree una aplicacin web responsive y con una interfaz grfica agradable y 100% usable.

Que el estudiante aprenda la integracin del framework Bootstrap, jQuery , cold fusion y SQL server para
desarrollar la aplicacin web.

2
web app
Turismo
El proyecto de la clase consiste en crear un
aplicativo web que permita resaltar el
turismo nacional. El portal deber tener las
siguientes funcionalidades:
1) Home Page
El sitio debe presentar una pgina inicial totalmente atractiva con 4 5 noticias relevantes del
turismo nacional. Cada noticia tendr su vista en miniatura (con una foto , ttulo y descripcin) y los
visitantes podrn hacer click en ellas para ver la versin full (Esta informacin deben venir del portal
noticias)

El home page tambin debe permitir a los visitantes crear su perfil para ser usuarios del sitio. Si un
visitante ya tiene usuario entonces puede lograrse haciendo uso de un email y contrasea
previamente guardada.

El formulario que debe llenar un visitante para ser miembro del portal tiene la siguiente informacin:

1. Nombre
2. Apellido
3. email (que ser su username)
4. Rubro de trabajo (que tipo de profesin tiene)
5. Intereses (esta es una lista que viene de la base de datos)
6. Descripcin de la persona.
7. Pais de procedencia
8. Fecha de nacimiento
9. Fotografa
2)Formulario de registro
Cuando una persona llena el formulario y toda
su informacin es correcta (y previamente
validada) se crear su ficha en la base de
datos y se enviar un email de bienvenida
donde se le notificar su password (auto
generado por la base de datos). Tambin se le
explicar que la primera vez que entre al sitio,
se le pedir que cambie su contrasea a la que
l guste.

En el sitio debe haber un lugar donde se pueda


modificar la informacin del usuario. Se puede
editar cualquier data MENOS el email
account.

Tambin el usuario puede darse de baja en el


sitio.
3)Pgina de noticias
Veamos un ejemplo:

Cuando un usuario se loguea en el


Ttulo
sitio tendr acceso a variedad de
informacin y opciones. Una de ellas usuario y fecha
es ir a una seccin de noticias.

Esta seccin mostrar las noticias


agrupadas bajo una categora y Imagen
cada formato de noticia debe tener
como mnimo la siguiente
informacin:

1. Ttulo de la noticia
Texto
2. Persona y fecha en que se
public
3. Fotografa o vdeo (Youtube link
por ejemplo)
4. Descripcin
Pgina de noticias
Categora: Copn

Cada usuario puede leer noticias en su versin


full y adems calificarlas bajo un sistema de
evaluacin que indicar si la noticia es buena, Noticia 1 Noticia 2 Noticia 3
normal , excelente o mala. Dicho sistema ser
creado por el programador (pueden ser likes,
estrellas, corazones, etc)
Categora: Paseo la Tigra
Cada usuario podr editar o borrar sus propias
noticias, pero no puede modificar ni borrar
elementos de otros usuarios. Noticia 1 Noticia 2 Noticia 3

Las noticias recientemente creadas deben


aparecer en el Tope de cada categora.

Las categoras deben estar previamente Noticia4 Noticia 5


creadas desde la base de datos y como
mnimo se deben tener 6 de ellas.
4) Mapa turstico

8
Mapa turstico

En esta seccin se mostrar un mapa (haciendo uso del API de google maps) donde los
usuarios podrn agregar points de lugares tursticos, as mismo los usuarios podrn
hacer clicks en los points y subir fotos con reviews de los sitios que han visitado.

Cualquier usuario puede dejar un comentario en cualquier foto de cualquier point, pero
solamente se pueden borrar fotos y comments de la misma persona que los dej.

Veamos un ejemplo:
Mapa turstico
Un usuario crea un point
llamado copn y el punto
aparece en el mapa.

Cuando alguien hace click,


se mostrar una ventana
que tendr las fotos y
comentarios de ese lugar
Mapa turstico
Bienvenidos a Copn

Agregada por: pedro Lpez Agregada por: Juan Ramrez


fecha: 5/mayo/2015 fecha: 10/mayo/2015

Agregada por: Luis Llopis


fecha: 20/mayo/2015
Mapa turstico
Bienvenidos a Copn

Add comment

comentario hecho por:


Carlos Martillo / 7-mayo-2015

Cpan es un excelente lugar para visitar. Me encantan las estelas mayas.

comentario hecho por:


Luisa Aguilera / 3-febrero-2015

En ese lugar prob el mejor caf del mundo :)


Mapa turstico

De esta forma se podr tener un mapa con todos los poins, fotos y comentarios que se deseen. Tienen que ser muy
creativos al usar esta API de google maps.
Importante
Tienen que ser muy creativos al crear Deben validar toda la consistencia de la
todo el aplicativo y deben definir la base data cuando se crea un usuario en el
de datos (SQL server) con sus formulario (no usuarios repetidos,
respectivos campos. fechas de nacimiento vlidas, formato
de email correcto, etc)
Deben hacer uso de fotos y videos de
youtube para la seccin de noticias. Pueden usar el CSS que bootstrap trae
por default o pueden crear su propio
Hay que establecer muy bien las (opcional)
validaciones de edicin y borrado en la
seccin de mapa y noticias. 14