UNIDAD EDUCATIVA REPUBLICA DE VENEZUELA

EDUCACION BASICA Y BACHILLERATO

TULCAN Y ARGENTINA
TELEFONO 2370593
SECCION VESPERTINA

PREVIA A LA OBTENCIN DEL TTULO DE BACHILLER

TCNICO EN COMERCIO Y ADMINISTRACIN.
ESPECIALIDAD: APLICACIONES INFORMTICAS
NOMBRE DEL TEMA:
IMPLEMENTAR UNA PAGINA WEB COMO GUIA TURISTICA DE
LA CIUDAD DE GUAYAQUIL.

AUTOR/ES:
NATHALY GABRIELA ROMERO HABLICH
MELANNIE PRISCILLA PINARGOTE RUIZ
ODALYS NAOMI ALMEIDA GUASTAY

Guayaquil

Ecuador

2015 - 2016

INDICE
INTRODUCCION

PROPUESTA DE TRABAJO
MEMORIA DESCRIPTIVA

2
3

3.1.- DESCRIPCION GENERAL

3.2.- DESCRIPCION TECNICA
3.3.- GLOSARIO

PROCESO DE PRODUCCION DE BIENES O PRESTACION DE

SERVICIOS 4
RECURSOS 5
CRONOGRAMA DE ACTIVIDADES
CONCLUSIONES 7
RECOMENDACIONES
BIBLIOGRAFIA
ANEXOS

10

RESUMEN EJECUTIVO

El presente trabajo de Grado es una recopilacin de informacin para la

personas que vistan nuestro puerto principal Guayaquil, porque al tratarse
del tema de una orientacin para los turistas, que segn la teora: contiene
una serie de problemas de falta de informacin por los cuales no hay como
mucha informacin sobre el tema para las personas de una manera ms
rpida y efectiva a la vez.
Por esta razn el rea de Bachillerato tcnico en Aplicaciones de
Informticas, toma como proyecto implementar una pgina web que permita
satisfacer las necesidades de los turistas que visitan nuestra ciudad.
Para ello se investig a fondo la problemtica que existe en la ciudad de
Guayaquil y se plante algunos objetivos para apaliar los problemas que
acarrea la falta de una estrategia ideal para brindar informacin real de los
sitios tursticos que ofrece nuestra hermosa ciudad, tambin se establece
diferentes caractersticas, sistemas que pueden implantarse, adems los
costos de produccin que pueden generar la implementacin y los lugares
estratgicos en caso de que se quiera ejecutar este estudio realizado.
Para ello se investig en diferentes fuentes bibliogrficas los aspectos
generales y tcnicos del estudio, as como los recursos utilizados en el
proceso de diseo e implementacin de este sitio web.

INTRODUCCIN

Este proyecto buscar dar solucin al problema de falta de guas tursticas

interactivas.
El proyecto se centra en la implementar una pgina web como gua turstica de
la ciudad de Guayaquil, esta investigacin nos permiti identificar y reconocer
los problemas que tiene los turistas para visitar los sitios emblemticos de
nuestra ciudad con seguridad, es decir, problemas que afectan el turismo.
El inters del tema surge como una inquietud ante el incremento del turismo en
nuestra ciudad y la falta de sitios seguros en la web que brinden informacin.
Actualmente la ciudad no cuenta con gua turstica interactiva que ayuden a las
autoridades a brindar informacin de forma rpida a todos los lugares de forma
global de manera eficaz y veraz de los sitios seguros, hermosos que cuenta la
ciudad.
Tendr como finalidad brindar el servicio a los turistas que lleguen a disfrutar de
nuestro pas, sabiendo los hermosos lugares para disfrutar que se encuentran
aqu. A travs de esta gua puedan orientarse, conocer de los lugares ms
visitados y que disfruten con la informacin que se le simplificara en esta
propuesta.

Simplemente ser algo sencillo, algo fcil de usar donde las personas se
guiaran con informacin muy detallada, imgenes de los lugares y direccin
para que concurran en distintos lugares.

ANTECEDENTES

Dentro de la Provincia del Guayas en la ciudad de Guayaquil desde aos

