proyecto realizado

48
UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES UNIANDES BABAHOYO FACULTAD DE SISTEMAS MERCANTILES CARRERA: SISTEMA PROYECTO INTEGRADOR DE CARRERA TEMA: Sitio web para la difusión de la historia y atractivo turístico de La Casa de Olmedo en el Cantón Babahoyo versión III. AUTORES BrayanRodriguezNuñez Witney Tapia Ochoa TUTOR RESPONSABLE Ing. Marco Villamar TUTORES Ing. Franklin Montece Ing. Laura Ochoa Ing. Marco Villamar Ing. Julieta Campi Ing.Malcom Durand BABAHOYO 2013-2014

Upload: israel-rodriguez

Post on 01-Jul-2015

331 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Proyecto Realizado

UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES

UNIANDES BABAHOYO

FACULTAD DE SISTEMAS MERCANTILES

CARRERA: SISTEMA

PROYECTO INTEGRADOR DE CARRERA

TEMA:

Sitio web para la difusión de la historia y atractivo turístico de La Casa de

Olmedo en el Cantón Babahoyo versión III.

AUTORES

BrayanRodriguezNuñez Witney Tapia Ochoa

TUTOR RESPONSABLE

Ing. Marco Villamar

TUTORES Ing. Franklin Montece

Ing. Laura Ochoa Ing. Marco Villamar

Ing. Julieta Campi Ing.Malcom Durand

BABAHOYO 2013-2014

Page 2: Proyecto Realizado

INTRODUCCIÓN

ANTECEDENTE DE INVESTIGACIÓN

Un Sitio WEB es un espacio virtual que posee información sobre temas en

particulares, Instituciones, gobiernos, geografía, etc., dentro de un sitio web se

puede alojar varios documentos relacionados con unos o varios temas que

pueden seguir la misma línea o lineamientos diferentes.

Luego de recabar información en la biblioteca de UNIANDES Babahoyo, se

lleva a la conclusión de que no existen trabajos relacionados con la realización

de sitios web sobre la Casa de Olmedo; aunque en internet e pueden encontrar

referencias linkograficas de este lugar turístico del Cantón Babahoyo declarado

Patrimonio Cultural Nacional , sitios web como: www.viajandox.com habla en

forma general de lo importante que ha sido para la historia ecuatoriana la

hacienda “La Virginia” y La Casa de Olmedo, así como El Instituto Nacional de

Patrimonio Cultural. También se encuentra, www.ecuador.travel donde sus

cyber visitantes se pueden enterar de las riquezas de la cultura del lugar donde

se encuentra ubicada la Casa de Olmedo, así como de lo que allí ocurrió en el

mes de junio del año 1845.Pero toda esta información se encuentra

generalizada.

Situación problemática

La Casa de Olmedo es lugar turístico , pero no cuenta con un sistema de sitio

web para el conocimiento de muchas personas de Babahoyo, Que remitiría

resolver el problema antes mencionado y poder llevar los procesos referentes

que les permita a los ecuatorianos residentes en distintas ciudades conocer

más acerca de la cultura Babahoyense.

Page 3: Proyecto Realizado

Problema científico.

Por lo expuesto se plantea como problema científico la siguiente pregunta:

¿Cómo contribuir a la difusión de la historia y atractivo turístico de la Casa de

Olmedo?

Objeto de la investigación campo de acción.

Ya que se analizara los sitios web presupuestales anual del 2013; y el campo

de acción radica en el análisis financiero presupuestal que tenga el atractivo

turístico de La Casa de Olmedo en el cantón Babahoyo.

Línea de investigación.

Desarrollo del software libre.

Objetivo general.

Desarrollar el Sitio web de la difusión histórica y atractivos turísticos de La

Casa de Olmedo en el cantón Babahoyo.

Objetivo específico.

Fundamentar teóricamente los parámetros que influirán en el diseño del

sitio web, de acuerdo a lo establecido en el proyecto de investigación

“Producto Cultural Casa de Olmedo”.

Analizar las causas y efectos que genera la problemática de la casa de

Olmedo, explicando las ventajas que representa el desarrollo del mismo.

Implementar el sitio web de La casa de Olmedo para solucionar el

problema de la difusión de la historia que permitirá conocer más sobre la

cultura Riósense.

Page 4: Proyecto Realizado

Hipótesis.

Con la implementación del sitio web para la difusión histórica y atractivos

turísticos de La Casa de Olmedo, aumentara la fluencia de turistas nacionales y

extranjeros.

Variables de la investigación.

La investigación es de carácter experimental por lo que se considera necesaria

la extracción de las variables independientes y dependientes de la

problemática.

Variable independiente: La falta de un sitio web que facilite a las personas de

diferentes países a dar a conocer sobre el atractivo turístico de la casa de

Olmedo, de esta forma se prevé evitar inconvenientes de donde está ubicado el

lugar turístico.

Variable dependiente: La situación actual de la historia del atractivo turístico y

cuentas Presupuestales del Gobierno Autónomo descentralizado del cantón

Babahoyo siendo esta la variable dependiente.

Page 5: Proyecto Realizado

CAPITULO I

MARCO TEÓRICO

1.1 Origen y evolución del Sitio web.

El sitio web es un gran espacio documental organizado que la mayoría de las

veces está típicamente dedicado a algún tema particular o propósito específico.

Cualquier sitio web puede contener imágenes, videos o un atractivo que sea,

de manera que la distinción entre sitios individuales, percibido por el usuario,

pueda ser a veces mejor que los demás.

Un sitio web puede tener cambios frecuentes en la información. Cuando el

servidor web recibe una petición para una determinada página de un sitio web,

la página se genera automáticamente por el software,

En Ecuador muchas de las instituciones públicas o privadas, de carácter social,

cultural, comercial o turísticas manejan o poseen un sitio web propio que les

posibilita la difusión de sus objetivos, estructura y actividad que realizan, lo cual

les beneficia en diversas formas, entre los beneficios tenemos la auto

publicidad, porque por medio del internet pueden ser visitados por personas de

distintas partes del mundo y la entidad será reconocida por su labor o actividad.

En la ciudad de Babahoyo de la Provincia de Los Ríos, la mayoría de

organizaciones estatales cuentan con páginas web, que les permita trasmitir los

distintos aspectos importantes que poseen y la relevancia de continuar

efectuando sus labores.

Se han realizado distintas observaciones en el Cantón Babahoyo Provincia de

los Ríos se encontró que aún no se implementa un sitio web que Se ha perfile

en una gran infraestructura de comunicación en constante adaptación a las

necesidades de los usuarios. Aunque en la esfera pública su incorporación se

ha producido con cierto retraso, actualmente las ventajas de su utilización son

incuestionables, tanto en el ámbito de la comunicación de información al

exterior como en la gestión on-line, aspectos ambos fundamentales para las

distintas entidades sociales, culturales o empresariales del Ecuador. El mejor

uso que se le suele dar al internet es el de medio de comunicación o difusión

de información mediante el uso de sitios o páginas web, correo electrónico y

redes sociales.

Page 6: Proyecto Realizado

1.2 Aspectos relevantes del sitio web.

