Pgina | 1

Sitio Web para la Escuela de Liderazgo de URACCAN Bilwi (1)

Indira Elizabeth Hernndez Lackwood (2)

Marvin Reinery Trrez Bustillo (3)

Pgina | 2

(1)Investigacin monogrfica para optar al ttulo de Licenciado en

Informtica Administrativa, URACCAN Bilwi

(2)Bachiller en Ciencias y Letras. manina2924@hotmail.com

(3)Licenciado en Informtica Administrativa. Tutor de la investigacin y Docente de

Informtica Administrativa. marvintb27@gmail.com

I.

RESUMEN

La investigacin monogrfica, se fundament en la creacin de un sitio

web para la escuela de Liderazgo ubicada en la Universidad de las
Regiones Autnomas de la Costa Caribe. Con la creacin de esta se
pretende contribuir en divulgar el que hacer de la escuela.

Para ello fue necesario implementar las fases para desarrollo de sitios web
los cuales son; planificacin, para esto se aplic entrevista a informantes
que permiti obtener informacin relevante sobre el tema en estudio, se
determino los objetivos del sitio web y se estableci las audiencias a la
cual se dirige el sitio.

Pgina | 3

Posteriormente en la fase de creacin se fij el contenido que alojara el

sitio, se determin la estructura de los contenidos y el formato grfico.

En la etapa de programacin se utilizaron los lenguajes de programacin

web html, css y javasrip.

En la parte de pruebas se asegur el buen funcionamiento del sistema de

navegacin de igual manera las vinculaciones y finalmente en la fase de
alojamiento, se adquiri un dominio gratis por un periodo de 1 ao donde
posteriormente se transfirieron los archivos del sitio al servidor.

Metodolgicamente el sitio web se aborda desde la perspectiva de los tipos

de estudios cualitativos, descriptivos y desarrollo tecnolgico. La tcnica
empleada fue la entrevista, observacin directa y de sitios en lnea y
revisin de documentos.

Los principales hallazgos confirman que era necesaria la creacin de un

sitio web para sistematizar la vivencia, evolucin y el quehacer de la
escuela.

Palabras claves: Sitios web, Escuela de Liderazgo, men de

navegacin principal, estructura lgica, el diseo visual del sitio
web, servidor gratuito.
II.

INTRODUCCION.

Pgina | 4

La presente investigacin se elabor en la Escuela de Liderazgo de la Universidad

de la Costa Caribe Bilwi, el cual se aborda como un estudio tecnolgico.

La escuela de Liderazgo es una institucin educativa financiada por organizaciones

mundiales, siendo uno de sus principios la de formar bachilleres(as) con mencin en
liderazgo comunitario. Actualmente se han formado tres generaciones de estudiantes
(280), de cuatro grupos indgenas diferentes (miskitus, mayagnas, creoles y
mestizos), en donde el 70% regres a sus comunidades de origen y ocupan espacios
de liderazgo; por otro lado un 30% continua estudiando a nivel universitario. Son
acciones relevantes que orientan a fortalecer las estructuras de liderazgo local y al
avance del proceso de autonoma regional que est en marcha en la Costa Caribe de
Nicaragua.
El presente trabajo tiene como objetivo crear un sitio web fcil y gil que contenga
informacin completa e integral sobre la escuela de Liderazgo. Donde estudiantes
activos, egresados y toda la comunidad estudiantil puedan conocer de manera fcil,
actividades y gestiones que se realizan desde la direccin. De igual manera el sitio
contendr informacin sobre el origen de la escuela, currculo, servicios educativos,
estudiantes y eventos recientes, con el propsito de divulgar e quehacer de la
escuela.
El sitio web institucional de la Universidad de las Regiones Autnomas de la Costa
Caribe, tiene la debilidad de que no divulga la trayectoria de la escuela de Liderazgo

o si se menciona es de manera parcial , por lo que es necesaria la

creacin de su propio sitio web.
La trayectoria de la escuela es larga y con ello conlleva sus experiencias da a da a
la realidad del estudiantado, por lo tanto se considera de importancia realizar este
estudio.

Pgina | 5

III.

REVISIN DE LITERATURA
Los

conceptos

establecidos

para

el

anlisis