atrs se promueven proyectos tursticos sobre integraciones de sistemas de
pginas web para los lugares tursticos, esto se da ms que nada a nivel
poblacional, y ya sea por el apoyo del de la provincia
hasta
estos
proyectos y tambin por la fomentacin de informacin y orientacin para
sociedad.
Como parte de la campaa turstica Guayaquil es mi destino, que se inici
en julio del ao pasado, el Municipio de Guayaquil de a presentado las guas
y mapas oficiales de la ciudad, adicionalmente, una pgina web, la aplicacin
mvil y el tour virtual 360.
Con la clasificacin de nueva informacin, los turistas cuentan con
expectativas de orientacin.
Por esta razn el proyecto se ha investigado en la ciudad de Guayaquil, para
dar solucin los diferentes problemas que acarrea la falta de conocimientos
siguiendo el ejemplo del cantn, de otras provincias e instituciones.

Localizacin.-

El presente proyecto se encuentra ubicado en la Provincia de Guayaquil,

Cantn Guayas.

OBJETIVOS
GENERAL:
Implementar una pgina web como gua turstica, para la ciudad de Guayaquil,
en el ao 2016.
ESPECFICOS
Determinar las tecnologas y los componentes de una pgina web
disponibles que permitan dar solucin al problema.
identificar la situacin actual las pginas web como guas turstica.
Disear la pgina web donde se ubicara la informacin.
Capacitar al personal que va hacer uso de pgina web.

Descripcin General

Qu es una pgina Web

Una pgina web es un documento o informacin electrnica capaz contener
textos, sonidos, videos, programas, enlaces, imgenes, y muchas otras
cosas.
Esta informacin se encuentra generalmente en formato HTML o XHTML, y
puede proporcionar navegacin (acceso) a otras pginas web
mediante enlaces de un hipertexto.
Las pginas web frecuentemente tambin incluyen otros recursos como
ser hojas de estilo en cascada, guiones (scripts), imgenes digitales, entre
otros.
Las pginas web nos detallan mucha informacin que hez de gran ayuda
para nosotros, gracias ellas es un medio ms de comunicacin para
manteneros informados.

Utilidad
La utilidad de una pgina web es que podemos encontrar toda clase de
informacin y muchas otras cosas actuales como noticias, software nuevo,
hardware en ventas, juegos, msica, programas de pginas web, entre otras
cosas.

Como funciona
Funciona brindando una informacin ms amplia y detallada para llamar la
atencin y el entreteniendo del lector. Tambin redacta la informacin,
organiza cada detalle, tiene una produccin del material grafico para poder
mostrar al lector de lo que se le informa.

Partes o Componentes
Independientemente del programa que se use para la creacin de pginas
Web, stas pueden contener los mismos elementos, por ejemplo:
Texto: esttico o en movimiento.
Imgenes: fijas o animadas.
Sonidos.
Secuencias de vdeo.
1.1. TEXTO.El texto, componente fundamental de las pginas Web, lo generamos
teclendolo (aunque tambin se puede copiar desde cualquier otro programa
y pegarlo). Hay una serie de reglas que debemos tener en cuenta con
respecto al texto: Su objetivo es la legibilidad (parece una obviedad, pero
no es inusual encontrar pginas en Internet que prcticamente no se pueden
leer). En las pginas Web hay que reservar el subrayado exclusivamente
para los enlaces. En general, la cursiva es el formato apropiado para titulares
y funciona bien para enfatizar. Cuando quiera destacar una palabra, emplee

negrita o cursiva. El uso abusivo de demasiados estilos produce un efecto

estrambtico. Reserve los tipos de negrita y letra grande para los titulares,
los cuales deben destacar sobre el resto de la pgina.
1.2.

SANGRADO DE PRRAFOS
Para sangrar prrafos puede utilizar la tecla Tab de su teclado (al igual
que ocurre con el procesador de textos), o el botn Sangrar texto de la
barra de herramientas. Tambin podemos tabular artificialmente un
prrafo mediante espacios sin salto. Es, como su nombre indica, un
espacio que no produce salto (es un tipo particular de espacio que est
considerado un carcter en s mismo en lugar de ser, simplemente, un
espacio entre caracteres). Para ser ms especfico, los espacios simples
que se obtienen con la barra espaciadora no son considerados esenciales
por la mayora de los navegadores; si coloca un puado de espacios en
blanco, uno tras otro, para intentar dar formato a un texto, en algunos
navegadores slo se mostrar un espacio.