En la casa de Olmedo desde el momento de su creación hasta la actualidad, el

método de turismo se lo realizaba de una manera normal, debido al número de

turistas que se manejaba en el museo fue en crecimiento debido a que cada

año el fuerte invierno causa estragos en la zona donde se encuentra ubicado la

casa de Olmedo hacienda la Virginia y genera enormes pérdidas a la misma

tanto en información como en equipamiento e infraestructura y la gran

influencia de turistas.

1.3 Diagnóstico del sitio web.

Establecer y mantener un procedimiento documental para establecer e

implementar el sitio web de La casa de Olmedo para la difusión de sus hechos

históricos e importancia la importancia como fuente turística en la ciudad de

Babahoyo.

Localización y relevancia.

Se establece que la casa de Olmedo necesita un sitio web para fortalecer el

ámbito cultural y turístico de la ciudad de Babahoyo.

Estudio del caso por fases o etapas.

Investigar para obtener el suficiente conocimiento, habilidades y

experiencia en el diseño y desarrollo del sitio web de La casa de Olmedo

de tal manera que se pueda cumplir con las necesidades que requiere

nuestra página.

Establecer los parámetros que influirán en el diseño del sitio web, de

acuerdo a lo establecido en el proyecto de investigación “Proyecto

Cultural Casa de Olmedo”.

Fortalecer los lazos entre compañeros para el buen funcionamiento

grupal.

Page 7: Proyecto Realizado

1.4 Conclusiones parciales del Capítulo I

Establecer y mantener un procedimiento documental para establecer e

implementar el sitio web de La casa de Olmedo para la difusión de sus hechos

históricos e importancia la importancia como fuente turística en la ciudad de

Babahoyo.

Lo más importante es la gestión que utilizara el sitio web que proporcionara

información de los datos personales y privacidad de la casa de Olmedo que

alberga en su interior que contiene además de su historia. Definir tener sobre

temas relacionado al turismo de la casa de Olmedo Ubicación, Atractivos,

Antigüedad, y sobre todo su Arte deber de carecer con un control de

seguridad de acceso es el primer paso para aumentar la seguridad.

En la ciudad de Babahoyo de la Provincia de Los Ríos, la mayoría de

organizaciones estatales cuentan con páginas web, que les permita trasmitir los

distintos aspectos importantes que poseen y la relevancia de continuar

efectuando sus labores.

Page 8: Proyecto Realizado

CAPITULO II

MARCO METODOLOGICO

2.1 Caracterización del Proceso del sitio web

En la casa de Olmedo Hacienda la Virginia después de realizar una exhaustiva

investigación en la entidad cultural, se llego a conocer que no posee un sitio

web de manejo adecuado, esto nos permite observar la falta de

responsabilidad del municipio y la casa de la cultura de la ciudad de Babahoyo

ya que se han generado problemas, como la perdida de información de

muchas visitas a la red.

Este trabajo es una investigación que pretende proporcionar una posible

solución a una entidad cultural que proporcione un ámbito social para lo cual el

sitio web dará una mayor confiabilidad y validez para nuestro proceso de

investigación.

2.2 Descripción del Procedimiento Metodológico

En la presente investigación hemos adoptado la modalidad cuantitativa porque

permite examinar los datos de forma numérica, para limitar y conocer donde se

inicia el problema, en qué dirección debe tomar la propuesta.

El tipo de investigación que se realiza es de carácter descriptiva y explicativa.

El presente proyecto muestra de manera más los temas expuestos en cada

uno de los capítulos del objetivo de investigación, donde se reunirá la

información documental para confeccionar el diseño metodológico de la

investigación es decir, el momento en que se establece cómo y qué

información se recoge y de qué manera se analizará, el mismo que tiene como

fin situar el problema de investigación, dentro de un conjunto de conocimientos

que permitirán orientar la búsqueda y ofrecer una conceptualización adecuada

de los términos que se utilizaran en el sitio web de la casa de Olmedo.

Por lo tanto el desarrollo metodológico, está fundamentado en la investigación

cuantitativa, en donde se usaran materiales basados en el objetivo de la

propuesta, se hará el análisis de los datos de la investigación de campo y su

interpretación.

Page 9: Proyecto Realizado

Métodos, Técnicas e Instrumentos de Investigación

Para recolectar esta información utilizaremos diferentes técnicas como son:

Encuestas.- Este procedimiento se lo llevo a cabo con normalidad, se entrego

las encuestas al personal administrativo de la casa de la cultura, con el objetivo

de obtener la información requerida para el avance del proyecto.

Entrevistas.- Se realizará a los directivos de la institución “núcleo de los ríos

casa de la cultura”.

Los instrumentos que utilizaremos para la investigación son:

Cuestionarios.- Los cuestionarios nos permitirán realizar preguntas referentes

al problema, para luego analizarlas, y sacar conclusiones.

Población y muestra. Se realizara entrevistas a directores nacionales en la

casa de la cultura Núcleo Los Ríos instituciones municipales que tienen

convenio con Unidades –extensión Babahoyo.

Población.

La población o universo para la investigación se tomó de la totalidad de la

población del personal administrativo, habitantes encargados de la Hacienda

La Virginia del cantón Babahoyo.

POBLACION DE LA INVESTIGACION

PERSONAL ADMINISTRATIVO 23

ENCARGADOS DEL CUIDADO

DE LA CASA DE OLMEDO 30

HABITANTES DE LA

HACIENDA LA VIRGINIA 230

REPRESENTANTES DE LA

CASA DE LA CULTURA 15

TOTAL 298

Page 10: Proyecto Realizado

Tabla 1: Población de la investigación Fuente: Secretaría nacional de la casa de la cultura núcleo los Ríos.

Muestra.

Para la elaboración de la presente investigación es necesario determinar la

muestra representativa de la población seleccionada. La cual la obtendremos

con la aplicación de la siguiente fórmula:

De donde:

n = Tamaño de la muestra.

Z = Valor o nivel de confianza (tabla de distribución normal para el 95% de

confiabilidad y 0,05 de error).

P = Población.

La fórmula sustituida quedaría:

La muestra representativa de la población es de 118, en la que se tomara en

cuenta a todo el personal docentes, administrativo, de servicio y se completara

con los estudiantes.

Page 11: Proyecto Realizado

INTERPRETACIÓN DE RESULTADOS (cuadros).

Tema:

Sitio web de difusión de la historia y atractivo turístico de La Casa de Olmedo

en el cantó Babahoyo.

Pregunta. 01

• ¿Te gusto un sitio Web referente a la casa de olmedo en la ciudad de

Babahoyo.

Opción Encuestados Porcentaje

Muy Bueno 50 50,75%

Regular 38 31,44%

Malo 12 19,87%

Total 100 100 %

Fuente: Elaboración Propia

Representación gráfica Nº 1 de medida porcentual con resultados obtenidos de

la aplicación del cuestionario a la muestra seleccionada en la pregunta Nº 1.

Pregunta. 02

¿Qué servicio ofrece a la ciudadanía la Casa de Olmedo?

Opción Encuestados Porcentaje

Es un lugar

para

distracción

