UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA

ESCUELA DE CIENCIAS BSICAS TECNOLOGAS E INGENIERA

PROGRAMA: INGENIERA DE SISTEMAS
PROYECTO DE GRADO (INGENIERA DE SISTEMAS)
APORTE INDIVIDUAL

PRESENTADO POR:
MANUEL FERNANDO JEREZ PINTO C.C. 1.101.597.070

PRESENTADO A:
JAVIER MEDINA
Tutor

FECHA 05 DE ABRIL DE 2017

GRUPO: 14
 PLANTEAMIENTO DEL PROBLEMA

El municipio de Capitanejo Santander se encuentra ubicado en el oriente del

Departamento de Santander, es un municipio caracterizado por la gran cantidad
de tractivos tursticos, entre los que se destaca su cercana al can del
Chicamocha, encuentro entre dos ros, hoteles campestres, santuarios y una gran
diversidad de sitios que dejaran maravillado a quien los visite. Otros aspectos
autctonos como la produccin y preparacin de cabro, la produccin de meln y
tabaco hacen de este municipio uno de los ms importantes de la provincia de
Garca Rovira. Sin embargo el sinnmero de maravillas naturales y productivas del
municipio de Capitanejo Santander son muy poco conocidas en la mayora de
regiones del pas, ya que las autoridades locales y departamentales no han hecho
un buen trabajo de difusin y por otra parte los comerciantes no han podido
converger en una idea que lleve al posicionamiento del municipio como destino
turstico obligado para las personas que deseen pasar sus vacaciones y
momentos de descanso. Si nos remitimos a los resultados de buscadores en
internet o en redes sociales es muy escasa la informacin existente sobre el
turismo en Capitanejo y no existe informacin clara sobre precios, hotelera,
planes tursticos a realizar en el municipio y atractivos que inviten a conocer el
municipio y pasar varios das en l. El material multimedia disponible del municipio
tambin es escaso y a simple vista el municipio no se muestra interesante en los
medios de comunicacin oficiales o alternos.
 JUSTIFICACIN

La preparacin acadmica en ingeniera de Sistemas brinda los mecanismos y

herramientas necesarios para que un profesional se pueda desempear en el
mbito de la programacin, diseo de proyectos de ingeniera, diseo de sitios
Web y diseo de redes de datos. Por tanto el proyecto de investigacin debe ser
adelantado por profesionales en ingeniera de software o ingeniera de Sistemas
capaces de llevar a cabo procesos de investigacin, recopilacin de datos,
recopilacin de material multimedia y estructuracin de un sitio Web interactivo
capaz de llegar a todo tipo de pblico y posicionarlo a nivel nacional a travs de
los diversos mecanismos de publicidad, tambin se hace necesario que dicho sitio
Web sea posicionado en buscadores tales como Yahoo, Bing y Google.

Estos requisitos indispensables en la estructuracin tcnica del sitio web bien

pueden ser cubiertos por los 5 integrantes del grupo de investigacin quienes en la
mayora de los casos ya hemos cursado el currculo completo en ingeniera de
Sistemas de la Universidad Nacional Abierta y a Distancia y en otros casos se han
tomado muchas de las materias relacionadas con diseo e implementacin de
sitios web especialmente bajo el lenguaje HTML5. Sin embargo nuestra carrera
tambin nos ha brindado herramientas en la formulacin de proyectos, planeacin
y ejecucin de los mismos en diferentes entornos, lo cual ser un aspecto bsico
para sacar adelante la investigacin y recoleccin de datos.

La realizacin de este proyecto supone unos costos que bien pueden ser
asumidos por comerciantes, promotores tursticos y habitantes del municipio de
Capitanejo que analizando el costo beneficio de la propuesta pueden vincularse
a los trabajos de investigacin ya sea con aportes econmicos o mediante el
aporte de un factor muy importante como lo es la informacin, teniendo en cuenta
que la pgina web deber suministrar informacin clara y precisa, con soportes
multimedia agradables y llamativos que lleven a los visitantes a sentir el deseo de
visitar este municipio.
 OBJETIVOS

OBJETIVO GENERAL

Indagar, planear, disear, programar y publicar un sitio Web interactivo que

