Logo Studenta

TEG ANGELICA CORO OSORIO

¡Este material tiene más páginas!

Vista previa del material en texto

I 
 
 
REPUBLICA BOLIVARIANA DE VENEZUELA 
INSTITUTO UNIVERSITARIO DE TECNOLOGÍA INDUSTRIAL 
“RODOLFO LOERO ARISMENDI” 
EXTENSIÓN BARCELONA 
 
 
 
 
 
 
 
 
SISTEMA WEB PUBLICITARIO DIRIGIDO A LA UNIDAD EDUCATIVA SAN 
LÁZARO II. PUERTO LA CRUZ, MUNICIPIO JUAN ANTONIO SOTILLO, ESTADO 
ANZOÁTEGUI, P-2022 
 
Trabajo Especial de Grado presentado como requisito parcial para optar al título de 
Técnico Superior Universitario en la carrera de Informática 
 
 
 
 
 
Autora: Angélica Guadalupe Coro Osorio 
Tutora: Ing. Liliana Adazme 
 
 
 
 
 
Barcelona, marzo 2022 
 
 
II 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
SISTEMA WEB PUBLICITARIO PARA LA UNIDAD EDUCATIVA SAN LÁZARO II 
UBICADO EN PUERTO LA CRUZ, MUNICIPIO JUAN ANTONIO SOTILLO, ESTADO 
ANZOÁTEGUI, P-2022 
 
 
 
 
 
 
 
 
 
 
 
 
 
III 
 
DEDICATIRIA 
Deseo dedicarle mi proyecto final de carrera primeramente a DIOS que me otorgó la salud y la 
Posibilidad de poder hacer cada una de mis metas , a mi familia completa que apoyaron desde 
pequeña a cumplir cada una de mis metas de vida, por ayudarme a levantarme de cada problema 
que tuve en el camino alentándome a seguir, a mis amigos que han estado allí una vez que los 
requiera; pero en especial a dos personas que dieron su vida por mí, que han estado en todo 
instantes a mi lado, Mis Abuelos que han estado en cada fase fundamental de mi vida viéndome 
crecer, reír , llorar, pasar noches en vela con el fin de conseguir cada meta que he tenido en la vida 
hasta el momento, aunque uno por el momento no este entre nosotros mismos sé que está mirando 
como pueda una meta más, Mi abuela Ángeles Osorio, que es la persona que más admiro y amo 
en esta vida, la persona que conoce cada detalle de mí, quien ha sido uno de mis pilares más 
relevantes de mi vida , ella no solo es abuela sino además fue mi asesora, amiga, papá, y más que 
nada mamá. Ella estuvo conmigo apoyándome a partir de un principio a hacer este plan final de 
trabajo de carrera. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
. 
IV 
 
AGRADECIMIENTOS 
Deseo agradecer mi proyecto de final de carrera primero a DIOS que me entregó la salud y la 
posibilidad de poder hacer cada una de mis metas, a mi familia que me secundaron a partir desde 
pequeña a consumar mis metas de vida, mis tutores la Ing. Liliana Adazme y el Lcdo. Gamal 
KadBay. mis amigos que han estado allí una vez que los necesite y en especial a mi Abuela Ángeles 
Osorio que estuvo conmigo apoyándome a hacer este plan final de trabajo de nivel. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
V 
 
INDICE GENERAL 
 
PAGINA DE TITULO………………………………………………………………... II 
DEDICATORIA.................................................................................................................... III 
AGRADECIMIENTO.................................................................................................... IV 
INDICE GENERAL…………………………………………………………………... V 
LISTA DE CUADROS………………………………………………………………... VII 
LISTA DE GRAFICOS………………………………………………………………. VIII 
LISTA DE FIGURAS…………………………………………………………………. IX 
RESUMEN……………………………………………………………………………… X 
INTRODUCCION……………………………………………………………………… 1 
CAPITULOS 
 I EL PROBLEMA 
 Planteamiento del Problema……………………………………………….. 2 
 Objetivo General…………………………………………………………... 3 
 Objetivo Específicos………………………………………………………. 3 
 Justificación de la Investigación………………………………………….... 4 
 Delimitación de la Investigación…………………………………………... 5 
 II MARCO TEORICO 
 Antecedentes de la Investigación…………………………………………… 6 
 Bases Teóricas…………………………………………………………….... 6 
 Bases Legales………………………………………………………………. 9 
 Sistemas de Variables……………………………………………………….. 11 
 Definición de Términos básicos……………………...……………………... 12 
 III MARCO METODOLOGICO 
 Diseño de la Investigación…………………………………………………... 13 
 Tipo de Investigación……………………………………………………….. 14 
 Nivel de Investigación………………………………………………………. 14 
 Modalidad de Investigación…………………………………………………. 14 
 Población y Muestra………………………………………………………… 15 
 Técnicas e Instrumentos de Recolección de Datos…………………………. 15 
VI 
 
 Validación de Instrumentos…………………………………………………… 16 
 Técnica de Análisis de Datos…………………………………………………. 16 
 Operacionalizacion de las Variables………………………………………….. 17 
 IV ANALISIS E INTERPRETACION DE LOS RESULTADOS 
 V CONCLUSIONES Y RECOMENDACIONES 
 Conclusiones………………………………………………………………….. 26 
 Recomendaciones……………………………………………………………... 27 
 VI PROPUESTA 
 Introducción…………………………………………………………………... 28 
 Justificación…………………………………………………………………… 28 
 Objetivos……………………………………………………………………… 29 
 General………………………………………………………………………... 29 
 Específicos……………………………………………………………………. 29 
 Estructura de la Propuesta……………………………………………………... 29 
 Estudio de Factibilidad……………………………………………………....... 29 
 Factibilidad Económica……………………………………………………….. 31 
 REFERENCIAS BIBLIOGRAFICAS………………………………………………. 49 
 ANEXOS 
 A Cuestionarios………………………………………………………………………. 50 
 B Certificado de Validez……………………………………………………………… 53 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
VII 
 
 
INSTITUTO UNIVERSITARIO DE TECNOLOGÍA INDUSTRIAL 
“RODOLFO LOERO ARISMENDI” 
EXTENSIÓN BARCELONA 
 
 
LISTA DE CUADROS 
 
 
CUADRO P.P 
1 Cuadro de operacionalizacion de las variables…………………………………………. 17 
2 Fácil Acceso sobre el sistema web……………………………………………………… 19 
3 Búsqueda de datos sobre la institución………………………………………………….. 20 
4 Reporte confiable en cuanto se habla del sistema web………………………………….. 21 
5 Solucionara el problema de acceso el sistema web en cuanto a la información de la 
institución………………………………………………………………………………... 
 
22 
6 Acceso de otros estudiantes por vía sistema web……………………………….……….. 23 
7 Almacene información de la institución por medio del sistema web……………………. 24 
8 Consultar información a través del sistema web…………………………..……………… 25 
9 Factibilidad Tecnológica-Materiales y Equipos (Desarrollador)…………………………. 30 
10 Factibilidad Tecnológica-Materiales y Equipos (Usuarios)……………………………… 30 
11 Factibilidad Económica-Materiales y Equipos (Desarrollador)………………………….. 31 
12 Factibilidad Económica -Materiales y Equipos (Usuarios)………………………………. 32 
13 Entidades del modelo de dominio………………………………………………………… 34 
14 Definición de los Componentes de los Casos de Uso (Actores)…………………………. 35 
 
 
 
 
 
 
 
VIII 
 
INSTITUTO UNIVERSITARIO DE TECNOLOGÍA INDUSTRIAL 
“RODOLFO LOERO ARISMENDI” 
EXTENSIÓN BARCELONA 
 
 
 
LISTA DE GRAFICOS 
 
GRAFICO P.P 
1 Fácil Acceso sobre el sistema web……………………………………………………… 19 
2 Búsqueda de datos sobre la institución………………………………………………….. 20 
3 Reporte confiable en cuanto se habla del sistema web………………………………….. 21 
4 Solucionara el problema de acceso el sistema web en cuanto a la información de la 
institución............................................................................................................................. 
22 
5 Acceso de otros estudiantes por vía sistema web……………………………………….. 23 
6 Almacene información de la institución por medio del sistema web…………………….. 24 
7 Consultar información a través del sistema web………………………………………... 25 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
IX 
 
 
INSTITUTO UNIVERSITARIO DE TECNOLOGÍA INDUSTRIAL 
“RODOLFO LOERO ARISMENDI” 
EXTENSIÓN BARCELONA 
 
 
 
LISTA DE FIGURAS 
 
FIGURAP.P 
1 Diagrama de Dominio actual del sistema web Publicitario de la Institución Educativa San 
Lázaro II………………………………………………………………………………………. 
 