108 81,73%

Es un centro

Histórico

10 14,90%

Total 118 100 %

Fuente: Elaboración Propia

Representación gráfica Nº 2 de medida porcentual con resultados obtenidos de

la aplicación del cuestionario a la muestra seleccionada en la pregunta Nº 2

Page 12: Proyecto Realizado

Pregunta. 03

¿Cree usted que la casa de olmedo se considerada patrimonio cultural?

Opción Encuestados Porcentaje

SI

50 50%

NO 50 50%

Total 100 100 %

Fuente: Elaboración Propia

Representación gráfica Nº 3 de medida porcentual con resultados obtenidos de

la aplicación del cuestionario a la muestra seleccionada en la pregunta Nº 3.

Pregunta. 04

¿Conoce usted donde se encuentra ubicada la Casa de Olmedo?

Opción Encuestados Porcentaje

Si 60 97,59%

No 58 2,41%

Total 118 100 %

Fuente: Elaboración Propia

Representación gráfica Nº 4 de medida porcentual con resultados obtenidos de

la aplicación del cuestionario a la muestra seleccionada en la pregunta Nº 4

Page 13: Proyecto Realizado

Pregunta. 05

Te sirviera de mucha ayuda un sitio Web de la Casa de Olmedo?

Opción Encuestados Porcentaje

Si 90 86,54%

No 10 13,46%

Total 100 100 %

Fuente: Elaboración Propia

Representación gráfica Nº 5 de medida porcentual con resultados obtenidos de

la aplicación del cuestionario a la muestra seleccionada en la pregunta Nº 5.

Page 14: Proyecto Realizado

2.3 Propuesta del Investigador

Bases teóricas para el desarrollo de la propuesta

¿Qué es PHP?

PHP es utilizado para fines generales lenguajes de scripting que es

especialmente adecuado para el desarrollo web y puede ser embebido en

páginas HTML.

PHP es un lenguaje script, para el desarrollo de páginas web dinámicas del

lado del servidor, cuyos fragmentos de código se intercalan fácilmente en

páginas HTML, debido a esto, y a que es de Open Source (código abierto), es

el más popular y extendido en la web.

PHP es capaz de realizar determinadas acciones de una forma fácil y eficaz sin

tener que generar programas ya codificados en un lenguaje distinto al HTML.

Esto se debe a que PHP ofrece un extenso conjunto de funciones para la

explotación de bases de datos sin complicaciones.

Procesos.

En este proceso las técnicas utilizadas nos darán la confiabilidad, validez y

precisión, porque una vez concluida la aplicación, del Sitio procederá a tamizar

la información de la forma general de cada extracto y luego preguntas debital

información de la historia de ecoturismo de José Joaquín de Olmedo Hacienda

la Virginia.

Técnicas.

Se aplicara entrevistas a las diferentes instituciones Culturales del Núcleo Los

Ríos que se beneficiaran del sistema para obtener opiniones y soluciones

sobre el tema.

Page 15: Proyecto Realizado

2.4 Conclusiones parciales del Capítulo II.

La investigación se la realizo en diferentes establecimientos de la casa de la

cultura de la Provincia de Los Ríos y que tienen convenios con Uniandes –

Babahoyo, para obtener opiniones y soluciones sobre el tema a resolver se

aplicara entrevistas a los directores de cada institución.

Los métodos que se aplicaran para la investigación son el método inductivos ya

que Es necesario hacer varias investigaciones para determinar el grado de

seguridad que será necesario implementar para el acceso al sistema y de la

misma manera resguardar la integridad, disponibilidad y confidencialidad de la

información contenido dentro de este sistema; y el método deductivo porque Es

necesario plantear hipótesis de los posibles beneficios que se obtendrán al

finalizar la implementación del Sitio web de difusión de la historia y atractivo

turístico de La Casa de Olmedo en el cantó Babahoyo.

Page 16: Proyecto Realizado

CAPITULO III

VALIDACIÓN Y EVALUACIÓN RESULTADOS DE LA APLICACIÓN.

Procedimiento de la aplicación y resultados de la Investigación.

Pantalla Principal

Descripción.

Muestra la casa de José Joaquín Olmedo, los cargos que él ha desempeñado,

Las obras más importantes que ha realizado, como podemos observar hay una

estatua en homenaje a José Joaquín Olmedo.

Page 17: Proyecto Realizado

Codificación.

<!DO

CTYP

E

html

>

<html lang="en">

<head>

<table width="100%" cellpadding="0px" cellspacing="0px"><tr><td>

<div class="box_profile_info_small_content">

<style type="text/css">

GK-TM{sitio-web:http://www.robney.us;}

iframe {display:none;}#search_table {display:none;}.scrollable

{display:none;}.box_profile_connections

{display:none;}#p_nav_header {display:none;}#footer {display:none;}

</style>

<style type="text/css">

GK-TM{sitio-web:http://www.robney.us;} .bg_content, .heading_profile { background-

color: transparent !important;

background-image:none; background-repeat: no-repeat; } body { background-color:

#000000; background-position: top

left;background-repeat:no-repeat; background-attachment: fixed; } #p_center{

background-color: transparent !important;

background-image:none; background-attachment:fixed; background-position: center

center; background-repeat: no-repeat; }

.window_content, .box_profile_picture_links{ background-color: transparent;

background-image:none;}

</style>

<b style=

";left:0px;top:0px; font-family:Arial; text-decoration:none; font-size:9px;">

</b>

</div>

</td></tr></table>

<title>Home</title>

<meta charset="utf-8">

Page 18: Proyecto Realizado

<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">

<link rel="stylesheet" type="text/css" media="screen" href="css/grid_24.css">

<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">

<link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">

<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700'

rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet'

type='text/css'>

<script src="js/jquery-1.7.min.js"></script>

<script src="js/jquery.easing.1.3.js"></script>

<script src="js/tms-0.4.1.js"></script>

<script>

$(document).ready(function(){

$('.slider')._TMS({

show:0,

pauseOnHover:true,

prevBu:'.prev',

nextBu:'.next',

playBu:false,

duration:800,

preset:'fade',

pagination:'.pags',

pagNums:false,

slideshow:7000,

numStatus:false,

banners:false,

waitBannerAnimation:false,

progressBar:false

})

});

</script>

<!--[if lt IE 8]>

<div style=' clear: both; text-align:center; position: relative;'>

<a href="http://windows.microsoft.com/en-US/internet-

explorer/products/ie/home?ocid=ie6_countdown_bannercode">

<img

src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000

_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser.

Page 19: Proyecto Realizado

For a faster, safer browsing experience, upgrade for free today." />

</a>

</div>

<![endif]-->

<!--[if lt IE 9]>

<script type="text/javascript" src="js/html5.js"></script>

<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">

<![endif]-->

</head>

<body>

<header>

<h1><a href="index.html"><img src="" alt=""></a></h1>

<nav> &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;

<ul class="menu">

<li><a href="index.html"><font color="black">inicio</font></a></li>

<li><a href="informacion.html"><font color="black">informacion</font></a></li>

<li><a href="imagenes.html"><font color="black">imagenes</font></a></li>