2. INSERTAR IMGENES
Para insertar una imagen en el documento seleccionar la opcin de
men Insertar >> Imagen, se mostrar la siguiente caja de dilogo, con
diversas solapas:
Ubicacin: se indica de dnde tomar la imagen, pulsando en el botn
Elegir archivo, se explora el sistema de archivos para seleccionar la
imagen. Tambin se indica el texto alternativo que se mostrar de la
imagen y un texto de ayuda cuando se pase el ratn por encima.
Dimensiones: se puede cambiar el tamao de la imagen.
Apariencia: se establecen las distancias entre la imagen y el texto, as
como la alineacin del texto alrededor de la imagen.
Enlace: se puede establecer un hipervnculo para la imagen.
Botn Edicin avanzada: para establecer opciones avanzadas como
atributos HTML, eventos de JavaScript, estilos, etc.
Una vez insertada la imagen, se pueden establecer sus propiedades
haciendo doble pulsacin sobre ella, seleccionando la opcin de men
Formato >> Propiedades de la imagen o a travs del men contextual. En
este ejercicio que os proponemos vamos a aprender a insertar imgenes
de varios tipos. Una imagen fija, un gif animado y una imagen de fondo
ser nuestra prxima propuesta. Antes de cada ejercicio os daremos una
breve introduccin de cada apartado por lo que os aconsejamos leis con
atencin todo el documento. Seguimos trabajando sobre la pgina creada
con la Web para la webcurso (index.htm).

3. VER NUESTRO TRABAJO

Una vez que hemos creado nuestra pgina, podemos visualizarla desde
el programa navegador (recomendamos Mozilla Firefox). Para esto
arrancamos el navegador por defecto que tengamos en nuestro
ordenador desde NVU de varias formas:
1. Seleccionando la opcin Visualizar pgina en el navegador desde el
men Archivo
2. Pinchando el botn situado en la Barra de herramientas. Tambin se
puede abrir desde el navegador seleccionando el archivo de nuestra
pgina Web.
Hay que tener en cuenta que cada vez que realice modificaciones en su
pgina, podr ver reflejados los cambios en el programa navegador, por
lo que se guardar la pgina antes de verla. En la metodologa de trabajo
para la edicin de pginas Web es importante trabajar siempre con las
dos aplicaciones abiertas: el programa que permite crear las pginas (en
nuestro caso, NVU) y la aplicacin que permite visualizarlas (el
navegador)

Caractersticas
Deben utilizarse de forma correcta las diferentes herramientas (HTML, CSS,
ASP.NET o algn otro lenguaje de servidor, AJAX, etc.) para lograr una
navegacin que cuente con las siguientes caractersticas:

Pginas ligeras que descarguen rpidamente.

El formato y estilo de los diferentes elementos estn centralizados en

un solo archivo, de tal forma que el navegador solamente lo tiene que
leer una vez.

Elementos tcnicos que facilitan la indexacin en buscadores de

Internet:

Inclusin de Metatags Description y Keywords.

Informacin bien redactada sin intentos de engaar a los
buscadores de Internet.

Uso de etiquetas H1 a H6 para ttulos.

Imgenes optimizadas para que pesen menos.

No utilizar marcos (frames). Esto evita algunos posibles errores
de visualizacin en el navegador y facilita la impresin.
No utilizar Flash cuando no agregue valor. Los buscadores de
Internet y algunos smartphones y tabletas no pueden leer el
texto en Flash.
En la mayora de los casos es recomendable utilizar un ancho
fijo (no expandible a todo lo ancho de la pantalla) porque facilita
la lectura.
Utilizacin de tipos de letra fcilmente legibles y una
herramienta para permitir crecer el texto. Existe una estimacin
de que el 75% de los adultos utiliza algn tipo de anteojos para
corregir la visin.
Todas las pginas contarn con un URL absoluto. Esto es, cada
pgina tendr una direccin distinta y nica en la barra de
direcciones de tu navegador (puede parecer obvio, pero hay
sitios web que no funcionan as). Hacindolo correctamente, es
posible para el visitante aadir tu pgina a favoritos o enviar
una liga a un producto determinado por e-mail.
De manera opcional se puede utilizar la migaja (breadcrumb)
en todas las pginas. Ejemplo: Usted est en: Inicio >
Servicios > Consultora.
Apegarse a estndares de desarrollo para garantizar que el
sitio web pueda ser visualizado en todos los navegadores,
como Internet Explorer, Firefox, Safari, Chrome y Opera tanto
en computadoras Windows como Mac.
Establecer contacto con el visitante mediante formularios y una
herramienta de chat en lnea.
Para romper la monotona de grandes cantidades de texto,
utilizar fotografas propias o de stock.
Utilizacin de Google Analytics o alguna otra herramienta para
medir los ingresos al sitio web.