35 
2 Diagrama general de Casos de uso del Sistema web dirigido al San Lazaro II…...................... 36 
3 Diagrama del caso de uso Información……………………………………………………….. 36 
4 Diagrama del caso de uso, Acceder a la Información por parte de los Estudiantes…………… 37 
5 Diagrama del caso de uso Acceder a la Información………………………………………….. 38 
6 Ventana Modal del sistema…………………………………………………………………… 39 
7 Descripción de la Ventana Modal…………………………………………………………….. 40 
8 Descripción de la categoría de información…………………………………………………... 41 
9 Interfaz del sistema…………………………………………………………………………… 42 
10 Diseño de Ventana Modal…………………………………………………………………….. 45 
11 Desarrollo de la Información…………………………………………………………………. 47 
 
 
 
 
 
 
X 
 
INSTITUTO UNIVERSITARIO DE TECNOLOGÍA INDUSTRIAL 
“RODOLFO LOERO ARISMENDI” 
EXTENSIÓN BARCELONA 
 
 
CARRERA: INFORMÁTICA 
 
SISTEMA WEB PUBLICITARIO PARA LA UNIDAD EDUCATIVA SAN LÁZARO II 
UBICADO EN PUERTO LA CRUZ, MUNICIPIO JUAN ANTONIO SOTILLO, ESTADO 
ANZOÁTEGUI, P-2022 
 
Autora: Angélica Guadalupe Coro Osorio 
Tutora: ING. Liliana Adazme 
Fecha: Marzo 2022 
 
Resumen 
El presente trabajo de investigación se titula: SISTEMA WEB PUBLICITARIO DIRIGIDO 
A LA UNIDAD EDUCATIVA SAN LÁZARO II. PUERTO LA CRUZ, MUNICIPIO JUAN 
ANTONIO SOTILLO, ESTADO ANZOÁTEGUI, cuyo objetivo es desarrollar un sistema 
web sobre la institución, para el uso del público y estudiantes del instituto ya mencionada 
anteriormente. Para lograr este objetivo se realizó una investigación detallada sobre la 
creación de un sistema web que se pueda utilizar accediendo a un servidor web a través de 
un navegador mediante el uso de internet. Este se llevó a cabo con una investigación de tipo 
documental y de campo. la población está conformada por tres personas del área 
administrativa de la misma institución mencionado anteriormente, los cuales aportaron 
datos necesarios para el desarrollo del sistema web, a través de encuestas realizadas. Durante 
el avance de la investigación, se observó que la falta de un Sistema web dirigido 
específicamente a la institución ha llevado diversas complicaciones a la hora del estudio y 
posterior puesta en práctica de tema referente al desarrollo de un sistema web, por lo que la 
creación de dicho sistema ayudaría a reducir la gran mayoría de estos inconvenientes 
Descriptores: Sistema web 
 
 
1 
 
INTRODUCCIÓN 
 La necesidad de la institución Educativa San Lázaro II por informar a sus estudias y público sobre 
la información de la unidad educativa es cada vez mayor, por lo que la falta de un sistema web de 
fácil acceso y de rapidez se hace notar con mayor frecuencia, lo que ocasiona un desperdicio de 
tiempo a la hora de anunciar temas específicos y un bajo registro escolar, conllevando a un bajo 
rendimiento en las estaciones de la institución educativa. Esto no solo es perjudicial para la 
institución, ya que el público de igual forma no posee un sistema la cual poder información sobre 
la institución, dificultado así la comunicación que puedan realizar con la institución. El estudio del 
desarrollo y diseño de un sistema web es uno de los mayores rectos a los que se enfrentan la 
institución Educativa industrial San Lázaro II, es por esto que la implementación de un sistema 
web enfocado específicamente a esta población ayudaría a solventar estos problemas y facilitar la 
información institucional, además que permitirá actualizar y resguardar toda la información en un 
solo sistema web seguro. El trabajo está estructurado de la siguiente manera: CAPITULO I. El 
problema: se describe la problemática actual, las fallas e inconvenientes de la institución, se 
establecen los Objetivos Generales y Específicos, la Justificación y las Delimitaciones. 
CAPITULO II. MARCO TEORICO: se especifican los Antecedentes de la Investigación y se 
explican detalladamente las Bases Teóricas y Bases Legales que sustentan el proyecto, así como 
también se incluye la Definición de Términos Básicos. CAPITULLO III. Marco Metodológico: 
se hace referencia a la metodología utilizada, lo que abarca el tipo y diseño de investigación, la 
Población y Muestra, las Técnicas e Instrumentos de Recolección de Datos, la Validación del 
Instrumento y la Operacionalizacion de Variables. CAPITULO IV. Presentación y Análisis de los 
Resultados: se analizan los Resultados del Cuestionario de preguntas realizado anteriormente y se 
muestran los diferentes diagramas al igual que las pantallas principales del sistema propuesto. 
CAPITULO V. Comprendido por las conclusiones y Recomendaciones. CAPITULO VI. La 
Propuesta. 
 
 
 
 
2 
 
 
2 
 
 
CAPÍTULO I 
EL PROBLEMA 
PLANTEAMIENTO DE PROBLEMA 
 Se denomina sistema web a aquellas aplicaciones de software que puede utilizarse accediendo 
a un servidor web a través de Internet o de una intranet mediante un navegador. Las aplicaciones 
web son muy usadas hoy en día, debido a lo práctico del navegador web como cliente ligero, a la 
independencia del sistema operativo y otras ventajas. 
 ALEGSA.com.ar (2016) Todo entorno web funciona gracias a los servidores web. Son 
computadoras conectadas a internet que se encargan de procesar lo que se les solicita. Los 
servidores web permiten que veamos e interactuemos con sitios web y aplicaciones web 
 Usar aplicaciones web ahorra dinero, se empleará mejor su tiempo por no tener que ocuparse 
de aprender a manejar nuevos programas, ni mantenerlos o hacer copias de seguridad de sus datos 
y podrá trabajar desde cualquier sitio. Sólo es necesario usar un ordenador con un navegador web 
y conectarse a Internet. Las aplicaciones basadas en web usan menos recursos que los programas 
instalados. 
 Por otra parte, las aplicaciones web no requieren canales de distribución como el software 
tradicional, lo que permite que su precio sea inferior al de los programas instalables. Existe además 
la posibilidad de “alquilar” las aplicaciones web según las funciones a utilizar o el número de 
usuarios; la inversión se convierte en gasto. Las aplicaciones web son muy sencillas de utilizar, 
sólo necesitará conocimientos básicos de informática para trabajar con ellas. 
 La unidad Educativa Industrial San Lázaro II se encuentra ubicada en la Avenida Bolívar 
municipio juan Antonio sotillo en puerto la cruz, estado Anzoátegui. 
 Es una institución que está comprometida con la enseñanza a niños, niñas y adolescentes a 
partir de guardería a bachillerato; impartiendo de esta forma ocupaciones extracurriculares. 
Actualmente, la Unidad Educativa no cuenta con un sistema web Informativo y publicitario de su 
3 
 
historia, ubicación, contacto, actividades curriculares y extracurriculares de forma de poder brindar 
al alumno una enseñanza incorporada que abarque los puntos de formación moral, física, 
emocional y/e intelectual. Fortalecerá los valores y la práctica de las mismas dentro y fuera de la 
organización. 
Para la realización de esta investigación se analizará cada situación a la que se le pretende dar 
respuesta a las siguientes interrogantes: 
¿Cuál será la situación actual que presenta el Sistema web que actualmente está utilizando la 
unidad Educativo Industrial San Lázaro II en la Avenida Bolívar ubicado en Puerto la cruz, 
municipio Juan Antonio Sotillo, Estado Anzoátegui? 
¿Cuáles son los requerimientos para la programación de un sistema web? 
¿Qué beneficios traerá el diseño de un sistema web para la unidad Educativo Industrial San Lázaro 
II en la Avenida Bolívar ubicado en Puerto la cruz, municipio Juan Antonio Sotillo, Estado 
Anzoátegui? 
OBJETIVOS DE LA INVESTIGACION 
OBJETIVO GENERAL 
Desarrollar un sistema web informativo y publicitario para la unidad educativa san lázaro II 
ubicado en puerto la cruz, municipio juan Antoniosotillo, estado Anzoátegui, p-2022. 
OBJETIVOS ESPECIFICOS 
Describir la situación actual que presenta la publicidad que actualmente está utilizando la unidad 
Educativo Industrial San Lázaro II en la Avenida Bolívar ubicado en Puerto la cruz, municipio 
Juan Antonio Sotillo, Estado Anzoátegui. 
Analizar los requerimientos del sistema web propuestos en la unidad Educativa Industrial en puerto 
la cruz, municipio Juan Antonio Sotillo, estado Anzoátegui P.2022. 
Diseñar un sistema web en el san lázaro II ubicado en puerto la cruz, municipio juan Antonio 
sotillo, estado Anzoátegui, p-2022. 
 
4 
 
JUSTIFICACION DE INVESTIGACIONES 
 La era digital ha revolucionado cada aspecto de nuestra vida cotidiana y la educación no es la 
excepción. La tecnología llegó para quedarse y poco a poco ha cambiado los métodos de enseñanza 
dentro de las aulas, puesto que cada vez están más presentes el uso de computadoras, celulares y 
otros equipos de telecomunicación que permiten el almacenamiento, transmisión y manipulación 
de datos. 
 La mayor ventaja de estas tecnologías se da al romper las barreras de espacio - tiempo de los 