explicacin

de

la

investigacin se sustentan en la siguiente:

Sitio web
Para Marqus (2010) expresa que un sitio web es un conjunto de documentos
electrnicos de hipertexto (pginas web) mediante enlaces hipertextuales o
programas al efecto realizados con lenguajes de programacin, que se muestran a
travs de Internet con propsitos concretos: presentacin y divulgacin, sobre un
tema determinado.

Diseo Visual
Gonzales (2004), precisa que el diseo visual son aspectos tales como la
disposicin de los elementos en la pantalla, la eleccin de la tipografa, el
tamao de las fuentes utilizadas, los espacios en blanco, las imgenes y
los esquemas de color, entre otras cosas, influyen en la percepcin de los
usuarios determinante mente.

Sistema de Navegacin
James (2010), mencion que son los elementos de una interfaz que permiten la
navegacin por las diferentes secciones y pginas que componen el sitio web, es
decir, es establecer un modo de ir de un sitio a otro dentro de la web, debe ser clara,
concisa, consistente y fcilmente identificable dentro de la pgina. Se conforman por

Pgina | 6
varios elementos como son: grficos, barras de mens horizontales / verticales y
mens emergentes; las tablas de contenido y el mapa del sitio, permiten el acceso al
contenido alojado. Cada uno de estos elementos debe aparecer en cada pgina y la
suma de todos ellos conforma el sistema de navegacin.

Programacin Web
lvarez, Torrealday (2009) apunt que la programacin Web, es el protocolo
encargado de llevar la informacin que contiene una pgina Web por toda la red de
internet, es una serie de comandos que nos permiten codificar instrucciones de
manera que sean entendidas y ejecutadas por una computadora. En la programacin
Web, el HTML es el lenguaje que permite codificar o preparar documentos de
hipertexto, que viene a ser el lenguaje comn para la construccin de una pgina
Web.

Tipos de lenguajes de programacin web

Segn Anibarro & Torrealday (2009), las pginas que forman un sitio web
estn escritas en el lenguaje HTML, tambin existen otros lenguajes, tales
como: Javascript, java y CSS.

HTML
Anbarro (2009), define:
Es un conjunto o serie de etiquetas incluidas en archivos de texto
que definen la estructura de un documento WWW y sus vnculos con
otros documentos. Los navegadores WWW leen estos archivos de
texto e interpretan esas etiquetas para determinar como desplegar
la pgina Web.

Pgina | 7

Torrealday (2009) tambin explica que las hojas de estilo en cascada es

un lenguaje usado para definir la presentacin de un documento
estructurado

escrito

en

HTML,

es

el

encargado

de

formular

la

especificacin de las hojas de estilo que se ocupan de los aspectos de

formato y presentacin de los contenidos de estndar para los usuarios o
navegadores.

Javascript
Bassi (2000) indica que Es un lenguaje de archivo de rdenes o archivo de
procesamiento por lotes, un programa donde se almacena en un archivo
de texto, permite a los desarrolladores Web crear pginas HTML dinmicas
que procesen la entrada del usuario.

Fases del desarrollo de un sitio web

Vsquez (2006), en su manual Desarrollo de Sitios Web define que Las
etapas para el desarrollo de un sitio web se establecen de la siguiente
manera:

Fase de planificacin
Primeramente se recopila toda la informacin posible para la creacin del
sitio web, esto incluye investigacin informacin terica como tcnica, as
tambin la navegacin y anlisis de aquellos sitios referenciales.

Pgina | 8
Adems se determinan los objetivos del sitio y las audiencias destinadas y
posibles.

Fase Diseo
Ac se determinan los contenidos del sitio y la estructura que estos
tendrn adems se define el formato grfico el cual debe ser accesible
tener una lgica visual que represente y optimice la estructura de
contenidos y por ltimo se realiza la programacin que concierne a la
utilizacin de las herramientas de lenguajes de programacin en los que se
desarrollar el sitio.

Fase de pruebas
En donde se ejecutan pruebas exhaustivas para asegurar el perfecto
funcionamiento, comprobacin en navegadores, detectar vinculaciones,
comprobar tiempo de descarga.

