Desarrollo de Una Aplicación Web Informativa para La Comunidad "Altos Próceres" Ubicada en La Ciudad de Cumana, Municipio Sucre Del Estado Sucre.

República Bolivariana de Venezuela
Ministerio del Poder Popular para la educación Universitaria,

Ciencia y Tecnología
Universidad Politécnica Territorial del Oeste de Sucre
“Clodosbaldo Russián”
PNF Informática
Desarrollo de una Aplicación Web informativa para la

Comunidad “Altos Próceres” ubicada en la Calle Bolívar de la
Ciudad de Cumaná, Municipio Sucre del Estado Sucre.
Tutor: Lcdo. Aníbal Torres Autores:

Brs:
CORDOVA M. Johan M. C.I: 27.690.445
SALAZAR V., Ivana del V. C.I: 27.078.729
FIGUERA de la C. Johan J. C.I: 27.690.149
MARCANO M., Abrahams A. C.I: 27.690.407
Cumaná, julio del 2018

Carta de aceptación de la comunidad
II
Carta de aceptación del tutor
III
DEDICATORIA
En primer lugar, a Dios todo poderoso, por darnos fuerzas, salude

iluminarnos en nuestros pasos en este momento tan importante y ofrecernos
la oportunidad de vivir este sueño, juntos a todas las personas que queremos
y admiramos.
A nuestros padres por todo el amor, consejo y apoyo que nos han
brindado y habernos enseñados las cosas buenas y malas que hoy ayudan a
ser unas personas con valores familiares y morales.
IV
AGRADECIMIENTO
A nuestros padres por darnos el alimento diario, A nuestros compañeros

de clases que siempre estuvieron a nuestro lado en las buenas y en las malas.
A los profesores que, con su colaboración y desprendimiento, me

permitieron adquirir los conocimientos necesarios para la culminación de
nuestra carrera.
Al consejo Comunal “Altos Proceres” y a su respectiva comunidad por

el apoyo prestado para la realización de este proyecto, el cual es un requisito
indispensable para pasar de trayecto en nuestra carrera de Informática,
gracias por darnos la oportunidad en sus instalaciones y a los que hicieron
posible recabar información, a cada una de las personas involucradas, gracias
por su participación.
A todas aquellas personas que hemos conocido en el camino y han

dejado una huella en nuestra vida. Gracias a todos.
V
ÍNDICE GENERAL
DEDICATORIA ...…………………………………………………..………………IV
AGRADECIMIENTO……………………………………………...………………...V
ÍNDICE GENERAL……………………………………………..…………………..VI
ÍNDICE DE TABLAS………………………………………...……………………...X
ÍNDICE DE FIGURAS……………………………………..……………………….XI
RESUMEN …………………………………………………………………………XII
INTRODUCCIÓN………………………………………….……………………….13
CAPITULO I – DIAGNOSTICO SITUACIONAL….……………………………..15
1.1 DESCRIPCIÓN DEL CONTEXTO…………….…………………………15
1.1.1 Nombre de la Comunidad…………….……………………….…15
1.1.2 Ubicación Geográfica…….…………………………………........15
1.1.3 Reseña Histórica ……………………………………….……........16
1.1.4 Organizaciones Presentes …….……………..………….……...18
1.1.5 Estructura Organizativa………….…………………………….....19
1.1.6 Principales Problemas (Causas y Consecuencias) y su
Jerarquización ………………………………………………………...….19
1.1.7 Análisis de Fortalezas y Debilidades………………….…….....21
1.1.8 Análisis del Diagnostico Situacional………………….….….....23
1.2 DESCRIPCIÓN DEL CONTEXTO…………………………….…...…….24
1.2.1 Planteamiento del Problema….……………………………........24
1.2.2 Objetivos ……………………………..……………………….…….26
1.2.2.1 Objetivo General……………………………………….……...26
1.2.2.2 Objetivos Específicos………….…….………………………..26
1.2.3 Justificación ……………………………………………………...…26
1.2.4 Alcance ……………………………………………………………...27
1.2.5 Estudio de Factibilidad………………………………….………...28
1.2.5.1 Factibilidad Operativa……………………………….…………28
1.2.5.2 Factibilidad Técnica………………………………….……...…29
1.2.5.3 Factibilidad Económica …...……….……………………….…32
1.2.5.4 Factibilidad Psicosocial …………………………………….....36
1.2.6 Plan de Acción y Cronograma de Actividades………….…...36
CAPITULO II – MARCO TEÓRICO…………………………………….………..38
2.1 ANTECEDENTES ………...…………………………………………….38
2.2 BASES TEÓRICAS……………………………………………………...42
2.2.1 World Wide Web…………………………………………………...43
2.2.1.1 Que es Web………………………………………………….…44
2.2.1.2 La Web 2.0 ……………,,,………………………………….….44
2.2.2 Sitios Web……………………………………………………….…..45
2.2.2.1 Sitio Web estático ………...……………………………….….45
VI
2.2.2.2 Sitio Web dinámico…………………………………………….46
2.2.2.3 Diferencia entre Sitio Web y Página Web…………………..46
2.2.3 Desarrollo de Páginas Web…………………………………..….47
2.2.3.1 Registro de dominio………………….………………………..47
2.2.3.2 Hospedaje de dominio………………………………………...47
2.2.3.3 Diseño del sitio Web…………………………………………..48
2.2.3.4 Mantenimiento del sitio Web………………………………48
2.2.3.5 Difusión del sitio Web……………………………………….48
2.2.4 ¿Qué Son los Lenguajes de Programación?........................49
2.2.4.1 Lenguajes de programación de bajo nivel……………..49
2.2.4.2 Lenguajes de programación de alto nivel………………50
2.2.5 ¿Qué es HTML?.......................................................................50
2.2.5.1 ¿Es HTML un lenguaje de programación?...................52
2.2.6 ¿Qué son las hojas de estilo CSS?.......................................53
2.2.6.1 ¿Para qué sirve?.............................................................53
2.2.6.2 ¿Cómo funciona?............................................................53
2.2.6.3 Versiones del CSS………………………………………….54
2.2.6.4 Ventajas del uso de CSS………………………………….54
2.2.7 ¿Qué Son los Servidores Web?.............................................55
2.2.7.1 El rol fundamental de un Servidor Web…………………56
2.2.7.2 ¿Cómo funcionan los servidores?.................................56
2.2.7.3 ¿Por qué los servidores son necesarios?.....................57
2.2.8 ¿Qué Significa “Hosting” o Alojamiento? …………………….57
2.2.8.1 ¿Qué es la URL o “dirección web”?..............................58
2.2.8.2 Espacio Web en tu Hosting……………………………….59
2.2.9 ¿Qué es FTP (File Transfer Protocol)?.................................60
2.2.9.1 Servidor FTP…………………………………………………61
2.2.9.2 Cliente FTP…………………………………………………..61
2.2.10 Metodología del Modelo ADDIE………………………………62
2.2.11 Descripción de las Fases del Modelo ADDIE………………65
2.2.11.1 Fase de Análisis…………………………………………...65
2.2.11.2 Fase de Diseño………………………………………….…65
2.2.11.3 Fase de Desarrollo………………………………………..66
2.2.11.4 Fase de Implementación…………………………………66
2.2.11.5 Fase de Evaluación……………………………………….66
2.2.12 Metodología para la Creación de Sitios Web………………67
2.2.13 Descripción de las Fases de la Metodología para la
Creación de Sitios Web………………………………………………….68
2.2.13.1 Fase de Análisis…………………………………………...68
2.2.13.2 Fase de Planificación……………………………………..70
VII
2.2.13.3 Fase de Contenido………………………………………..78
2.2.13.4 Fase de Diseño…………………………………………….78
2.2.13.5 Fase de Programación…………………………………...80
2.2.13.6 Fase de Testeo…………………………………………….80
2.2.13.7 Fase de Mercado Y Publicidad………………………….81
2.3 BASES LEGALES……………………………………………………….82
2.4 DEFINICIÓN DE TÉRMINOS ………………………………………...87
CAPÍTULO III – MARCO METODOLÓGICO……………………………….89
3.1 MÉTODOS DE INVESTIGACIÓN……………………………………89
3.1.1 Tipo de Investigación……………………………………………..89
3.1.2 Diseño de la Investigación……………………………………….89
3.2 TÉCNICAS E INSTRUMENTOS DE INVESTIGACIÓN………….90
3.2.1 La Observación Directa…………………………………………..91
3.2.2 La Entrevista……………………………………………................92
3.2.3 La Encuesta ...……...……………………………………………..92
3.3 POBLACIÓN Y MUESTRA……………………………………………..93
3.3.1 Población……………………………………………………………93
3.3.2 Muestra……………………………………………………………...93
3.4 METODOLOGÍA APLICADA …...……………………………………..94
3.4.1 Fase de Análisis…………………………………………………...94
3.4.1.1 Selección de objetivos……………………………………..95
3.4.2 Fase de Planificación……………………………………………..97
3.4.2.1 Selección de Software……………………………………..97
3.4.2.2 Selección de Hardware…………………………………….98
3.4.2.3 Selección del Equipo de Trabajo Adecuado…………...99
3.4.2.4 Benchmarking……………………………………………...101
3.4.2.5 Estructura de Navegación……………………………….102
3.4.2.6 Costos de Inversión……………………………………….103
3.4.2.7 Beneficios a Obtener……………………………………..105
3.4.3 Fase de Contenido………………………………………………105
3.4.4 Fase de Diseño…………………………………………………..105
3.4.4.1 Usabilidad ……...…………………………………………..106
3.4.4.2 Accesibilidad ……...……………………………………….107
3.4.5 Fase de Programación………………………………………….108
3.4.5.1 Interfaz …...…………………………………………………108
3.4.6 Fase de Testeo…………………………………………………..110
3.4.6.1 Comprobación en navegadores………………………..110
3.4.6.2 Detectar los vínculos rotos………………………………110
3.4.6.3 Comprobar tiempo de descarga………………………..111
VIII
3.4.7 Fase de Mercado Y Publicidad………………………………..112
CONCLUSIONES.….……..…………………………………………………...113
RECOMENDACIONES….…...…………………………………..…………...114
REFERENCIAS BIBLIOGRÁFICAS ………….…………………………….115
ANEXOS ….....…………………………………………………………………..121
Anexo A. Carta de presentación del proyecto…………………………121
IX
ÍNDICE DE TABLAS
Tabla N°1. Ubicación de la Comunidad “Altos Próceres”………………………15

Tabla N°2. Matriz de Oportunidades……………………………………………..20
Tabla N°3. Matriz FODA…………………………………………………………..22
Tabla N°4. Hardware disponible………………………………………………….29
Tabla N°5. Software disponible…………………………………………………..30
Tabla Nº6. Costo de servicios Web………………………………………………33
Tabla Nº7. Costo de Software…………………………………………………….33
Tabla Nº8. Costo personal………………………………………………………...34
Tabla N°9. Cronograma de actividades (2017-2018)…………………………..36
Tabla N°10. Proceso de Diseño Instruccional…………………………………..64
Tabla N°11. Hardware para la creación del sitio Web………………………….99
Tabla N°12. Conformación de los puestos de trabajo………………………...100
Tabla Nº13. Costo de servicios Web para el sitio……………………………...103
Tabla N°14. Costo del software del servidor del Sitio Web…………………...103
Tabla N°15. Costo de programas para crear y editar el Sitio Web………….103
Tabla N°16. Costo lenguajes de codificación para crear el sitio Web………104
Tabla N°17. Pasos para realizar acciones en el sitio…………………………106
Tabla N°18. Tiempos de descarga en el Sitio Web…………………………...111
X
ÍNDICE DE FIGURAS
Figura N°1. Croquis de la Comunidad “Altos Próceres”……………………….16

Figura N°2. Estructura Organizativa del Consejo Comunal……………………19
Figura N°3. Esquema de conexión del equipo hacia el Hosting……………...58
Figura N°4. Pasos del modelo ADDIE…………………………………………...62
Figura N°5. Modelo ADDIE………………………………………………………..63
Figura N°6. Estructura Lineal de Sitios Web……………………………………75
Figura N°7. Estructura Jerárquica de Sitios Web………………………………76
Figura N°8. Estructura Radial de Sitios Web…………………………………...76
Figura N°9. Estructura de Red de Sitios Web…………………………………...77
Figura N°10. Presentación de la Estructura en Red del Sitio Web………….102
Figura N°11. Estructura de la interfaz del Sitio Web………………………….109
XI
República Bolivariana De Venezuela
Ministerio Del Poder Popular Para La Educación Universitaria Ciencia y Tecnología
Universidad Politécnica Territorial Del Oeste De Sucre
“Clodosbaldo Russian”
PNF Informática
Desarrollo de una Aplicación Web informativa para la Comunidad “Altos

Próceres” ubicada en la Calle Bolívar de la Ciudad de Cumaná, Municipio
Sucre del Estado Sucre.
Tutor: Lcdo. Aníbal Torres Autores:
Brs:
CORDOVA M. Johan M. C.I: 27.690.445
SALAZAR V., Ivana del V. C.I: 27.078.729
FIGUERA de la C. Johan J. C.I: 27.690.149
MARCANO M., Abrahams A. C.I: 27.690.407
RESUMEN
El objetivo general de este Proyecto Socio Tecnológico, es desarrollar una Aplicación
Web, que contribuya a mejorar la visualización de la información de la comunidad
“Altos Próceres” para sus habitantes y personas ajenas a esta y facilitar la entrega de
los documentos administrativos solicitados por los vecinos a los voceros del Consejo
Comunal “Altos Próceres”, por medio de un sitio Web informativo y estático, todo esto
a los fines de contribuir a fortalecer esta Institución. Este Sitio Web, está
fundamentado teóricamente en el estudio, análisis y comprensión del problema en
estudio; impacto social, raíces, consecuencias. Así mismo, el diseño, implantación y
uso de este Sitio está sustentado sobre una amplia base legal. La Investigación es de
campo, de tipo descriptivo, en la modalidad de proyecto factible; Los datos de interés
para esta investigación fueron obtenidos por las siguientes técnicas; observación
directa, encuestas a los vecinos de la comunidad, entrevistas a los voceros principales
y revisión bibliográfica. Los resultados de la información recaudada se presentan en
cuadros de frecuencia simple porcentual, los cuales a su vez permitieron evaluar la
aceptación de este Sitio Web Informativo para el Consejo Comunal por parte de la
comunidad. El Sitio Web fue desarrollado utilizando la metodología de la ingeniera
Dely Maybel Gil y su equipo de trabajo llamada “Metodología para la Creación de
Sitios Web” que consiste en una metodología hibrida a partir de otras para la creación
de páginas y sitios web, se usados programas como el editor de códigos Sublime
Text, el lenguaje de etiquetas HTML, el lenguaje de estilo CSS, el programa FTP
llamado FileZilla para subir los archivos al servidor. Se corrió utilizando cuatro
navegadores más populares, ya acabada la corrección de errores y luego no
encontrar diferencias dignas de ser corregidas, se mostró el producto final a la
comunidad.
XII
INTRODUCCIÓN
A medida que pasan los años se puede observar que el futuro del
mundo, así como el de la población va dirigido a una era tecnológica, pues la
comercialización y el uso de páginas y sitios web van incrementando, haciendo
más común la visualización en la red de más información acerca de cualquier
cosa, tanto empresas como organizaciones, personas, objetos, toda
información quiere ser puesta en la red actualmente con el fin de facilitarnos
nuestra vida.
Esta nueva era tecnológica se encuentra comprendida por la población

juvenil, pues son los que más hacen uso de estas páginas y sitios web como
una extensión más de su vida. De aquí podemos ver la importancia de que un
país tenga presente incluir los sitios web para el desarrollo del mismo y el
enriquecimiento de su población en información, tomando en cuenta a la
población de las comunas por ser las organizaciones de habitantes del país.
La incorporación de estas tecnologías en el ámbito de las comunidades

es relevante debido al papel que juegan, como medio encargado de organizar
a los ciudadanos en el país y que se tomen en cuenta sus vivencias y
problemáticas frente a el gobierno. De modo que los voceros de los consejos
comunales deben hacer uso de los recursos tecnológicos y aplicarlos en el
campo de trabajo, con el fin de mejorar el manejo de la información de la
comunidad y optimizar la organización de estas.
Es por ello que se plantea el desarrollo de una aplicación web para la

comunidad “Altos Próceres”, sobre el uso de las tecnología de los sitios web
como una herramienta de apoyo para el manejo de la información referente a
esta en la internet y sus documentos administrativos de importancia para sus
habitantes, con el fin de que esta aplicación web a crear se integre de manera
13
significativa para ser aprovechada, utilizando como insumo las herramientas
tecnológicas disponibles, especialmente el internet.
En el siguiente proyecto se aborda el desarrollo de una aplicación web

para la comunidad “Altos Próceres”. Por esta razón se ha estructurado de la
siguiente manera:
CAPITULO I, se relaciona con el planteamiento del problema, en el que

se describe de manera amplia la situación y objetivo de estudio; los objetivos,
que son aquellas metas que expresan lo que se desea indagar y conocer; la
justificación de este; se define el alcance y el estudio de factibilidad, que
presenta el proyecto en los aspectos técnicos, económicos, psicosocial y
operativo.
CAPITULO II, corresponde los antecedentes de la investigación, donde

se señalan investigaciones anteriores a esta que tratan sobre el tema,
mostrando un resumen de estas y las orientaciones tomadas para la creación
de nuestro proyecto; las bases teóricas que abarcan toda aquella información
que sustentan o explican el problema planteado además de la metodologías
que se usaron y para finalizar el capítulo, la definición de términos básicos,
que son aquellas palabras que requieren ser definidas para un mejor
entendimiento y comprensión de la indagación.
CAPITULO III, se describe la metodología aplicada para la consecución

de los objetivos planteados y explicando la realización de cada una de sus
fases, aquí también se aborda el nivel y diseño de la investigación, población
y muestra de ella, las técnicas para recolección de datos y análisis de estos,
al igual que los recursos utilizados.
14
CAPÍTULO I – DIAGNOSTICO SITUACIONAL
1.1 DESCRIPCIÓN DEL CONTEXTO
1.1.1 Nombre de la Comunidad
Comunidad “Altos Proceres”.
1.1.2 Ubicación Geográfica
El proyecto Socio tecnológico de la Pagina Web Para la Comunidad

“Altos Próceres” se implementará en la Calle Bolívar; y parte de las Calles
Sucre, Boyacá, Andrés Bello, Vela de Coro y Bompland, Parroquia Santa Inés
del Municipio Sucre del Estado Sucre, esta comunidad tiene un perfil urbano,
ya que se encuentra en el sector centro de la ciudad, cuenta con todos los
servicios, transporte público, agua potable por tubería, servicio eléctrico
confiable, 100% de sus calles están asfaltadas, sus calles se observan limpias,
el aseo urbano pasa regularmente, sus límites son los siguientes que se
pueden apreciar en la Tabla 1 y en la Figura 1.
Tabla N°1. Ubicación de la Comunidad “Altos Próceres”
Norte Con la Calle Ayacucho y la Av. Gran Mariscal

Sur Con el Cerro Pan de Azúcar
Oeste Con la Plaza Bolívar y Fundesoes
Este Con el Instituto Nacional de Capacitación y Educación
Socialista (INCES) del Estado Sucre
Fuente: Consejo Comunal "Altos Próceres”
15
Fuente: googlemaps.com
Figura N°1. Croquis de la Comunidad “Altos Próceres”
Con el color azul está identificada la comunidad.
1.1.3 Reseña Histórica
El consejo comunal “Altos Próceres” se constituyó mediante las

elecciones del día 3 de mayo de 2015. Se escoge este nombre ya que
representa la Calle Bolívar, Sucre, Callejón de la Paz, Andrés Bello, Boyacá y
el Cerro Pan de Azúcar.
En la Calle Sucre existió la escuela Normal “Pedro Arnal” en este mismo

espacio se encontraba la escuela anexa República Argentina, aquí los niños
estudiaban desde pre-escolar hasta 6to grado y luego ingresaban a la normal,
de esta institución egresaron muchos profesionales destacándose entre ellos,
Carlos Rodríguez, Ignacio Figuera, los Pérez Luna, los hijos de Octavio Lista,
el poeta Santos Barrios y hermanos, los Guevara, entre otros…
La casa anexa a la escuela fue habitada por el profesor Ascanio

Velásquez y su familia siendo este jefe de la Zona Educativa de estado. En la
actualidad la escuela normal “Pedro Arnal” está ubicada en la avenida
16
universidad, hoy la U.E. República Argentina ocupa el espacio dejado por esta,
albergando niños, niñas y adolescentes desde pre-escolar hasta 5to año.
Cabe resaltar que en la calle Sucre hubo una fábrica de colchones