lugares educativos, creando entornos virtuales donde el aprendizaje no reside en un lugar concreto 
y la educación no se delimita permitiendo interactividad directa, Por eso es sumamente importante 
lograr tener una buena presencia online para que los clientes puedan encontrar y acceder a los 
servicios que se están ofreciendo, por lo tanto Un buen elemento para incluir en los sistemas web 
de información online, son los casos de éxito. Podemos mostrar nuestro servicio y/e información 
a través del sistema web con aquellas personas que buscan nuestros servicios. Esto resulta muy 
atractivo porque implica la información de un servicio en un caso real concreto y además se incluye 
un desarrollo en donde el usuario puede apreciar cómo es la metodología de trabajo de la empresa. 
 La web debería contestar a las inquietudes del consumidor, estar formada por el contenido para 
atraer al cliente, que le eduque y le asesore, no solo sobre los servicios que da la organización, 
sino sobre su inquietud, que procure ayudarle y que se preocupe además de otros puntos como 
ajustarse a los diferentes dispositivos que el cliente logre utilizar el proceso de compra del 
consumidor ha evolucionado a partir de que el cliente cuenta con herramientas tecnológicas para 
instruirse, orientarse y equiparar en el momento de mercar un producto o servicio. 
Al crear el sistema web informativo y publicitario de su historia, contacto, galería, 
actividades curriculares y extracurriculares como, por ejemplo: teatro, informática, canto, baile. 
entre otras, dedicado a la unidad educativa san lázaro II buscando de forma de que esta podrá 
desarrollarse como un medio de información en la red educado a los futuros estudiantes sobre su 
historia o reseña como también sobre sus actividades extracadémicas atrayendo así la atención de 
aquellas personas que estarían interesados en asistir a la institución. 
 
 
5 
 
DELIMITACION DE LA INVESTIGACION 
El proyecto propuesto se limitará a informar de manera clara y sencilla aquellas personas 
que desean asistir a la institución como también poder inscribir a sus representados. El presente 
trabajo tiene como tiempo de estudio establecido desde marzo del 2022 hasta julio del 2022. Dicho 
estudio será realizado en la Unidad Educativa Industrial San Lázaro II, Ubicado en la Avenida 
Bolívar, Estado Anzoátegui, teniendo como población a los estudiantes del San Lázaro II buscando 
un mejor beneficio Publicitario a toda la Institución y persona quieran obtener más información 
de la reseña/historia, contacto, ubicación y actividades extracurriculares sobre la institución 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6 
 
 
 
 
CAPITULO II 
MARCO TEÓRICO 
ANTECEDENTES DE LA INVESTIGACIÓN 
Los antecedentes que se tomaron fueron recopilados de investigaciones anteriores con tema 
similares al que se abordan en este estudio, estos se mencionan a continuación: 
Estefanía Cecibel Intriago Carranza & amp; Mario Francisco Ávila González (2018), 
Actualmente pudimos encontrar las propuestas crecientes de diversos autores sobre proponer la 
utilización de tecnologías y herramientas web en el seno de las universidades a fin de producir un 
lugar de comunicación abierto entre los estudiantes, maestros y la sociedad para conseguir una 
organización más social en la que los miembros logren participar y cooperar para su desarrollo y 
realce entre las otras. 
 Nadia Amezcua (2017), Su aporte a este análisis ha sido el enfoque a la averiguación 
cualitativa, donde se estudia la calidad de las cosas como son ocupaciones, interrelaciones, 
materiales, entre otros, en una situación especial. o Una especificación completa, intensa, con 
mucho detalle de un tema especial. o Su interés se basa en saber cómo está establecido o cómo 
pasa el proceso del problema definido. 
BASES TEÓRICAS 
Para este trabajo se usarán un conjunto de técnicas y procedimientos que nos permiten 
conocer los elementos necesarios para definir el desarrollo de un sistema web educativo para la 
información y comunicación, esto es el análisis de requerimientos que para nuestro caso es 
funcional ya que es la condición o capacidad para mostrar tanto la capacidad de Desarrollar un 
sistema web informativo y publicitario para la colaboración con la U.E.I. San Lázaro II. 
 
7 
 
6 
Sistema web 
 También conocido como «aplicaciones Web» son aquellos que están creados e instalados no 
sobre una plataforma o sistemas operativos (Windows, Linux). Sino que se alojan en un servidor 
en Internet o sobre una intranet (red local). Su aspecto es muy similar a páginas Web que vemos 
normalmente, pero en realidad los ‘sistemas Web’ tienen funcionalidades muy potentes que 
brindan respuestas a casos particulares. Los sistemas Web se pueden utilizar en cualquier 
navegador Web (Chrome, Firefox, Internet Explorer, etc.) sin importar el sistema operativo. 
Herramientas para el desarrollo de un Sistema Web: 
 En la actualidad, ni una compañía puede tener triunfo sin presencia en la nube. Y para eso, 
además de estar presente en las redes sociales, además se necesita abrirse paso en la red publicando 
su propia página web. Por esto, el trabajo de programador, o diseñador, web pertenece a los más 
solicitados por las organizaciones. Generar una web no es lo más difícil que nos tenemos la 
posibilidad de hallar en la IT, empero sí se necesita conocer una secuencia de herramientas que 
nos ayudarán a realizar, de la mejor manera viable, esta tarea. 
 Para generar una web no hace falta más que un editor de escrito plano. Los idiomas de 
programación web, como HTML, CSS o JavaScript, son idiomas planos que no poseen ningún 
tipo de interfaz ni necesitan relación. Cualquier editor nos servirá para esta tarea. Aquello sí, hay 
editores, o, sea, IDEs, con toda clase de funcionalidades pensados para hacer que la programación 
web sea muchísimo más simple y cómoda. 
Visual Studio Code 
 Este es un editor de escrito plenamente gratuito y de código abierto desarrollado por Microsoft. 
Aunque a primera vista puede parecer un editor sencillo, en verdad estamos frente a un IDE 
bastante potente para toda clase de programación. Tenemos la posibilidad de adaptar este programa 
al lenguaje que estemos usando por medio de uno de sus varios plugins, multiplicando velozmente 
nuestra productividad. 
 
 
8 
 
HTML Validator 
 Esta expansión nos posibilita adicionar un validador HTML dentro del propio Firefox. Una 
vez que visitemos una web, esta nos mostrará un icono con todos los errores HTML que se hayan 
podido identificar, logrando solucionarlos para que nuestra página cumpla con una secuencia de 
estándares básicos. 
JavaScript 
 Lenguaje de programación ligero, interpretado, o compilado justo-a-tiempo(just-in-time) con 
funcionalidades de primera clase. Si bien es más popular como un lenguaje de scripting (secuencias 
de comandos) para páginas web, y es utilizado en varios espacios fuera del navegador, de la misma 
forma que Node.js, Apache CouchDB y Adobe Acrobat JavaScript es un lenguaje de programación 
basada en prototipos, multiparadigma, de un solo hilo, dinámico, con soporte para programación 
dirigida a objetos, imperativa y declarativa (por ejemplo, programación funcional). 
Css 
 Son las siglas de “Cascading Style Sheets” (hojas de estilo en cascada). CSS es un lenguaje para 
la composición y estructuración de páginas web (HTML o XML). Este lenguaje contiene 
elementos de codificación y se compone de estas “Cascading Style Sheets” que también se llaman 
archivos CSS 
Scss 
 Sass es un lenguaje de hoja de estilos en cascada inicialmente diseñado por Hampton Catlin y 
desarrollado por Natalie Weizenbaum. Después de sus versiones iniciales, Nathan Weizenbaum y 
Chris Eppstein han continuado extendiendo Sass con SassScript, un lenguaje de script simple, 
usado en los ficheros Sass. 
VUE LANGUAGE FEATURES (VOLAR) 
 Volar es un complemento de compatibilidad con idiomas creado específicamente para Vue 3. Se 
basa en @vue/reactividad para calcular TypeScript a pedido para optimizar el rendimiento de 
forma similar al servicio de lenguaje TypeScript nativo. 
9 
 
BASES LEGALES 
Constitución De La República Bolivariana De Venezuela según 
Decreto N° 3.390 Gaceta No. 38.095 de fecha 28 de diciembre de 
2004 
Artículo 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 las mismas. 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. 
Constitución De La República Bolivariana De Venezuela según Decreto Nº 825 
Gaceta No. 36.955 de fecha 22 de mayo de 2000 
Artículo 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 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 su respectiva competencia. 
Artículo 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. 
Artículo 4.- Los medios de comunicación del Estado deberán promover y divulgar información 
referente al uso de Internet. Se exhorta a los medios de comunicación privados a colaborar con la 
referida labor informativa. 
10 
 