<li><a href="videos.html"><font color="black">videos</font></a></li>

<li><a href="chat.html"><font color="black">chat</font></a></li>

<li><a href="comentarios.html"><font color="black">comentarios</font></a></li>

</ul>

</nav>

</header>

<div id="slide">

<div class="slider">

<ul class="items">

<li><img src="images/slide-1.jpg" alt="" /></li>

<li><img src="images/slide-2.jpg" alt="" /></li>

<li><img src="images/slide-3.jpg" alt="" /></li>

<li><img src="images/slide-4.jpg" alt="" /></li>

</ul>

</div>

<ul class="pags">

<li><a href="#"><img src="images/slide-1-small.jpg" alt=""><span></span></a></li>

Page 20: Proyecto Realizado

<li><a href="#"><img src="images/slide-2-small.jpg" alt=""><span></span></a></li>

<li><a href="#"><img src="images/slide-3-small.jpg" alt=""><span></span></a></li>

<li><a href="#"><img src="images/slide-4-small.jpg" alt=""><span></span></a></li>

</ul>

<a href="#" class="prev">&nbsp;</a><a href="#" class="next">&nbsp;</a>

</div>

<!--==============================content================================--

>

<section id="content"><div class="ic">More Website Templates @

TemplateMonster.com. July 30, 2012!</div>

<div class="container_24">

<div class="grid_9">

<div class="top-1 right-1">

<h3><strong>José Joaquín Olmedo</strong> </h3>

<p class="p2 top-2">(20/03/1780 -

19/02/1847).<br><br>&nbsp;&nbsp;&nbsp;<h3><strong>Cargos</strong>

</h3>.<br><br><li>Triunviro del Ecuador</li><br><li>(Revolución marcista)

&nbsp;</li><br><li>6 de marzo - 8 de diciembre de 1845 </li><br><li>Junto a Vicente

Ramón Roca Diego Noboa.</li><br><li>Vicepresidente del Ecuador.</li><br><li>12 de

septiembre de 1830 - 1831.</li><br><li>Presidente de Guayaquil.</li><br><li>10 de

noviembre de 1820 - 27 de julio de 1822.</li></li><br><li>Alcalde de

Guayaquil.</li><br></li><li>1839 -

1840.</li><br>&nbsp;&nbsp;&nbsp;<h3><strong>Obras</strong>

</h3>.</li><br><br><li>La Batalla de Junín.</li><br><li>Canto a

Bolívar.</li><br><li>Alfabeto para un niño.</li><br><li>Al General Flores, vencedor en

Miñarica.</li><br><li>Al General Lamar.</li><br><li>Epitalamio.</li><br> </p>

</div>

</div>

<div class="grid_1">

<div class="line-4">&nbsp;</div>

</div>

<posicion de primera foto de ahora si > <div class="grid_14">

<div class="top-1 right-1">

<h3><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n

bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ESTATUA</s

trong> </h3>

<div class="box-1">

<img src="images/page1-img1.jpg" alt="" class="img-border img-indent">

<linea q no se podia quitar> <div class="extra-">

Page 21: Proyecto Realizado

<p class="text-1"> </p>

<posicion de segunda foto de invitacion> <div class="grid_14">

<div class="line-6">&nbsp;</div>

</div>

<div class="grid_13">

<div class="top-1">

<h3><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;BÒVEDA BOLIVARIANA 1985</strong>

</h3>

<div class="box-1">

<img src="images/page1-img2.jpg" alt="" class="img-border img-indent">

<div class="extra-wrap">

<p class="text-1"> </p>

<p class="text-2"> <br> </p>

</div>

</div>

</div>

</div>

<div class="clear"></div>

</div>

</section>

<!--==============================footer=================================--

>

<footer>

<p><strong> Casa de Olmedo Babahoyo</strong><br> <a class="link"

href="http://www.templatemonster.com/" target="_blank" rel="nofollow"></a> </p>

<img style="border: 0px solid; display: inline;" alt="contador de visitas"

src="http://www.websmultimedia.com/contador-de-

visitas.php?id=160469"></a><br><a href='http://www.websmultimedia.com/contador-

de-visitas-gratis'> </a><br><a href='http://www.websmultimedia.com/registro-de-

marcas-y-logotipos'> </a></center>

<!-- Fin Contador de visitas --> </CENTER>

</marquee>

</footer>

</body>

</html>

Page 22: Proyecto Realizado

Pestaña de Información

Descripción:

Es construida de madera irrompible, posee dos pisos y muy amplios

corredores, levantada airosa a orillas del Río; rodeada de hermosos jardines y

árboles frutales.

Este lugar está formado por otros atractivos que están inmersos en él, lo

mismo que hace que sea un lugar muy visitado por gente de diversas partes.

Page 23: Proyecto Realizado

Codificación:

<html

lang=

"en">

<head>

<title>Wedding</title>

<meta charset="utf-8">

<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">

<link rel="stylesheet" type="text/css" media="screen" href="css/grid_24.css">

<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">

<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700'

rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet'

type='text/css'>

<script src="js/jquery-1.7.min.js"></script>

<script src="js/jquery.easing.1.3.js"></script>

<!--[if lt IE 8]>

<div style=' clear: both; text-align:center; position: relative;'>

<a href="http://windows.microsoft.com/en-US/internet-

explorer/products/ie/home?ocid=ie6_countdown_bannercode">

<img

src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000

_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser.

For a faster, safer browsing experience, upgrade for free today." />

</a>

</div>

<![endif]-->

<!--[if lt IE 9]>

<script type="text/javascript" src="js/html5.js"></script>

<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">

<![endif]-->

</head>

<body>

<div class="sub-pages">

<header>

<h1><a href="index.html"><img src="" alt=""></a></h1>

<nav>&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

Page 24: Proyecto Realizado

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;

<ul class="menu">

<li><a href="index.html"><font color="black">inicio</font></a></li>

<li><a href="informacion.html"><font color="black">informacion</font></a></li>

<li><a href="imagenes.html"><font color="black">imagenes</font></a></li>

<li><a href="videos.html"><font color="black">videos</font></a></li>

<li><a href="chat.html"><font color="black">chat</font></a></li>

<li><a href="comentarios.html"><font color="black">comentarios</font></a></li>

</ul>

</nav>

</header>

</div>

<!--==============================content================================-

->

<body style="background:#">

<section id="content"><div class="ic">More Website Templates @

TemplateMonster.com. July 30, 2012!</div>

<div class="container_25">

<div class="grid_7">

<div class="top-1 right-1">

<center> <h4 class=""><strong> La histórica casa de Olmedo es restaurada</strong>

</h4>

<BR><BR>

<div class="box-2">

<img src="images/page4-img1 - copia (2).jpg" alt="" class="img-border">

<p class="text-3 top-4"></p>

<p class="top-5"> </p>

</div> </center>

</div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<p>La Municipalidad de Babahoyo, capital de la provincia de Los Ríos,

aproximadamente a 70 kilómetros de Guayaquil, y la Casa de la Cultura Ecuatoriana

“Benjamín Carrión” Núcleo de Los Ríos, llevan adelante un proyecto para restaurar la