hechos a mano y elaborados con paja, había 2 bombonas de gasolina frente
a la escuela, estaba la proveedora y su dueño era Gonzalo Guevara,
actualmente no existe. La otra estación de servicio era la Santa Rosa, en esta
trabajaban personas de la comunidad como: Aniceto, Alejandro García, Jesús
Maza a quien le decía con cariño Pedro Vargas ya que cantaba las canciones
de este, Luis Maneiro y Chocé, el encargado de esta bomba era el señor Jesús
Amana, algunos niños de la comunidad en los ratos libres se iban a la bomba
a limpiar vidrios a los carros y el señor Aniceto los cuidaba, muchos de estos
niños son profesionales entre ellos podemos mencionar a: Marcelino Lunar
(hijo), Pedro Lunar, Carlos Figuera, Luis Mata, Ramón Mata, Armando
Morales, William y Orangel León, actualmente quien realizar este trabajo es
Víctor, Cuando este personaje le preguntan su profesión el menciona que es
“vidriologo”.
En el callejón La Paz vivían varias familias entre ellas la del señor

Anselmo Rodríguez, quien hacia chinas y cholas de madera con la capuja de
gomas de caucho los galleros Perucho Rodríguez y José “El Pilar”, estos les
cuidaban gallos a personalidades de Cumaná, entre ellos al doctor Armando
Larez, Rodolfo Rodríguez y la Mayor del ejército Macéis, con lo que estas
personas les pagaban a ellos sustentaban sus familias.
Actualmente el sitio donde estaban los gallos funciona como taguara de

Marcos Manciro donde asisten amistades y familiares a rematar caballos y
refrescarse los días sábados y domingo desde las 12:00pm hasta las 6pm. En
este lugar el Consejo comunal antes de constituirse realizaba sus reuniones.
La casa del gallego Perucho Rodríguez está habitada por su hija Lilia
17
Rodríguez de Lunar quien se dedica a trabajos de repostería, manualidades y
costura.
En el callejón Andrés Bello vio nacer a Pablo Salazar (Pablito Cachuela)

cantante folclórico de esta ciudad, en este pequeño callejón vivía la señora
Prudencia de Gómez (Chula) hacia empanadas y arepas para la comunidad
madre de Antonio Bautista Gómez (Gestor y Don Paya) al fallecer esta se
encargaba la señora Genara Gómez de hacer empanadas para los alumnos
de la escuela y la comunidad, para el personal docente y obrero les preparaba
de desayuno arepas con pescado frito y ensalada.
Cabe mencionar quienes degustaban este desayuno eran Profesores

como: Carlos Rojas, Mateo Yegres, Edgar Alemán, Graciela Gamardo
(Directora) y obreros como: Olga, José Guebón, Pomponio, Chapala, entre
otros.
1.1.4 Organizaciones Presentes
 Consejo Comunal “Altos Próceres”

 CLAP “Altos Próceres”
 Instituto Nacional de Capacitación y Educación Socialista (INCES)
 Unidad Educativa “República Argentina”
 Universidad Nacional Abierta (UNA)
 Universidad Pedagógica Experimental Libertador (UPEL)
 Estadio “Delfín Marval”
 Fundesoes
18
1.1.5 Estructura Organizativa
Fuente: Consejo Comunal “Altos Próceres”
Figura N°2. Estructura Organizativa del Consejo Comunal
1.1.6 Principales Problemas (Causas y Consecuencias) y su

Jerarquización
- Criterios:
 Frecuencia: ¿Qué tan frecuente es el problema?
 Importancia: ¿Cuáles son los problemas más importantes? ¿Cuáles

son los problemas que quieren resolver?
19
 Factibilidad: ¿Qué tan realista es que podamos resolver? ¿Será Fácil
o Difícil?
Tabla N°2. Matriz de Oportunidades
Problema Frecuencia Importancia Factibilidad Total

Problemas de aguas servidas,
cloacas y alcantarillado. 1 2 1 4
Poca participación de los

vecinos en juntas comunales. 2 2 1 5
Insuficiencia en el flujo de agua

potable en el sector 2 2 1 5
Demora en entrega de
documentos administrativos de 2 2 3 7
la comunidad.
Poca información acerca de los
proyectos y vivencias de la 3 2 3 8
comunidad, así como sus
problemáticas.
Fuente: Observación Directa y Documental de los autores
Cotejos:
1. Baja (Difícil)
2. Media (Regular)
3. Alta (Fácil)
De acuerdo a lo expresado en la matriz de prioridades (ver Tabla 2) la

comunidad presenta una serie de problemas que afectan indirectamente a los
20
integrantes, como las aguas servidas que afectan a un grupo reducido de
personas o la poca participación activa de los habitantes, que solo afectan al
entorno y no a las personas, la falta de información acerca de la comunidad y
el poco manejo de los documentos administrativos se consideran de prioridad
porque se pueden atacar esos problemas por otros medios, como la página
web que se desarrolla, así se pueden publicar las problemáticas y vivencias
de la comunidad por la internet y pueda ser vista por cualquiera que desee
saber acerca de eso, también publicar documentos administrativos para el uso
de los integrantes de la comunidad y no tengan que depender solamente de
los voceros.
1.1.7 Análisis de Fortalezas y Debilidades
Los voceros del consejo comunal Altos Próceres, han venido

confrontando problemas con sus vecinos con respecto a que no hay mucha
participación para atacar los problemas de la comunidad, ya que lo único que
se habla es acerca de las cajas de comida del gobierno y muy poco de las
demás cosas de la comunidad, debido a que no hay mucha motivación de los
integrantes a asistir a las juntas comunales, solo un 67% asiste mediante
información recolectada por medio de encuestas.
Sin embargo se aprecia una suma de fortalezas que posibilitan la

existencia y sustentabilidad de la página Web, entre ellas es importante
destacar que contar con un servidor que proporcionara el dominio y el
alojamiento de la misma gratis, más del 60% de las personas que integran la
comunidad cuentan con internet y un equipo de cómputo, más de un 60% de
los habitantes de la comunidad saben las funciones básicas del manejo de
computadoras, la comunidad organizada tendrá la oportunidad de difundir
problemáticas presentes en la comunidad, proyectos realizados o en ejecución
21
para darle solución a esas problemáticas, promover el uso de sus formatos
administrativos entre los vecinos, agilizar el flujo de información y promoviendo
las políticas y logros de la comunidad.
Con el objetivo de tener una visión general de las fortalezas,

oportunidades, debilidades y amenazas de la comunidad se realizó un análisis
utilizando la Matriz FODA, reflejada en la Tabla 3.
Tabla N°3. Matriz FODA

Fortalezas Oportunidades
 Equipos de investigación en la  Podrá ser utilizado para
UPTOS. difundir las políticas y logros
 Apoyo de inversión privada de del Consejo Comunal.
los negocios en la comunidad.  Agilizará el flujo de
 Mas de un 60% de los información entre vecinos y
habitantes de la comunidad comunidad organizada.
saben las funciones básicas  Fortalecer la imagen de la
del manejo de computadoras. institución en la comunidad.
 Más del 50% de la  Promover el uso de sus
comunidad cuenta con formatos administrativos entre
internet y un equipo de los vecinos.
cómputo.  Contamos con un dominio y
alojamiento gratuito para la
página web.
Debilidades Amenazas
 Cambio de las políticas del
 El desinterés por algunos
hosting de la Pagina Web.
comités del Consejo Comunal
en no impulsar el proyecto.  Actualización del Consejo
 La no constante actualización Comunal.
de documentos e  Cambio de políticas del
información. gobierno.
 Ataque cibernético al hosting
de ubicación de la página.
Fuente: Observación Directa y Documental de los autores
22
1.1.8 Análisis del Diagnostico Situacional
La comunidad “Altos Próceres” es una colectividad ubicada en su
mayoría en la calle Bolívar, esta presenta una serie de problemáticas que
afectan a la comunidad en particular:
 Problemas de alcantarillado y aguas servidas.

 Insuficiencia del flujo de agua potable.
 Falta de interés de los habitantes en participar activamente con la
comunidad.
 Dificultad de obtención de documentos administrativos por parte de los
integrantes de la comunidad.
Estos abordan una serie de problemáticas que comprenden dentro de

cada una de las categorías descritas anteriormente, en el caso más destacado
para la carrera tecnológica, nos enfocaremos la mejora del flujo de información
en la comunidad por medio de una solución informática. La comunidad en el
ámbito tecnológico aborda las siguientes problemáticas:
 La comunidad no cuenta con información en la internet, ya sea por

redes sociales o blogs.
 El manejo de documentos administrativos los maneja solo un vocero en
la comunidad.
 La falta de una página web con información de las problemáticas que
presenta la comunidad.
23
El resultado del diagnóstico realizado es que la comunidad no posee
información subida a internet en donde pueda ser visto por todos los
integrantes de la comunidad y persona ajenas a esta, aparte el escaso manejo
de los documentos administrativos de la misma.
1.2 DESCRIPCIÓN DEL CONTEXTO

1.2.1 Planteamiento del Problema
En el mundo, las aplicaciones, sitios Web, portales y páginas web, hasta

el presente y por lo general son herramientas que están siendo utilizadas por
organizaciones y corporaciones económicas, partidos políticos, instituciones
universitarias, ministerios entre otros. Básicamente se quiere dar a entender
que la Internet está al servicio de todos para mejor el manejo de la información
a nivel mundial que está disponible las 24 horas del día para encontrar todo lo
que se quiera, alejado y divorciado de los modos y estilos de vida antiguos
consustanciado con la naturaleza que hemos heredado de nuestros ancestros.
Venezuela, no es ajena a la realidad antes descrita, la Internet en el

país es parte de muchos ámbitos, tanto lo social como lo económico y lo
político, más énfasis en lo político ya que la mayoría de las acciones entre los
ciudadanos y el gobierno es por medio de la internet, ya sean páginas del
Estado, foros, aplicaciones web, entre otros. En efecto, una buena manera de
saber los problemas que poseen los habitantes es por medio de la internet, en
este caso haciendo uso de sitios web, en donde se reduciría tiempo y dinero,
que son aspectos actualmente importantes para las condiciones en las que
vive el país.
24
En la Comunidad “Altos Próceres” ubicada en la Ciudad de Cumaná el
Municipio Sucre del estado Sucre, dentro y fuera de la misma existe poca
información escrita acerca de la actividad que se realiza desde esta institución
en procura de mejorar el hábitat de sus vecinos, algunos de ellos solamente
se vienen a enterar cuando se están ejecutando los proyectos y actividades.
Así mismo, escasea la información acerca de sus problemáticas acerca

de las cloacas en donde un 50% de los habitantes tienen problemas en sus
casas acerca de aguas servidas, y en varias zonas de la calle Bolívar tiene
problemas evidentes con cloacas que se desbordan e inundan las canales,
algunas de ellas se llegan a propasar y llegan a entrar a las casas. Para tal
problemática se han destinado varios proyectos sin ninguna mejoría aparente.
Hay que agregar que muchos habitantes de la comunidad desconocen de
estos proyectos, algunos otros sobre la problemática que se presenta.
También en la comunidad la entrega de documentos e información de

relevancia de manera informática no se da al momento, siempre tarda, ya que
los mismos los se encuentran archivados en la computadora de dos voceros
de la comunidad, lo que dificulta para ellos y para los demás habitantes de la
comunidad la obtención de dichos documentos. Cabe agregar que en
oportunidades no son solicitados por cuanto los integrantes de la comunidad
desconocen que esa información está y existe, solamente que no se ha hecho
pública por cuanto no se cuenta con el medio adecuado para ello.
La propuesta trata de desarrollar una Pagina Web estática de

información para la comunidad Altos Próceres, en la cual se puedan publicar
problemáticas de la misma documentos administrativos y cualquier otra
información de interés que sea referente a los habitantes de la misma. Esta
propuesta busca satisfacer la falta de información que posee esta la
anteriormente mencionada comunidad.
25
1.2.2 Objetivos
1.2.2.1 Objetivo General
Desarrollar una Aplicación Web informativa para la Comunidad “Altos

Próceres” ubicada en la Ciudad de Cumana, Municipio Sucre del Estado
Sucre.
1.2.2.2 Objetivos Específicos
 Realizar un diagnóstico situacional de la comunidad Altos Próceres con

el fin de obtener información de interés para las personas que integran
la misma.
 Diseñar la interfaz de manera que sea fácil para el usuario visualizar y
descargar documentos administrativos de la comunidad.
 Codificar adecuadamente el sitio Web, así pueda ser ejecutado en la
mayoría de los dispositivos informáticos.
 Subir la página al servidor Web de alojamiento para que pueda ser
usada públicamente.
 Verificar a través de pruebas en los navegadores más populares, la
funcionalidad del sitio Web.
1.2.3 Justificación
Se puede afirmar que las comunidades están perdiendo una

oportunidad de conocer y darse a conocer a través de la red de Internet, para
de esta manera crear redes de comunidades y buscar soluciones a los
problemas sociales que los aquejan, tal actitud desde todo punto de vista es
injustificable. La publicación y difusión de la información en manos del consejo
26
comunal, permitirá a los vecinos, formarse un criterio ajustado a la realidad de
la institución, contribuyendo de esta manera al fortalecimiento de la misma.
Con la implementación de este Sitio Web, se logrará un significativo

aporte a la comunidad, por cuanto tendrá acceso libre a toda la información de
la misma. El sitio Web informativo que se le entregará a la comunidad “Altos
Próceres” está sustentado en la utilización del lenguaje de etiquetas HTML, el
lenguaje de hojas de estilos en cascada CSS, lenguajes estos que son libres
y por ende su utilización no implica costo económico alguno.
Este Sitio Web Informativo permitirá dar a conocer a la comunidad y su

consejo comunal ante propios y extraños, por cuanto a través de él podrán
difundir sus publicaciones y cualquier información que consideren de interés
general y para la comunidad.
1.2.4 Alcance
Mostrar información de tipo estático y proveer archivos administrativos

que se aplican en la Comunidad Altos Próceres. En cuanto al acceso será de
alcance mundial ya que la pagina estará en la internet y podrá ser vista por
cualquier persona con acceso a internet en el mundo. La comunidad se verá
inmediatamente beneficiada con esta Página Web informativa, por cuanto a
través del uso de este, podrá obtener información organizada y sistematizada
de la ubicación donde vive, conocer la historia de este, obtener documentos
de importancia y cualquier otra información relevante para sus integrantes que
tenga que ver con la comunidad.
27
1.2.5 Estudio de Factibilidad
Para desarrollar el proyecto se debe tomar en cuenta la disponibilidad
de recursos económicos, materiales y humanos, lo que permitirá el correcto
desenvolvimiento de las actividades planificadas, estos factores han sido
estudiados. El estudio de factibilidad se encuentra dividido en cuatro aspectos
los cuales se describen a continuación:
1.2.5.1 Factibilidad Operativa
Esta factibilidad permitió pronosticar, si se pondrá en marcha el sistema,

aprovechando los beneficios que este ofrece a todos los usuarios involucrados
con el mismo, ya sean los que interactúan en forma directa con este, como
también aquellos que reciben información de esta comunidad.
Se evidenció un alto interés del Consejo Comunal “Altos Próceres”

conjunto con su comunidad, ya que una página web informativa permitirá la
presentación de información la comunidad hacia cualquiera que quisiera
conocerla por medio de la internet y agilizar la gestión de documentos
administrativos. Es de notar que en el consejo comunal existen miembros que
poseen los conocimientos básicos para el manejo de un sistema de
información tecnológico lo que representa una ventaja para la operatividad del
proyecto.
A través de entrevistas y conversaciones sostenidas con los miembros

del consejo comunal y la comunidad “Altos Próceres” se demostró que éstos
no representan ninguna oposición a la implementación de este sistema, al
contrario, ellos están abiertos a este nuevo avance tecnológico en el desarrollo
de su comunidad, por lo que el sistema es factible operativamente.
28
1.2.5.2 Factibilidad Técnica
La factibilidad técnica radicó en realizar una apreciación de la tecnología

existente en el grupo de trabajo con la finalidad de recolectar información sobre
los componentes técnicos con los que se cuenta y las posibilidades de hacer
uso de estos para el desarrollo e implementación del sistema propuesto.
De acuerdo a las tecnologías necesarias para la implementación de la

página web informativa para la muestra de información y documentos, se
evaluó bajo dos enfoques: software y hardware.
Para la creación de la página web no se necesita tener que comprar o

usar un equipo en la comunidad para alojarla, ya que contamos con un servidor
gratuito en el sitio web infinitefree.net.
Tabla N°4. Hardware disponible
Equipo Características Cantidad

 CPU, teclado, ratón, monitor
 Memoria RAM 4GB
PC de escritorio  Disco duro 500GB
N°1  Procesador
 Intel® Pentium® CPU G630 @ 1
2.70GHz 2.70GHz
 Memoria RAM 3GB
N°2  Procesador
 Intel® Pentium® Dual CPU E2180 @ 1
2.00GHz 2,00GHz
29
 Memoria RAM 1GB
N°3  Procesador
 AMD® Dual Core @ 2.40GHz 1
2.50GHz
Fuente: Los autores
En la Tabla Nº 5 se muestra el software que tienen disponibles los equipos:
Tabla N°5. Software disponible
Equipo Descripción
 Sistema Operativo Windows 7 Ultímate 64bits
PC de escritorio  Microsoft Office 2017
N°1  Google Chrome
 Sublime Text
 FileZilla
 Sistema Operativo Windows 10 Pro 32bits
N°2  Google Chrome
 Sublime Text
 FileZilla
 PicsArt – Photo Studio
 Sistema Operativo Windows 7 Ultimate 32bits
N°3  Mozilla Firefox
 Sublime Text
 FileZilla
Fuente: Los autores
30
En cuanto a Software para la creación y desarrollo de la página web en
un establecido acuerdo con los integrantes dedicados a la creación de la
misma, se determinó que se necesitaran los siguientes programas:
 Sublime Text Versión 3.0 Build 3143

 FileZilla Versión 3.33.0
 HTML Versión 5
 CSS Versión 3
 PicsArt – Photo Studio Versión 9.33.1
 Navegador Web (Google Chrome o Mozilla Firefox)
Tomando en cuenta los requerimientos mínimos necesarios, la

institución no tuvo la necesidad de realizar una inversión inicial.
Para desarrollar la página web propuesta, considerando los

requerimientos mínimos necesarios, el grupo de trabajo no tuvo la necesidad
de realizar una inversión inicial para adquirir las aplicaciones que se emplearan
para el desarrollo del proyecto y funcionamiento de la página, a pesar de este
ser desarrollado con herramientas o aplicaciones privadas, este funcionará
bajo ambiente libre y privado, como Linux y/o Windows, en cuanto a uso
general de las estaciones. Para otras actividades que involucren a navegar en
el sitio, se debe poseer las herramientas de escritorio y/o navegadores que
existen en el mercado actualmente.
En cuanto a los requerimientos mínimos de hardware a nivel de cliente,

para que la página funcione correctamente son:
 Intel Pentium 4
 Memoria Ram 512 MB
 Monitor, Teclado, Mouse
 Puerto LAN Ethernet (Cableada/Inalámbrica)
31
En cuanto a software, el cliente necesita como requerimientos mínimos
para el funcionamiento correcto del sistema, además de una buena
conectividad a internet, debe utilizarse cualquier navegador existente
actualmente en el mercado, preferiblemente:
 Google Chrome Versión 66.0.3359.170

 Mozilla Firefox Versión 60.0
 Opera Versión 53.0.2907.37
1.2.5.3 Factibilidad Económica
Se hizo un estudio de factibilidad económica para el desarrollo de la

página web, donde se establecieron los recursos para desarrollar, implementar
y mantener en operación dicha página, haciendo una evaluación donde se
puso de manifiesto el equilibrio existente entre los beneficios del sistema y los
costos en que incidirá el desarrollar e implementarlo, lo cual permitió observar
de una manera más precisa los beneficios de tal mencionada página, haciendo
notable que estos serán superiores a los costos que se pudieron presentar.
 Análisis Costos-Beneficios
Este análisis permitió conocer los costos que tendría la creación de esta
página web informativa, conociendo de antemano los beneficios que ofrece la
tecnología. A continuación, se presenta un resumen de los costos internos del
sistema propuesto y una lista de los costos que conlleva implantar el mismo.
 Costos de Hardware y de Software
Debido a que el grupo de trabajo consta con un alojamiento y dominio