Gaceta Oficial de la república Bolivariana de Venezuela 
Gaceta Oficial Nº 37.313 de fecha de 30 de octubre de 2001 
Artículo 1. Objeto de la Ley. La presente Ley tiene por objeto la 
protección integral de los sistemas que utilicen tecnologías de 
información, así como la prevención y sanción de los delitos cometidos 
contra tales sistemas o cualesquiera de sus componentes, o de los delitos 
cometidos mediante el uso de dichas tecnologías, en los términos 
previstos en esta Ley. 
Artículo 3. Extraterritorialidad. Cuando alguno de los delitos 
previstos en la presente Ley se cometa fuera del territorio de la 
República, el sujeto activo quedará sometido a sus disposiciones si 
dentro del territorio de la República se hubieren producido efectos del 
hecho punible, y el responsable no ha sido juzgado por el mismo hecho 
o ha evadido el juzgamiento o la condena por tribunales extranjeros. 
Artículo 4. Sanciones. Las sanciones por los delitos previstos en esta 
Ley serán principales y accesorias. Las sanciones principales 
concurrirán con las penas accesorias y ambas podrán también concurrir 
entre sí, de acuerdo con las circunstancias particulares del delito del 
cual se trate, en los términos indicados en la presente Ley. 
Artículo 5. Responsabilidad de las personas jurídicas. Cuando los 
delitos previstos en esta Ley fuesen cometidos por los gerentes, 
administradores, directores o dependientes de una persona jurídica, 
actuando en su nombre o representación, éstos responderán de acuerdo 
con su participación culpable. La persona jurídica será sancionada en 
los términos previstos en esta Ley, en los casos en que el hecho punible 
haya sido cometido por decisión de sus órganos, en el ámbito de su 
actividad, con sus recursos sociales o en su interés exclusivo o 
preferente. 
Artículo 6. Acceso indebido. Toda persona que sin la debida 
autorización o excediendo la que hubiere obtenido, acceda, intercepte, 
interfiera o use un sistema que utilice tecnologías de información, será 
penado con prisión de uno a cinco años y multa de diez a cincuenta 
unidades tributarias. 
Artículo 7. Sabotaje o daño a sistemas. Todo aquel que con intención 
destruya, dañe, modifique o realice cualquier acto que altere el 
funcionamiento o inutilice un sistema que utilice tecnologías de 
información de los componentes que lo conforman, será penado con 
prisión de cuatro a ocho años y multa de cuatrocientas a ochocientas 
unidades tributarias. Incurrirá en la misma pena quien destruya, dañe, 
modifique o inutilice la data o la información contenida en cualquier 
11 
 
sistema que utilice tecnologías de información o en cualquiera de sus 
componentes. 
La pena será de cinco a diez años de prisión y multa de quinientas a mil 
unidades tributarias, si los efectos indicados en el presente artículo se 
realizaren mediante la creación, introducción o transmisión intencional, 
por cualquier medio, de un virus o programa análogo. 
Artículo 8. Favorecimiento culposo del sabotaje o daño. Si el delito previsto en el artículo 
anterior se cometiere por imprudencia, negligencia, impericia o inobservancia de las normas 
establecidas, se aplicará la pena correspondiente según el caso, con una reducción entre la mitad y 
dos tercios. 
Artículo 9. Acceso indebido o sabotaje a sistemas protegidos. Las 
penas previstas en los artículos anteriores se aumentarán entre una 
tercera parte y la mitad, cuando los hechos allí previstos o sus efectos 
recaigan sobre cualesquiera de los componentes de un sistema que 
utilice tecnologías de información protegido por medidas de seguridad, 
que esté destinado a funciones públicas o que contenga información 
personal o patrimonial de personas naturales o jurídicas. 
Artículo 10. Posesión de equipos o prestación de servicios de 
sabotaje. Quien importe, fabrique, distribuya, venda o utilice equipos, 
dispositivos o programas, con el propósito de destinarlos a vulnerar o 
eliminar la seguridad de cualquier sistema que utilice tecnologías de 
información; o el que ofrezca o preste servicios destinados a cumplir 
los mismos fines, será penado con prisión de tres a seis años y multa de 
trescientas a seiscientasunidades tributarias. 
SISTEMA DE VARIABLES 
 Para utilizar las aplicaciones Web no es necesario instalarlas en cada computadora ya que los 
usuarios se conectan a un servidor donde se aloja el sistema. Las aplicaciones Web trabajan con 
bases de datos que permiten procesar y mostrar información de forma dinámica para el usuario. 
Los sistemas desarrollados en plataformas Web, tienen marcadas diferencias con otros tipos de 
sistemas, lo que lo hacen muy beneficioso tanto para las empresas que lo utilizan, como para los 
usuarios que operan en el sistema. 
 Según Van Gigch (2015): Un sistema se define como " una unión de partes o componentes, 
conectados en una forma organizada. Las partes se afectan por estar en el sistema y se cambian si 
12 
 
lo dejan. La unión de partes hace algo (muestra una conducta dinámica como opuesto a permanecer 
inerte). 
DEFINICIÓN DE TÉRMINOS BÁSICOS 
Web: es un vocablo inglés que significa “red”, “telaraña” o “malla”. El concepto se utiliza en el 
ámbito tecnológico para nombrar a una red informática y, en general, a Internet (en este caso, suele 
escribirse como Web, con la W mayúscula). 
Sistema Web: Se denomina sistema web a aquellas aplicaciones de software que puede utilizarse 
accediendo a un servidor web a través de Internet o de una intranet mediante un navegador. 
Sistema: es un conjunto de partes o elementos organizados, y relacionados que interactúan entre 
sí, para lograr un objetivo 
Actividades Académicas: están enfocadas a todas aquellas operaciones que se realizan dentro del 
marco del proceso de enseñanza aprendizaje, encaminadas a reforzar los conocimientos adquiridos 
en el aula, a desarrollar nuevas habilidades y vincular al alumno con su campo de trabajo y con su 
entorno social. 
HTML: Por un lado, la misión, como ya hemos definido, es la razón de ser, pero, en cambio, la 
visión se refiere a dónde se dirige esta compañía y cuáles son sus metas a medio y largo plazo 
JavaScript: es un lenguaje de programación que se usa con mayor frecuencia para scripts 
dinámicos de lado del cliente en páginas web, pero también se usa a menudo en el lado del servidor 
(en-US) — usando un entorno de ejecución como Node. js. JavaScript no se debe confundir con 
el lenguaje de programación Java. 
CSS: El lenguaje CSS describe cómo se mostrarán los elementos HTML en la pantalla. 
Scss: Pre procesar con alguna herramienta de interfaz gráfica, como el caso de Prepros, CodeKit 
o Scout-App 
Vue- lenguaje: Este marco utiliza "alto desacoplamiento", lo que permite a los desarrolladores 
crear progresivamente interfaces de usuarios. 
13 
 
 
13 
 
CAPÍTULO III 
MARCO METODOLÓGICO 
DISEÑO, TIPO, NIVEL, Y MODALIDAD DE LA INVESTIGACIÓN 
 En una investigación se debe poder precisar cada detalle representado para la formulación del 
proyecto investigativo a manera de ser justificado. Se recopilan distintos datos que deberán dar 
respuesta a los objetivos anteriormente presentados, para esto se deberán emplear una serie de 
técnicas y métodos para adquirir la información necesaria. Castro (2017) define el diseño de la 
investigación como “estrategia que adopta el investigador para responder el problema planteado”. 
 La investigación a emplear será la aplicada, debido a que el objetivo principal de dicha 
investigación es desarrollar un sistema web de información y publicitario enfocado en atraer la 
atención del público con la reseña histórica como también las actividades curriculares y 
extracurriculares de la unidad educativa San Lázaro II. Marques (2015) se refiere a los pasos, 
etapas y estrategias que se aplican para el logro de los objetivos planteados, este consiste en el 
planteamiento de una serie de actividades sucesivas, organizadas, adaptadas a los particulares de 
cada móvil de investigación, para indicar los pasos o pruebas a efectuar, así como las técnicas para 
recolectar y analizar datos. 
Diseño de la Investigación. 
 Este compete a las múltiples tácticas existentes que se delegan de continuar una secuencia de 
lineamientos metodológicos definidos, los cuales son gestionados anteriormente para poder hacer 
desarrollar el proceso de investigación no experimental. Es el plan y estructura de una 
investigación concebida para obtener respuestas a las preguntas de un estudio. Díaz (2015) el 
diseño de investigación documental “permite el estudio de un problema con el propósito de ampliar 
y profundizar el conocimiento de su naturaleza principal, en trabajos previos, así como 
información y datos divulgables por medios impresos”. 
 
14 
 
Tipo de Investigación. 
La investigación será apoyada por una investigación de tipo de campo, las cuales 
reflexionan sistemáticamente datos a través de documentos y a través de información recolectada 
directamente del lugar de investigación respectivamente. Chávez (2018) El tipo de investigación 
aplicada tiene como fin principal resolver un problema en un periodo de tiempo corto. Dirigida a 
la aplicación inmediata mediante acciones concretas para enfrentar el problema. Por tanto, se dirige 
a la acción inminente y no al desarrollo de la teoría y sus resultados, mediante actividades precisas 
para enfrentar el problema. 
Nivel de la investigación. 
 El trabajo propuesto se identifica desde el enfoque cualitativo, debido a que, a través de la 