Fase de alojamiento
Se toma en cuenta los derechos de autor, posteriormente se define el
dominio del sitio se verifica que est disponible para poder registrarlo y se
transfieren los archivos al servidor remoto por FTP o desde la pagina del
servidor.

Pgina | 9
III.

MATERIALES Y MTODOS

Para la recopilacin y obtencin de los datos se consideraron como fuentes

primarias a docentes, estudiantes activos y estudiantes egresados de la
escuela de liderazgo, as mismo a la directora del centro. Entre las fuentes
secundarias se consideraron: revisiones bibliogrficas y observacin se
sitios en lnea.

Se utilizaron como tcnicas: la observacin directa para conocer el proceso

del quehacer de la escuela y entrevistas a docentes, estudiantes y
directora del centro.

Para el procesamiento de los datos se procedi a analizar e interpretar

mediante las fases para el desarrollo de sitios lo cual determino el
contenido, la estructura y diseo del sitio web de la escuela. Para el diseo
y codificacin del sitio web se utilizaron los lenguaje de programacin web:
HTML, JavaScript y las hojas de estilo en cascada CSS; as tambin
programas como: Adobe Dreamweaver CS3 y Photoshop CS4

Variables

Contenido y diseo visual lgico del sitio web de la escuela de Liderazgo.

Diseo visual y sistema de navegacin del sitio web.
Alojamiento del sitio web de la escuela en servidor.

P g i n a | 10
Aspecto tico

La informacin recopilada ser utilizada solamente para confeccionar el

sitio web para la escuela de Liderazgo de la

Universidad de la Costa

Caribe - Bilwi. De igual manera informacin solo ser para asuntos

acadmicos y no lucrativos.

V.

RESULTADOS Y DISCUSIN

Planificacin del sitio web de la escuela de Liderazgo.

Objetivos

Se recopil la informacin mediante diferentes instrumentos y por

consiguiente se definieron los objetivos que cumplir el sitio, los cuales
son:

Brindar informacin actualizada sobre el proceso educativo y las

actividades que se realiza constantemente la escuela de Liderazgo.

Difundir la evolucin institucional de la escuela de Liderazgo como

organizacin comunitaria educativa.

Atraer nuevas oportunidades de financiamiento de organizaciones de

ndole social.

P g i n a | 11
Audiencia
La poblacin a la cual se pretende alcanzar e influir, fue definida de la
siguiente forma:

Personas que quieran conocer el quehacer de la escuela de

LiderazgoURACCAN, su objetivo, currculo de estudio, servicios
educativos, actividades en fin todo concernientes a la escuela.

Egresados, estudiantes activos, directora, docentes de la escuela de

Liderazgo.

Organizaciones de ndole social, a nivel nacional e internacional que

deseen ser parte de la escuela a travs de sus aportaciones.

Contenido del sitio web

Inicio Mensaje Directora: Pgina principal que contiene mensaje de la

Directora.

Acerca de la Escuela: Es el enlace que llevara a conocer la misin,

visin, polticas de calidad, historia y ejes transversales de la misma.

Currculo: Vincula a fundamentos, plan de estudio, enfoque metodolgico,

ejes curriculares y sistema de evaluacin.

P g i n a | 12
Servicios Educativos: Sujeta los servicios que adquiere el estudiantado
como: biblioteca, laboratorio de computacin, despachos de consejera,
internado comedor-

Desempeo estudiantil: Muestra el desempeo educativo, deportivo y

cultural de los estudiantes.

Docentes: Conecta a las funciones y experiencias en el transcurso de su

desempeo junto a la direccin de la escuela.

Estudiantes: Este liga al perfil de ingreso, egreso de los estudiantes,

calendario escolar as mismo sus roles y funciones.

Foto galeras: Enlaza a fotografas de las tres generaciones graduadas.

Sitios

de

Inters:

Encontramos

sitios

educativos

como:

wikipedia, URACCAN, MINED, Horizonte3000 y Puerto Cabezas.

aulaclic,

P g i n a | 13

Estructura del contenido

P g i n a | 14
Mision y Vision
Politica de Calidad
Historia

Acerca de la
Escuela

Ejes Transversales

Curriculo

Fundamentos
Plan de Estudio
Enfoque Metodologico
Ejes Curriculares
Sistema de Evaluacion