gratis para colocar la página web en la internet, así como, también cuentan
con equipos computacionales para la realización de mencionada página, no
se escatima en gastos de hardware. En cuanto a software, el equipo de trabajo
32
solo uso programas de descarga y uso gratuito, por lo tanto, el costo de
software es ninguno.
Tabla Nº6. Costo de servicios Web
Servicios Web Requeridos Costo

 Servidor Uso gratis del servicio por el
 Dominio sitio Web infinityfree.net
Costo Total de Inversión Gratis
Fuente: Los autores
Tabla Nº7. Costo de Software
Programas y Aplicaciones Requeridas Costo

 Sublime Text Versión 3.0 Build 3143
 FileZilla Versión 3.33.0 Descarga Gratuita de
 PicsArt – Photo Studio Versión 9.33.1 Internet

Costo Total de Inversión Gratis
Fuente: Los autores
 Costo personal
La elaboración de este proyecto no incluye variaciones de costo en

cuanto al personal de trabajo que tiene a su cargo el desarrollo de este. El
grupo o equipo de desarrollo no generará gastos para la institución, ya que por
ser un proyecto socio tecnológico, el personal encargado de impulsar el
mismo, no implicará gasto, aspecto que favorece aún más la realización del
proyecto, sin embargo, a continuación, se muestra un aproximado de gastos
personales estimados durante el desarrollo de este proyecto.
33
Tabla Nº8. Costo personal
Gastos Personales Costo

 Transporte 29.400,00 Bs
 Libreta de apuntes 10.000,00 Bs
 Hojas 15.000,00 Bs
 Copias 12.500,00 Bs
 Lapiceros 3.000,00 Bs
 Carpetas 1.000,00 Bs
Costo Total de Materiales 70.900,00 Bs
Fuente: Los autores
 Beneficios Tangibles
Entre los beneficios tangibles de la página web propuesta se

encuentran:
 Reducción de costos en papelería en cuanto a organización y

almacenamiento de archivos administrativos y mantenimiento de
información.
 Beneficios Intangibles
Entre los beneficios intangibles del proyecto propuesto se pueden

incluir:
 Optimización del flujo de documentos en el consejo comunal

“Altos Próceres”.
 El poder visualizar información de la comunidad sin necesidad de

contactar al consejo comunal, y personas ajenas a esta puedan también
ver información de la misma.
34
 Mejor capacidad de búsqueda y actualización de información,
reduciendo la fuerza de trabajo en el consejo comunal, contando con la
información detallada que esta ofrezca.
 Relación Costo-Beneficios
Los costos se reducen, sin embargo, los beneficios de la pagina web

están orientados a mejorar la muestra de información y documentos del
consejo comunal “Altos Próceres”, cabe destacar que los gastos invertidos por
la institución serán menores a los beneficios que sustancialmente producirá
esta página.
Con la implementación de esta página informativa el beneficio más

significativo es la información que este manejara, el cual apoyara el desarrollo
de actividades correspondientes a la junta directiva de esta comunidad. Debe
tomarse en cuenta el valor que la información tiene en la actualidad, siendo el
punto de apoyo en el proceso de la toma de decisiones, y en cualquier caso
tenerla al alcance y en forma oportuna, podría significar ahorro, tanto de
tiempo como de dinero.
Con la ejecución de este proyecto se logrará optimizar los procesos que

involucra la gestión de actividades dentro de la institución, específicamente en
el consejo comunal, reduciendo de esta manera el empleo de recursos, tanto
materiales como humanos, permitiendo obtener una información segura y
confiable. Este análisis de costo-beneficio permite establecer que el proyecto
es factible económicamente.
35
1.2.5.4 Factibilidad Psicosocial
El uso de la computadora como una herramienta se ha convertido en un

instrumento vital no solo en el ámbito industrial, científico y político, sino que
también en el ámbito social es por ello que en el estado venezolano se han
implementado políticas que han facilitado el acceso de las comunidades a este
importante servicio. En este sentido el proyecto proporcionaría al consejo
comunal “Altos Próceres” la oportunidad de mejorar el manejo de su
información y dando mayor disponibilidad de esta a los miembros de la
comunidad y a personas ajenas a esta que quieran conocer acerca de
mencionada comunidad.
1.2.6 Plan de Acción y Cronograma de Actividades
Tabla N°9. Cronograma de actividades (2017-2018)
Meses
Actividades 2017 2018
May.
Ago.
Nov.
Sep.
Ene.
Mar.
Abr.
Oct.
Dic.
Feb
Jul.
Realizar un diagnóstico situacional

orientado a los problemas que
presenta la comunidad “Altos
Próceres”
Identificación de la Comunidad
Visita y reconocimiento a la Comunidad

Entrevista y conversaciones a miembros
del consejo comunal
Análisis de los datos recolectados
Hacer un diagnóstico situacional a la

comunidad orientado al proyecto
socio tecnológico
36
Realización de encuestas
Recolección de datos
Análisis de los datos recolectados
Clasificación de la información obtenida
Diseñar la página web siguiendo las
fases de la metodología
Recabar con el consejo comunal
información relevante para la página
Selección del grupo de trabajo para la
creación de la pagina
Comenzar a diseñar como seria
visualmente la pagina
Selección de imágenes y efectos
visuales para la pagina
Desarrollar la página web informativa
de tipo estática para la comunidad
“Altos Próceres”
Comenzar a codificar la pagina
Realizar constantes verificaciones con
el consejo comunal de la pagina
Probar la página en busca de errores
Subida de la página al servidor de
alojamiento
Entregar la página web informativa
de tipo estática a la comunidad
“Altos Próceres”
Realizar las últimas ediciones a la
página y dar por culminada su
realización
Darle publicidad a la página por medio
del mismo consejo comunal de la
comunidad “Altos Próceres”
37
CAPÍTULO II – MARCO TEÓRICO
2.1 ANTECEDENTES
 Nombre del proyecto:
Sitio Web Informativo para el Consejo Comunal Los Vencedores del

Barrio La Toma Ciudad Bolívar Estado Bolívar.
 Autor: Br. Aquino, Omar de Jesús.
 Año: 2012
 Resumen:
El objetivo general de este Proyecto de Investigación, es desarrollar un

Sitio Web, que contribuya a dinamizar la entrega de los documentos
administrativos solicitados por los vecinos y vecinas, a los voceros y Voceras
del Consejo Comunal “Los Vencedores del Barrio La Toma” todo esto a los
fines de contribuir a fortalecer esta Institución del Poder Popular
Revolucionario. Este Sitio Web, está fundamentado teóricamente en el
estudio, análisis y comprensión del problema en estudio; impacto social,
raíces, consecuencias. Así mismo, el diseño, implantación y uso de este Sitio
Web está sustentada sobre una amplia, fuerte y frondosa base legal que
impera en el país. La Investigación es de campo, tipo descriptivo, en la
modalidad de proyecto factible; Los datos de interés para esta investigación
fueron obtenidos en forma directa de la realidad social; observación directa,
cuestionarios a los vecinos y vecinas, encuestas a los voceros principales,
conversatorio entre los vecinos y revisión bibliográfica. Los resultados de la
información recaudada se presentan en cuadros de frecuencia simple
porcentual, los cuales a su vez permitieron evaluar la aceptación de este Sitio
38
Web Informativo para el Consejo Comunal los Vencedores del Barrio La Toma
por Parte de la comunidad. El Sitio Web fue desarrollada utilizando el editor de
aplicaciones de fuente abierta KompoZer, el lenguaje de etiquetas html, el
lenguaje de estilo Css, editor de texto notepad++. Se corrió utilizando el
navegador firefox, sin observarse cambios, ni diferencias dignas de ser
corregidas.
 Orientaciones tomadas:
De este proyecto tomamos como referencia como se debía trabajar de

acuerdo a la creación de la página web en la comunidad abordada, este
proyecto tiene por objetivos puntos muy similares a los que queremos llegar
en el proyecto a desarrollar. Tomamos como orientación la redacción del
capítulo uno y dos, además una parte del capítulo tres, más que todo en la
recolección de datos y en la manera de actuar con la comunidad.
Creación de una Base de Datos para el registro de asistencia del

personal docente, administrativo y obrero de la Unidad Educativa Municipal
Bolivariana Dr. Juvenal Montes, Ciudad Bolívar – Estado Bolívar.
 Autor: Br. Galiano, Luis.
 Año: 2013
 Resumen:
Este proyecto se basa en el uso de las nuevas tecnologías informáticas

y creaciones de aplicaciones web, para el beneficio de la U.E.M.B Dr. Juvenal
Montes y a la comunidad del sector Barrio Unión, Parroquia Vista Hermosa,
Municipio Heres, Ciudad Bolívar. Con la implementación de una página web e
39
igualmente la creación de una base de datos, donde se podrá llevar el registro
de usuario y asistencia del personal docente, administrativo y obrero, de igual
forma se podrá guardar archivos y formatos de la institución.
En el anterior proyecto de antecedentes se observó como referencia la

creación detallada de su estudio de factibilidad y las bases teóricas que este
manejaba, así como también la implementación de su metodología y los
resultados de las fases que arrojo cada una de estas
Implementación de un Plan de Capacitación para el Personal Docente

de la Unidad Educativa Fe y Alegría “Padre José María Vélaz” en el Uso de
las Tecnologías de Información y Comunicación Como Apoyo al Proceso de
Enseñanza-Aprendizaje.
 Autores: Barrios, Emilys.

González, Manuel.
Mata, Jhonny.
Romero, Isamar.
 Año: 2015
 Resumen:
Este proyecto busca la alternativa de solución a una problemática que

se ha venido presentando debido a los cambios que ha tenido la educación a
nivel mundial, los alumnos están perdiendo cada vez más el interés en las
clases tradicionales que proporcionan en las instituciones educativa, es por
ello que han tomado medidas en aplicar el uso de herramientas tecnológicas
40
cotidianas y transformarlas en educativas, allí se ofrece la posibilidad de
capacitar al personal docente y administrativo de la U.E Fe y Alegría “Padre
José María Vélaz” para el manejo de nuevas herramientas tecnológicas que
permitan la vinculación del alumno con el profesor, dentro y fuera del aula de
clases. La propuesta que se realizó a través del proyecto promueve la
educación a distancia y el uso de herramientas tecnológicas en la educación
tanto dentro y fuera del aula (B-learning) por lo que sí es aprovechada
mantendrá interacción entre los padres, alumnos y docente. A través del
modelo ADDIE y la herramienta web HTML5 reveal.js se generó impacto en la
comunidad con respecto al uso de las TIC como herramienta de aprendizaje,
en el entorno de las aulas virtuales el desarrollo de E-actividades dentro de
esta plataforma incentivo a los alumnos a la formulación de interrogantes y de
ver la web como fuente de conocimientos. Se les ofreció capacitación a los
docentes en conjunto con alumnos de su clases sobre la capacitación de las
TIC en la educación aplicando diferentes contenidos metodológicos
interactivos para el usuario mediante contenidos multimedia e impresos
detallados que estimulaban el uso de las TIC, durante su ejecución se evaluó
las capacidades de docentes y alumnos y se puso en marcha, se capacitó en
el área de las redes sociales, contenido multimedia, plataformas elearning/ b-
learning y eduBlogs que se ejecutó en el plan de clases.
En el anterior proyecto colocado de antecedentes de nuestro trabajo, se

observó cómo sería ordenado el mismo, las figuras, las tablas, los nombres de
los puntos, el orden de los temas, todo en cuanto a estética se refiere, y
también el orden en el que iban a ir todos los temas de este. Así mismo, por
ser un proyecto de la misma Universidad en la que se estudia se tomó como
estándar de calidad en cuanto a ponderación del trabajo se refiere, en pocas
41
palabras, hacerlo igual o mejor que este nos daría una visión de que este
proyecto este hecho de la manera correcta y como la universidad exige.
2.2 BASES TEÓRICAS
La investigación está fundamentada en los Paginas Web o Sitios Web,

estos son un conjunto de elementos interrelacionados para tratar y administrar
una serie de datos e información, organizados y preparados para su uso en la
internet, implementado para cubrir un objetivo. Los elementos que
indisolublemente que forman parte son las personas, sus datos, sus
actividades laborales y los recursos materiales, los cuales por lo general en la
actualidad están referidos a equipos de computación. La interacción de estos
elementos en el procesamiento de datos por medio de la internet (los cuales
pueden estar alojadas allí) dan como producto la información más elaborada
y adecuada a las necesidades de las organización.
Generalmente al escuchar el termino, el ciudadano común lo asocia con

equipos computacionales, lo cierto del caso es que no necesariamente debe
ser así, por cuanto los sistemas de información pueden funcionar normalmente
sin el uso y asistencia de las computadoras. Esto en la realidad será un poco
ignorado o no se le vera mucho entusiasmo por una parte de los habitantes,
ya que existen personas que para ellos los equipos de computación son
desconocidos. Estas comunidades tienen sus sistemas de comunicación
básicos funcionando eficazmente de acuerdo a sus necesidades, aunque en
la investigación que se realiza si se requiere el uso de los equipos de
computación para usar nuestra propuesta a implementar, este venía
funcionado sin la asistencia de estas computadoras, sacándoles copia a los
formatos originales y llenándolas a mano. Sistema este que, aunque parezca
arcaico es todavía muy utilizado en el área urbana.
42
2.2.1 World Wide Web
La WWW, según se advierte al repasar los orígenes de esta sigla, fue

desarrollada a inicios de la década del ’90 por un hombre de origen inglés
llamado Tim Berners-Lee, quien contó con la colaboración de Robert Cailliau,
un belga que trabajaba con él en Ginebra (Suiza). De todas formas, sus
antecedentes se remontan a los años ’40. Hay que destacar que Berners-Lee
y Cailliau han sido claves para la creación de diversos estándares relacionados
al universo web, como ocurrió con los lenguajes de marcado que hacen posible
la creación de páginas.
WWW son las iniciales que identifican a la expresión inglesa World Wide
Web, el sistema de documentos de hipertexto que se encuentran enlazados
entre sí y a los que se accede por medio de Internet. A través de un software
conocido como navegador, los usuarios pueden visualizar diversos sitios web
(los cuales contienen texto, imágenes, videos y otros contenidos multimedia)
y navegar a través de ellos mediante los hipervínculos.
De esta manera, podríamos decir, utilizando una comparación con el

sector de las comunicaciones telefónicas, que www es el “prefijo” que tiene
todo portal que se encuentre en la mencionada Red al que queremos acceder.
Gracias precisamente a Internet, al uso de la www y, por consiguiente,

a las diversas páginas web que aquellas presentan los ciudadanos de todo el
mundo tenemos la posibilidad de acceder a un sinfín de espacios donde
podemos encontrar la información sobre un aspecto que estamos buscando,
donde tenemos la oportunidad de entretenernos visualizando imágenes
interesantes o incluso donde podemos comunicarnos con personas de
cualquier rincón de la geografía de nuestro planeta.
43
En este sentido, y partiendo de los ejemplos expuestos, podemos
subrayar que algunas del web que más afluencia de usuarios tienen en todo
el mundo son el buscador Google, el portal de vídeos Youtube o redes sociales
como Facebook.
2.2.1.1 Que es Web
Web, en inglés significa telaraña y se refiere a la red de información que

existe en internet. Se le ve como una red o telaraña ya que internet es una
compleja red de servidores que almacenan páginas web. Existen millones de
servidores y todos se conectan entre sí y es por eso que a la internet se le
denominó web o telaraña informática desde hace tiempo.
También es muy conocido el término World Wide Web que dio origen al
famoso WWW que se usa en las direcciones de las páginas de internet. La
World Wide Web se refiere justamente a esta conexión entre miles de
servidores que forman lo que conocemos como internet.
Ahora ya sabes a qué significa “WEB” en el mundo de la informática, y

comúnmente usada para referirse al inmenso mundo de las páginas web.
2.2.1.2 La Web 2.0
En años recientes nació la web 2.0 se refiere a páginas web que son
interactivas y permiten a los usuarios relacionarse entre Sí claro si ejemplos
de este tipo de páginas de internet son Facebook, Twitter, YouTube, aunque
se les conoce como web 2.0 es sólo una forma de llamarlo ya que son
simplemente páginas de internet con funciones avanzadas y mucho más
interactivas sobre todo pensadas para la interacción social entre usuarios
44
Merece destacarse que por todo ello Internet y el mundo www se ha
convertido en la auténtica revolución e innovación del siglo XX y en eje
indiscutible del siglo actual. Y es que ha logrado originar un cambio absoluto
no sólo en el ámbito tecnológico sino también social.
2.2.2 Sitios Web
En la actualidad los sitios Web, ocupan un papel relevante en la vida de

los citadinos, a diario son utilizado para visitar sus páginas, realizar
transacciones, obtener información sobre los temas más variados e
inverosímiles, Fernández, A. (1998) expresa un concepto que se acerca
mucho a la realidad de los sitios Web, en tal sentido expone:
Un sitio Web es un sitio (localización) en la World Wide

Web que contiene documentos (páginas Web) organizados
jerárquicamente. Cada documento (página Web) contiene
texto y o gráficos que aparecen como información digital en la
pantalla de un ordenador. Un sitio puede contener una
combinación de gráficos, texto, audio, vídeo y otros materiales
dinámicos o estáticos. (pág. 18)
2.2.2.1 Sitio Web estático
De acuerdo a lo expresado por el autor, los sitios Web pueden ser

estáticos, esto significa que el usuario puede acceder al sitio y siempre lo
encontrará de la misma forma que la última vez que lo visitó, digamos que los
sitios Web estáticos se caracterizan por no permitir la interacción entre el
usuario y el sitio visitado. La relación entre usuario y sitio Web estático se limita
a proveer la información que el administrador sube a la Web.
45
2.2.2.2 Sitio Web dinámico
La contraparte de estos sitios son los sitios Web dinámicos, donde el

usuario puede interactuar con él, subir material y publicarlo, subir datos,
actualizarlos, chatear, subir imágenes, videos entre otros. Los existen que
afanados en imprimirle dinamismo a sus sitios, permiten que los usuarios
abran blog dentro de estos sitios, práctica esta que implementan con mucha
regularidad la mayoría de la prensa española y argentina. Por cierto en
Venezuela, hasta los momentos, no existe esa posibilidad en los sitios Web
radicados en el país y a lo sumo su máxima expresión de dinamismo llega
hasta permitir que los usuarios realicen comentarios y los publican.
Cada sitio Web está compuesto de varias páginas, entre ellas existe
una conocida como index, que asume el papel principal del sitio, siendo por lo
general utilizada como portada y desde la cual se puede acceder a todas las
páginas que lo integran.
2.2.2.3 Diferencia entre Sitio Web y Página Web
La generalidad de los usuarios de internet acostumbra llamar a los sitios

Web, páginas web, la costumbre ha llegado al extremo que los promotores de
algunos sitios Web, pegan avisos diciendo “visita mi página Web” si nos
dejamos llevar por estos llamados y entramos a la página resulta que es un
sitio Web muy dinámico. En relación al tema, Costa, J. (2001). Expone:
A veces se utiliza erróneamente el término página Web

para referirse a sitio Web. Una página Web es parte de un sitio
Web y es un único archivo con un nombre de archivo
asignado, mientras que un sitio Web es un conjunto de
archivos llamados páginas Web. (Pág. 18)
46
En la propuesta se usa el nombre Página Web, aunque en realidad sea
un Sitio Web porque el primero es de mayor manejo público por las que no
conocen muy bien el área, aparte es más común decirlo, ya que puede que
varias personas nunca hayan escuchado Sitio Web o muy poco y no conozcan
que sea.
2.2.3 Desarrollo de Páginas Web
Los servicios son de mucha importancia para poder llevar a cabo una
página web, a continuación, un video de las tendencias en diseño y desarro
web en este año 2016, posterior a ello se mencionarán los puntos a tomar en
cuenta en el desarrollo de una página web
2.2.3.1 Registro de dominio
El primer paso para tener presencia en Internet es registrar un dominio.

El nombre de dominio es su dirección en Internet, a través de la cual los
clientes potenciales visitaran su página web para conocer su oferta de
productos y servicios. Las categorías de dominios más comunes son: (com,
net, org, name, biz, tv, edu, etc).
2.2.3.2 Hospedaje de dominio
Para que su página web pueda ser visitada por los usuarios de Internet,
adicional al nombre de dominio, usted debe contratar un servicio de hospedaje
(web Hosting) a través del cual su empresa contara con un espacio en disco
dentro de un servidor web conectado a Internet y un número determinado de
cuentas de correo electrónico.
47
2.2.3.3 Diseño del sitio Web
El diseño es la comunicación textual existente en Internet. La unión de