El copy del sitio web, es decir, la informacin que contiene,

debe tener estas caractersticas:

Textos bien redactados, que contengan informacin relevante a

lo que queremos destacar.

No tratar de engaar a los buscadores de Internet mediante

repeticiones exageradas de palabras, utilizacin del mismo color de
texto y fondo, o alguna otra tctica indeseable.

No utilizar un lenguaje muy tcnico ya que nuestros posibles

clientes no son necesariamente expertos en el tema.

Mantener los textos breves y concisos.

Incluir alguna seccin (o blog) en la que se publiquen artculos
generados por tu empresa sobre el tema que domina. Esto ayuda a
que tu pgina sea ms relevante para los buscadores, adems de
que te conviertes en una fuente de informacin confiable para tus
clientes y posibles clientes.

Tipos de Pagina Web

Existen distintas formas de clasificar a las pginas web, algunos criterios
para ello son:
Segn su construccin:
1.

Estticas: este tipo de pginas web estn compuestas por archivos

que contienen cdigo HTML, es por medio de este que se pueden
mostrar las imgenes, textos, videos y todos aquellos contenidos que
componen a la pgina en s. Los archivos que constituyen a la pgina
web son almacenados en el servidor de Hosting, cuyo formato es
tambin en HTML. Las pginas web pueden ser editadas por medio de
programas como el Dreamweaver. Para esto, los archivos deben ser
descargados del servidor con algn software, editarlos, guardarlos y
subirlos nuevamente. El contenido de estas pginas no se modifica
constantemente puesto que estas suelen estar en manos de personas
que requieren contratar a diseadores para que se encarguen de esto, lo

que implica una serie de gastos. Adems, las actualizacin contante no

es algo que sus dueos necesiten.
2.
Dinmicas: en estas pginas, en cambio, los contenidos son
modificados continuamente ya que esto queda en manos de quienes las
visitan. La informacin de estas pginas est guardada en bases de
datos de las cuales los usuarios extraen aquello que les interese. Estas
pginas se caracterizan entonces por ser sus usuarios quienes modifican
el diseo y los contenidos, se las puede actualizar muy fcilmente, ya
que no es necesario ingresar al servidor para esto. Adems, tienen
numerosas funciones como foros, bases de datos, contenidos dinmicos,
carritos de compras, entre otros.

Segn su tecnologa:

En HTML: estas pginas estn construidas con lenguaje HTML, por lo

que se requiere tener conocimientos de este para hacerlas. Un
defecto de ofrecen muy poco, por lo que no son recomendables para
ventas y marketing. La ventaja que ofrecen es que son muy fciles de
construir, con conocimientos bsicos de diseo, alcanza.
En Flash: estas pginas se construyen utilizando el software Flash,
de Adobe, que permite la realizacin de animaciones, efectos, sonidos
y movimientos. Para que los usuarios puedan visualizarlas, es
necesario contar con los plug-in requeridos. Para realizarlas s es
necesario tener conocimientos en profundidad sobre el software, otra
desventaja, es que las pginas hechas con Flash son muy pesadas,
por lo que el tiempo de descarga puede prolongarse.
En lenguaje del servidor: estas se hacen en lenguaje PHP, Ruby,
ASP, entre otros. Para desarrollar esta clase de pginas tambin es
necesario tener conocimientos avanzados sobre el lenguaje a utilizar.
Son ideales para interactuar con los usuarios y para el rea de
marketing.

GLOSARIOS

Entendimiento.- Facultad de la mente que presente aprender, entender,

razonar, tomar decisiones y formarse una idea determinada de la realidad.