permita el posicionamiento del municipio de Capitanejo Santander como un sitio
turstico atractivo, tanto para actividades tursticas como comerciales,
aprovechando los diferentes recursos y permitiendo al visitante del sitio web una
interaccin efectiva con los diferentes sitios y comerciantes del municipio.

OBJETIVOS ESPECFICOS

Recolectar toda la informacin posible mediante trabajo de campo en el

municipio de Capitanejo Santander que permita establecer el potencial
turstico y econmico real del municipio
Crear material multimedia relevante de todos los frentes tursticos y
econmicos del municipio de Capitanejo, que tenga la capacidad de adaptarse
a un sitio web diseado en HTML5
Exponer el proyecto de investigacin a los habitantes, comerciantes y
autoridades locales del municipio, de tal manera que mediante el anlisis de
beneficios decidan apoyar la propuesta mediante los diferentes tipos de
recursos
Disear un sitio Web interactivo a travs de HTML5 con una interfaz amigable
al visitante, con gran cantidad de contenido multimedia que acerque a los
visitantes a los sitios tursticos reales del municipio y que dicho sitio permita
tambin la visualizacin de los diferentes planes hoteleros y tursticos o la
comunicacin directa con guas y administradores de hoteles en el municipio.
 TTULO DEL PROYECTO

Cmo hacer visible a Capitanejo Santander dentro de los sitios tursticos ms

atractivos de Colombia a travs del diseo Web y las nuevas herramientas de
internet?
 PREGUNTAS DE INVESTIGACIN

Por qu razones especficas Capitanejo Santander no constituye un atractivo

especfico para Santander y Colombia a pesar de su gran potencial?

Cmo integrar los diferentes sitios tursticos, hoteleros y comerciales en un solo

sitio web?

Cmo integrar las tecnologas de la informacin en los entornos de comercio sin

producir impacto negativos en las personas que carecen de conocimiento en las
herramientas usadas?

Qu se debe hacer para poder producir pginas web interactivas y efectivas a

travs de HTML5 y CSS3 en entornos tursticos?
 GLOSARIO

PGINA WEB: Es un documento electrnico alojado en un servidor que permite

visualizar textos, vnculos, imgenes, sonidos y videos.

SITIO WEB: Conjunto de pginas web con informacin especfica alojadas en un

hosting y accesibles mediante un dominio determinado

HTML5: Lenguaje de programacin con el cual se pueden desarrollar pginas y

sitios web personalizados segn los requisitos preestablecidos

CSS3: Hojas con estilo aplicables al desarrollo de pginas en HTML5, que

permiten cambiar la interfaz grfica y son reutilizables

POSICIONAMIENTO WEB: Estrategia que busca llevar un determinado sitio web

a los primeros resultados de los principales buscadores en la web

AUDIO: Msica o grabacin de voz que puede ser insertada en un sitio web o
reproducida por diferentes equipos electrnicos y programas de computador.

ASIDE: rea dentro de HTML5 donde se aloja contenido de forma organizada.

COMANDO: Palabra o expresin que emite una orden a un programa de

computador.

ATRACTIVO TURSTICO: Lugar o actividad que llama la atencin de visitantes

con el propsito de disfrutar periodos de descanso

SANTUARIO: Monumento u obra arquitectnica destinada principalmente a la

adoracin religiosa.
 TECNOLOGA UTILIZADA DE ALTO IMPACTO: HTML5

Qu es? Para qu sirve?

HTML5: Esta denominacin se le da a la quinta actualizacin realizada al lenguaje

HTML, el cual se constituye en la estructura bsica de una pgina web, indicando
mediante lneas de cdigo la distribucin de las pginas, los contenidos de texto y
los contenidos multimedia. Para el presente caso se utilizar la sintaxis de html.
HTML5 ofrece la posibilidad de crear pginas web con alto contenido dinmico
mediante la integracin de otras tecnologas que le aaden robustez a los
productos. HTML5 se puede integrar fcilmente con contenidos multimedia tales
como imgenes, fotografas y videos para de esta manera crear un estilo visual
llamativo y que permita a los visitantes una navegacin agradable. Gracias al
soporte HTML5 no es necesaria la integracin de Flash para la reproduccin de
videos y animaciones.

CSS3: Se constituye como la tercera actualizacin para el lengua CSS o Hojas de