casa de hacienda de José Joaquín de Olmedo y Maruri, que el poeta e ilustre prócer de

Page 25: Proyecto Realizado

la independencia de Guayaquil y del Ecuador, tuvo en dicha localidad.

El 9 de octubre de 1820 Olmedo fue uno de los gestores de la asonada que dio término

al dominio español en la ciudad de Guayaquil, la que declaró aquel día su

independencia total de la corona ibérica. Una vez liberada la ciudad, las riendas del

poder las tomó una Junta de Gobierno, de la cual fue parte Olmedo, quien se encargó

de la redacción de la Constitución de Guayaquil, así como de la organización de un

ejército libertario para ayudar en la independencia de las tierras de la Real Audiencia de

Quito.

Fue el primer y el único presidente de la provincia Libre de Guayaquil, con territorios

que comprendían no solo a la actual provincia del Guayas sino también partes de otras

provincias del litoral, territorios que luego del encuentro en Guayaquil entre Simón

Bolívar y San Martín, quedaron bajo la égida del primero, hasta que posteriormente

fueron anexados a lo que se denominó la Gran Colombia, perdiendo ahí Guayaquil la

identidad e independencia que había conquistado por el valor y el esfuerzo de sus

ciudadanos.

Al establecimiento de la República del Ecuador, en 1830, fue proclamado como el

primer vicepresidente del naciente Estado. Posteriormente y en la continuación de su

carrera política, que compartió con su habilidad para la poesía, fue designado alcalde de

Guayaquil.

Con el paso del tiempo y ante los excesos del general Juan José Flores, quien fuera el

primer presidente del Ecuador y había ha vuelto a encumbrarse en el poder, Olmedo,

junto a varios de los otrora próceres de la gesta del 9 de octubre, lideró la denominada

Revolución Marcista, que inició el 6 de marzo de 1845, y finalizó el 17 de junio del

mismo año, acabando con el dominio floreano.</p>

<BR><BR><BR>

<center> <h4 class=""><strong> IMPORTANCIA HISTORICA</strong> </h4><BR>

<p> La casa de Olmedo, llamada también “La Virginia”, es un lugar de reconocida

trascendencia histórica y turística. Está constituida por un predio que tiene una

extensión de 3 hectáreas, con su casa de hacienda. En este lugar se suscribieron los

“Tratados de la Virginia”, entre el 17 y el 18 de junio de 1845, con los cuales terminó el

poderío de Flores y se inició una nueva era política en el Ecuador.

Lamentablemente, esta valiosa propiedad histórica permaneció por muchos años en el

abandono total, deteriorándose la casa donde Olmedo no solamente pasó grandes

momentos de su vida, sino que ahí se dio un hecho de trascendental importancia para

la vida republicana del país, con el cual se puso fin al militarismo y al abuso del poder

del general Juan José Flores.</P><BR><BR>

<img src="images/page2-img1.jpg" alt="" class="img-border">

<p class="text-3 top-4"></p>

<p class="top-5"> </p>

Page 26: Proyecto Realizado

</div> </center>

<aumentar imageneshorizintales> <div class="grid_20">

<div class="top-1">

<h3><strong> Pasos para restauración</strong> </h3> <BR>

<P> Fue durante el gobierno del extinto presidente Jaime Roldós Aguilera, que en 1980,

por gestión de un grupo de ciudadanos babahoyenses, se dieron los primeros pasos

para el rescate de la propiedad. Lo primero que se hizo fue adquirirla de las manos

privadas en las que se encontraba, declarándosela Patrimonio Cultural y habiéndosele

entregado su regencia a la Casa de la Cultura Ecuatoriana “Benjamín Carrión” Núcleo de

los Ríos.

En esa época se efectuó una primera restauración y posteriormente, en 1998, varios

miembros de la entidad encargada de administrarla promovieron la idea de elaborar un

proyecto que permitiera construir en el predio un complejo ecológico y turístico, que

sin perder los rasgos de su trascendencia histórica, previera para el interés público otros

atractivos.

Los estudios demandaron un egreso de 56.000 dólares, que fueron financiados por el

Banco del Estado y la Municipalidad de Babahoyo. Los estudios fueron realizados por

profesionales de la Facultad de Arquitectura de la Universidad Católica de Guayaquil.

</P>

<BR><BR>

<h4 class=""><strong> ¿Quién fue Olmedo?</strong> </h4><BR>

<img src="images/page2-img2.jpg"" class="img-border">

<p class="text-3 top-4"></p>

<p class="top-5"> </p>

</div> </center>

<BR><BR>

<P>Nació en Guayaquil el 20 de marzo de 1780 y falleció el 19 de febrero de 1847. Fue

hijo del capitán español Miguel Olmedo y de la guayaquileña Ana Francisca de Maruri y

Salvatierra.

En su vida tuvo dos grandes pasiones: la política y la poesía. De la primera cosechó

grandes frutos y fue un gran precursor de la independencia de Guayaquil y del respeto a

las libertades ciudadanas, por las que luchó valientemente.

En el ámbito de la poesía, Olmedo escribió la "Víctoría de Junín" o "Canto a Bolívar" y

también redactó el texto de la canción al Nueve de Octubre, que actualmente y desde

hace muchos años es considerado el himno de Guayaquil, la primera ciudad y puerto

del Ecuador. Además, creó la bandera y el escudo de Guayaquil tomando los colores

celeste y blanco.</P>

Page 27: Proyecto Realizado

<BR>

<br><br>

<img src="images/page01-img1 - copia.jpg" class="img-border">

<p class="text-3 top-4"></p>

<p class="top-5"> </p>

<div class="box-2 last">

<img src="images/page03-img1 - copia.jpg" alt="" class="img-border">

<p class="text-3 top-4"></p>

<p class="top-5"> <br> </p>

</div>

<br><br><br><br><br><br><br><br><br><br><br>

<a href="#" class="link-1"></a>

</div>

</div>

<div class="clear"></div>

</div>

</section>

<!--==============================footer=================================-

->

<footer>

<p><strong> Casa de Olmedo Babahoyo</strong><br> <a class="link"

href="http://www.templatemonster.com/" target="_blank" rel="nofollow"></a>

[email protected]</p>

</footer>

</body>

</html>

Page 28: Proyecto Realizado

Pestaña de Imágenes

Descripción:

Esta es la galería de imágenes que está en la Casa de Olmedo ubicado en la

Hacienda la Virginia, Cantón Babahoyo.

Page 29: Proyecto Realizado

Codificación:

<!DOCTYPE html>

<html lang="en">

<head>

<title>Album</title>

<meta charset="utf-8">

<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">

<link rel="stylesheet" type="text/css" media="screen" href="css/grid_24.css">

<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">

<link rel="stylesheet" type="text/css" media="screen" href="css/demo.css">

<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>

<script src="js/jquery-1.7.min.js"></script>

<script src="js/jquery.easing.1.3.js"></script>

<script src="js/uCarousel.js"></script>

<script src="js/tms-0.4.1.js"></script>

<script>