un buen diseño con una jerarquía bien elaborada de contenidos aumenta la
eficiencia de la web como canal de comunicación e intercambio de datos, que
brinda posibilidades como el contacto directo entre el productor y el
consumidor de contenidos, característica destacable del medio Internet.
2.2.3.4 Mantenimiento del sitio Web
Es muy probable que tenga que hacerse ajustes a su página en un

determinado tiempo debido a cambio que puedan surgir, altas bajas de
personal de contactos, nuevos distribuidores, noticias entre otros. La
frecuencia del mantenimiento varia de empresa en empresa, ya que existen
compañías que requieren cambios semana tras semana y otras que revisan el
contenido de su página web una vez al año.
2.2.3.5 Difusión del sitio Web
La mayoría de las personas piensan que, para poder promocionar

eficazmente sus productos y servicios en Internet, es suficiente con tener la
página web y desconocen que esta debe contar con un medio de difusión o
promoción, para que las vistas lleguen. No solo necesita una vista a agradable.
Sino que sus clientes tienen que saber que su página existe y debe de haber
una forma fácil de contactarlo la mejor opción es posicionarse dentro de una
página web en buscadores, ya que es precisamente por los motores de
búsqueda que los usuarios nos localizan.
48
2.2.4 ¿Qué Son los Lenguajes de Programación?
El uso de aplicaciones y dispositivos electrónicos es similar, sin

embargo, la manera de configurarlos es diferente.
A diario interactuamos con distintos tipos de máquinas como celulares,

tablets y computadores. Todos ellos tienen un lenguaje de programación que
ayuda a traducir las órdenes del usuario para que pueda utilizarlos.
Un lenguaje de programación es básicamente un sistema estructurado

de comunicación, similar al humano, el cual nos permite comunicarnos por
medio de signos, ya sean palabras, sonidos o gestos. Refiriéndonos a los
aparatos, este sistema está organizado para que se entiendan entre sí y a su
vez interprete las instrucciones que debe ejecutar.
El término programación se define como un conjunto de instrucciones

consecutivas y ordenadas que llevan a ejecutar una tarea específica. Dichas
instrucciones se denominan “código fuente”, el cual es único para cada
lenguaje y está diseñado para cumplir una función o propósito específico. Usan
diferentes normas o bases para controlar el comportamiento de un dispositivo
y también pueden ser usados para crear programas informáticos. En la
actualidad, hay más de cien lenguajes de programación diferentes, estos se
clasifican en dos tipos principales:
2.2.4.1 Lenguajes de programación de bajo nivel
Son aquellos utilizados para controlar el hardware (partes tangibles) del

aparato y dependen directamente de la máquina, es decir, que no pueden ser
usados en aparatos diferentes para los que fueron creados. Estos lenguajes
son los que ordenan las operaciones esenciales para el funcionamiento del
49
dispositivo. También es conocido como código máquina. Su funcionamiento
es complejo, por lo que lo utilizan principalmente los fabricantes de hardware.
Con ellos se pueden programar tareas como reproducción de audio o video,
mostrar imágenes, realizar operaciones matemáticas, movimiento del puntero,
asignación, liberación de memoria, entre otras.
2.2.4.2 Lenguajes de programación de alto nivel
Estos lenguajes son más parecidos al humano. No dependen de la

máquina y sirven principalmente para crear programas informáticos que
puedan solucionar distintos tipos de necesidades.
2.2.5 ¿Qué es HTML?
Actualmente la mayoría de las personas han visto cientos de páginas

Web, pero muchos se preguntarán ¿Qué es HTML? ¿Para qué me sirve?
¿Cómo funciona? ¿Es difícil escribir en HTML? ¿Dónde puedo escribir HTML?
Y otras preguntas como estas serán respondidas a continuación.
Si buscas en GOOGLE o en cualquier otro buscador la definición de

HTML, probablemente encontrarás está:
“HTML es un lenguaje de programación que se utiliza

para el desarrollo de páginas de Internet. Se trata de la siglas
que corresponden a HyperText Markup Language, es decir,
Lenguaje de Marcas de Hipertexto” 
No obstante, este tipo de definiciones no nos dice mucho porque la

definición es técnica. Para algunas personas al leer esto, piensan que HTML
incluye el diseño gráfico de las páginas web, sin embargo, eso no es cierto ya
que HTML sólo sirve para indicar como va ordenado el contenido de una
50
página web. Esto lo hace por medio de las marcas de hipertexto las cuales son
etiquetas conocidas en inglés como tags.
Hasta el momento ya tenemos una idea sobre lo que hace HTML pero
aún no sabemos cómo funcionan las etiquetas. Para esto vamos a imaginar
que tienen que hacer un ensayo sobre algún tema, consideraremos que el
ensayo será nuestra página web y la manera en la que va ordenado un ensayo
es por un título, la introducción, el desarrollo y la conclusión, si se tiene en
cuenta que esto nos dice cómo debe ir nuestro ensayo podemos considerar
que éstas serían las etiquetas porque nos dicen la estructura que lleva, es
decir, la forma en que se acomoda el texto en nuestro ensayo. Cabe mencionar
que las etiquetas no sólo sirven para ordenar nuestro contenido, sino que
ayudan a los buscadores como Google, Yahoo search y muchos otros a
encontrar la información por medio de las etiquetas.
Ahora que entendemos el concepto de etiquetas, necesitamos poder

identificarlas. Éstas se caracterizan porque van dentro de los caracteres menor
que < y mayor que >, como en este ejemplo: <Aquí dentro va el nombre de la
etiqueta>
Aunque eso no es todo debido a que deben tener un inicio y un fin. El

inicio de una etiqueta es normal, en otras palabras, lleva los dos caracteres
que mencioné anteriormente y dentro de estos se encuentra el nombre, sin
embargo, existe una diferencia para el fin de la etiqueta ya que antes de
escribir el nombre de la etiqueta debemos escribir una diagonal /. Como en
este ejemplo:
<Inicio de la etiqueta>
</Fin de la etiqueta>
51
Existes ciertas excepciones con el fin de las etiquetas, ya que algunas
usualmente sólo se utilizan con el inicio de la etiqueta, ejemplos de esto son
las etiquetas BR (salto de línea), IMG (etiqueta para poner una imagen), entre
otras.
Ya casi estamos listos para escribir HTML pero todavía nos falta ver la
estructura de un código de HTML. Nuestro código siempre debe iniciar con la
etiqueta HTML. A continuación se muestra un ejemplo de la estructura del
código HTML. Ahora veremos un pequeño ejemplo del cuerpo de un código
de HTML con algunos efectos en el texto como cursiva, subrayado, negrita.
Finalmente, sólo nos falta saber dónde escribir código en HTML y para
ello sólo es necesario un editor de texto como el bloc de notas, aunque en mi
opinión te recomendaría que descargaras Sublime Text debido a que facilita
la escritura de código HTML. Si aún quieres saber si HTML es fácil de escribir,
te diría que sí, porque no hay mayor obstáculo en el aprendizaje que tus
propias ganas de aprender, además del hecho que desde niños hemos
aprendido a distinguir y clasificar todo a nuestro alrededor y es básicamente
de lo que se encarga HTML así que no habrá una gran dificultad.
2.2.5.1 ¿Es HTML un lenguaje de programación?
En principio diremos que HTML no es un lenguaje de programación,

aunque de forma coloquial muchas veces se oigan referencias a HTML como
si lo fuera. HTML es un lenguaje de etiquetas. Estas etiquetas (tag) HTML
comunican al navegador cuál es la información a mostrar por pantalla, además
del formato de dicha información.
Es por ello que no puede definirse como un lenguaje de programación,

sino como un sistema de etiquetas.
52
2.2.6 ¿Qué son las hojas de estilo CSS?
CSS son las siglas de Cascading Style Sheets (Hojas de Estilo en

Cascada) que es un lenguaje que describe la presentación de los documentos
estructurados en hojas de estilo para diferentes métodos de interpretación, es
decir, describe cómo se va a mostrar un documento en pantalla, por impresora,
por voz (cuando la información es pronunciada a través de un dispositivo de
lectura) o en dispositivos táctiles basados en Braille.
2.2.6.1 ¿Para qué sirve?
CSS es una especificación desarrollada por el W3C (World Wide Web

Consortium) para permitir la separación de los contenidos de los documentos
escritos en HTML, XML, XHTML, SVG, o XUL de la presentacin del documento
con las hojas de estilo, incluyendo elementos tales como los colores, fondos,
márgenes, bordes, tipos de letra..., modificando as la apariencia de una página
web de una forma más sencilla, permitiendo a los desarrolladores controlar el
estilo y formato de sus documentos.
2.2.6.2 ¿Cómo funciona?
El lenguaje CSS se basa en una serie de reglas que rigen el estilo de

los elementos en los documentos estructurados, y que forman la sintaxis de
las hojas de estilo. Cada regla consiste en un selector y una declaración, esta
última va entre corchetes y consiste en una propiedad o atributo, y un valor
separados por dos puntos.
53
Ejemplo:
h2 {color: green;}
h2 ---> es el selector
{color: green;} ---> es la declaración
color ---> es la propiedad o atributo
green ---> es el valor
2.2.6.3 Versiones del CSS
Existen varias versiones: CSS1 y CSS2, la CSS3 está todavía en

desarrollo por el CSS WG (Cascading Style Sheets Working Group). Los
navegadores actuales implementan bastante bien CSS1 desde 1999 (tres
años después de su lanzamiento) aunque dependiendo de la marca y versión
del navegador hay algunas pequeñas diferencias de implementación. El primer
navegador en dar soporte completo al CSS1 ha sido Internet Explorer 5.0 y el
Macintosh en 2000, anteriormente el que mejor soportaba CSS1 habia sido
Opera, después otros navegadores también lo han ido implementando.
Sin embargo, CSS2 (lanzado en 1998) sólo está parcialmente

implementado en los navegadores más recientes, variando en estos los
niveles de implementación.
2.2.6.4 Ventajas del uso de CSS
La principal ventaja de CSS sobre el lenguaje HTML o similar, es que el

estilo se puede guardar completamente por separado del contenido siendo
posible, por ejemplo, almacenar todos los estilos de presentación para una
web de 10.000 páginas en un sólo archivo de CSS.
54
CSS permite un mejor control en la presentación de un sitio web que los
elementos de HTML, agilizando su actualización.
Aumento de la accesibilidad de los usuarios gracias a que pueden

especificar su propia hoja de estilo, permitiéndoles modificar el formato de un
sitio web según sus necesidades, de manera que, por ejemplo, personas con
deficiencias visuales puedan configurar su propia hoja de estilo para aumentar
el tamaño del texto.
El ahorro global en el ancho de banda es notable, ya que la hoja de

estilo se almacena en cache después de la primera solicitud y se puede volver
a usar para cada página del sitio, no se tiene que descargar con cada página
web. Por otro lado, quitando todo lenguaje de marcado en la presentación en
favor del uso de CSS reduce su tamaño y ancho de banda hasta más del 50%,
esto beneficia al dueño del sitio web con menos ancho de banda y costes de
almacenamiento, así como a los visitantes para los cuales las páginas se van
a cargar más rápido.
Una página puede tener diferentes hojas de estilo para mostrarse en

diferentes dispositivos, como pueden ser impresoras, lectores de voz, o
móviles.
2.2.7 ¿Qué Son los Servidores Web?
La industria del servicio web hosting se hace muy compleja para la

mayoría de los webmasters, especialmente para aquellos que no están
familiarizados con términos cruciales. Uno de los conceptos más básicos en
Web hosting es el de “servidor”.
55
Los servidores web son los que hacen posible el Web hosting, es decir,
la posibilidad de alquilar un espacio en un servidor para almacenar los archivos
de nuestro sitio. Imagínense a los servidores web como computadoras
especialmente preparadas para estar prendidas las 24 horas, los 365 días del
año.
2.2.7.1 El rol fundamental de un Servidor Web
La principal función de un servidor Web es almacenar los archivos de

un sitio y emitirlos por Internet para poder ser visitado por los usuarios.
Básicamente, un servidor Web es una gran computadora que guarda y
transmite datos vía el sistema de redes llamado Internet. Cuando un usuario
entra en una página de Internet, su navegador se comunica con el servidor
enviando y recibiendo datos que determinan qué es lo que ve en la pantalla.
Por eso, decimos que los servidores Web están para almacenar y transmitir
datos de un sitio según lo solicita el navegador de un visitante.
2.2.7.2 ¿Cómo funcionan los servidores?
Cada servidor Web, y cada computadora conectada a Internet, posee

asignada una dirección de IP única, irrepetible, que lo identifica en la red,
incluyendo tu móvil o la PC que tienes en tu casa. La dirección de IP puede
pensarse como los datos del remitente en una carta postal. Cuando deseas
ver un sitio Web, tu móvil, PC o tableta envía un pedido desde tu dirección de
IP hacia la dirección IP del servidor que aloja los archivos del sitio en cuestión.
Entonces, el servidor Web responde devolviendo los datos a la dirección IP
solicitante. Esto es lo que pasa todo el tiempo que estamos navegando un sitio
en Internet.
56
Más del 90% de los sitios en Internet utilizan un servidor alquilado a
través de una empresa de Web hosting. La capacidad de un servidor depende
de su hardware, de los componentes que conforman el ordenador del hosting.
2.2.7.3 ¿Por qué los servidores son necesarios?
Sin los servidores Web, la Internet tal como la conocemos no existiría.

Los servidores son el depositario de todo el contenido que existe en internet.
La industria del Web hosting es simplemente el servicio que permite alquilar
espacios de memoria y la consecuente administración de sus datos.
Sin este sistema de leasing, la Internet se volvería una pequeña parte

de lo que es hoy, puesto que sería imposible para la mayoría de los dueños
de sitios comprar un servidor para su uso propio. Pensémoslo así, los
servidores Web son la vitrina que permite a las personas publicar sus sitios en
la red mundial que es Internet.
2.2.8 ¿Qué Significa “Hosting” o Alojamiento?
Si deseas crear tu página web y que otros puedan visitarla, vas a

necesitar publicar o “subir” los archivos de tu sitio (texto e imágenes) a un
servicio de web hosting. En español, muchas veces se lo refiere como
“alojamiento web” (si bien la palabra inglesa es mucho más empleada
globalmente).
Estos servicios de hosting funcionan ofreciéndote computadoras de

grandes prestaciones (servidores web), utilizando conexiones de alta
velocidad además de muchas otras funcionalidades concernientes a seguridad
y sistemas.
57
El hosting es la prestación en donde una empresa ofrece a su cliente el
espacio físico (dentro de un ordenador conocido como “servidor”) para que
almacene los datos de su Website de modo que esté siempre online.
2.2.8.1 ¿Qué es la URL o “dirección web”?
Cuando escribes una dirección web en el campo de búsqueda de tu

navegador (como, por ejemplo, “www.duplika.com”), se produce una conexión
desde tu computadora (o móvil) al servidor web donde se halla alojada la
página en cuestión. Esa otra computadora (el “servidor”) descarga los archivos
propios del sitio al navegador web que se está empleando, de modo que se
pueda visualizar el contenido en tu pantalla.
Fuente: duplika.com/que-es-el-hosting
Figura N°3. Esquema de conexión del equipo hacia el Hosting
Cuando te ofrecen una cuenta de hosting, te están ofreciendo una

pequeña parte del gigantesco espacio en disco duro que posee el servidor,
con el fin de poder publicar allí las páginas web, sumado a otros aspectos que
varían en función del panel de control que te provean (herramienta de
administración de tu sitio). Cada empresa suministra una interfaz distinta para
administrar tu sitio, y cada una de ellas otorga funcionalidades diferentes que
pueden adaptarse mejor o peor a tu sitio, según sus requerimientos
específicos.
58
En el hosting también hay otros aspectos que es bueno analizar, ya que
cada website requiere necesidades diferentes, y nadie puede decirte qué es
mejor para ti sin antes saber qué proyecto tienes en mente.
2.2.8.2 Espacio Web en tu Hosting
Hemos hablado del espacio en disco como la característica principal

para definir que es el hosting, ya que la palabra, como dijimos, traducida al
español significa “alojamiento”, o sea, el lugar físico de los datos. A este punto
vale la pena aclarar que hay dos grandes tecnologías de soporte físico: los
discos HDD, y los de más reciente tecnología, los SSD. Ahora, ¿en qué se
diferencian los proveedores de hosting HDD de los SSD? A continuación, te lo
vamos a explicar.
 Hosting HDD vs Hosting SSD
Imagínate un disco de pasta, girando para que el cabezal con su púa

lea los surcos y pueda reproducir la música. Ahora, imaginate eso, más
pequeño, muchísimo más rápido y con varios discos de datos girando a la vez,
todo ocurriendo dentro de una pequeña caja metálica: en esencia, eso es un
disco HDD. Lo identificarás en una computadora de escritorio porque hace
ruido al leer o escribir, algo así como un movimiento de granos chocándose
entre sí.
 Ventajas de Hosting SSD
El hosting HDD es el sistema más empleado por ser antecesor (y más

accesible) que el SSD. En la curva de su velocidad en el tiempo, nuevos
modelos permitieron que los discos giraran más rápido (y los cabezales
59
pudieran leer los datos magnéticos a más velocidad). Pero HDD tiene un
techo, puesto que un motor reducido tiene un límite en sus revoluciones.
El nuevo hosting SSD, en cambio, emplea los flamantes discos de

estado sólido. La gran diferencia es que éstos no poseen motores ni partes
móviles: todo funciona como un gran chip de memoria, donde, por si fuese
poco, la diferente información puede ser accedida de manera simultánea, igual
que una memoria RAM. La diferencia entre HDD y SSD, a fines prácticos, es
la misma que puede pensarse entre ir desde el living a la cocina de tu casa en
busca de un sandwich (HDD, partes móviles), versus que el sandwich se
teletransporte automáticamente a tu mesa ratona sin que muevas un dedo
(SSD, chip de memoria). ¡Así de diferentes son!
Por supuesto, son discos más caros: almacenar la misma cantidad de

información en un disco de estado sólido cuesta cuatro veces lo que sale en
un HDD, y debido a esta gran inversión la mayoría de los proveedores de
hosting no emplea esta tecnología.
2.2.9 ¿Qué es FTP (File Transfer Protocol)?
FTP (siglas en inglés de File Transfer Protocol, ‘Protocolo de

Transferencia de Archivos’), es un protocolo de red para la transferencia de
archivos entre sistemas interconectados o enlazados a Internet, basado en la
arquitectura cliente-servidor. Desde un equipo cliente se puede conectar a un
servidor para descargar archivos desde él o para enviarle archivos,
independientemente del sistema operativo utilizado en cada equipo.
El funcionamiento es relativamente sencillo. Una persona desde su

computador invoca un programa cliente FTP para conectar con otro
computador/servidor, que a su vez tiene instalado el programa servidor FTP.
60
Una vez establecida la conexión y debidamente autenticado el usuario con su
contraseña, se pueden empezar a intercambiar archivos de todo tipo. Los
beneficios de contar con un servicio FTP son bastantes, entre otros se
encuentran la facilidad para la transferencia de altos volúmenes de
información, velocidad y estabilidad de los enlaces, seguridad en la
transferencia de información, bajos costos de implementación y flexibilidad en
configuración de cuotas, usuarios y permisos de acceso. Para contar con la
posibilidad de manejar servicios FTP se requieren básicamente dos elementos
principales, un servidor FTP y un cliente FTP.
2.2.9.1 Servidor FTP
Un servidor FTP es un programa especial que se ejecuta en un equipo

servidor normalmente conectado a Internet. Su función es permitir el
intercambio de datos entre diferentes servidores/computadores. Por lo
general, los programas servidores FTP no suelen encontrarse en los
computadores personales, por lo que un usuario normalmente utilizará el FTP
para conectarse remotamente a uno y así intercambiar información con él.
Las aplicaciones más comunes de los servidores FTP suelen ser el

hosting, en el que los clientes utilizan el servicio para subir sus páginas web y
sus archivos correspondientes; o como servidor de backup (copia de
seguridad) de los archivos importantes que pueda tener una empresa.
2.2.9.2 Cliente FTP
Cuando un navegador no está equipado con la función FTP, o si se

quiere cargar archivos en un servidor remoto, se necesitará utilizar un
programa cliente FTP. Un cliente FTP es un programa que se instala en el
computador del usuario, y que emplea el protocolo FTP para conectarse a un
61
servidor FTP y transferir archivos, ya sea para descargarlos o para subirlos.
Para utilizar un cliente FTP, se necesita conocer el nombre del archivo, el
computador en que reside (servidor, en el caso de descarga de archivos), el
computador al que se quiere transferir el archivo (en caso de querer subirlo
nosotros al servidor), y la carpeta en la que se encuentra.
2.2.10 Metodología del Modelo ADDIE
El modelo ADDIE es un proceso de diseño Instruccional interactivo, en