Biblioteca
Laboratorio de Computacion
Despechos de Consejeria
Bienestar Estudiantil (Psicologia)

Servicios
Educativos

Internado

Comedor

Aspecto Cultural
Mensaje de la
Directora

Educativo
Desempeo
Estudiantil
Docentes

Deportivo
Funciones
Experiencias
Perfil Ingreso
Perfil Egresado

Estudiantes

Calendario Escolar
Roll
I Generacion
II Generacion

Foto Galeria
III Generacion
AulaClic
Sitios de Interes

MINED

Wikipedia
URACCAN

Horizonte3000

Diseo visual

Puerto Cabezas

Pgina Principal de la Escuela de Liderazgo.

La pgina principal contiene todos los vnculos hacia las diferentes pginas
secundarias. Esta pgina en la parte superior o encabezado muestra un
banner con el nombre de la escuela, logotipo de la universidad URACCAN y
estudiantes realizando un baile cultural.

Luego presenta un men

horizontal y un sistema de navegacin vertical clasificado por mdulos en

la parte izquierda. Y en su parte central se encuentra un mensaje de
bienvenida de la directora de la escuela. Adems contiene enlaces a

P g i n a | 15
Noticias

eventos

realizados por la escuela. Y

en la parte derecha enlaces
para

descargar

documentacin.

En la parte del pie de pgina

presenta

un

emergente

el

encuentra

en

men
cual

se

todas

las

pginas del sitio.

Alma mater
En esta pgina se presenta la misin y visin que tiene la escuela de
liderazgo como institucin educativa.
Servicios Educativos:

P g i n a | 16
El Modulo servicios educativos contiene enlaces
a

diferentes

Biblioteca,

pginas

laboratorios

entre
de

ellas

estn:

computacin,

Bienestar estudiantil, Internado_alimentacion.

Desempeo Estudiantil:

P g i n a | 17
El modulo Desempeo estudiantil contiene enlaces
a pginas relacionadas al mbito cultural de los
estudiantes: Cultura, educacin, deportes.

P g i n a | 18
Docentes:
El modulo docentes contiene encales a paginas como: Nuestro personal
docente y funciones de docentes.

Estudiantes:
Este

modulo

tiene

enlaces

paginas

que

contienen informacin sobre el perfil de ingreso y

requisitos

de

egresado,

as

tambin

puntualiza

los deberes de los

estudiantes.

Galeria.
Esta pagina contiene enlaces a a diferentes lbumes fotogrficos los cuales
estn clasificados por generacin.

P g i n a | 19

Alojamiento del sitio web en un servidor gratuito:

Explic Muoz (2009) que el Hosting o alojamiento web es un espacio en
el disco duro de un servidor que tiene conexin permanente a Internet y
que es alquilado generalmente por un usuario (persona u organizacin)
para publicar informacin en Internet. Este espacio se identifica dentro del
Internet por medio de una direccin IP que est relacionada directamente
con un dominio de la forma www.nombredeldominio.com, a travs del cual
todo
En

el

mundo

puede

acceder

l.

la fase de alojamiento, de acuerdo a lo planteado por Muoz se

procedi a la bsqueda en lnea de servidores gratuitos como una opcin

temporal, posteriormente se aloj el sitio web en un hosting gratuito:
http://www.000webhost.com/ al igual el dominio utilizado es gratuito el
cual

fue

obtenido

del

http://escueladeliderazgo.co.cc

sitio

co.cc.

el

URL

quedo

como

P g i n a | 20
Posteriormente se transfirieron los archivos al servidor por medio de la
aplicacin de tipo cliente FTP (FileZilla).

VI.

CONCLUSIONES:

En base al anlisis y discusin de los resultados obtenidos mediante los

instrumentos que se aplicaron se lleg a las siguientes conclusiones:

1. Se cre el sitio web del Instituto de la escuela de liderazgo, cuenta con

contenidos, una estructura lgica y un diseo que le brinda a la
audiencia un ambiente interactivo y eficiente, de tal forma que ser
fcil de manipular y de encontrar la informacin de forma rpida.

2. El sitio web destaca el plan curricular, los servicios que brinda a sus
estudiantes, las actividades culturales que practican, los eventos que
realizan constantemente y fotografas de todas las generaciones de
estudiantes que han egresados.