investigación, documentación y recopilación de datos, se llevará a cabo el diseño teórico de la 
investigación, para luego poner en acción la parte hipotética, pudiendo llevarse la investigación a 
un nivel tanto exploratorio, explicativo y descriptivo, debido a la investigación documental. Sabino 
(2016) implica “un agrupamiento de datos en unidades coherentes para ejecutar sobre ellos un 
estudio minucioso de sus significados y de sus relaciones, para que luego puedan ser sintetizados 
en una globalidad mayor “. 
Modalidad de la investigación 
 La modalidad adoptada para la realización de este proyecto investigado fue la de proyecto 
especial para materializar dicha propuesta a modo de resolver los problemas planteados, definida 
por la UPEL (1998) como: “un estudio que consiste en la investigación, elaboración y desarrollo 
de una propuesta de un modelo operativo viable para solucionar problemas, requerimientos o 
necesidades de organizaciones o grupos sociales”. En este caso, el propósito de dicho estudio 
constará del desarrollo y creación de un sistema WEB informativo y publicitario totalmente 
utilizable ´para el instituto donde se basará la investigación. Además, que no se deberán manipular 
de forma técnica las variables a considerar. 
 
 
15 
 
POBLACION Y MUESTRA 
Población 
 Se puede definir como población a aquel fenómeno en su totalidad que se va a analizar en esta 
investigación, cuyos resultados proporcionarán los datos necesarios para la realización de este 
estudio, Por lo tanto, para el desarrollo de esta investigación se establece como población a los 
estudiantes y futuros estudiantes de la unidad educativa Industrial San Lázaro II, Ubicada en la 
avenida Bolívar, estado Anzoátegui. 
 La población de la siguiente investigación está constituida por 3 personales administrativos 
de la misma institución educativa. 
Muestra 
Por otra parte, se define como muestra a una porción representativa extraída del análisis de la 
población en su totalidad, de manera que se pueda seleccionar de forma más detallada la 
información que engloba a la colectividad del análisis. En concreto, la muestra del proyecto será 
llevada a cabo por 3 personas del directivo de la institución, evitando que se pierda la información 
recolectada ya que es una población bastante amplia por lo cual será empleada para poder 
transmitir información publicitaria de la unidad educativa. 
TÉCNICAS E INSTRUMENTOS DE RECOLECCIÓN DE DATOS 
Técnicas 
 Se le denomina técnica a las diferentes formas mediante las cuales se obtiene la informaciónrequerida para desarrollar el trabajo de investigación, siendo estas de suma importancia para la 
realización del proyecto. Mientras que los instrumentos de recolección de datos son las 
herramientas empleadas para recoger dicha información y almacenarla como parte de la 
investigación. De acuerdo a Risquez y col (2016) en cuanto a la definición de técnicas de 
recolección de datos, opina: “Las técnicas e instrumentos de recolección de datos son los recursos 
utilizados para facilitar la recopilación y el análisis de los hechos observados, estos son numerosos 
y varían de acuerdo con los factores e evaluarse”. 
16 
 
 Para la realización del siguiente trabajo de investigación se utilizará la técnica de la encuesta, 
la cual consiste en la preparación anticipada de una serie de preguntas relacionadas directamente 
al directivo y a los estudiantes de la institución, para luego realizar dichas interrogantes a un grupo 
selecto de personas. Esto permitió el contacto directo con los acontecimientos a analizar, de manera 
que se pudo realizar una investigación objetiva de los aspectos de interés. 
Instrumentos 
 Para la obtención de datos, el instrumento usado ha sido el cuestionario llevado a cabo a la 
población. Del mismo modo, se hizo una indagación bibliográfica, ya que es parte clave de 
cualquier averiguación documental o no. Conforme el manual de la Universidad Pedagógica 
Empírico Libertador (2005), se define a la revisión bibliográfica como: “la acción de explorar 
libros, revistas y documentos que sirven para el desarrollo total o parcial de la indagación”. 
Validez 
 La validez de un instrumento permite determinar la veracidad de la información recopilada, 
como lo expresa Hurtado (2015) ciertas condiciones a cumplir por los instrumentos, para poder 
garantizar que los datos obtenidos a través de ellos reflejan fehacientemente lo ocurrido en la 
realidad, estas dependerán de las características de la investigación, específicamente de la escala 
y numero de alternativas. Refiriéndose principalmente a la grada en que un instrumento realmente 
mide la variable que pretende medir. 
Técnicas de análisis de datos 
 Las técnicas de análisis de datos son definidas por Sabino (2016), como “una serie de procesos 
de interpretación de productos comunicativos (textos, mensajes o discursos) de procesos singulares 
de la comunicación, basándose en términos de medidas, de manera que permita la clasificación y 
procesamiento de los datos relevantes sobre las condiciones mismas en que se han producido los 
textos, de forma tal que puedan ser interpretados”. Por ello, se utilizó el análisis cualitativo de la 
información obtenida de la muestra de la población investigada, de manera que se puede objetivar 
los datos obtenidos, llegando a respuestas críticas mediante el análisis interpretativo, de finido por 
el autor Pérez (2016) como la investigación que “estudia la realidad en su contexto natural y cómo 
sucede, sacando e interpretando fenómenos de acuerdo con las personas implicada. 
17 
 
CUADRO N° 1. 
OPERACIONALIZACIÓN DE VARIABLES 
 
VARIABLES DEFINICION DE 
CONCEPTOS 
DEFINICION DE 
DIMENSIONALES 
INDICADORES 
 
 
 
SISTEMA WEB 
 
 
 
 
 
 
Se denomina sistema 
web a aquellas 
aplicaciones de 
software que puede 
utilizarse accediendo a 
un servidor web a 
través de Internet o de 
una intranet mediante 
un navegador. 
 
ENTRADA 
 
FACIL ACCESO 
BÚSQUEDA DE DATOS 
 
 
PROCESO 
 
REPORTE CONFIABLE 
SOLUCIONARA EL PROBLEMA 
DE ACCESO 
EMITIR REPORTE 
ACCESO DE OTROS 
 
SALIDA 
 
 
ALMACENE INFORMACION 
CONSULTAR LA INFORMACION 
FUENTE: CORO (2022) 
18 
 
 
18 
 
 
CAPITULO IV 
ANÁLISIS E INTERPRETACIÓN DE LOS RESULTADOS 
 Luego de realizar una encuesta dirigida a 3 personales administrativo de la unidad educativa 
industrial san lázaro II, se pudo recaudar una serie de resultados mediante su recolección y 
posterior análisis e interpretación. Esto permitió encontrar respuestas a las variables, incógnitas y 
objetivos previamente planteados, con el fin de evaluar la utilidad y necesidad de la propuesta de 
implementación de un sistema web sobre el proceso publicitario, con el fin de beneficiar al público 
y futuros estudiantes de la Unidad Educativa Industrial San lázaro II. 
 Para la representación del análisis de los datos de manera cuantitativa se utilizarán gráficos de 
tortas con el fin de relacionar las dimensiones, variables e objetivos representados en el 
instrumento de recolección; utilizando la técnica de estadística descriptiva y la tabulación tanto 
cualitativa como cuantitativa. 
 Es de suma importancia la representación de forma ordenada del análisis e interpretación de los 
resultados, ya que permite la visualización simple y sencilla de los resultados obtenidos, así saber 
si la propuesta realizada es factible o no. 
 
 
 
 
 
 
 
 
 
19 
 
100%
CUADRO N° 2 
Distribución absoluta y porcentual de las respuestas obtenidas referidas a: Fácil Acceso sobre el 
sistema web. 
 
Alternativas Fi Fr% 
Si 0 0% 
No 3 100% 
Total 3 100% 
Fuente: Datos recopilados por CORO (2022) 
 
 
 
 
 
 
 
 
 
 
Grafico N° 1 
Análisis Grafico N° 1 
 De acuerdo con las respuestas obtenidas, podemos destacar que la mayoría de los encuestados 
consideran que el sistema web actual no es de fácil acceso, complicando el estudio del mismo. 
Haciendo que se haga muy difícil, de modo que se puede concluir que se debe crear soluciones 
efectivas para que el acceso a este Sistema sea mucho más fácil. 
 
 
20 
 
100%
CUADRO N° 3 
Distribución absoluta y porcentual de las respuestas obtenidas referidas a: Búsqueda de datos sobre 
la institución. 
Alternativas Fi Fr% 
Si 0 0% 
No 3 100% 
Total 3 100% 
Fuente: Datos recopilados por CORO (2022) 
 
 
 
 
 
 
 
 
 
Grafico N° 2 
Análisis Grafico N° 2 
 Tomando en cuenta los resultados adquiridos, la gran mayoría de los encuestados opinan que los 
sistemas web actuales no consideran que el proceso de búsqueda de datos de la institución es 
rápido, haciendo que se haga aún más difícil, de modo que puede concluir que se debe crear 
diversas soluciones efectivas para que el proceso de búsqueda de datos sea rápido 
 
 
 
21 
 
90%
10%
CUADRO Nº 4. 
Distribución absoluta y porcentual de las respuestas obtenidas referidas a:Reporte confiable en 
cuanto se habla del sistema web. 
Alternativas Fi Fr% 
Si 2 90% 
No 1 10% 
Total 3 100% 
 Fuente: Datos recopilados por CORO (2022) 
 
 
 
 
 
 
 
 
 
 