donde los resultados de la evaluación formativa de cada fase pueden conducir
al diseñador instruccional de regreso a cualquiera de las fases previas. El
producto final de una fase es el producto de inicio de la siguiente fase.
El proceso de desarrollo de cursos de entrenamiento o currículo implica

una serie de tareas que están sistemáticamente relacionadas. Las tareas
pueden ser conceptualizadas a través de un modelo de diseño Instruccional
que sirve como un organizador avanzado para este proceso. Desde la
introducción de sistemas al diseño de la instrucción en 1960 en el ejército, ha
habido una proliferación de modelos de diseño Instruccional, algunos de los
cuales han tenido más impacto que otros sobre el diseño y desarrollo de la
instrucción. La mayoría de los modelos de diseño Instruccional, sin embargo,
incorporan 5 pasos básicos o tareas que constituyen la base del proceso de
diseño Instruccional y, por lo tanto, pueden ser considerados genéricos. Los
cinco pasos son:
Fuente: Moreno & Santiago (2003)
Figura N°4. Pasos del modelo ADDIE
62
Analizar, Diseñar, Desarrollar, Implementar, y Evaluar de los materiales
de aprendizaje y las actividades.
Cada componente de la instrucción es gobernado por resultados de

aprendizaje, los cuales han sido determinados después de pasar por un
análisis de las necesidades del estudiante. Estas fases algunas veces se
traslapan y pueden estar interrelacionadas. Por lo tanto, proveen una guía
dinámica y flexible para el desarrollo efectivo y eficiente de la instrucción.
El modelo genérico de Diseño Instruccional es lo suficientemente

flexible para permitir la modificación y elaboración basada en las necesidades
de la situación Instruccional. La siguiente tabla (modificada de Seels &
Glasgow, 1990) demuestra las tareas específicas para cada paso y los
resultados generados después de que la tarea ha sido completada.
Fuente: Jaramillo J. (2011)
Figura N°5. Modelo ADDIE
63
Tabla N°10. Proceso de Diseño Instruccional
Tareas Resultados
 Perfil del estudiante

Análisis  Evaluación de
necesidades  Descripción de
El proceso de definir
obstáculos
 Identificación del
que es aprendido  Necesidades, definición
Problema
de problemas
 Análisis de tareas
 Objetivos medibles
Diseño  Escribir los objetivos
 Estrategia Instruccional
El proceso de  Desarrollar los temas a
evaluar  Especificaciones del
especificar cómo
prototipo
debe ser aprendido  Planear la instrucción
 Identificar los recursos
 Storyboard
Desarrollo  Trabajar con
productores  Instrucción basada en la
El proceso de
computadora
autorización y  Desarrollar el libro de
trabajo, organigrama y  Instrumentos de
producción de los
programa retroalimentación
materiales
 Desarrollar los ejercicios  Instrumentos de
prácticos medición
 Crear el ambiente  Instrucción mediada por

computadora
 de aprendizaje
 Aprendizaje
colaborativo
 Entrenamiento basado
 en el Web
64
 Comentarios del
Implementación  Entrenamiento docente
estudiante
El proceso de  Entrenamiento Piloto
 Datos de la evaluación
instalar el proyecto
en el contexto del
mundo real
del  Recomendaciones
Evaluación  Datos de registro
tiempo  Informe de la evaluación
El proceso de
determinar la  Interpretación los 
de Revisión de losmateriales
adecuación de la resultados de la evaluación  Revisión del prototipo
instrucción  Encuestas a graduados

 Revisión de actividades
Fuente: San Jose State University, Instructional Technology Program
2.2.11 Descripción de las Fases del Modelo ADDIE
2.2.11.1 Fase de Análisis
La fase de Análisis es la base para el resto de las fases de diseño

Instruccional. Durante esta fase se debe definir el problema, identificar el
origen del problema y determinar las posibles soluciones. La fase puede incluir
técnicas de investigación específicas tales como análisis de necesidades,
análisis de trabajos y análisis de tareas. Los resultados de esta fase a menudo
incluyen las metas educativas y una lista de tareas a realizar. Estos resultados
(salidas) serán las entradas para la fase de diseño.
2.2.11.2 Fase de Diseño
La fase de Diseño implica la utilización de los resultados de la fase de

Análisis para planear una estrategia para el desarrollo de la instrucción.
Durante esta fase, se debe delinear cómo alcanzar las metas educativas
65
determinadas durante la fase de Análisis y ampliar los fundamentos
educativos.
Algunos de los elementos de la fase de Diseño pueden incluir escribir

una descripción de la población meta, conducir el análisis de aprendizaje,
escribir los objetivos y temas a evaluar, selección del sistema de entrega y
ordenar la instrucción. Los resultados (salidas) de la fase de Diseño serán las
entradas de la fase de Desarrollo.
2.2.11.3 Fase de Desarrollo
La fase de Desarrollo se estructura sobre las bases de las fases de

Análisis y Diseño. El propósito de esta fase es generar los planes de las
lecciones y los materiales de las mismas. Durante esta fase se desarrollará la
instrucción, todos los medios que serán usados en la instrucción y cualquier
documento de apoyo. Esto puede incluir hardware (por ejemplo, equipo de
simulación) y software (por ejemplo, instrucción basada en la computadora).
2.2.11.4 Fase de Implementación
La fase de Implementación se refiere a la entrega real de la instrucción,

ya sea basado en el salón de clases, basado en laboratorios o basado en
computadora. El propósito de esta fase es la entrega eficaz y eficiente de la
instrucción. Esta fase debe promover la comprensión del material por parte de
los estudiantes, apoyar el dominio de objetivos por parte de los estudiantes y
asegurar la transferencia del conocimiento de los estudiantes del contexto
educativo al trabajo.
2.2.11.5 Fase de Evaluación
Esta fase mide la eficacia y eficiencia de la instrucción. La Evaluación

debe estar presente durante todo proceso de diseño Instruccional – dentro de
66
las fases, entre las fases, y después de la implementación. La Evaluación
puede ser Formativa o Sumativa.
 Evaluación Formativa
Se realiza durante y entre las fases. El propósito de este tipo de

evaluación es mejorar la instrucción antes de implementar la versión final.
 Evaluación Sumativa
Usualmente ocurre después de que la versión final es implementada.