Sustentacin.- Accin de sustentar o sustentares.

DreamWeaver.- Es una aplicacin en programa de estudio (basada en la

forma de estudio de AdobleFlash) que est destinada a la construccin,
diseo y edicin de sitios, videos y aplicaciones web basadas en estndares.

Metodologa.- Hace referencia al camino o al conjunto de procedimientos

racionales utilizados para alcanzar el objetivo o la gana de objetivos que rige
una investigacin cientfica.

Gif animdo.- Es una imagen que tiene animacin a travs de distintos

fotogramas y es utilizado comnmente en las pginas web.

Hipervnculo.- Tambin llamado enlace, vnculo o hiperenlace es un

elemento de un documento electrnico que hace referencia a otro recurso.

Html.- Siglas de HyperText Markup Language (lenguaje de marcas de

hipertexto), hace referencia al lenguaje de marcado para la elaboracin de
pginas web. Es un estndar que sirve de referencia para la elaboracin de
pginas web en sus diferentes versiones, define una estructura bsica y un
cdigo (denominado cdigo HTML) para la definicin de contenido de una
pgina web, como texto, imgenes, videos, entre otros.

XHTML.- Siglas del ingls eXtensible HyperText Markup Language. XHTML

es bsicamente HTML expresado como XML vlido. Es ms estricto a nivel
tcnico, pero esto permite que posteriormente sea ms fcil al hacer cambios
o buscar errores entre otros.

Proceso de produccin de bienes y prestacin de servicios

El producto a ofrecer es una gua interactiva, fcil de usar, all se les detallaran
los lugares ms convenientes de la ciudad de Guayaquil, como restaurantes
donde podrn disfrutar de rica comida a precios cmodos, los hoteles, para su
hospedaje, playas, lugares de diversin nocturna, para su entretenimiento y que
su estada en el Pas sea agradable y puedan regresar posteriormente.
Este quedara en internet para que los usuarios que lo necesiten puedan
acceder a este servicio esta gua les permitir orientarse, conocer de los
lugares ms visitados y que disfruten con la informacin que se le brindara con
esta

propuesta.

Los equipos que hemos utilizados han permitido que esta pgina sea ms
prctica, tendr una pagina principal donde podrn ver las opciones y podrn
elegir una de ellas

Recursos

Recursos Humanos:
Docente asesor
Estudiantes del Tercer Ao de Bachillerato.

Recursos Materiales:
Explicamos los materiales tanto con los que contamos como los que vamos a
necesitar en la realizacin de este proyecto:
Hojas tamao A4
Protectores de hojas
El uso del programa Dreamweaver
cmara fotogrfica
Disponibilidad del tiempo de los integrantes

Equipos Tcnicos
Los equipos utilizados en este proyecto son:

Navegar en la web y as extraer ideas sobre el tema del proyecto

Acudimos a leer medios utilizados como libros y enciclopedias
tambin recurrimos a recibir informacin de personas con experiencia
laboral y profesional sobre el tema.

Herramientas
Las herramientas usadas en este proyecto son:

Programa Dreamweaver
Internet
Microsoft Word
Visualizador de imgenes
PowerPoint
Windows

Recurso Financiero:

Utilizamos la cantidad por ahora de ochenta dlares ($80.00) para cubrir los
costos de las compras del disco, las resmas de hojas, cartuchos de tinta, etc.
Calculando se iran ms de lo cotizado ya que para la sustentacin del
proyecto implementaremos ms materiales que por ahora no se han
necesitado.

Cronograma de actividades
Fecha
Agosto-Septiembre
2015

Actividad
Preparacin de tema de proyecto, aprobacin del tema, apoyo de la
proyecto.

Octubre 2015

Preparacin de la Introduccin, revisiones, correcciones, elaboracin

propuesta de trabajo, memoria descriptiva, revisin y correccin.

Noviembre 2015

Elaboracin de la subdivisin de la memoria descriptiva:

descripcin general y la descripcin tcnica.

09-11-2015

Qu es, utilidad, cmo funciona, partes o componentes, caracterstic

11-11-2015

Explicar detalladamente el tema del proyecto, su elaboracin e imple

13-11-2015

Glosario, palabras nuevas y su significado.