Gráfico Nº 3. 
Análisis Gráfico Nº 3: 
 Según los resultados adquiridos la mayoría de los encuestados opinan que emitir un reporte 
confiable del sistema web seria lo necesario para respaldar la información sobre el sistema web de 
la institución. Se puede decir que la creación de este sistema web, la institución se sentiría más 
seguros a la hora de captar la atención del público, debido a que la información estará concentrada 
en un sistema web seguro, de fácil acceso y la cual le emitiría un reporte confiable acorde a nuevas 
informaciones que vayan surgiendo. 
 
22 
 
10%
CUADRO Nº 5 
Distribución absoluta y porcentual de las respuestas obtenidas referidas a: Solucionara el problema 
de acceso el sistema web en cuanto a la información de la institución. 
Alternativas Fi Fr% 
Si 2 90% 
No 1 10% 
Total 3 100% 
 Fuente: Datos recopilados por CORO (2022) 
 
 
 
 
 
 
 
Gráfico Nº 4. 
Análisis Gráfico Nº 4. 
 Destacando que el 90% de los encuestados consideran que el sistema web propuesto solucionara 
el problema de acceso a la información de la institución. Las instituciones se sentirían más seguro 
a la hora de tener acceso al sistema web debido a que estaría concentrada en un solo sitio seguro, 
de fácil y rápido acceso. 
 
 
90% 
23 
 
CUADRO Nº 6 
Distribución absoluta y porcentual de las respuestasobtenidas referidas a: Acceso de otros 
estudiantes por vía sistema web. 
Alternativas Fi Fr% 
Si 3 100% 
No 0 0% 
Total 3 100% 
 Fuente: Datos recopilados por CORO (2022) 
 
 
 
 
 
 
 
Gráfico Nº 5 
Análisis Gráfico Nº 5 
 Según los resultados obtenidos 100% de los encuestados confirmaron que están de acuerdo que 
el sistema web tenga acceso de otros estudiantes, la opción de los estudiantes poder consultar la 
información existente necesaria de la institución, debido a que es un punto clave para la captar la 
atención y aprendizaje tanto de los estudiantes como también del público, lo cual es fundamental 
para su posterior atención a futuros estudiantes 
 
100% 
24 
 
CUADRO Nº 7 
Distribución absoluta y porcentual de las respuestas obtenidas referidas a: Almacene información 
de la institución por medio del sistema web 
Alternativas Fi Fr% 
Si 3 100% 
No 0 0% 
Total 3 100% 
 Fuente: Datos recopilados por CORO (2022) 
 
 
 
 
 
 
 
 
 
 
 
Gráfico Nº 6 
Análisis Gráfico Nº 6 
Destacando que el 100% de los encuestados están de acuerdo que el sistema web almacene 
información de la institución, se demuestra que la institución está dispuesta a aportar información 
al sistema web con tal de hacer este un espacio seguro, rápido y fácil acceso para el facilitar más 
conocimiento al público y ayudar así a los futuros estudiantes. 
 
100% 
 
25 
 
CUADRO Nº 8 
Distribución absoluta y porcentual de las respuestas obtenidas referidas a: consultar información 
a través del sistema web. 
Alternativas Fi Fr% 
Si 3 100% 
No 0 0% 
Total 3 100% 
Fuente: Datos recopilados por CORO (2022) 
 
 
 
 
 
 
 
 
Gráfico Nº 7 
Análisis Gráfico Nº 7 
 El personal administrativo nombro algunos de los temas que más necesitarían ver dentro del 
sistema web de la institución. Entre historia, variación de la información, ubicación, misión y 
visión, galería, siendo la ubicación el más necesitado seguido de variación de información y por 
último la historia sobre la institución. 
 
 
 
100% 
26 
 
 
26 
 
 
CAPITULO V 
CONCLUSIONES Y RECOMENDACIONES 
CONCLUSION 
 La tecnología para el desarrollo de aplicaciones y sitios a través de sistemas web ha evolucionado 
al punto de volverse no solo un simple sistema de información, sino que también se pueden 
desarrollar aplicaciones complejas que cumplan con todas las necesidades que se le presenten y 
que cumplan con requerimientos de seguridad, rapidez y facilidad de uso. 
 El presente proyecto surge por el mayor contratiempo de la institución es el no poseer un sistema 
web estable de fácil acceso para transmitir su publicidad sobre el tema de almacenamiento de 
información de la institución, lo cual evitaría que el público y futuros estudiantes obtuvieran 
insuficiencia de información. 
 La presente investigación cuenta con una población de 3 personas del personal administrativo 
en los cuales se aplicó la encuesta, donde se comprende las necesidades y opiniones de dicho 
personal, para después producir una iniciativa posible que tuviera presente todos los resultados 
recolectados, brindando una solución eficaz a los problemas planteados actualmente. 
 La fundamentación teórica de la presente investigación en sistemas web tanto informáticos y 
científico, textos originales y sitios web, los cuales colaboraron a comprender la necesidad de 
aguantes para la organización que busca dar información y publicidad al público por medio de esta 
situación el diseño del sistema web, facilitaría el trabajo de la institución de la entrada a la 
información para el público y que futuros alumnos tengan fácil acceso. 
 
 
 
27 
 
RECOMENDACIÓN. 
 Luego de haberse realizado el estudio del proyecto orientado a diseñar un sistema de fácil acceso 
a la información de la institución, donde el objetivo de la presente investigación no ha sido solo 
explicar el contexto del sistema web, sino también transmitir nuevos conceptos y tecnologías que 
en la actualidad esta progresivamente avanzada. por lo tanto, en este trabajo se recomienda 
incentivar ampliar el conocimiento de todas las tecnologías asociadas a sistemas o aplicaciones 
web para conocer de manera general o detallada las tecnologías asociadas, ya que de alguna manera 
se encontrarán inmersos en ellas y así llegara a ser vital en futuras técnicas de enseñanza y fácil 
acceso al público y futuros estudiantes. 
 Además, se recomienda la implementación de sistemas web para las instituciones educativas 
pues provee una poderosa herramienta para impartir información al público y una excelente ayuda 
a los futuros estudiantes, debido a que el público y los estudiantes poseen el privilegio de acceder 
al sistema cuando más lo necesiten, para aclarar dudas y disponer de la información que se 
encontrar en el sistema web. 
 
 
 
 
 
 
 
 
 
 
28 
 
 
28 
 
 
CAPÍTULO VI 
PROPUESTA 
INTRODUCION 
 La presente investigación tiene como objetivo principal la creación de un sistema web 
Publicitario sobre la información de la institución con la fusión de la especialidad de diseño gráfico 
para la presentación de la interfaz dirigida a la institución de la unidad Educativa San Lázaro II, 
Ubicado en Puerto la cruz, Estado Anzoátegui, P 2022. 
 Para tales Fines en el transcurso de este capítulo se explicará de la siguiente manera; el diseño 
del sistema web, las entradas e información que compone el mismo, detallando así su 
funcionamiento, la creación del Sistema utilizado y la documentación completa del desarrollo. 
Justificación. 
La presente propuesta está fundamentada en la necesidad de la implementación de un sistema web 
accesible y de fácil uso para la institución educativa industrial San Lázaro II para captar la atención 
del público y futuros estudiantes, en este caso un sistema web que contenga información 
fundamental y útil de la institución educativa San lázaro II. Este Sistema facilitaría tanto al público 
como a futuros estudiantes ampliar su conocimiento y asegurarse de la información expuesta. 
Con un diseño de sistema para la implementación de un sistema web, se pretende instalar aquellos 
requerimientos y necesidades informativas de la institución. El sistema contara con una estructura 
de ventana accesible y de fácil acceso para el público, también tendrá una sección de ubicación, 
visión y misión como igualmente quienes son la institución por otro lado contara con una galería 
de fotos actualizadas de la institución para mantener la información actualizada y acertada. 
 
 
29 
 
OBJETIVOS 
OBJETIVOS GENERAL 
Proponer un sistema web publicitario dirigido a la unidad educativa san lázaro II, puerto la cruz, 
municipio juan Antonio sotillo, estado Anzoátegui, p-2022 
OBJETIVO ESPECIFICO 
Describir la ubicación, misión, visión, e historia funcional del Sistema web dirigido a la Unidad 
Educativa Industrial San Lázaro II, Puerto la cruz, Estado Anzoátegui, P-2022 
Analizar las pruebas pertinentes para asegurar la funcionalidad del sistema web dirigido a la 
Unidad Educativa Industrial San Lázaro II, Puerto la cruz, Estado Anzoátegui, P-2022 
Diseñar interfaz del sistema web dirigido a la Unidad Educativa Industrial San Lázaro II, Puerto 
la cruz, Estado Anzoátegui, P-2022 
 
ESTRUCTURA DE LA PROPUESTA 
 Posee un diseño en la pantalla de inicio que permite el fácil acceso a enlace de otras redes de la 