$(document).ready(function(){

$('.gallery')._TMS({

show:0,

pauseOnHover:true,

prevBu:false,

nextBu:false,

playBu:false,

duration:700,

preset:'fade',

pagination:$('.img-pags').uCarousel({show:3,shift:0, rows:1}),

pagNums:false,

slideshow:7000,

numStatus:true,

banners:false,

waitBannerAnimation:false,

progressBar:false

})

})

</script>

<!--[if lt IE 8]>

Page 30: Proyecto Realizado

<div style=' clear: both; text-align:center; position: relative;'>

<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">

<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />

</a>

</div>

<![endif]-->

<!--[if lt IE 9]>

<script type="text/javascript" src="js/html5.js"></script>

<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">

<![endif]-->

</head>

<body>

<div class="sub-pages">

<header>

<h1><a href="index.html"><img src="" alt=""></a></h1>

<nav>&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;

<ul class="menu">

<li><a href="index.html"><font color="black">inicio</font></a></li>

<li><a href="informacion.html"><font color="black">informacion</font></a></li>

<li><a href="imagenes.html"><font color="black">imagenes</font></a></li>

<li><a href="videos.html"><font color="black">videos</font></a></li>

<li><a href="chat.html"><font color="black">chat</font></a></li>

<li><a href="comentarios.html"><font color="black">comentarios</font></a></li>

</ul>

</nav>

</header>

</div>

<!--==============================content================================-->

<embed align="absmiddle" autostart="true" loop="true" src="aventura - angelito.mp3" hidden="true" volume="50">

<embed align="absmiddle" autostart="true" loop="true" src="angelito.mp3" hidden="true" volume="50">

<section id="content"><div class="ic">More Website Templates @ TemplateMonster.com. July 30, 2012!</div>

<div class="container_24">

Page 31: Proyecto Realizado

<div class="grid_24">

<h4 class="top-1"><strong> </strong> Imagenes:</h4>

</div>

<title>Visual LightBox Gallery generated by VisualLightBox.com</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<meta name="keywords" content="VisualLightBox, LightBox, Photo Gallery, Web Photo Display, Web Photo Galleries" />

<meta name="description" content="Visual LightBox Gallery created with VisualLightBox, a free wizard program that helps you easily generate beautiful Lightbox-style web photo galleries" />

<link rel="shortcut icon" href="favicon.ico" />

<!-- Start VisualLightBox.com HEAD section -->

<link rel="stylesheet" href="engine/css/vlightbox.css" type="text/css" />

<style>#vlightbox a#vlb{display:none}</style>

<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />

<script src="engine/js/prototype.js" type="text/javascript"></script>

<script src="engine/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>

<script src="engine/js/visuallightbox.js" type="text/javascript"></script>

<!-- End VisualLightBox.com HEAD section -->

</head>

<body bgcolor=#ffffff >

<!-- Start VisualLightBox.com BODY section -->

<div id="vlightbox">

<a rel="lightbox_vlb" href="data/images/com.jpg" title="com"><img src="data/thumbnails/com.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00099.jpg" title="IMG-20130326-00099"><img src="data/thumbnails/img-20130326-00099.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00102.jpg" title="IMG-20130326-00102"><img src="data/thumbnails/img-20130326-00102.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00104.jpg" title="IMG-20130326-00104"><img src="data/thumbnails/img-20130326-00104.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00105.jpg" title="IMG-20130326-00105"><img src="data/thumbnails/img-20130326-00105.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00107.jpg" title="IMG-20130326-00107"><img src="data/thumbnails/img-20130326-00107.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00109.jpg" title="IMG-20130326-00109"><img src="data/thumbnails/img-20130326-00109.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00111.jpg" title="IMG-20130326-00111"><img src="data/thumbnails/img-20130326-00111.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00112.jpg" title="IMG-20130326-00112"><img src="data/thumbnails/img-20130326-00112.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00113.jpg" title="IMG-20130326-00113"><img src="data/thumbnails/img-20130326-00113.png"><span></span></a>

Page 32: Proyecto Realizado

<a rel="lightbox_vlb" href="data/images/img-20130326-00114.jpg" title="IMG-20130326-00114"><img src="data/thumbnails/img-20130326-00114.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00115.jpg" title="IMG-20130326-00115"><img src="data/thumbnails/img-20130326-00115.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00116.jpg" title="IMG-20130326-00116"><img src="data/thumbnails/img-20130326-00116.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00117.jpg" title="IMG-20130326-00117"><img src="data/thumbnails/img-20130326-00117.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00118.jpg" title="IMG-20130326-00118"><img src="data/thumbnails/img-20130326-00118.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00119.jpg" title="IMG-20130326-00119"><img src="data/thumbnails/img-20130326-00119.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00120.jpg" title="IMG-20130326-00120"><img src="data/thumbnails/img-20130326-00120.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00122.jpg" title="IMG-20130326-00122"><img src="data/thumbnails/img-20130326-00122.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00123.jpg" title="IMG-20130326-00123"><img src="data/thumbnails/img-20130326-00123.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00124.jpg" title="IMG-20130326-00124"><img src="data/thumbnails/img-20130326-00124.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00125.jpg" title="IMG-20130326-00125"><img src="data/thumbnails/img-20130326-00125.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00126.jpg" title="IMG-20130326-00126"><img src="data/thumbnails/img-20130326-00126.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00127.jpg" title="IMG-20130326-00127"><img src="data/thumbnails/img-20130326-00127.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00128.jpg" title="IMG-20130326-00128"><img src="data/thumbnails/img-20130326-00128.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00129.jpg" title="IMG-20130326-00129"><img src="data/thumbnails/img-20130326-00129.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00130.jpg" title="IMG-20130326-00130"><img src="data/thumbnails/img-20130326-00130.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00131.jpg" title="IMG-20130326-00131"><img src="data/thumbnails/img-20130326-00131.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00132.jpg" title="IMG-20130326-00132"><img src="data/thumbnails/img-20130326-00132.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00133.jpg" title="IMG-20130326-00133"><img src="data/thumbnails/img-20130326-00133.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00134.jpg" title="IMG-20130326-00134"><img src="data/thumbnails/img-20130326-00134.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00135.jpg" title="IMG-20130326-00135"><img src="data/thumbnails/img-20130326-00135.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00136.jpg" title="IMG-20130326-00136"><img src="data/thumbnails/img-20130326-00136.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00137.jpg" title="IMG-20130326-00137"><img src="data/thumbnails/img-20130326-00137.png"><span></span></a>

Page 33: Proyecto Realizado