17-11-2015
19-11-2015

Elaboracin de los recursos, herramientas, y materiales usados en e

proyecto.
Proceso de bienes y prestacin de servicios

24-11-2015

Cronograma de actividades

25-11-2015

Recursos equipos tcnicos: materiales, herramientas e insumos.

27-11-2015

Realizacin de las recomendaciones y conclusiones.

28-11-2015

Realizacin del Resumen Ejecutivo

30-11-2015

Realizacin de la Bibliografa

Octubre
lu

Septiembre
lu

Ma

mi

14

15

21

22

28
lu

ju

Vi

sa

do

Cronograma
3
4
5 de 6
actividades
10

11

12

13

16

17

18

19

20

23

24

25

26

27

29
30
Noviembre
Ma

mi

ma

mi

ju

vi

sa

do

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

Diciembre
ju

Vilu

sa
ma

domi

ju

vi

sa

do

1 2

67

78

8 9

10

11

12

13

10

11

12

13
14

14
15

1516

17

18

19

20

16

17

18

19

20
21

21
22

2223

24

25

26

27

23

24

25

26

27
28

28
29

2930

31

30

Conclusin

Esta experiencia nos ha demostrado cmo es posible disear una pgina

web, a partir de las orientaciones y recursos que nos han podido brindar los
profesores, trabajando de forma coordinada y colaborativa se ha podido
generar los suficientes recursos para apoyarnos mutuamente y llevar
adelante el proyecto con xito.
El proyecto nos sirvi para demostrar, de una manera adecuada como se lo
realiza y en un posterior tiempo tener una mejor nocin de cmo se realiza
una investigacin, los pasos que se llevan a cabo y la forma correcta de su
realizacin, de esta manera tenemos una idea ms formada del trabajo que
emplea el uso de una pgina web como medio de comunicacin para llegar
al usuario.
Otro punto que consideramos clave para realizar un proyecto como este
consiste en dar una buena capacitacin a las personas, si hacemos
correctamente la elaboracin del trabajo podemos darle mayor facilidad al
usuario para que utilice esta herramienta.
Conforme hicimos este proyecto nos fuimos percatando de muchos
elementos que estbamos ignorando como la facilidad de interaccin de la
creacin de una pgina web, la cantidad de productos prcticos para la
creacin del mismo y las muchas guas que ofrece el internet para que su
creacin sea menos compleja y as nos pudimos dar cuenta que es til, tanto
para los estudiantes como para el usuario.

Recomendaciones

Una vez concluida la investigacin se considerara conveniente investigar

sobre otros aspectos relaciones con el tema del proyecto y se propone lo
siguiente:

Capacitar a la persona que administrar, el Sitio Web para su buen

funcionamiento y rendimiento
Capacitar a docentes sobre el uso y funcionamiento del Sitio Web.
Realizar actualizaciones peridicamente de la informacin en Sitio

Web, para ofrecer mejor servicio.

Dedicar tiempo al uso y manejo de un Sitio Web
Leer detenidamente su contenido para su entendimiento
Visitar el sitio web para mayor sentido del proyecto

Bibliografa

http://www.guia-paginas-web.es/
https://es.wikipedia.org/wiki/Gu%C3%ADa_de_turismo
http://servicios.turismo.gob.ec/index.php/portfolio/turismocifras
http://www.monografias.com/trabajos39/proyecto-

informatico/proyecto-informatico.shtml
http://www.paredro.com/5-libros-esenciales-sobre-diseno-

web/3/
https://www.youtube.com/watch?v=PDzyjrSGwnE
Editorial Vrtice, Tcnicas avanzadas de diseo web,
Equipo Vrtice

ANEXOS

Anexos de Encuestas
1.- Usted cree que la pagina sirve de utilidad para los turistas?
Si
No
Tal vez

2.-Usted cree que con la informacin brindada ayudara a los

tursticas orientarse un poco ms?
Si
No
Tal vez

3.- Le parece bien a usted nuestra implementacin de una gua

Turstica?
Si
No
Tal vez

4.- Usted cree que con la informacin brindada ayudara a la

ciudad de Guayaquil?
Si
No
Tal vez

5.- Usted cree que nos beneficiaria a todos nosotros esta pgina
Web?
Si
No
Tal vez