institución por medio del sistema, el público será dirigido con rapidez a la información. La 
Administración podrá gestionar las actualizaciones constantes de toda la información, ubicación, 
historia, enlaces de las demás redes sociales, galería, misión y visión, mientras que el público y los 
estudiantes se tendrán fácil acceso a la información de la institución que se encuentra publicada en 
el sistema web 
ESTUDIO DE FACTIBILIDAD 
Factibilidad Tecnológica 
La viabilidad técnica incluye una evaluación de la tecnologíaexistente que se utilizará. Esta 
investigación se realizó principalmente para obtener información sobre los componentes 
30 
 
tecnológicos que posee la empresa y la posibilidad de utilizarlos para implementar el sistema de 
información propuesto 
Cuadro Nº 9. Factibilidad Tecnológica-Materiales y Equipos (Desarrollador) 
Fuente: Datos recopilados por CORO (2022) 
 
Cuadro Nº 10. Factibilidad Tecnológica-Materiales y Equipos (Usuarios) 
Cantidad Material/Equipo Justificación Disponibilidad 
1 Sistema Operativo 
Windows 7-10 32 y 
64 bits 
Sistema operativo 
necesario para que la 
máquina que alojará 
el sistema funcione. 
 
SI 
Fuente: Datos recopilados por CORO (2022) 
 
 
Cantidad Material/Equipo Justificación Observación 
1 Intel(R) Core(TM) 
i5-5200U CPU @ 
2.20GHz 2.19 GHz 
Equipo de Trabajo SI 
1 Sistema Operativo 
Windows 10 Pro, 64 
bits 
Sistema de los 
Desarrolladores 
SI 
1 Microsoft Office 
Profesional 2010 
Paquete de ofimática 
para la elaboración 
del informe final 
SI 
1 Visual Studio Code Software para el 
desarrollo del sistema 
SI 
31 
 
Factibilidad Económica 
La viabilidad económica incluye una evaluación de la disponibilidad de fondos que la empresa 
debe cubrir para desarrollar, implementar y utilizar el sistema. 
Cuadro Nº 11. Factibilidad Económica-Materiales y Equipos (Desarrollador). 
Cantidad Material/Equipo Costo (Bs) Observación 
1 Intel(R) Core(TM) i5-
5200U CPU @ 
2.20GHz 2.19 GHz 
0,00 Disponible desde el 
comienzo del proyecto 
1 Sistema Operativo 
Windows 10 64 bits 
0,00 Disponible desde el 
comienzo del proyecto 
1 Visual Studio Code 0,00 Disponible desde el 
comienzo del proyecto 
1 Costo de 
internet/mensualidad 
115,10 Disponible desde el 
comienzo del proyecto 
120hrs Costo por hora de 
trabajo del desarrollador 
6.100,92 (1115.35$) Disponible desde el 
inicio del proyecto 
Fuente: Datos recopilados por CORO (2022) 
Total=115,10 Bs 
Presupuesto desarrollador (Bs)115,10 
Costo desarrollador (Bs) 115,10 
Excedente (Bs) 0 
 
 
 
 
 
32 
 
Cuadro Nº 12. Factibilidad Económica -Materiales y Equipos (Usuarios) 
Cantidad Material/Equipo Costo (Bs) Observación 
 
1 
PC CPU Intel(R) Core(TM) 
i5-5200U CPU @ 2.20GHz 
2.19 GHz 
0,00 Disponible desde el 
comienzo del proyecto 
1 Sistema Operativo 
Windows 7 -10 32 Y 64 
bits 
0,00 Disponible desde el 
comienzo del proyecto 
120 Costo por hora de trabajo 
del desarrollador 
6.100,92 (1115.35$) /// 
Fuente: Datos recopilados por CORO (2022) 
Presupuesto usuario (Bs) 6.100,92 
Costo usuario (Bs) 6.100,92 
Excedente (Bs) 0 
METODOLOGÍA IMPLEMENTADA 
 la metodología orientada a objetos “han evolucionado con la finalidad de ayudar a los desarrolladores a 
explorar el poder de los lenguajes de programación basados en objetos y orientados a objetos, utilizando las 
clases y objetos como bloques de construcción básico”. Esta metodología permite que el software se 
construya a partir de los objetos de comportamiento específico, con ello se indica que los propios objetos se 
pueden construir a partir de otros, que a su vez puede estar formados por otros objetos. 
 En la metodología dirigida a objetos, cada clase está compuesta de 2 cualidades: atributos (estados) que 
son las propiedades particulares que diferencian a un objeto de otro y determinan el aspecto, estado u otras 
cualidades de aquel objeto; mientras tanto que los procedimientos “determinan la conducta o conducta que 
necesita dicha clase para que sus instancias logren modificar su estado interno o una vez que dichas 
instancias son denominadas para hacer algo por otra clase o instancia” 
 El UML (Lenguaje Unido de Modelado) explica un grupo de notaciones y diagramas estándar para 
modelar sistemas orientados a objetos, describiendo la semántica importante de lo cual dichos diagramas y 
33 
 
símbolos significan, en conclusión, el UML es un lenguaje que posibilita modelar, edificar y documentar los 
recursos que conforman un programa orientado a objetos, haciendo más fácil el trueque de modelos entre 
diversas herramientas CASE orientados a objetos del mercado. 
Diagnóstico de la situación actual de la población: 
A Continuación, se realizará la especificación del caso presente en la que se hallan los estudiantes, junto con 
el público y futuros estudiantes de la institución Educativa san lázaro II. 
Contexto del sistema. 
 En el contexto de sistema web específica los elementos externos e internos para la realización de los 
estudios y análisis de los procesos y actividades relacionadas con el sistema web que va dirigido a la 
institución Educativa San Lázaro II. Para conocer el contexto y diseño del sistema, se realizaron encuestas 
al personal directivo de la unidad Educativa, para comprender los procesos de investigación por los que pasa 
la intuición y los obstáculos que se encuentran presentes. 
 Después de que la información se recopilo y analizo, se tuvo como resultado un aproximado al contexto 
del sistema web en cuanto a estudio e información, el cual se representó a través del modelo de dominio, 
describiendo estas actividades relevantes del sistema web. 
Modelo de dominio del sistema 
El modelo de dominio es una representación conceptual de todos los temas relacionados con un problema 
específico, mas no de componentes de software. 
El objetivo del modelo de dominio es comprender y describir las distintas clases dentro del contexto del 
sistema. En la figura nº 1, se presenta el modelo de dominio del sistema web de la Institución Educativa San 
Lázaro II. 
 
 
 
34 
 
Cuadro Nº 13. Entidades del modelo de dominio 
CLASE DE DOMINIO DESCRIPCIÓN 
Sistema Web (Diseño) Representa el Entorno e Interfaz del Sistema 
 
Información Representa la Información que Se encuentra en 
el sistema 
Público y Estudiantes Representa a los espectadores de la 
información dentro del sistema 
FUENTE: CORO (2022) 
Figura Nª 1 Diagrama de Dominio actual del sistema web Publicitario de la Institución Educativa San 
Lázaro II. 
 
 
 
 
 
 
FUENTE: CORO (2022) 
En este diagrama de dominio se pueden observar las relaciones existentes entre cada una de las entidades 
que conforman el sistema web: el público e estudiantes son espectadores que se benefician de la información 
que se encontrara en el sistema web. 
 
35 
 
Requisitos funcionales del sistema 
Posibilidad que los Estudiantes puedan acceder al sitio web por medio de los dispositivos electrónicos que 
tengan a su alcance. 
Posibilidad de que el público pueda acceder al sitio web por medio de cualquier dispositivo electrónico 
Casos de uso 
Un Caso de Uso representa una unidad servible por medio de las interrelaciones entre uno o más individuos 
con el sistema, que permiten conceptualizar la arquitectura base elaborada en esta etapa. 
Identificación de los Actores del Sistema 
Después de haber predeterminado el entorno del sistema, y los requisitos de la web, se nace a hacer el modelo 
de casos de uso, que describirá la forma en la cual los actores competentes interactuarán con la aplicación 
Cuadro Nº14. Definición de los Componentes de los Casos de Uso (Actores) 
FUENTE: CORO (2022) 
A continuación, se presenta la descripción general del sistema a desarrollar para el sistema web. 
 
ACTOR DESCRIPCION 
Publico Usuario autorizado a entrar al sistema; tiene 
potestad de instruirse con toda la información que 
se encuentra en el sistema 
Estudiantes Usuario autorizado a entrar al sistema; tiene la 
potestad de instruirse con la información necesaria 
que se encuentra en el sistema 
36 
 
Figura N°2: Diagrama general de Casos de uso del Sistema web dirigido al San Lazaro II 
 
 
 
 
 
FUENTE: CORO (2022) 
 
Análisis del Diagrama general de casos de uso para el Sistema web dirigido al san Lazaro II 
En esta figura se puede ver la estructura general del sistema para el proceso donde se desatantodos los 
bloques a los que se tienen acceso. Al ser esta una estructura bastante sencilla, es necesario profundizar en 
el desarrollo de cada uno de estos bloques, lo que se hace a través de la descripción más específica de cada 
caso de uso. 
A continuación, se explicarán los casos de uso que integran el sistema, a un nivel específico. 
Figura N°3. Diagrama del caso de uso Información. 
 
 
FUENTE: CORO (2022) 
 