3. El sitio tiene un dominio gratuito y as u vez fue alojado en un servidor

gratuito para que pueda ser accedido desde cualquier parte del mundo.

P g i n a | 21
VII.

LISTA DE REFERENCIAS.

Alvarez, S. (2004), Lenguajes de Programacin http://www.lenguajes-de

programacion.com/programacion-web.shtml

Anbarro, C. (2001) Versin 1.3 Manual HTML

Bassi, R. & Vsquez, P (2000), Manual desarrollo de sitio web pp.3- 11

Chvez

J.

(2010),

Protocolo

TCP/IP

http://www.monografias.com/trabajos/protocolotcpip/protocolotcpip.shtml
De

la

cuadra,

E.

(2010)

Conceptos

bsicos

internet

http://www.ucm.es/info/multidoc/multidoc/revista/cuadern5/elena.htm
Fernndez

A.

(2010)

Estructura

de

una

pagina

web

http://www.lawebera.es/manuales/primeros-pasos/comoempezar/tipos-de-

webs.php

Gobierno de Chile.1era Ed. Santiago, Chile, 2004, Gua para el desarrollo

de sitio

web.

Gonzales M. II edicin Metodologa de investigacinp15

Gonzlez J. & Cordero J.:Diseo de Pginas web. 2da
McGrawHill,
Hassan

Y.

Edicin,

Ed.

2004.pp 234 , 256

&

Fernndez

F.

&

Ghzala

Iazza

Diseo

Web

2daedicin,http://www.hipertext.net/web/pag206.html
James J. (2010)

http://luisf.wikispot.org/Sistemas_de_Navegaci%C3%

P g i n a | 22

Jse J. (2004) http://www.avidos.net/blogold/sistemas-de-navegacin/ sitios

web

Law E. Guia para elaborar la tesis URACCAN

Lora

V.

"La

Web",

2010

http://www.monografias.com/trabajos5/laweb/laweb.sh

tml?

monosearch

Marqus

P.Web

Multimedia,

2010

http://peremarques.pangea.org/tipoweb.htm

Millan

R.

Desarrollo

de

sitios

web

Manual

Formativo

50,

ACTA,2008,http://www.ramonmillan.com/tutoriales.ph

Millhollon, Mary & Castrina, Jeff: AVANZA Creacin de Paginas web. Ed.
McGrawHill, 2003, Madrid , 363 pp.
Muoz

A.

Definicin

de

Alojamiento

web

2009,http://www.miempresaenlinea.com/blog/post/definicion-de-alojamientoweb.aspx
Rodrguez A. (2001) Diseos de pginas web p.16
Sampieri (1998) Metodologa de la investigacin.
TorrealdayG.(2009),Lenguajes

de

programacinhttp://www.torrealday.com.ar/articulos/articulo006.htm

P g i n a | 23
Vzquez P. (2006), Creacin de sitios webp.14-21, 29-31.

P g i n a | 24
VIII. AGRADECIMIENTOS

A los tres seres divinos Padre, Hijo y Espritu Santo, por ser mi refugio, por
abrir puertas en momentos difciles, por la salud y sabidura durante el
proceso de la investigacin.

A nuestra Alma Mater URACCAN, por brindarnos la oportunidad de

prepranos como profesionales y con el fin de fortalecer de la autonoma
regional.

Quien en vida fuera, Marvin Ren Cucaln Meja, por impulsar mi estudio
superior, por su tenacidad y amor profundo.

A mis mamas Eva y Vilma por su inmenso cario, paciencia, amor y apoyo
moral durante el trayecto de mi estudio.

A mi hija Marlitzin Zafatny Cucaln Hernndez quien me impulsa a batallar

ante los desafos de la vida.

A Lic. Gloria Lpez Wallis, por su apoyo intelectual y estar siempre a mi

lado.

A mi tutor Lic. Marvin Torrez, por su entrega, disponibilidad y orientacin

en la realizacin del trabajo monogrfico.

P g i n a | 25

A Lic. Anicia Matamoros, por guiar mis primeros pasos por el camino del
saber.

Bra. Indira Elizabeth Hernndez Lackwood