estilo en cascada que bsicamente tienen la funcin de integrarse con el lenguaje
HTML5 con el fin de dar un estilo visual personalizado a cada pgina web que
generalmente puede ser muy atractivo y con la particularidad que dicho cdigo
puede ser reutilizado segn la necesidad. As las cosas es posible tomar plantillas
CSS3 y aplicarlas a nuestro cdigo HTML5 con el fin de mejorar el aspecto visual
de las mismas, aunque de manera sencilla es posible tambin editar dichas hojas
de estilo para personalizar mejor y lograr el efecto que queremos mediante
nuestra pgina web.

CARACTERSTICAS DE HTML5

Dibujo en el elemento convas

 Permite el uso de los elementos <audio> y <video> para integrar archivos
multimedia
Uso de elementos para contenidos distribuidos en la pgina tales como
<footer><nav><section><article>
Correccin de errores existentes en HTML versin 4

VENTAJAS DE HTML5

Reduce la necesidad de plugin externos, ya que el contenido multimedia

insertado puede ser reproducido por los navegadores con soporte HTML5 sin
instalar ms software.
Su uso es gratuito
Los contenidos desarrollados son fcilmente adaptables a los diferentes
dispositivos y pantallas que acceden a la web
Integracin con sensores tales como GPS, acelermetro, brjula y elementos
como cmaras integradas
Integracin con CSS3 y Javascript
Posibilidad de reutilizar grandes porciones de cdigo

DESVENTAJAS DE HTML5

El desarrollo de CSS3 y Javascript se ha hecho de forma independiente, por

tanto se comportan de forma independiente
Incompatibilidad con algunos navegadores, principalmente antiguos

APLICACIONES O USOS

Desarrollo de sitios web interactivos con insercin de contenido multimedia e

integracin de servicios como chats y formularios
Lienzo de dibujo
Pginas web con funciones de geo localizacin a travs de GPS
Animaciones
 Aplicaciones web como: correo electrnico, almacenamiento en la nube

POR QU SE PUEDE APLICAR EN LA PROBLEMTICA PLANTEADA?

HTML5 nos brindara la posibilidad en primer lugar de crear un sitio web con gran
cantidad de pginas en las cuales se plasmar la informacin recolectada y se le
sumarn recursos multimedia tales como fotos y videos de los sitios tursticos,
audios donde los comerciantes y autoridades inviten a visitar el municipio de
capitanejo, audios con msica tpica del municipio. Por otra parte gracias a HTML5
en integracin con CSS3 se disearn formularios de contacto y chats que
servirn de apoyo a los visitantes del sitio para ponerse en contacto con los
diferentes sitios que ofrece el municipio as como planear y organizar
presupuestos de viaje.

HTML5 tambin nos brindar las herramientas necesarias para crear un sitio
atractivo pero sobrio al mismo tiempo dependiendo tambin del diseo y la
creatividad de los integrantes del proyecto.

POR QU ES UNA TECNOLOGA DE PUNTA?

HTML5 constituye la ltima y ms reciente evolucin de la programacin de sitios

en HTML y ha aadido gran cantidad de caractersticas acordes con el desarrollo
web moderno, permitiendo integrarse con los diferentes dispositivos y plataformas.
Por tanto es sencillo visualizar pginas web y aplicaciones creadas en HTML5
tanto en el computador, como en el celular, como en la Tablet, sin que se produzca
prdida de datos o informacin a medias. Por otra parte HTML5 ha aadido las
caractersticas necesarias para usar importantes hallazgos tecnolgicos actuales
como la geo localizacin, sensores y otros dispositivos de gran ayuda en
diferentes entornos de todo tipo tales como comercio, medicina, gobiernos, y
trabajos cientficos.
La integracin multimedia sin necesidad del uso de plugins externos para su
reproduccin es otro factor que hace llamativo e importante el uso de HTML5 ya
que el uso de estos programas complementarios elaborados por otras empresas
suponan en la mayora de los casos errores en el funcionamiento de los
navegadores y amenazas a la seguridad del sistema operativo y del usuario.

TRABAJOS INVESTIGATIVOS SIMILARES

Responsive Web Design: Interfaces WebAdaptables al dispositivo empleando

HTML5 y CSS3

Autor: Adrin Alonso Vega

Director/es: Antonio Moratilla Ocaa

URL: http://dspace.uah.es/dspace/bitstream/handle/10017/19972/Memoria.pdf?
sequence=1