Este tipo de evaluación determina la eficacia total de la instrucción. La
información de la evaluación sumativa es a menudo usada para tomar
decisiones acerca de la instrucción (tales como comprar un paquete educativo
o continuar con la instrucción.
2.2.12 Metodología para la Creación de Sitios Web
Es una metodología hibrida, desarrollada para procesos de diseño de

aplicaciones Web, denominada “Metodología para Creación de Sitios Web”,
creada por la Ingeniero Dely Maybel Gil Alvarez con un grupo de trabajo
conformado por los siguientes Técnicos egresados del Instituto Universitario
de Tecnología de Valencia (IUTVal): T.S.U. Jonathan Camacho, T.S.U.
Nisbeth Suarez, T.S.U. Josefina Herrera, T.S.U. Raymer Santiago, T.S.U.
Emilia Herrera y T.S.U. Miharbi Hernandez. Esta metodologia es producto de
una recopilación bibliográfica, y está basada principalmente en las fases para
el desarrollo de sitios Web propuestas en la obra “Studio MX Creación de sitios
Web” de los autores Green, Chilcott y Flick, publicado en el año 2003. En esta
publicación la creación de sitios Web está dividida en cuatro partes:
Administración del sitio Web, Desarrollo del concepto del sitio, Desarrollo del
contenido y Prueba y entrega del producto final.
67
Para la estructuración de la metodología se utilizaron como otra
referencia los siguientes trabajos:
 “Diseño de Páginas Web Accesibles” (Romero, R., 1999).

 “Metodologia practica de revisión de la accesibilidad de sitios
Web” (Romero, R., 2001).
 “Diseño Inclusivo: marco metodológico para el desarrollo de
sitios web accesibles” (Montero, Y. y Martin, F., 2003).
 “Como conseguir una buena Web” (Morris, S. y Dickinson, P.,
2002).
La “Metodología para la Creación de Sitios Web” comprende las fases

de Análisis, Planificación, Contenido, Diseño, Programación, Testeo,
Mercadeo y Publicidad.
2.2.13 Descripción de las Fases de la Metodología para la Creación

de Sitios Web
2.2.13.1 Fase de Análisis
A la hora del desarrollo de un sitio Web se debe comenzar por dar

respuesta a un grupo muy concreto de interrogantes, que permitirán aclarar y
definir de manera básica las expectativas existentes en torno a la aplicación
Web e Interacción que se va a generar.
Dichas preguntas podrían ser las siguientes:
1. ¿Se necesita realmente el sitio Web?

2. ¿Para qué se necesita el sitio Web?
3. ¿Qué es lo que buscarán los usuarios en el sitio Web?
4. ¿Qué imagen se quiere proyectar con el sitio Web a los usuarios?
5. ¿Qué servicios interactivos se integrarán a través del sitio Web?
6. ¿Con qué recursos se cuenta para el desarrollo del sitio Web?
68
7. ¿Cuánto tiempo debe ser invertido en el desarrollo del sitio Web?
8. ¿Qué impacto causará el sitio Web en los usuarios?
 Selección de Objetivos
Todo proyecto debe contar con objetivos definidos, contra los cuales
puede medirse la efectividad de las acciones que se desarrollen.
Green, chilcoott y Flick (2003) denominan esta etapa, resumen de

objetivos, donde establecen tres puntos primordiales para esta selección, los
cuales son definir los usuarios, lo que los usuarios esperan de la visita, y qué
se pretende comunicar a través del sitio Web. También podemos
denominarlos: selección de usuarios, expectativas de usuario y expectativas
de la organización; se describe a continuación:
 Selección de Usuarios
Los usuarios o la audiencia se refieren a aquella parte de la población

a la que se pretende alcanzar o influir con el sitio Web; esto está
estrechamente vinculado con la naturaleza del sitio que se propone. Toda la
información que se obtenga servirá para establecer parte de los criterios de
diseño de contenido, lenguajes, estética, entre otros.
"El modelado del usuario se basa en definir clases o

perfiles de los usuarios y así poder diseñar con el objetivo de
satisfacer las necesidades propias de cada grupo de usuarios"
(Montero, Y. y Martín, F. , 2003)
 Expectativas de Usuario
La organización puede o no, ser conocida por los usuarios en potencia

del sitio. Al plantearse la puesta en marcha de un sitio Web es necesario
conocer hacia quién va dirigido éste y qué podrían esperar dichos usuarios al
visitarlo.
69
"Tómese un tiempo para contactar con sus clientes,
proveedores y amigos, con el fin de averiguar cómo harían
ellos para encontrar su sitio Web y qué les gustaría ver en él"
(Morris, S. y Dickison, P. 2002)
 Expectativas de la Organización
Es vital establecer o fijar qué resultados pretenden conseguir la

organización con la creación del sitio Web. Con ello se busca definir el
propósito del sitio Web, y se deben incluir aspectos que van desde los más
generales, relacionados con el público de destino, hasta los más específicos
relacionados con la organización.
Morrin y Dickson (2001) indican que se debe decidir si lo que se busca

con el sitio Web es: aumentar ventas, ofrecer servicios especializados y
conocimientos, publicidad y patrocinio, incentivos (productos gratis para
promoción), o para publicitar.
2.2.13.2 Fase de Planificación
Todo proyecto posee una fase de planificación. En ella se deben definir

cuáles son los requerimientos técnicos para este fin, quiénes serán los
miembros del equipo, seleccionar la estructura, planear un sitio bien
organizado, y realizar estudios de mercadeo comparativo.
 Selección de Software
En esta etapa de la metodología se busca determinar los requerimientos

en cuanto al software que se utilizará para el desarrollo de la aplicación; es
decir, sistemas operativos, servidor (software), editores para diseño Web,
lenguajes de programación, animaciones y otros componentes. Esta definición
dependerá de muchos aspectos como la existencia de licencias de software o
los recursos técnicos y hardware.
70
 Selección de Hardware
Antes de emprender el desarrollo de una aplicación Web, se deben

determinar los requerimientos de hardware de la aplicación, el equipo servidor,
la capacidad de respuesta, terminales, requerimientos de red si la aplicación
ha de disponerse de una intranet o extranet.
En el caso que la aplicación vaya a estar publicada en Internet, se debe

reservar el dominio y ubicar el servicio de hospedaje de empresas que se
especializan en este servicio (Morrison y Dickinson, 2002)
 Selección del Equipo de Trabajo Adecuado
"El entorno de trabajo en equipos surge de la necesidad

de segmentar el proceso de producción en varias funciones
diferentes" (Green, Chilcott y Flick, 2003)
Parte de la planificación de un sitio Web consiste en pensar en términos
de equipo de trabajo. Se trata del conjunto de técnicos que estarán a cargo de
la concepción, construcción, evaluación y mantenimiento del sitio. Los
miembros del equipo Web serán los responsables de todas aquellas
estructuras no visibles que hacen a la operatividad de un sitio. El equipo se
basará en la convergencia de saberes y experiencias. Debe estar integrado
por técnicos de muy diversas disciplinas, capaces de contemplar los distintos
aspectos que están en juego.
Inicialmente, la mayoría de las organizaciones tenían a cargo del sitio

Web un Webmaster que trabajaba solo, preparaba el servidor, editaba las
páginas, hacía el diseño gráfico, y escribía o reunía los textos. Con el tiempo,
se ha comprendido la complejidad de estos proyectos.
Es muy importante que el equipo tenga un líder (que puede en un futuro

ser el Webmaster o no) porque formar un equipo Web requiere un gran
compromiso personal e institucional. Los equipos no se construyen de la noche
71
a la mañana, ni a partir de una decisión administrativa o un mandato.
Requieren un proceso de consolidación, que pasa por tiempos de búsqueda,
acuerdos y adecuación.
Un equipo Web debe estar en constante comunicación tanto con

aquellos que le han asignado su misión, como con sus destinatarios (clientes
o usuarios). Su éxito se basa, además, en una estrecha colaboración y
comunicación entre sus miembros. Cada miembro del equipo Web debe estar
capacitado en su campo de trabajo (la presencia o el nivel de experiencia de
ciertos miembros del equipo puede variar dependiendo del proyecto).
Se sugiere una lista de miembros que podrían ser parte de este equipo,
de esta lista se extrajeron los siguientes:
- Jefe de proyecto: Encargado de la supervisión y control del resto del

equipo. Actúa como enlace entre el usuario y los demás miembros.
- Productor: Este se encarga de establecer el aspecto, percepción y

funcionalidad del sitio.
- Editor: Ayuda a establecer y mantener el estilo, además de la

integridad del sitio. Tiene la responsabilidad de controlar la corrección y
el flujo de texto y en algunos casos el contenido multimedia del sitio.
- Escritor: Los escritores deben interesarse por los detalles técnicos y la

incorporación al desarrollo de estándares con respecto al sitio,
utilización de las palabras apropiadas, ortografía y gramática. Es
necesario que el escritor tenga conocimiento de HTML, o de
herramientas con FrontPage u otra aplicación.
72
- Diseñador de bases de datos: Desarrolla las bases de datos que
gestiona el sitio Web, se ocupa de definir sus relaciones.
- Diseñador de scripts: Trabajar en conjunto con el diseñador de base

de datos. Desarrolla y depura los scripts, los componentes Activex y
otros elementos interactivos en la Web.
- Diseñador Gráfico: Se encarga de crear los archivos visuales del sitio,

también puede encargarse de la creación de los archivos de sonido y
de película. Trabaja con imágenes y pequeñas labores de
programación.
- Técnico de Hardware: Configura, prueba, opera y mantiene las

computadoras, impresoras y máquinas necesarias para la ejecución y
mantenimiento del sitio.
- Técnico de pruebas: Si se dispone de un sitio grande o complejo

puede resultar provechoso la incorporación de un Técnico de prueba al
equipo. Su labor consiste en garantizar que todo funcione como
debería, se encarga de probar los elementos de todas las páginas.
Aunque estas funciones podrían tomarse como esenciales, la estructura

siempre vendrá determinada por el alcance del proyecto.
 Benchmarking
Es una manera de detallar, observar y evaluar todas aquellas páginas

Web calificadas como las mejores que se encuentre en la red, con la finalidad
de diseñar una forma que permita crear un producto de alta calidad,
productividad y competitividad. Una manera práctica de realizar el
benchmarking es plantearse una serie de preguntas al momento de visitar las
73
páginas que se han seleccionado como las mejores del ramo, Morris y Dickson
(2002) sugieren las siguientes:
- ¿Cuáles son los objetivos del sitio?

- ¿Cuánto tiempo tardo en cargar?
- ¿Se descargó en un orden lógico?
- ¿Es un sitio Web interesante?
- ¿Cómo son los gráficos?
- ¿Refleja el género de la organización o empresa?
- ¿Es de fácil uso y es cómodo navegar en él?
- ¿El contenido está estructurado de manera lógica?
- ¿Hay demasiados o insuficientes niveles de información?
- ¿En conjunto, el sitio es un éxito?
 Estructura de Navegación
“La base de un sitio bien diseñado es una estructura

definida con precisión” (Green, Chilcott y Flick, 2003)
Las relaciones de las páginas entre sí configuran la estructura del sitio.
A partir de la página principal se vinculan mediante enlaces al resto de las
páginas, esto es bastante sencillo mediante código HTML, pero es más
complicado decidir el orden, de qué manera y con qué configuración se
establecerán los vínculos.
La estructura de un conjunto de páginas Web es muy importante, ya

que permitirá al lector visualizar todos los contenidos de una manera fácil y
clara (buena estructura), o provocar en el lector una sensación de estar
perdido, por lo cual no encontrará rápidamente lo que busca y terminará por
abandonar el sitio (mala estructura).
74
Los autores Green, Chilcott y Flick (2003), destacan los tipos de
estructura de navegación:
- Estructura lineal
Esta estructura consiste en una línea recta que recorre el sitio desde la
página de inicio hasta la página final, de esta manera lo definen Green, Chilcott
y Flick (2003). Esto se puede apreciar en la Figura N°6.
Es muy útil cuando se desea que el lector siga un camino fijo y guiado,
además el de impedir que se distraiga con enlaces a otras páginas. Por otra
parte, se puede causar al lector la sensación de estar encerrado si el camino
es muy largo o poco interesante. Este tipo de estructura sería válido para
tutoriales de aprendizaje o tours de visita guiada.
Fuente: Ing. Gil, Dely
Figura N°6. Estructura Lineal de Sitios Web
- Estructura Jerárquica
La estructura jerárquica, como se observa en la Figura N°7, es la típica

estructura de árbol, en el que la raíz es la página de bienvenida, ésta se puede
también sustituir por la de contenido, en la que se exponen las diferentes
secciones que contiene el sitio.
75
Figura N°7. Estructura Jerárquica de Sitios Web
Para Green, Chilcott y Flick (2003) la ventaja de esta estructura es que

el usuario siempre está ubicado y puede moverse fácilmente por el sitio.
Gracias a que la mayoría de las páginas secundarias permiten regresar a la
página de inicio, los visitantes controlan completamente la navegación.
- Estructura Radial
En este modelo las páginas secundarias no se conectan entre sí, y se

debe navegar por la página principal para ir de una secundaria a otra, es decir,
la principal contiene enlaces a todas las secundarias, pero las secundarias
sólo contienen un entorno a la principal, tal cual se aprecia en la Figura N°8
que sigue:
Figura N°8. Estructura Radial de Sitios Web
76
La ventaja de esta estructura es que facilita la navegación, los visitantes
sólo tendrán que efectuar uno o dos clics para retornar a la página principal;
sin embargo, esto podría también ser un inconveniente porque obliga al
usuario a regresar siempre a la página de inicio.
- Estructura de Red
En ella se plantea un modelo en el que todas las páginas están

relacionadas entre sí. Es una estructura ideal para sitios especializados en un
tema, en la que se le permite al usuario una navegación libre y sin limitaciones.
La estructura de red se aprecia en la Figura N°9 a continuación:
Figura N°9. Estructura de Red de Sitios Web
 Costos de Inversión
A la hora de planificar un sitio Web, se debe realizar un estudio de

viabilidad que refleje el costo financiero a invertir, y que abarque tiempo,
personal, hospedaje Web, dominio, licencias en caso de necesitarse, y
mantenimiento.
Contar con un método de control de tiempo se hace pertinente en el

desarrollo Web, al igual que en otros proyectos, ya que el tiempo implica
dinero. Una técnica para el control del costo de cierta actividad, es el sistema
77
de agenda, que consiste en dividir cada hora en segmentos de seis minutos
llamadas unidades, y es a partir de la cantidad de unidades por actividad que
se medirá el costo de ésta. Green, Chilcott y Flick (2003).
 Beneficios a Obtener
La puesta en marcha del sitio no lo es todo, la planificación del

desarrollo de un sitio Web debe abarcar aspectos como beneficios a adquirir
con el funcionamiento del mismo. Antes de establecer el desarrollo de un sitio
Web se debe estimar el tiempo de retorno de la inversión, ya que, de esa forma
tangible, como por ejemplo un retorno monetario, o intangible como la mejora
de las relaciones interpersonales de la organización.
2.2.13.3 Fase de Contenido
Básicamente el éxito de un sitio Web se debe a su contenido. El

contenido del sitio será probablemente una combinación de la información que
actualmente se posee y de la que se tendrá que crear. Green, Chilcott y Flick
(2003).
Es conveniente presentar un contenido acorde a los objetivos

planteados para desarrollar el sitio, y que la información a plasmar cubra las
necesidades e intereses del público a quien va dirigido.
2.2.13.4 Fase de Diseño
El diseño Web supone un trabajo extenso y detallado, puesto que

abarca no sólo la interacción de múltiples elementos, como tecnología
multimedia (audio, sonido, imágenes, animaciones, entre otros); sino, que
abarca también su integración con una estructura lógica basada en el
propósito del sitio. Representando una labor que va más allá de la simple
necesidad e inquietudes de sus potenciales usuarios.
78
Al momento de diseñar sitios Web, es necesario tener en cuenta
aspectos como la usabilidad y accesibilidad:
 Usabilidad
Referido al tiempo, esfuerzo y capacidad requerido por el visitante, para

que alcance un determinado nivel de adaptación al sistema, esta puede estar
vinculada en ocasiones al número de pasos necesarios para lograr
determinada actividad, y al nivel de conocimientos que requieran los usuarios
para el uso de la aplicación. Green, Chilcott y Flick (2003).
 Accesibilidad
Un sitio Web se desarrolla con la idea de que sea visto por el mayor
número de visitantes, pero hay que tener presente que cada uno de estos
puede acceder a la información con equipos, navegadores e idiomas distintos,
estos factores pueden impedir que el sitio no pueda ser apreciado en su
totalidad.
Romero (1999) señala tres áreas fundamentales para determinar la

accesibilidad de un sitio Web, estas son:
- Accesibilidad a la computadora: Referida a la capacidad de hardware

con la que se debe contar para el uso de la aplicación Web, lo ideal en
esta área es que la aplicación se adapte a la computadora cualquiera
que este sea.
- Accesibilidad del navegador utilizado: En ocasiones mismos

contenidos se visualizan de distintas maneras en diferentes
navegadores Web, se recomienda utilizar un diseño que se pueda
visualizar en la mayoría de los navegadores y apegado al estándar.
79
- Accesibilidad del diseño de las páginas Web: Los usuarios pueden
tener desactivadas algunas funcionalidades de los navegadores Web,
lo que podría incidir en la correcta visualización del contenido del sitio
Web.
2.2.13.5 Fase de Programación
Esta etapa corresponde a la utilización de las herramientas de

programación Web. En este punto es primordial seleccionar los lenguajes de
programación en los que se desarrollará el sitio Web, la base de datos definir
qué contenido del sitio será estático y cuál será dinámico.
Una vez definidos estos criterios se pasa a una etapa denominada

Arquitectura de tres fases, si el objetivo del sitio es ser estático, solo se usa la
fase 2 y 3, las fases son las siguientes:
 Bases de datos: Se diseña y crea la base de datos.
 Programación intermediaria: Programas o códigos que se ejecutarán

en el servidor Web. Acá se establecerá la comunicación entre la base
de datos y la interfaz.
 Interfaz: Programas y códigos que desplegarán el contenido a los

usuarios a través del navegador Web. Se refiere aplicaciones que el
usuario visualizará y a través de la cual operará con ella.
2.2.13.6 Fase de Testeo
Se ejecutan pruebas exhaustivas para asegurar el perfecto

funcionamiento del sitio Web con usuarios que vayan a utilizar el sitio. Green,
Chilcott y Flick (2003) destacan:
80
 Comprobación en navegadores: El primer paso y también el más
importante, es comprobar que las páginas se pueden visualizar de
forma correcta en diferentes navegadores.
 Detectar los vínculos rotos: Es necesario detectar documentos que

existen en el sitio pero que no están conectados a través de vínculos;
ellos deben ser reparados o eliminados en caso de no ser necesarios
puesto que ocupan espacio en el servidor y tienden a crear confusión.
 Comprobar tiempo de descarga: Uno de los puntos clave en el éxito

de un sitio Web es su rapidez de descarga, en base a ello se
recomienda un tiempo mínimo descarga.
2.2.13.7 Fase de Mercado Y Publicidad
En esta fase se debe tomar en cuenta los Derechos Internacionales del

Autor, por el cual:
 Todas las copias realizadas incluyen derecho de autor.
 Se anexa en el sitio los créditos de los desarrolladores, o un enlace que

le permita a los usuarios contactarlos.
Luego 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 página del servidor. Se debe verificar que todos los archivos estén en
su carpeta correspondiente de la Web.
Después de publicada la Web, su difusión depende de la publicidad que

se le pueda dar mediante papelería de la organización, mediante banners en
sitios específicos, por medio de buscadores y otros.
81
2.3 BASES LEGALES
Este proyecto está ajustado estrictamente a la normativa legal que

impera en nuestro país, consustanciado con los principios constitucionales de
la corresponsabilidad, la participación política, de igual manera da respuesta
a las leyes derivadas de nuestra Carta Magna, en lo referente a la
transferencia del poder a su dueño originario y a difundir y promover el
conocimiento de las tecnologías informáticas, telemáticas, software libre, en
el seno de las organizaciones del poder popular, con miras a proveerlas del
conocimiento necesario que las habilite para la toma del poder ideológico,
político, económico y militar del país, tal cual se explana a continuación. Los
fundamentos legales en los cuales se fundamenta esta investigación, son los
siguientes:
Constitución de la República Bolivariana de Venezuela (CRBV) la cual

establece:
Artículo N° 110: El Estado reconocerá el interés público

de la ciencia, la tecnología, el conocimiento, la innovación y
sus aplicaciones y los servicios de información necesarios por
ser instrumentos fundamentales para el desarrollo económico,
social y político del país, así como para la seguridad y
soberanía nacional. Para el fomento y desarrollo de esas
actividades, el Estado destinará recursos suficientes y creará
el sistema nacional de ciencia y tecnología de acuerdo con la
ley. El sector privado deberá aportar recursos para los
mismos. El Estado garantizará el cumplimiento de los
principios éticos y legales que deben regir las actividades de
investigación científica, humanística y tecnológica. La ley
determinará los modos y medios para dar cumplimiento a esta
garantía.
82
Analizando este artículo, la constitución de la República deja en claro la
importancia de las tecnologías de la información y por tal motivo compromete
al estado en la asignación de recursos humanos y financieros con la finalidad
de adelantar políticas que contribuyan al fomento de estas actividades dentro
la población, a los fines de garantizar la apertura para impulsar al país hacia
horizontes que prometan un mejor nivel de desarrollo humano de nuestra
sociedad.
En fecha 10/05/2000 fue aprobado el Decreto N° 825 sobre el Acceso y

uso de Internet en el territorio nacional. El cual establece:
Artículo N° 1: Se declara el acceso y el uso de Internet

como política prioritaria para el desarrollo cultural, económico,
social y político de la República Bolivariana de Venezuela.
Artículo N° 2: Los órganos de la Administración Pública

Nacional deberán incluir en los planes sectoriales que
realicen, así como en el desarrollo de sus actividades, metas
relacionadas con el uso de Internet para facilitar la tramitación
de los asuntos de sus respectivas competencias.
Artículo N° 3: Los organismos públicos deberán utilizar

preferentemente Internet para el intercambio de información
con los particulares, prestando servicios comunitarios a través
de Internet, tales como bolsas de trabajo, buzón de denuncias,
trámites comunitarios con los centros de salud, educación,
información y otros, así como cualquier otro servicio que
ofrezca facilidades y soluciones a las necesidades de la
población. La utilización de Internet también deberá
suscribirse a los fines del funcionamiento operativo de los
organismos públicos tanto interna como externamente.
De la lectura e interpretación de estos tres (3) artículos, se observa en

la importancia de utilizar la herramienta del Internet en todo el territorio
nacional, así mismo, el llamado a los órganos de la administración pública a
83
establecer que permitan y posibiliten la ejecución de sus actividades rutinarias
utilizando Internet, de igual manera, el decreto se explana en el artículo 3 y
llama a los organismos a crear sus sitios Web para interactuar con los
administrados, prestándoles servicios con la utilización de esta herramienta.
En fecha 28/03/2000 fue aprobada la Ley Orgánica de

Telecomunicaciones (LOT), la cual establece:
Artículo N° 1: Esta Ley tiene por objeto establecer el

marco legal de regulación general de las telecomunicaciones,
a fin de garantizar el derecho humano de las personas a la
comunicación y a la realización de las actividades económicas
de telecomunicaciones necesarias para lograrlo, sin más
limitaciones que las derivadas de la Constitución y las leyes.
Se excluye del objeto de esta Ley la regulación del

contenido de las transmisiones y comunicaciones cursadas a
través de los distintos medios de telecomunicaciones, la cual
se regirá por las disposiciones constitucionales, legales y
reglamentarias correspondientes.
De la lectura de este artículo, se aprecia la contribución al desarrollo de

las telecomunicaciones, así mismo la declaración de la comunicación como un
derecho humano, situación está que conjugada con la anterior logran elevar el
tema de las telecomunicaciones a una de las primeras prioridades en las
políticas del estado venezolano.
En fecha 28/12/2004 fue aprobado el Decreto N° 3390 Uso prioritario

de software libre en la administración pública, el cual establece:
Artículo N°1: La Administración Pública Nacional

empleará prioritariamente Software Libre desarrollado con
Estándares Abiertos, en sus sistemas, proyectos y servicios
84
informáticos. A tales fines, todos los órganos y entes de la
Administración Pública Nacional iniciarán los procesos de
migración gradual y progresiva de éstos hacia el Software
Libre desarrollado con Estándares Abiertos.
A tenor de lo dispuesto en este artículo, el uso del software libre en la
administración pública, tiene carácter de prioridad, en tal sentido, el legislador
de la república ha previsto la necesidad de enviar un mensaje al resto de los
usuarios, por ende, decreta que la administración debe dar el ejemplo, utilizar
el software libre, para de esta manera dar el ejemplo al resto de la población,
citando a utilizar las tecnologías de código abierto.
En fecha 16/12/2010 fue aprobada la Ley Orgánica de ciencia,

tecnología e innovación (LOCTI), la cual establece:
Artículo N°1: La presente Ley tiene por objeto

desarrollar los principios orientadores que en materia de
ciencia, tecnología e innovación y sus aplicaciones, establece
la Constitución de la República Bolivariana de Venezuela,
organizar el Sistema Nacional de Ciencia, Tecnología e
Innovación, definir los lineamientos que orientarán las
políticas y estrategias para la actividad científica, tecnológica,
de innovación y sus aplicaciones, con la implantación de
mecanismos institucionales y operativos para la promoción,
estímulo y fomento de la investigación científica, la
apropiación social del conocimiento y la transferencia e
innovación tecnológica, a fin de fomentar la capacidad para la
generación, uso y circulación del conocimiento y de impulsar
el desarrollo nacional.
Se deduce pues, de la lectura y análisis de este artículo, que existe el

deber nacional en impulsar el conocimiento, actividad está en la que debe
estar comprometido el gobierno y por ende los ciudadanos del país, tratándose
que los proyectos socio tecnológicos están orientados en la contribución en el
área del saber, que el campo de conocimientos que nos compete en este
85
momento es la informática, nos pareció pertinente ofrecer nuestras
competencias a este consejo comunal para el desarrollo de esta Página Web,
en aras de contribuir a solventar los problemas que se le vienen presentado
en este particular y de dar nuestro aporte a la consolidación de esta institución.
En fecha 26/11/2009 fue aprobada la Ley orgánica de los consejos

comunales (LOCC), dicha ley establece:
Artículo N°1 La presente Ley tiene por objeto regular la

constitución, conformación, organización y funcionamiento de
los consejos comunales como una instancia de participación
para el ejercicio directo de la soberanía popular y su relación
con los órganos y entes del Poder Público para la formulación,
ejecución, control y evaluación de las políticas públicas, así
como los planes y proyectos vinculados al desarrollo
comunitario.
De la lectura del citado artículo, se aprecia la voluntad del gobierno de
promover a los consejos comunales tener su órgano de expresión, a través del
cual publiquen sus logros y también sus derrotas y esta Página Web, será una
ventana desde la cual, los habitantes de la comunidad o personas ajenas a
este podrán asomarse y ver qué es lo que está ocurriendo en dicha comunidad.
En fecha 11/12/2010, fue aprobada la Ley Orgánica del Poder Popular

(LOPP), con la que se sientan las bases legales para que las comunidades
organizadas puedan ejercer el autogobierno, asuman funciones y
competencias administrativas, pudiendo prestar servicios y ejecutar obras. La
citada ley dice:
Artículo N°1 La presente Ley tiene por objeto desarrollar

y consolidar el Poder Popular, generando condiciones
objetivas, través de los diversos medios de participación y
organización establecidos en la Constitución de la República
Bolivariana de Venezuela, en la Ley, y los que surjan de la
iniciativa popular, para que los ciudadanos y las ciudadanas
86
ejerzan el pleno derecho de la soberanía, la democracia
participativa, protagónica y corresponsable, y la constitución
de formas de autogobierno comunitarias y comunales, para el
ejercicio directo del poder.
De acuerdo al contenido del artículo, este Sitio Web, contribuirá de
manera determinante la institución, por cuanto los vecinos y estudiantes
tendrán acceso a través de sus computadoras a toda la información escrita
que exista de la comunidad, los formatos administrativos, así mismo la difusión
de estas publicaciones ayudará a propios y extraños a conocer la comunidad,
su historia y sus vivencias.
2.4 DEFINICIÓN DE TÉRMINOS
Asamblea de Ciudadanos: Es la instancia primaria del ejercicio del

poder, la participación y el protagonismo popular, cuyas decisiones son de
carácter vinculante. Dávila, P (2008).
Consejo Comunal: Es la instancia de participación, articulación e

integración entre diversas organizaciones comunitarias, grupos sociales y, los
ciudadanos y ciudadanas. Dávila, P (2008).
Tecnología: Conjunto de conocimientos y técnicas que, aplicados de

forma lógica y ordenada, permiten al ser humano modificar su entorno material
o virtual para satisfacer sus necesidades, esto es, un proceso combinado de
pensamientos y acción con la finalidad de crear soluciones útiles. (PEAPT,
2013).
Información: Conjunto organizado de datos, que constituye un

mensaje sobre un cierto fenómeno o ente. La información permite resolver
problemas y tomar decisiones. Horton, S. (2000).
87
Internet: Red de redes que permite la interconexión descentralizada de
computadoras a través de un conjunto de protocolos denominado TCP/IP.
Piscitelli, A. (1998)
Intranet: Red de ordenadores privados basada en los estándares de

Internet. Lynch, P. (2000).
Página Dinámica: Página Web cuya información cambia o se modifica

de forma automática. Landow, G (2002)
Página Web: Es la unidad básica del World Wide Web. Powell, T

(2001).
Portal Web: Es un sitio en el que se integran gran cantidad de los

servicios que habitualmente utilizan todos los usuarios de internet. Martínez, J
(2000).
Sitio Web: Conjunto de archivos electrónicos y páginas Web referentes

a un tema en particular, que incluye una página inicial de bienvenida. Nielsen,
J. (2000)
88
CAPÍTULO III – MARCO METODOLÓGICO
3.1 MÉTODOS DE INVESTIGACIÓN
3.1.1 Tipo de Investigación
La Investigación es de tipo descriptivo, ya que se basa en la descripción

de aspectos característicos de una realidad para analizar y determinar sus
rasgos sobresalientes. Para lograr la comprensión de esta realidad se
utilizaron varios instrumentos, entre ellos se realizó una encuesta a los voceros
y habitantes de la comunidad, así mismo se realizó una entrevista con dos
representantes legales de la comunidad, revisión de varios documentos y el
mecanismo de la observación directa, por lo tanto, la investigación también fue
de tipo documental.
Los datos obtenidos de las actividades antes descritas contribuyen a

enmarcar esta investigación en la de tipo descriptivo, en este orden de ideas
Sabino C, (2002), afirma: “que comprende la descripción, registro, análisis e
interpretación de la naturaleza actual, composición por procesos de los
fenómenos”.
3.1.2 Diseño de la Investigación
De esta forma se considera el presente estudio es una investigación

con un diseño de campo en la modalidad de proyecto factible, ya que trabaja
sobre realidades fácticas y su característica fundamental es la de presentar
una interpretación correcta de los hechos. La investigación de campo es
aquella que se efectúa con la firme intención de comprender y resolver alguna
situación, un problema, una carencia en un contexto social, político económico
determinado, con el propósito de transformar esta realidad.
89
A tales efectos la investigación se realiza en el habitat natural en el que
conviven las personas y las fuentes consultadas, de ellas se obtendrán los
datos más importantes a ser analizados en la actividad de los individuos,
grupos, representantes de organizaciones o comunidades.
En el caso de estudio, Los datos de interés son recogidos en forma

directa de los voceros de la comunidad, las entrevistas se realizaron en los
sitios de residencia de cada uno de ellos y en un conversatorio que se realizó.
De acuerdo con Cázares, L., Christen, M., Jaramillo, E., Villaseñor, L. y
Zamudio, L.. (1980).
La investigación de campo es aquella en que el mismo

objeto de estudio sirve como fuente de información para el
investigador. Consiste en la observación, directa y en vivo, de
cosas, comportamiento de personas, circunstancia en que
ocurren ciertos hechos; por ese motivo la naturaleza de las
fuentes determina la manera de obtener los datos. Las técnicas
usualmente utilizadas en el trabajo de campo para el acopio de
material son: la encuesta, la entrevista, la grabación, la filmación,
la fotografía, etc.; de acuerdo con el tipo de trabajo que se está
realizado, puede emplearse una de estas técnicas o varias al
mismo tiempo.
3.2 TÉCNICAS E INSTRUMENTOS DE INVESTIGACIÓN
La investigación en esencia es la búsqueda de la verdad, ante un hecho

o problema que preocupa a individualidades, comunidades o sociedad en
general, tal investigación está obligada a ofrecer resultados o soluciones, la
credibilidad de tales resultas se fundamenta en la utilización de técnicas de
investigación universalmente aceptadas, a tales fines, cada una de estas
técnicas de investigación les corresponden su instrumento respectivo a los
efectos de su aplicación.
90
En pocas palabras la técnica es la orientación y los instrumentos es la
aplicación, así las cosas, en esta investigación ubicada geográficamente en la
calle Bolívar y sus cercanías, se realizaron los esfuerzos pertinentes en la
utilización de las técnicas de investigación aceptadas para la obtención de
información, así mismo se aplicaron los instrumentos respectivos a los fines
de obtener información, las cuales se exponen:
3.2.1 La Observación Directa
Esta herramienta es de vital importancia en los procesos de

investigación de tipo descriptivo, por cuanto ayuda de sobremanera al
investigador a tomar percepción de la realidad ante los hechos inherentes al
caso en estudio.
Ahora bien, en algunas oportunidades la presencia del investigador en

el sitio de los hechos pueden provocar conducta inhibidoras de los
participantes del evento, de tal manera que le toca al investigador “romper el
hielo” en este particular e involucrarse en los hechos juntos a los pobladores
integrantes de la muestra y lograr a través de su participación que las personas
objetos de estudio se comporten de manera natural o mantenerse oculto y que
las población no se percate que está siendo observada, situación está que no
es factible donde las relaciones se dan de manera dinámica y en diferentes
ámbitos geográfico.
En relación a la observación directa, Según Hurtado J. (2000). expresa

los siguiente:
La observación es la primera forma de contacto o de

relación con los objetos que van a ser estudiados. Constituye
un proceso de atención, recopilación y registro de información,
para el cual el investigador se apoya en sus sentidos (vista,
91
oído, olfato, tacto, sentidos kinestésicos, y cenestésicos), para
estar al pendiente de los sucesos y analizar los eventos
ocurrentes en una visión global, en todo un contexto natural.
De este modo la observación no se limita al uso de la vista.
(pág.58)
3.2.2 La Entrevista
Con la intención de fortalecer las resultas de esta investigación y de

aproximarse a la realidad del caso en estudio, se diseñó y realizó una
entrevista a dos de los voceros más sobresalientes por su actividad dentro de
la institución y por ser representantes legales de esta, según documentos
debidamente registrados, en relación a la entrevista, Tamayo y Tamayo
(2001), afirma:
“Su principal ventaja radica en que son los mismos

actores sociales quienes proporcionan los datos relativos a
sus conductas, opiniones, deseos, actitudes y expectativas”.
3.2.3 La Encuesta
En esta investigación uno de las técnicas que se utilizó para la

recolección de información fue la encuesta, en tal sentido, Hernández., R.,
Fernández, C. y Baptista, P. (2000) lo define como:
“Método, medio o camino a través del cual se establece

la relación entre el entrevistador y el consultado para la
recolección de datos y el logro de los objetivos”. (pág. 60).
De acuerdo con el autor la encuesta es la formulación escrita de una

serie de preguntas de un determinado aspecto del problema que se investiga,
92
que permite obtener la respuesta o información escrita directamente de la
fuente.
En el caso particular de este estudio la población considerada se refiere

a las 474 familias que integran la comunidad “Altos Proceres”, población está
a la cual se le suministro una encuesta con un cuestionario estructurado.
3.3 POBLACIÓN Y MUESTRA
3.3.1 Población
Según Corbetta (2007).
Define a la población como “un conjunto de N unidades,

que constituyen el objeto de un estudio; donde N es el tamaño de
la población”.
Entonces se puede definir como población de este proyecto a todos los

1342 habitantes de la Comunidad “Altos Próceres” y de cualquier persona
ajena a esta comunidad que se beneficie con la información de la página web.
3.3.2 Muestra
Según Castro (2003).
“Se entiende por muestra al "subconjunto representativo

y finito que se extrae de la población accesible". Es decir,
representa una parte de la población objeto de estudio”.
Cuando la población objeto de estudio es muy extensa, como lo es, en

el caso de la Comunidad “Altos Próceres”, se procederá a tomar una muestra
que lo represente. En este caso por ser una comunidad muy amplia se delimitó
específicamente a la calle Bolívar y parte de la calle Sucre y Bompland,
seleccionando de manera intencional por los investigadores una muestra
93
entrevistaría de 25 personas. Los datos recolectados de fuentes externas
generaron una conclusión en la cual se crearía la página web con un diseño
sutil, fácil de usar para los usuarios, el cual sea liviano y compatible con la
mayoría de ordenadores o dispositivos móviles.
3.4 METODOLOGÍA APLICADA
Para la realización del presente proyecto se optó como diseño

instruccional el modelo para la creación de Sitios Web creado por la Ingeniero
Dely Maybel Gil Alvarez, el cual permite contemplar una serie de fases que
conducen a un resultado o fin determinado. Donde cada fase determina los
elementos o factores que deben ser tomados en cuenta para así alcanzar la
meta y es por este motivo que se decidió elegirlo como modelo de desarrollo.
3.4.1 Fase de Análisis
En la siguiente actividad correspondió a la de obtener conclusiones

correspondientes a los datos recolectados en el cual se estableció la finalidad
del proyecto que es la creación de la página web, allí se indagaron las
problemáticas que presentaba la comunidad y se confirmó la falta de
información de la misma en la internet. La página web ofrecerá información
relevante de la comunidad al alcance de todos, se usará para visualizar
información de la misma y descargar documentos.
En base al análisis anterior se recolectó datos provenientes de otras

fuentes que sustentarán el propósito del proyecto y conocimientos técnicos de
creación de páginas web para la creación de la misma, dicha información
proporcionó una ayuda para la planificación que corresponden a las siguientes
actividades.
A través de otras fuentes se comprobó el uso de HTML5 y CSS3 (código

usado para crear y modificar webs) que es el lenguaje por hipertexto actual y
94
que lleva la mayoría de las paginas en la internet y el uso de estándares de
calidad de esos códigos los cuales nos ayuden a optimizarla.
Así mismo se indagaron otras páginas web de comunidades las cuales

ofrecían el servicio de descargar archivos administrativos del consejo comunal,
que se puede implementar en la página sin que esta pierda su característica
de ser estática.
3.4.1.1 Selección de objetivos

En este punto se lleva a cabo el análisis a definir los usuarios que van
a visitar la página web, lo que van a esperar los usuarios al desplegar la página
en su ordenador y lo que se quiere dar a conocer a través sitio web.
 Selección de usuarios
En cuanto a los usuarios a los que se quiere llegar, estos son los
habitantes de la comunidad “Altos Próceres” y a miembros de su consejo
comunal, también indirectamente otros usuarios pueden ser personas ajenas
a esta organización, pero quieran saber información relevante acerca de esta.
Con respecto al perfil del usuario de la comunidad, en esta se hizo una

encuesta para observar el nivel de uso de equipos informáticos, en esta
encuesta un 84% manifestó tener al menos un ordenador o equipo portátil en
su casa, y el 75% dio a conocer que tenían acceso a internet, por lo que al
menos la mayoría de la comunidad puede acceder a la página web cuando
este en la internet.
En las encuestas realizadas un 72% respondió que, si usa y sabe

manejar un ordenador, otro 4% dijo que a veces, esto significa que aparte de
que un 80% de la comunidad puede tener acceso a la página, también sabe
entrar a ella y acceder a sus beneficios. En cuanto a lo expresado
95
anteriormente se ve una factibilidad alta por parte de los usuarios al llevar a
cabo la página.
 Expectativas de los usuarios
Los usuarios pueden esperar una página a la cual acceder y observar

información relevante de esta, así como otras utilidades como documentos
administrativos, como en la mayoría de las páginas webs dedicadas a
comunidades.
En la dificultad de uso de la página, los usuarios pueden esperar una

de uso sencillo, ya que en cuanto a la experiencia de manejo de computadoras
en la comunidad es variado, un 54% manifestó que su conocimiento es más o
menos, otro 27% que era ninguno, un 15% que era poco y solo un 4% que era
mucho. Debido a esto la página debe ser fácil de usar para todos y hay que
apegarse a eso.
En cuanto a encuestas se realizó una pregunta en la cual consistía si

les gustaría la creación de la página web informativa referente a la comunidad,
un 92% respondió que si así que se tendría un apoyo de casi toda la
comunidad a favor de crear la misma.
Así mismo en la realización de las encuestas, los habitantes se

mostraban emocionados con respecto a la creación de esta, incluso
expresaban hasta ideas de implementar a la página, como agregar las
problemáticas que esta padece y que los habitantes sufren en ella, también
como añadir una manera de aviso para cuando lleguen las cajas del Clap o las
bolsas de las distribuidoras, mostrar el precio y bancos a depositar, entre otras.
 Expectativas de la Organización
Con respecto a la organización que en este caso sería el consejo

comunal “Altos Próceres”, este estuvo de acuerdo y en total apoyo desde el
96
inicio de este proyecto y en la realización de la página, accediendo a
entrevistas y ofreciendo información y documentos para implementarlos en la
misma, así como apoyo en la divulgación del sitio a los integrantes de la
comunidad.
La página solventara la saturación de pedidos de documentos

administrativos al consejo comunal, ya que de este solo un integrante poseía
dichos documentos, ahora todos podrán acceder a ellos sin necesidad de que
el consejo comunal intervenga.
3.4.2 Fase de Planificación
En esta fase se va a definir los requerimientos técnicos para la

planificación del proyecto, los cuales serán los miembros del equipo,
seleccionar la estructura del sitio web, planear un diseño bien organizado y
realizar estudios de páginas similares para tomar ideas de esas.
3.4.2.1 Selección de Software
El software que se seleccionó por medio de un acuerdo por el grupo

para la creación del sitio web es el siguiente:
 Software del servidor del Sitio Web:
- Linux 3.2
- Apache 2.4
 Programas para crear y editar el Sitio Web:
- Sublime Text Versión 3.0 Build 3143

- FileZilla Versión 3.33.0
- PicsArt – Photo Studio Versión 9.33.1
- Google Chrome Versión 66.0.3359.170
- Mozilla Firefox Versión 60.0
97
 Lenguajes de codificación para crear y editar el sitio Web:
- HTML Versión 5
- CSS Versión 3
Los softwares antes descritos fueron seleccionados por el grupo de

trabajo debido a su fácil accesibilidad y que son de uso gratuito, aparte de ser
las mejores opciones para realizar el sitio web, ya que cuentan con una buena
calidad. En cuanto a la obtención de estos softwares, fueron descargados
gratuitamente desde internet desde las páginas oficiales de cada uno, los
cuales los ofrecían sin ningún tipo de pago.
3.4.2.2 Selección de Hardware
En respecto a lo que hardware se refiere, para el alojamiento de la

página se usó el dominio y servidor gratuito que ofrece el sitio Web
infininyfree.net por mayor factibilidad, aparte es uno de los pocos sitios de la
internet en donde ofrezcan este servicio ilimitadamente, claro con ciertas
condiciones, no obstante, estas limitaciones afectan en menor medida a
nuestro sitio web a crear ya que son solo una limitación de descarga de 2 MB,
usar en el dominio antes del .com la extensión .epizy y el no permitido uso de
publicidad, esta última no afecta ya que no es nuestro objetivo lucrarnos con
la este sitio, si se tuviera que mantener los pagos de los servicios por seguir
usándolos para que la misma siga activa si sería útil, pero en este caso es lo
opuesto.
Con respecto al hardware usado por el equipo de trabajo para la

creación de la página seria el presentado en la siguiente tabla:
98
Tabla N°11. Hardware para la creación del sitio Web
Equipo Especificaciones Programas Uso
 CPU, teclado,  Sistema Operativo Windows

ratón, monitor 7 Ultimate 64bits
Codificación
PC de  Memoria RAM 4GB  Microsoft Office 2017
y edición
escritorio  Disco duro 500GB  Sublime Text
mayor del
N°1  Intel® Pentium®  FileZilla
sitio Web
CPU G630 @
2.70GHz 2.70GHz
 CPU, teclado,  Sistema Operativo Windows Edición
ratón, monitor 10 Pro 32bits visual, de
PC de  Memoria RAM 3GB  Microsoft Office 2017 imágenes y
escritorio  Disco duro 232GB  Sublime Text codificación
N°2  Intel® Pentium®  FileZilla menor del
Dual CPU E2180 @  PicsArt – Photo Studio sitio web
2.00GHz 2,00GHz
 CPU, teclado,  Sistema Operativo Windows Testeo,
ratón, monitor 7 Ultimate 32bits búsqueda y
PC de  Memoria RAM 1GB  Microsoft Office 2017 resolución
escritorio  Disco duro 30GB  Sublime Text de errores
N°3  AMD® Dual Core  FileZilla del sitio
@ 2.40GHz web
2.50GHz
Fuente: Los Autores
3.4.2.3 Selección del Equipo de Trabajo Adecuado
Para la planificación de este sitio Web consiste en crear puestos de

trabajo en el equipo, para así la creación de la misma sea más óptima y evitar
99
problemas como una sola persona lleve la mayor parte del trabajo o trabajar
todos pero que el producto quede desorganizado. Se trata del conjunto de
puestos de trabajo los cuales estarán a cargo de la concepción, construcción,
evaluación y mantenimiento del sitio. Los miembros del equipo Web serán los
responsables de todas aquellas estructuras no visibles que hacen a la
operatividad de un sitio. El equipo se basará en la convergencia de saberes y
experiencias. Cada puesto de trabajo debe estar asignado a un miembro
capaz y que domine o al menos tenga conocimientos en la disciplina.
Los puestos de trabajo a continuación fueron discutidos por el grupo de

trabajo y todos conformes con la tarea que se les fue asignada a cada uno:
Tabla N°12. Conformación de los puestos de trabajo
Miembro del grupo Puesto(s) de trabajo asignado
Abrahams Marcano  Jefe de Proyecto

 Productor
Johan Figuera  Editor

 Diseñador Grafico
Johan Córdova  Técnico de Hardware

 Técnico de pruebas
Ivana Salazar  Escritor

Fuente: Los Autores
Se escogieron estos puestos dependiendo al conocimiento de cada uno

de los integrantes, el jefe del proyecto que además es el productor es el
encargado de dirigir el grupo y hacer de enlace entre el grupo y el usuario,
además de conocer el usuario de cerca se le hace más fácil saber que este
100
desea, por eso es también el productor debido también a su moderado
conocimiento de creación de sitios web. El editor quien es igual el diseñador
gráfico se encargará de editar el sitio y hacer cambios menores en
comparación al productor, aparte creara toda la multimedia visual que serían
las imágenes que se mostraran en el mencionado sitio y los efectos visuales.
El técnico en hardware se encargará de chequear todos los hardware

en donde se codifica la página dado su conocimiento en el área y además hará
de técnico de pruebas que su tarea sería la de encontrar y corregir errores del
sitio ya que este es el que posee el más alto conocimiento web de todos. Por
último, la escritora se encargará de verificar la ortografía y editar el contenido
documental del sitio.
3.4.2.4 Benchmarking
En esta parte de la metodología se trata de investigar, visualizar y

evaluar todas aquellas páginas web similares a la que queremos implementar
en la comunidad.
En este estudio se observó que la mayoría de las paginas comunales

tenía servicio de descarga de documentos, así como la que se desea crear, y
además la mayoría tenía un diseño básico, pero visualmente agradable, el cual
no tenía tonos de colores fuertes y el fondo estaba de colores claros.
Investigamos que las páginas con más tiempo en visita individual de personas,
son aquellas que manejan tonos grises, ya que estos son visualmente más
atrayentes, más elegantes y sencillos. Estas páginas no tenían efectos
visuales muy exagerados o “pesados”, gran parte de estas ni tenían, y si lo
tenían eran lo suficientemente sutiles para ser viables en todos los equipos.
En cuanto a tiempo de descarga, la mayoría por ser páginas con un diseño
algo sencillo, todas cargaban con una buena velocidad, aunque algunas con
101
problemas de carga, se cree que es debido a los servidores baratos que estas
poseen y que puedan costear.
La mayoría tenía una usabilidad sencilla, no tenían menús complejos o

eran difíciles de comprender la información en estas, así que este sería un
modelo a seguir en cuanto a la creación de la nuestra. Cabe destacar que para
que sea el diseño más sencillo posible debe tener una estructura de tipo en
red (como se explica en la metodología) en el sitio, el cual significa que se
pueda ir de cualquier página a otra en el sitio y que estas no dependan de
otras para entrar, en pocas palabras, un solo clic para ir a cualquier página por
medio de un menú de navegación.
3.4.2.5 Estructura de Navegación
En este punto se decidió escoger una estructura de tipo Red, como

debidamente fue explicada en la metodología de investigación, En ella se
plantea un modelo en el que todas las páginas están relacionadas entre sí, por
lo cual se puede llegar de cualquier página a cualquier otra en el sitio por medio
de un solo clic en el menú de esta, como se puede presentar en la siguiente
figura:
Fuente: Los Autores
Figura N°10. Presentación de la Estructura en Red del Sitio Web
102
Esta estructura se usa en general para aumentar aún más la facilidad
de uso dentro del sitio, ya que va dirigida a un público en donde un 42% de los
clientes que vienen a ser los habitantes que integran la comunidad tienen poco
conocimiento acerca del uso de la computadora.
3.4.2.6 Costos de Inversión
El software y hardware que se seleccionó por medio de un acuerdo por

el grupo para la creación del sitio web es el siguiente:
Tabla Nº13. Costo de servicios Web para el sitio
Servicios Web (Infinityfree.net) Costo

 Servidor De uso gratuito
 Dominio De uso gratuito
Costo total de inversión Gratis
Fuente: infinityfree.net
Tabla N°14. Costo del software del servidor del Sitio Web
Software (Servidor Infinityfree.net) Costo
 Linux 3.2 De uso gratuito
 Apache 2.4 De uso gratuito

Fuente: infinityfree.net
Tabla N°15. Costo de programas para crear y editar el Sitio Web
Programa Costo
 Sublime Text Versión 3.0 Build Descarga gratuita de internet

3143
 FileZilla Versión 3.33.0 Descarga gratuita de internet
103
 PicsArt – Photo Studio Versión Descarga gratuita de internet
9.33.1
 Google Chrome Versión Descarga gratuita de internet

66.0.3359.170
 Mozilla Firefox Versión 60.0 Descarga gratuita de internet

Fuente: Los Autores
Tabla N°16. Costo lenguajes de codificación para crear el sitio Web
Lenguaje de programación Costo
 HTML Versión 5 De uso gratuito
 CSS Versión 3 De uso gratuito

Fuente: Los Autores
No se escatima en gastos de hardware para la creación y edición del

sitio Web ya que los integrantes contamos con equipos informáticos para la
realización.
Como se puede apreciar en las anteriores tablas, el costo de inversión

es nulo, todos el software y hardware que se usa ya se tenía a la mano o era
de uso gratuito, por lo tanto, esto le da máxima factibilidad a la creación del
sitio Web sin tener que depender de los recursos de la institución a quien se
le dará ofrecerá esta innovación a su organización.
104
3.4.2.7 Beneficios a Obtener
El sitio Web Informativo está diseñado para permitir la visualización y

lectura de una variedad de información referente a esta, también se permite
en este sitio descargar documentos administrativos de la misma. El sitio es de
libre acceso por cuanto la información que se difunde y maneja en él es de
dominio público y coadyuva a la innovación de la comunidad en relación
desarrollo humano conjunto a la tecnología que cada vez abarca más cosas
día a día.
3.4.3 Fase de Contenido
En referencia al tiempo, esfuerzo y conocimiento requerido por el

usuario al visitar el sitio, este debe ser de un uso sencillo, rápido y fácil de usar,
como se expuso previamente en la fase anterior, se usa la estructura de tipo
Red para esto, aparte se usan fuentes de un tamaño visible para todos y así
no haya exclusión en cuanto a visibilidad de artículos en esta, así como ayuda
a la visualización de la información y la hace mucho más fácil. El uso de
imágenes de un tamaño mediano y gran ayuda a esto, no tienen que usar más
clics para verlas más grandes, si no que estas ya tienen el tamaño apropiado,
además en algunas imágenes se añade un efecto de agrandar para aumentar
un poco más su tamaño cuando se pasa el puntero ratón por encima de estas.
3.4.4 Fase de Diseño
En esta fase el grupo se enfocó en como diseñaríamos nuestro sitio web

y la estructura lógica que este tendría, por ejemplo; como se colocaría el
contenido informativo del sitio, el contenido descargable, el contenido
multimedia que serían las imágenes y todos estos con una estructura que
tenga lógica y sea entendible fácilmente por el usuario que entre en este sitio
web. En esta fase se enfocan dos aspectos importantes; la usabilidad y la
accesibilidad.
105
3.4.4.1 Usabilidad
Con respecto al tiempo, esfuerzo y capacidad requerido por el usuario

que visita la página, se trata de hacerla lo más sencilla posible, sin pasos
complejos ni nada parecido a eso, solo uno o dos clics para realizar cualquier
acción, y en el sitio tener varias instrucciones de uso muy simples para que
cualquiera que pueda usarla así tenga pocos conocimientos de manejo de
computadoras. En la siguiente tabla mostraremos los pasos para realizar
diferentes acciones;
Tabla N°17. Pasos para realizar acciones en el sitio
Acción Pasos Como realizarlos Dificultad
Visualizar Un clic Tan solo dar un clic en el Muy Fácil

información de la menú a cualquier página
comunidad de información del sitio.
Dar dos clics, uno en el

menú para ir a la página
de documentos y otro en
Descargar Dos clics Fácil
el documento que se
documentos
quiera descargar. Tiene
instrucciones que dicen
a donde hacer clic.
Visualizar Pasar el ratón Solo pasar el puntero

imágenes por encima de la del ratón por encima de Fácil
imagen la imagen y esta se
ampliara.
Fuente: Los Autores
106
3.4.4.2 Accesibilidad
Nuestro sitio Web tiene como uno de sus objetivos ser accesible a la
mayoría de las personas y equipos que se pueda, que sea apreciado con igual
calidad en todos y no sobrecargue los equipos en donde se abra el sitio,
tomando en cuenta que en la mayoría de la comunidad deben tener equipos
de medios y pocos recursos.
En esta parte nos enfocamos en tres áreas fundamentales para

determinar una excelente accesibilidad en el sitio, las cuales son las
siguientes:
 Accesibilidad a la computadora:
En cuanto a la accesibilidad de la computadora para usar el sitio web,

se enfocó en que esta pueda ser ejecutada en la mayoría de las computadoras,
tanto de bajo rendimiento como de medio rendimiento. A continuación, se
mostrarán las especificaciones mínimas para poder ejecutar el sitio web:
• Intel Pentium 4
• Memoria Ram 512 MB
• Monitor, Teclado, Mouse
• Puerto LAN Ethernet (Cableada/Inalámbrica)
 Accesibilidad del navegador utilizado:
En nuestro sitio web se enfocó en el uso de codificación con estándares

de calidad, de tal forma que pueda ser visualizado de la misma forma en los
distintos navegadores que existen, se usaron solo herramientas de HTML y
CSS que hasta la mayoría de las versiones viejas de navegadores puedan
correrlo con normalidad.
107
 Accesibilidad del diseño de las páginas Web:
Para la creación de las páginas de nuestro sitio web no se usaron

extensiones ajenas al navegador, o funcionalidades especiales para la
visualización del mismo, este solo usa técnicas simples de HTML y CSS que
puede poseer cualquier navegador en cualquier versión a partir del año 2014.
3.4.5 Fase de Programación
En esta fase corresponde a la etapa de la codificación de nuestro sitio

web, en este punto se ponen a ejecución los puestos de trabajo en la creación
de la misma. En esta fase el Productor será el editor en jefe del sitio web, El
editor y diseñador gráfico que este le dará la agradable visualización del
mencionado sitio y el escritor que se encarga de dar sentido a los textos que
irán en ella.
Respecto a los lenguajes de codificación de páginas web se usan los

siguientes:
 HTML Versión 5
 CSS Versión 3
El sitio Web a crear será completamente estático, no habrá alguna

edición de ella por parte de los usuarios, solo los creadores podrán editarlo,
esto se hace por dos motivos, el primero es por la complejidad al realizar el
proyecto ya que no se cuenta con los conocimientos suficientes para realizarla
de forma dinámica y el otro motivo es para que sea de un uso muy sencillo y
simple para todos los usuarios que la visiten.
3.4.5.1 Interfaz
En esta fase solo se enfoca en la Interfaz del usuario al visitar la página

ya que esta será totalmente estática, no se moverá ni cambiará sus datos por
alguien ajeno al que la creo, así que esta no usará bases de datos o una
108
programación intermediaria de la interfaz con la base de datos, esta solo será
estáticamente visual.
Se usa una estructura básica en la cual está conformada por una

cabecera, barra de navegación, sección de contenido y el pie de página. Para
la fácil navegación dentro de esta se codifica un menú que está ubicado en la
barra de navegación en el cual se podrá ir a todas las paginas en esta y desde
cualquier página, facilitando el uso de esta y la visualización de este. Esta
estructura puede ser apreciada en la siguiente figura:
Fuente: Los Autores
Figura N°11. Estructura de la interfaz del Sitio Web
109
Con respecto a la codificación del sitio, se usó solo lenguaje
estandarizado, para que pueda ser ejecutado en la mayoría de los
navegadores sin problema alguno.
3.4.6 Fase de Testeo
En esta fase, el técnico de pruebas del grupo de trabajo realizo las

pruebas exhaustivas del sitio para asegurar su perfecto funcionamiento, las
pruebas y resultados son las siguientes:
3.4.6.1 Comprobación en navegadores
Este paso fue realizado por el técnico de pruebas del grupo de trabajo
y se realizó tomando en cuenta los siguientes navegadores más populares:

 Opera Versión 53.0.2907.37
 Internet Explorer Versión 11.0.9600
Se realizaron las pruebas en los navegadores mostrados anteriormente

y como resultado se obtuvo que en los cuatro ninguno mostraba diferencias
con los demás, todos se mostraban casi exactamente igual, variaba un poco
un o dos pixeles en la barra de navegación y una brecha muy pequeña en los
tiempos de abrirla, pero nada verdaderamente relevante o algo dañino en
alguno.
3.4.6.2 Detectar los vínculos rotos
Se hizo una revisión de enlaces en todo el sitio, los enlaces del menú
que llevaban a las otras páginas y los documentos de descarga sin encontrar
ninguna anomalía, estaban bien codificados y sin errores.
110
3.4.6.3 Comprobar tiempo de descarga
Con respecto a esta fase se realizaron pruebas en el tiempo de

descarga del sitio web, tanto de cargar la página como tal, como las imágenes
y los documentos, tomando en cuenta también la velocidad que provee el
servidor. A continuación, se muestra una tabla con tiempos de descarga del
sitio web:
Tabla N°18. Tiempos de descarga en el Sitio Web
Acción a realizar en el Sitio Velocidad de Tiempo (con un

Web carga/ descarga internet estable)
Entrar a la página principal 2 Mb De 1 a 2 segundos en

cargar
De 1 a 2 segundos en
cargar la página y 3 a
Cargar una página segundaria 2 Mb
6 segundos en cargar
con imágenes
las imágenes
Cargar una página segundaria 2 Mb De 1 a 3 segundos en

de información cargar
De 5 a dos minutos
dependiendo del
Descargar documentos 2 Mb
tamaño del archivo y
del internet
Fuente: Los Autores
111
3.4.7 Fase de Mercado Y Publicidad
En esta fase se definido que el sitio tendría una licencia Copyleft de la

Creative Comons, esta será solo del tipo de reconocimiento, así dejando
totalmente libre el uso del código de la página, el cual puede ser distribuido,
copiado y exhibido, dejando en claro que somos los autores.
En una página secundaria del sitio Web se colocará la información de

este proyecto y sus autores, además de datos para poder contactarlos.
Se definió como dominio gratuito del sitio el siguiente:

www.comunidadaltosproceres.epizy.com, este lleva por extensión “epizy” ya
que el proveedor de este dicho dominio obliga a llevar este a cambio de usarlo.
En cuanto al servidor se usó el mismo que otorga el proveedor, cuyo este es
la página infinityfree.net y es gratuito también.
Para subir los archivos al servidor web se usó el programa para

transferencia por FTP (“File Transfer Protocol” o en español protocolo de
transferencia de archivos) llamado FilleZilla que es de descarga y uso gratuito.
Después de publicada el sitio Web, su difusión dependerá del consejo

comunal, este difundirá por medio de sus asambleas, cualquier interesado que
vaya a pedirles información de la comunidad y por su grupo telefónico de la
aplicación Whatsapp.
112
CONCLUSIONES
La investigación se realizó la comunidad “Altos Próceres”, ubicado en

la calle Bolívar de la Parroquia Santa Inés del Municipio Sucre del Estado
Sucre, el área abordada para su estudio cuenta con todos los servicios
públicos. El problema que suscitó la investigación radica en el
desconocimiento por parte de los vecinos de la información de la comunidad y
parte de los documentos administrativos que maneja la institución y por la
trabajosa tarea de en la entrega de algunos de estos, situación está que a
juicio de los voceros mantiene un estado de malestar e inconformidad entre
los residentes del área.
Se inició el levantamiento de la información para determinar los

requerimientos del sitio web a crear y consustanciarlos con las expectativas
del cliente, de igual manera se fundamentó en una amplia base legal, por
cuanto existe suficiente reglamentación legal dirigida a fomentar la
participación popular en todos los niveles del conocimiento, así mismo la
actividad de los consejos comunales está respaldada por la misma.
El proyecto Socio Tecnológico quedó enmarcado en las de tipo

Proyecto factible y de Campo, con la finalidad de recabar la información se
utilizaron instrumentos tales como: Cuestionario encuestas, entrevistas y
revisión de los documentos públicos del consejo comunal, luego de tener la
información correctamente organizada y digitalizada se procedió a la
Tabulación de los Datos con la finalidad de tener una visión más precisa de la
opinión de los vecinos acerca del problema en investigación, posteriormente
se realizó el cronograma de actividades para organizar en el tiempo, las
actividades a ejecutar.
113
RECOMENDACIONES
El producto entregado al Consejo Comunal cumplió totalmente con las

expectativas esperadas y los requerimientos del cliente, no obstante,
realizamos las siguientes recomendaciones, solamente con la intención de
mejorar la funcionalidad de éste y que se convierta en ejemplo a seguir para
otras comunidades.
 Incorporar un módulo de foros, donde el usuario abra los debates en

función de preguntas que realice.
 Permitir el registro de usuarios.
 Fomentar la subida de documentos de opinión de los vecinos.
 Desarrollar una Aplicación Web que permita al usuario interesado la
creación de mini blog.
 Añadir una sección de noticias de interés como por ejemplo noticias del
CLAP, que pueda ser editada por el consejo comunal sin la ayuda de
algún informático.
114
REFERENCIAS BIBLIOGRÁFICAS
FERNÁNDEZ, A. Producción y Diseño Gráfico para la World Wide Web.

Barcelona: Paidós. 1998.
¿Qué son los servidores web y por qué son necesarios? Diego Reig.
duplika, 20 de septiembre de 2010 [consulta: 26 febrero 2018] Disponible en:
https://duplika.com/blog/que-son-los-servidores-web-y-por-que-son-
necesarios/
¿Qué es el hosting? Diego Reig. duplika, 12 de agosto de 2010

[consulta: 26 febrero 2018] Disponible en: https://duplika.com/que-es-el-
hosting
¿Qué es HTML? Javier Flores Herrera. códigofacilito. 2010 [consulta:

28 febrero 2018] Disponible en: https://codigofacilito.com/articulos/que-es-html
Definición de CSS - ¿Qué son las hojas de estilo o cascading style

sheets? masadelante, ©1999-2018 [consulta: 26 febrero 2018] Disponible en:
http://www.masadelante.com/faqs/css
Internet Relay Chat (IRC) Diaz Martinez, A. G. CencoMed, 4 de octubre

de 2016 [consulta: 25 febrero 2018] Disponible en:
http://www.cenco.sld.cu/node/38
115
Que es el servicio FTP – File Transfer Protocol. InterneYa Co. Internet
Ya, 26 de junio de 2013 [consulta: 3 marzo 2018] Disponible en:
http://www.cenco.sld.cu/node/38
Empezando a navegar. Martin Martin, R. Universidad de Castilla La

Mancha, 2 de Julio de 2008 [consulta: 25 febrero 2018] Disponible en:
https://www.uclm.es/profesorado/raulmmartin/Internet.MetododeNegocios/Te
ma4.pdf
Empezando a navegar. Martin Martin, R. Universidad de Castilla La

Mancha, 2 de Julio de 2008 [consulta: 25 febrero 2018] Disponible en:
https://www.uclm.es/profesorado/raulmmartin/Internet.MetododeNegocios/Te
ma4.pdf
Definición de TELNET. Pérez Porto, J., & Gardey, A. Definicion de, 2010
[consulta: 26 febrero 2018] Disponible en: http://definicion.de/telnet/
Definición de correo electrónico. Perez Porto, J., & Merino, M. Definicion

de, 2008 [consulta: 26 febrero 2018] Disponible en: http://definicion.de/correo-
electronico/
Que significa WWW. Pérez Porto, J., & Merino, M. Definicion de, 2012
[consulta: 26 febrero 2018] Disponible en: http://definicion.de/www/
Desarrollo de Negocios Virtuales. Rafael, N. Blogspot Mx, 7 de octubre

de 2015 [consulta: 3 marzo 2018] Disponible en:
http://desarrollodenegociosvituales.blogspot.mx/2015/10/11-servicios-de-
internet-y-desarrollo.html
116
Lenguajes de programación: ¿Qué son y para qué sirven? Ricardo
Morales. Colombia Digital, 1 de septiembre de 2014 [consulta: 28 febrero 2018]
Disponible en: https://colombiadigital.net/actualidad/articulos-informativos
/item/7669-lenguajes-de-programacion-que-son-y-para-que-sirven.html
Gaceta Oficial Extraordinaria N° 5.453. Constitución de la República

Bolivariana de Venezuela. Asamblea Nacional Constituyente. Caracas-
Venezuela. 2000.
Gaceta Oficial Extraordinaria N° 6.011. Ley Orgánica del Poder Popular.

Caracas-Venezuela. 2010.
Gaceta Oficial N° 36.955. Decreto N° 825. Acceso y uso de Internet en

el territorio nacional. Caracas-Venezuela. 2000.
Gaceta Oficial N° 36.970. Ley Orgánica de Telecomunicaciones.

Gaceta Oficial N° 38.095. Decreto N° 3390. Uso prioritario de software

libre en la administración pública. Caracas-Venezuela. 2004.
Gaceta Oficial N° 38.242. Ley Orgánica de Ciencia Tecnología e

Innovación. Caracas-Venezuela. 2005.
Gaceta Oficial N° 39.335. Ley Orgánica de los consejos comunales.

117
DÁVILA, P. Consejos Comunales. Caracas: Panapo. 2008.
HERNÁNDEZ., R., FERNÁNDEZ, C. Y BAPTISTA, P. Metodología de

la investigación. México: Mc Graw Hill. 2000.
HORTON, S. Principios de Diseño Básicos para la Creación de Sitios

Web. Madrid: La cabaña. 2000.
LANDOW, G. Hipertexto. La convergencia de la teoría crítica

Contemporánea y la tecnología. Barcelona: Paidós. 2002.
LYNCH, P. Diseño de sitios Web. Madrid: Pearson. 2000.
POWELL, T. Diseño de Sitios Web. Manual de Referencia. Madrid:

McGraw-Hill. 2001.
SABINO, C. El proceso de Investigación. Caracas: Panapo. 2002.
TAMAYO Y TAMAYO. El proceso de la Investigación Científica. México:

Limusa. 2001.
COSTA, J. Imagen Corporativa en el Siglo XXI. Buenos Aires: La Crujía.

2001.
PISCITELLI, A. Ecología de los Medios en la Era de Internet. Buenos

Aires: Paidós. 1998.
118
MARTÍNEZ, J. Estructuras básicas del software educativo. Chile:
Galdoc. 2000.
NIELSEN, J. Usabilidad y Diseño de sitios Web. España: Cervantes.

2000.
JORGE JARAMILLO. 2011.
MORENO & SANTIAGO. 2003.
CÁZARES, L., CHRISTEN, M., JARAMILLO, E., VILLASEÑOR, L. Y

ZAMUDIO, L. Técnicas actuales en la investigación documental. México:
Trillas. 1980.
HURTADO, J. Metodología de la investigación holística. Caracas:

Sypal. 2000.
CORBETTA, P. Metodología y Técnicas de Investigación Social.

Madrid, España: MC Graw Hill. 2007.
CASTRO, M. El Proyecto de Investigación y su Esquema de

Elaboración. (2ª.ed.). Caracas: Uyapal. 2003.
Instructional System Design (ISD): Using the ADDIE Model. Steven J.

Mcgriff. 2000. Disponible en: http://castor.unab.edu.co/courses/1/545-
201062MTEM/content/_27737_1/dir_unidad1.zip/unidad1/prod_00140unidad.
html
119
Instructional Systems, College of Education, Penn State University.
Steven J. McGriff. Modelo Addie. Septiembre 2000. Disponible en:
http://castor.unab.edu.co/courses/1/545-201062-
MTEM/content/_27737_1/dir_unidad1.zip/unidad1/prod_00140unidad.html
TOM GREEN, JORDAN L. CHILCOTT & CHRIS S. FLICK. Studio MX:

Creacion de sitios Web. Madrid, España. 2003.
ROMERO ZÚNICA, R. Diseño de páginas web accesibles. 1ª Jornadas

sobre Comunicación Aumentativa y Alternativa. ISAAC. Vitoria: 9 de
noviembre de 1999. Disponible en: http://acceso.uv.es/unidad/pubs/1999-
DiseAcces/index.html [Última consulta: 20 de julio de 2004].
ROMERO ZÚNICA, R. Metodología práctica de revisión de la

accesibilidad de sitios web. Curso Internet para TODOS - Diseño de Sitios Web
Accesibles. Ciclo de Invierno de la Universidad Complutense de Madrid en
colaboración con ONCE. Madrid 28-29 de marzo de 2001. Disponible en:
http://acceso.uv.es/unidad/pubs/2001-Evaluacion/ [Última consulta: 20 de julio
de 2004].
MONTERO, Y. Y MARTÍN, F. Diseño Inclusivo: marco metodológico