37 
 
Análisis de diagrama de caso de uso Información 
Actores involucrados: público y estudiantes 
 Este caso de uso se da al entrar al buscador que sostengan seguimiento continuo, sobre ingresar 
aparece una pantalla de inicio seguidamente de la información ya antes mencionada, a la que dar 
clic en Ver Mas+, será dirigido a una pequeña ventana del sistema. El público será dirigido a una 
pantalla donde alcanzará tener acceso a todos los bloques del sistema. 
Figura N°4. Diagrama del caso de uso, Acceder a la Información por parte de los Estudiantes 
 
FUENTE: CORO (2022) 
 
 
Análisis de diagrama de casa de uso, 
 
Actores involucrados: Estudiantes 
 
En este caso el estudiante se da al entrar al buscador que sostengan seguimiento continuo, 
sobre ingresar aparece una pantalla de inicio seguidamente de la información ya antes mencionada, 
a la que dar clic en Ver Mas+, será dirigido a una pequeña ventana del sistema. el estudiante será 
dirigido a una pantalla donde alcanzará tener acceso a todos los bloques del sistema. 
 
38 
 
Figura N°5. Diagrama del caso de uso Acceder a la Información 
 
FUENTE: CORO OSORIO (2022) 
Análisis de diagrama de uso, Acceder a la Información. 
En este caso el público se da al entrar al buscador que sostengan seguimiento continuo, 
sobre ingresar aparece una pantalla de inicio seguidamente de la información ya antes mencionada, 
a la que dar clic en Ver Mas+, será dirigido a una pequeña ventana del sistema. El público y los 
estudiantes será dirigido a una pantalla donde alcanzará tener acceso a todos los bloques del 
sistema. 
Fase de elaboración: 
En esta fase se trabajará con la segunda fase del proceso unificado de desarrollo de sistema. 
Uno de los objetivos principales de esta fase es el obtener un entendimiento más detallado de los 
requerimientos del sistema, a pesar de que estos son descritos en la fase de inicio. El otro objetivo 
principal de esta fase es el diseñar y validar la información del sistema. 
La funcionalidad a nivel del sistema no será completada, aunque se podría compilar y 
probar la interfaz y sistema durante la misma. 
Se establecerá la información del sistema, así como también el diseño del sistema y la 
interfaz del usuario. 
39 
 
Diseño del sistema web 
En esta fase del Proyecto se pretende el desarrollo de la estructura interna del sistema, por 
lo que se hace indispensable el diseño de la información, como una de las partes más importantes 
de la estructura, ya que esta es la que permite almacenar la información de manera que puedan ser 
manejados de una forma Accesible y de fácil acceso. En la figura nº 5 puede verse el diseño de la 
información para el sistema web. 
Figura N°6 Ventana Modal del sistema 
 
 
 
 
 
 
Ventana Modal 
 Una ventana modal contiene información, es decir datos acerca de la institución. EL esquema de 
un sistema de información. Un sistema web da Accesibilidad al público adquiriendo información 
de la institución en tiempo real. 
 
 
 
 
 
FUENTE: CORO (2022) 
 
40 
 
Figura N°7 Descripción de la Ventana Modal 
Ventana de visión : refleja la información de 
visión de la institución 
Ventana de misión : Refleja la información de la 
institución al igual que visión 
Venta de ¿Quiénes Somos?:Refleja la 
información dándose a conocer la institución en el 
mismo sistema al igual que las anterior ventanas 
de modal 
 
FUENTE: CORO (2022) 
 
 
 
 
 
 
 
 
 
 
41 
 
Cuadro N° 8 Descripción de la categoría de información 
 
 
 
 
 
 
 
 
 FUENTE: CORO (2022) 
 
FASE DE CONSTRUCCIÓN: 
 En el transcurso de esta fase, todos los componentes, requisitos identificados y detallados en las 
fases anteriores deben ser adaptados a las herramientas de desarrollo, para posteriormente ser 
implementadas. 
 El principal objetivo de esta fase es poder implementar el diseño realizado en la fase de 
elaboración. 
Flujo de trabajo de implementación 
 En este flujo se realiza la culminación de la implementación del diseño e desarrollo del sistema, 
en conjunto con la codificación del resto de los componentes del sistema, con el fin de llegar a una 
versión del sistema que pueda ser transmitida a una comunidad de público y estudiantes. Aquí se 
debe finalizar la construcción del sistema para que este cumpla con todos los requisitos estipulados 
en las fases anteriores. 
 
 
 
Interfaz : Diseño principal de la pagina 
Iniciado. El Encabezado o comienzo principal 
de la pagina 
Ventana Modal: Representa las ventanas que 
aparecen en el mismo Sistema web con la 
información 
42 
 
Diseño de la interfaz del Sistema 
 
Figura N° 9. Interfaz del sistema 
 
 
43 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
44 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Figura N°10. Diseño de Ventana Modal 
45 
 
 
 
46 
 
 
 
 
 
 
 
47 
 
Figura N°11 Desarrollo de la Información 
 
 
48 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
49 
 
REFERENCIAS BIBLIOGRAFICAS 
 
Libros y Tesis 
JOSEPH SALDAÑA TORRES (2015) SISTEMA WEB PARA LA GESTIÓN Y 
ADMINISTRACIÓN DE ANTEPROYECTOS Y TESIS DE GRADO. 
JUAN CARLOS LÓPEZ ORRALLA (2011) SISTEMA DE CONTROL ESCOLAR 
MEDIANTE UNA APLICACIÓN WEB UTLIXANDO SOFTWARE LIBRE PARA LA 
UNIDADES EDUCATIVAS QUE CONFORMAN LA CASA SALESIANA¨ 
CRISTOBAL COLON¨ 
CRISTIAN DARIO LOPEZ RATIVA (2013) DESARROLLO DE APLICATIVO WEB 
PARA EL MANEJO DE HISTORIAL DE NOTAS Y COMPORTAMIENTO DE LOS 
ESTUDIANTES DEL COLEGIO I.E.D JOSÉ MARTI. 
GOBIERNO DE ESPAÑA. DISEÑO DE PAGINAS WEB EDUCATIVAS EN CENTROS 
EDUCATIVOS. 
 
Leyes 
Constitution De La República Bolivariana De Venezuela según Decreto N° 3.390 Gaceta 
No. 38.095 de fecha 28 de diciembre de 2004 
Constitución De La República Bolivariana De Venezuela según Decreto Nº 825 , No. 36.955 
de fecha 22 de mayo de 2000 
Gaceta Oficial de la república Bolivariana de Venezuela Nº 37.313 de fecha de 30 de octubre 
de 2001 
 
 
 
50 
 
ANEXO A 
 
 
 
INSTITUTO UNIVERSITARIO DE TECNOLOGÍA INDUSTRIAL 
“RODOLFO LOERO ARISMENDI” 
IUTIRLA 
EXTENSIÓN BARCELONA 
 
 
CUESTIONARIO 
 
 
 Para la realización sobre SISTEMA WEB PUBLICITARIO DIRIGIDO A LA UNIDAD 
EDUCATIVA SAN LÁZARO II. PUERTO LA CRUZ, MUNICIPIO JUAN ANTONIO 
SOTILLO, ESTADO ANZOÁTEGUI, se requiere de su valiosa colaboración para culminar el 
trabajo de grado y optar al título de Técnico Superior Universitario en la especialidad de 
Informática. 
Para lo cual se sugiere seguir las siguientes Instrucciones: 
- Lea cuidadosamente cada una de las preguntas que se le formula 
- Marque con una equis (X) la respuesta que considere en cada interrogante. 
- Por favor no deje ninguna pregunta sin responder 
¡GRACIAS POR SU COLABORACION! 
 Realizado por: Angélica Coro Osorio (2022) 
 
 
 
51 
 
1) ¿usted considera que el sistema web actual de la institución es de fácil acceso? 
Si ( ) NO ( ) 
2) ¿Usted considera que el proceso de búsqueda de los datos del sistema actual de la 
institución es rápido? 
Si ( ) NO ( ) 
3) ¿Cree usted que el sistema web de la institución proporciona un reporte confiable? 
Si ( ) NO ( ) 
4) ¿usted considera que el sistema propuesto solucionara el problema de acceso a la 
información de la institución? 
Si ( ) NO ( ) 
5) De implementarse un nuevo sistema web ¿usted considera que el sistema web tenga acceso 
de otros estudiantes? 
Si ( ) NO( ) 
6) ¿Cree usted que el sistema propuesto para el sistema web almacene información de la 
institución? 
Si ( ) NO ( ) 
7) ¿Cree usted que el sistema propuesto de sistema web de la institución debería emitir un 
reporte? 
Si ( ) NO ( ) 
8) ¿Usted considera que el público podría consultar la información de la institución a través 
del sistema web? 
 Si ( ) NO ( ) 
52 
 
ANEXO B

Continuar navegando