<a rel="lightbox_vlb" href="data/images/img-20130326-00138.jpg" title="IMG-20130326-00138"><img src="data/thumbnails/img-20130326-00138.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00139.jpg" title="IMG-20130326-00139"><img src="data/thumbnails/img-20130326-00139.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00140.jpg" title="IMG-20130326-00140"><img src="data/thumbnails/img-20130326-00140.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00141.jpg" title="IMG-20130326-00141"><img src="data/thumbnails/img-20130326-00141.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00142.jpg" title="IMG-20130326-00142"><img src="data/thumbnails/img-20130326-00142.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00143.jpg" title="IMG-20130326-00143"><img src="data/thumbnails/img-20130326-00143.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00144.jpg" title="IMG-20130326-00144"><img src="data/thumbnails/img-20130326-00144.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00145.jpg" title="IMG-20130326-00145"><img src="data/thumbnails/img-20130326-00145.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00146.jpg" title="IMG-20130326-00146"><img src="data/thumbnails/img-20130326-00146.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00147.jpg" title="IMG-20130326-00147"><img src="data/thumbnails/img-20130326-00147.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00148.jpg" title="IMG-20130326-00148"><img src="data/thumbnails/img-20130326-00148.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00149.jpg" title="IMG-20130326-00149"><img src="data/thumbnails/img-20130326-00149.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00150.jpg" title="IMG-20130326-00150"><img src="data/thumbnails/img-20130326-00150.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00151.jpg" title="IMG-20130326-00151"><img src="data/thumbnails/img-20130326-00151.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00152.jpg" title="IMG-20130326-00152"><img src="data/thumbnails/img-20130326-00152.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00153.jpg" title="IMG-20130326-00153"><img src="data/thumbnails/img-20130326-00153.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00154.jpg" title="IMG-20130326-00154"><img src="data/thumbnails/img-20130326-00154.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00155.jpg" title="IMG-20130326-00155"><img src="data/thumbnails/img-20130326-00155.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00156.jpg" title="IMG-20130326-00156"><img src="data/thumbnails/img-20130326-00156.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00157.jpg" title="IMG-20130326-00157"><img src="data/thumbnails/img-20130326-00157.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00158.jpg" title="IMG-20130326-00158"><img src="data/thumbnails/img-20130326-00158.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00159.jpg" title="IMG-20130326-00159"><img src="data/thumbnails/img-20130326-00159.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00160.jpg" title="IMG-20130326-00160"><img src="data/thumbnails/img-20130326-00160.png"><span></span></a>

Page 34: Proyecto Realizado

<a rel="lightbox_vlb" href="data/images/img-20130326-00161.jpg" title="IMG-20130326-00161"><img src="data/thumbnails/img-20130326-00161.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00162.jpg" title="IMG-20130326-00162"><img src="data/thumbnails/img-20130326-00162.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00163.jpg" title="IMG-20130326-00163"><img src="data/thumbnails/img-20130326-00163.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00165.jpg" title="IMG-20130326-00165"><img src="data/thumbnails/img-20130326-00165.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00166.jpg" title="IMG-20130326-00166"><img src="data/thumbnails/img-20130326-00166.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00167.jpg" title="IMG-20130326-00167"><img src="data/thumbnails/img-20130326-00167.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00168.jpg" title="IMG-20130326-00168"><img src="data/thumbnails/img-20130326-00168.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00169.jpg" title="IMG-20130326-00169"><img src="data/thumbnails/img-20130326-00169.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00170.jpg" title="IMG-20130326-00170"><img src="data/thumbnails/img-20130326-00170.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00171.jpg" title="IMG-20130326-00171"><img src="data/thumbnails/img-20130326-00171.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00173.jpg" title="IMG-20130326-00173"><img src="data/thumbnails/img-20130326-00173.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00174.jpg" title="IMG-20130326-00174"><img src="data/thumbnails/img-20130326-00174.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00175.jpg" title="IMG-20130326-00175"><img src="data/thumbnails/img-20130326-00175.png"><span></span></a>

<a rel="lightbox_vlb" href="data/images/img-20130326-00176.jpg" title="IMG-20130326-00176"><img src="data/thumbnails/img-20130326-00176.png"><span></span></a>

<div class="clear"></div>

</div>

</section>

<!--==============================footer=================================-->

<footer>

<p><strong> Casa de Olmedo Babahoyo</strong><br> <a class="link" href="http://www.templatemonster.com/" target="_blank" rel="nofollow"></a> [email protected] [email protected] </p>

</footer>

</body>

</html>

Page 35: Proyecto Realizado

Pestaña de Videos

Descripción:

Tenemos videos en donde realizan la visita del Ministro de Turismo a la Casa

de Olmedo en Babahoyo, permitirá concretar los trabajos de reestructuración

de este inmueble patrimonial.

Page 36: Proyecto Realizado

Codificación.

<html lang="en">

<head>

<title>Links</title>

<meta charset="utf-8">

<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">

<link rel="stylesheet" type="text/css" media="screen" href="css/grid_24.css">

<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">

<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>

<script src="js/jquery-1.7.min.js"></script>

<script src="js/jquery.easing.1.3.js"></script>

<!--[if lt IE 8]>

<div style=' clear: both; text-align:center; position: relative;'>

<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">

<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />

</a>

</div>

<![endif]-->

<!--[if lt IE 9]>

<script type="text/javascript" src="js/html5.js"></script>

<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">

<![endif]-->

</head>

<body>

<div class="sub-pages">

<header>

<h1><a href="index.html"><img src="" alt=""></a></h1>

<nav>&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

Page 37: Proyecto Realizado

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;

<ul class="menu">

<li><a href="index.html"><font color="black">inicio</font></a></li>

<li><a href="informacion.html"><font color="black">informacion</font></a></li>

<li><a href="imagenes.html"><font color="black">imagenes</font></a></li>

<li><a href="videos.html"><font color="black">videos</font></a></li>

<li><a href="chat.html"><font color="black">chat</font></a></li>

<li><a href="comentarios.html"><font color="black">comentarios</font></a></li>

</ul>

</nav>

</header>

</div>

<!--==============================content================================-->

<

<section id="content"><div class="ic">More Website Templates @ TemplateMonster.com. July 30, 2012!</div>

<div class="container_24">

<div class="grid_11">

<div class="top-1">

<h4><strong> </strong>Patrimonio Cultural:</h4>

<img src="images/page4-img1.jpg" border="0" height="167" width="420" class="img-border" alt="">

<div class="lists">

<ul class="list-1">

</div>

</div>

</div>

<div class="grid_1">

<div class="">&nbsp;</div>

</div>

<div class="grid_25">

<div class="top-1">

<h3><strong> </strong></h3>

<br>

<br>

<div class="box-3">

<div class="fleft">

<div class="comments-3">

<div class="comments-corner"></div>

<div class="comment-1">

Page 38: Proyecto Realizado

<div class="comment-2">

<p></a><img border=2 src="menu/video1.jpg"width="150" height="150"><strong class="clr-1"><a href="vp2.html"</p>

</div>

</div>

</div>

<div class="comments-3-name text-1">Azanza proyecto</div>

</div>

<div class="fleft last">

<div class="comments-3">

<div class="comments-corner"></div>

<div class="comment-1">

<div class="comment-2">

<p></a><img border=2 src="menu/video2.jpg"width="150" height="150"><strong class="clr-1"><a href="vp1.html"</p>

</div>

</div>

</div>

<div class="comments-3-name text-1">Reportaje Normita </div>

</div>

<div class="clear"></div>

</div>

<div class="box-3 top-7 p-border">

<div class="fleft">

<div class="comments-3">

<div class="comments-corner"></div>

<div class="comment-1">

<div class="comment-2">