para el desarrollo de sitios web accesibles. Revista Española de
Documentación Científica. España. 2003.
MORRIS, S. Y DICKINSON, P. Habilidades directivas. Cómo conseguir

una buena web en una semana. Ediciones Gestión 2000. España. 2002.
120
ANEXOS
Anexo A. Carta de presentación del proyecto
121

Desarrollo de Una Aplicación Web Informativa para La Comunidad "Altos Próceres" Ubicada en La Ciudad de Cumana, Municipio Sucre Del Estado Sucre.

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Desarrollo de Una Aplicación Web Informativa para La Comunidad "Altos Próceres" Ubicada en La Ciudad de Cumana, Municipio Sucre Del Estado Sucre.

Cargado por

Copyright:

Formatos disponibles

República Bolivariana de Venezuela

Ministerio del Poder Popular para la educación Universitaria,

Desarrollo de una Aplicación Web informativa para la

Tutor: Lcdo. Aníbal Torres Autores:

Cumaná, julio del 2018

En primer lugar, a Dios todo poderoso, por darnos fuerzas, salude

A nuestros padres por darnos el alimento diario, A nuestros compañeros

A los profesores que, con su colaboración y desprendimiento, me

Al consejo Comunal “Altos Proceres” y a su respectiva comunidad por

A todas aquellas personas que hemos conocido en el camino y han

Tabla N°1. Ubicación de la Comunidad “Altos Próceres”………………………15

Figura N°1. Croquis de la Comunidad “Altos Próceres”……………………….16

Desarrollo de una Aplicación Web informativa para la Comunidad “Altos

Esta nueva era tecnológica se encuentra comprendida por la población

La incorporación de estas tecnologías en el ámbito de las comunidades

Es por ello que se plantea el desarrollo de una aplicación web para la

En el siguiente proyecto se aborda el desarrollo de una aplicación web

CAPITULO I, se relaciona con el planteamiento del problema, en el que

CAPITULO II, corresponde los antecedentes de la investigación, donde

CAPITULO III, se describe la metodología aplicada para la consecución

1.1 DESCRIPCIÓN DEL CONTEXTO

1.1.1 Nombre de la Comunidad

Comunidad “Altos Proceres”.

1.1.2 Ubicación Geográfica

El proyecto Socio tecnológico de la Pagina Web Para la Comunidad

Tabla N°1. Ubicación de la Comunidad “Altos Próceres”

Norte Con la Calle Ayacucho y la Av. Gran Mariscal

Figura N°1. Croquis de la Comunidad “Altos Próceres”

Con el color azul está identificada la comunidad.

1.1.3 Reseña Histórica

El consejo comunal “Altos Próceres” se constituyó mediante las

En la Calle Sucre existió la escuela Normal “Pedro Arnal” en este mismo

La casa anexa a la escuela fue habitada por el profesor Ascanio

Cabe resaltar que en la calle Sucre hubo una fábrica de colchones

En el callejón La Paz vivían varias familias entre ellas la del señor

Actualmente el sitio donde estaban los gallos funciona como taguara de

En el callejón Andrés Bello vio nacer a Pablo Salazar (Pablito Cachuela)

Cabe mencionar quienes degustaban este desayuno eran Profesores

1.1.4 Organizaciones Presentes

 Consejo Comunal “Altos Próceres”

Fuente: Consejo Comunal “Altos Próceres”

Figura N°2. Estructura Organizativa del Consejo Comunal

1.1.6 Principales Problemas (Causas y Consecuencias) y su

 Frecuencia: ¿Qué tan frecuente es el problema?

 Importancia: ¿Cuáles son los problemas más importantes? ¿Cuáles

Tabla N°2. Matriz de Oportunidades

Problema Frecuencia Importancia Factibilidad Total

Poca participación de los

Insuficiencia en el flujo de agua

De acuerdo a lo expresado en la matriz de prioridades (ver Tabla 2) la

1.1.7 Análisis de Fortalezas y Debilidades

Los voceros del consejo comunal Altos Próceres, han venido

Sin embargo se aprecia una suma de fortalezas que posibilitan la

Con el objetivo de tener una visión general de las fortalezas,

Tabla N°3. Matriz FODA

 Problemas de alcantarillado y aguas servidas.

Estos abordan una serie de problemáticas que comprenden dentro de

 La comunidad no cuenta con información en la internet, ya sea por

1.2 DESCRIPCIÓN DEL CONTEXTO

En el mundo, las aplicaciones, sitios Web, portales y páginas web, hasta

Venezuela, no es ajena a la realidad antes descrita, la Internet en el

Así mismo, escasea la información acerca de sus problemáticas acerca

También en la comunidad la entrega de documentos e información de