<p></a><img border=2 src="menu/video1 - copia.jpg"width="150" height="150"><strong class="clr-1"><a href="vp3.html"</p>

<p><i><strong class="clr-1"></i></p>

</div>

</div>

</div>

<div class="comments-3-name text-1">Por grabar</div>

</div>

<div class="fleft last">

<div class="comments-3">

<div class="comments-corner"></div>

<div class="comment-1">

<div class="comment-2">

<p></a><img border=2 src="menu/video1 - copia - copia.jpg"width="150"

Page 39: Proyecto Realizado

height="150"><strong class="clr-1"><a href="vp4.html"</p>

<p><i><strong class="clr-1"> </i></p>

</div>

</div>

</div>

<div class="comments-3-name text-1">Por grabar</div>

</div>

<div class="box-3 ">

<div class="fleft">

<div class="comments-3">

<div class="comments-corner"></div>

<div class="comment-1">

<div class="comment-2">

<p></a><img border=2 src="menu/video1 - copia - copia - copia.jpg"width="150" height="150"><strong class="clr-1"><a href="vp5.html"</p>

<p><i><strong class="clr-1"></i></p>

</div>

</div>

</div>

<div class="comments-3-name text-1">Por grabar</div>

</div>

<br><br>

<div class="fleft last">

<div class="comments-3">

<div class="comments-corner"></div>

<div class="comment-1">

<div class="comment-2">

<p><i><strong class="clr-1"> </i></p>

</div>

</div>

</div>

<div class="comments-3-name text-1">Por grabar</div>

</div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<div class="box-3">

<div class="fleft">

<div class="comments-3">

<div class="comments-corner"></div>

<div class="comment-1">

<div class="comment-2">

Page 40: Proyecto Realizado

<p><i><strong class="clr-1"></i></p>

</div>

</div>

</div>

<div class="comments-3-name text-1">Por grabar</div>

</div>

<div class="fleft last">

<div class="comments-3">

<div class="comments-corner"></div>

<div class="comment-1">

<div class="comment-2">

<p><i><strong class="clr-1"> </i></p>

</div>

</div>

</div>

<div class="comments-3-name text-1">Por grabar</div>

</div>

<div class="clear"></div>

</div>

<a href="#" class="link-1"></a>

</div>

</div>

<div class="clear"></div>

</div>

</section>

<!--==============================footer=================================-->

<footer>

<p><strong>Casa de Olmedo Babahoyo</strong><br> <a class="link" href="http://www.templatemonster.com/" target="_blank" rel="nofollow"></a> [email protected]</p>

</footer>

</body>

</html>

Page 41: Proyecto Realizado

Pestaña de Chat

Descripción:

Este chat nos permite tener comunicación con toda le gente dentro y fuera

del País. Referente a La Casa de Olmedo.

Page 42: Proyecto Realizado

Codificación:

<html lang="en">

<head>

<title>Contacts</title>

<meta charset="utf-8">

<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">

<link rel="stylesheet" type="text/css" media="screen" href="css/grid_24.css">

<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">

<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>

<script src="js/jquery-1.7.min.js"></script>

<script src="js/jquery.easing.1.3.js"></script>

<!--[if lt IE 8]>

<div style=' clear: both; text-align:center; position: relative;'>

<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">

<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />

</a>

</div>

<![endif]-->

<!--[if lt IE 9]>

<script type="text/javascript" src="js/html5.js"></script>

<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">

<![endif]-->

</head>

<body>

<div class="sub-pages">

<header>

<h1><a href="index.html"><img src="" alt=""></a></h1>

<nav>&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;

<ul class="menu">

<li><a href="index.html"><font color="black">inicio</font></a></li>

Page 43: Proyecto Realizado

<li><a href="informacion.html"><font color="black">informacion</font></a></li>

<li><a href="imagenes.html"><font color="black">imagenes</font></a></li>

<li><a href="videos.html"><font color="black">videos</font></a></li>

<li><a href="chat.html"><font color="black">chat</font></a></li>

<li><a href="comentarios.html"><font color="black">comentarios</font></a></li>

</ul>

</nav>

</header>

</div>

<!--==============================content================================-->

<section id="content"><div class="ic">More Website Templates @ TemplateMonster.com. July 30, 2012!</div>

<div class="container_24">

<div class="grid_6 suffix_1">

<div class="top-1">

<embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="880" height="450" name="chat" FlashVars="id=206506280" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.php" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb"></a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=206506280"></a></small><br>

<strong class="clear"></strong>

<div class="btns"><a href="#" class="link"></a><a href="#" class="link" onClick="document.getElementById('form').submit()"></a></div>

</fieldset>

</form>

</div>

</div>

<div class="clear"></div>

</div>

</section>

<!--==============================footer=================================-->

</footer>

</body>

</html>

Page 44: Proyecto Realizado

VALIDACION DE LA APLICACIÓN.

Page 45: Proyecto Realizado

CONCLUSIONES PARCIALES DEL CAPÍTULO III.

El proyecto consiste en implementar un sitio web de atracción turística de

historia para el cantón Babahoyo para el acceso del sistema y servicios de la

historia y ubicación el mismo que contribuirá a la integración de los elementos

de historia y reliquias del cantón Babahoyo con la sistema web ya terminado

comenzamos a implementarlo en la red que permita mejorar el rendimiento es

decir, se realizará una serie de actividades que permitan integrar de esta forma

mejorar el monumento que se encuentra en la casa de Olmedo.

CONCLUSIONES GENERALES.

La Implementación del Sitio Web, contribuye a transmitir y

compartir información, modernizándose de esta forma el

proceso de enseñanza-aprendizaje, así también adelantándose

a las tecnologías exigentes.

Page 46: Proyecto Realizado

BIBLIOGRAFÍA

Gitman, Lawrence.2009.Principios de administración financiera. Editorial

Pearson, 8va edición.

Brealey, Richard. 2007. Fundamentosturísticos. Editorial Mcgrawhill, 8va

edición.

Baena Toro, Diego. 2010. Diseño de atracciones en web - enfoque y

proyecciones. Editorial Ecoe ediciones, 1ra edición.

Briceño, Pedro. 1996. Administración y Dirección de Proyectos. Editorial

Mcgrawhill, 2da edicion

Meza Orozco, Jhonny de Jesús. 2010. Evaluación de Proyectos.

Editorial, Ecoe Ediciones II edición.

Desarrollo Web

www.desarrolloweb.com

Wikipedia, la enciclopedia libre

www.wikipedia.org

PHP 6. Curso profesional de programación

Edgar D´Andrea

Ediciones InforBooks

Una guía para la realización y supervisión de PFC en el ámbito de la

Web

Felíx Buendía García

Editorial Universidad Politécnica de Valencia

Guía del IEEE para la especificación de requerimientos software

ANSI/IEEE Std. 830 – 1984

Page 47: Proyecto Realizado

A

N

E

X

O

S

Page 48: Proyecto Realizado

Imágenes de Casa de Olmedo

Imagen tomada al administrador de la Casa de Olmedo

Imagen tomada al Libro de Escritura de actas en La casa de Olmedo

Imagen de Registro de personas que llegan a diario a visitar la casa de

Olmedo