DIRECCIÓN DEPARTAMENTAL DE EDUCACIÓN LA PAZ

DIRECCIÓN DISTRITAL DE EDUCACIÓN EL ALTO-1

UNIDAD EDUCATIVA TÉCNICO TECNOLÓGICO EL PROGRESO - B

PROYECTO SOCIO PRODUCTIVO

“DESARROLLO DE PÁGINA WEB DE LA UNIDAD EDUCATIVA

TECNICO TECNOLOGICO EL PROGRESO - B”

PROYECTO PRESENTADO PARA OPTAR

EL TÍTULO DE TÉCNICO MEDIO – BTH

INTEGRANTES:
Kevin Ruben Valencia Quispe
Esther Abigail Yujra Choque
DOCENTE TUTOR:
PROF.: Rosmilda Chambi Pacosaca
DOCENTE GUÍA:
PROF.: Julia Mamani Mamani
DIRECTOR:
LIC.: Celestino Flores Mamani

EL ALTO – BOLIVIA
2023
 i

DEDICATORIA
Dedicamos este proyecto primeramente a
Dios, quien nos bendijo para el desarrollo de
este proyecto, a nuestros padres que nos
apoyaron sin dudar ya sea emocional como
económicamente, a nuestra docente de la
especialidad quien a pesar de los dolores de
cabeza que tubo al enseñarnos, no dudo en
seguir y seguir transmitiéndonos sus
conocimientos, a nuestros compañeros que
nos dieron su apoyo para que este proyecto se
haga realidad.
 ii

AGRADECIMIENTO
Agradecemos primeramente a Dios y a
nuestras familias que nos han ayudado y
apoyado a realizar este tema, así como
también al docente de área Prof. Julia
Mamani Mamani por la paciencia brindada y
por guiamos en el proceso de este proyecto,
de la misma manera al docente tutor Prof.
Rosmilda Chambi Pacosaca por el apoyo
incondicional en nuestro proyecto, también a
nuestra querida institución que nos cobijó y
de dónde llegamos a adquirir valores y
 iii

conocimientos para ser personas de bien en

el futuro.

RESUMEN EN IDIOMA ORIGINARIO

Mä yatiqañ utan sitio web ukax walja razonanakatwa wali wakiskiri, kunatix mä
ventana digital ukhamaw institución educativa ukarux irnaqäna ukatx walja askinakwa
churaraki. Uk amuyasax yattanwa, jiwasan yatiqañ utanx janiw uka herramienta ukax
utjkiti, ukax p’iqi usunak churaraki, kunapachatix yatiqirinakaru ukhamarak awk
taykanakar yatiyawinak churapki ukhaxa. Tiempo ina ch’usar apt’asa ukat tecnología
ukat internet ukanak ina ch’usar apt’asa kunatix jichhax kusist’tanwa, ukatwa uka jan
walt’äw jan utjañapatakix mä sitio web uñstayañ amtapxta, ukax institución tuqit
yatiyawinak uñt’ayi. Uñt’añasawa jichhakamax janiw kuna yatiqañ utas jiwasan
suyusanx mä página digital ukanipkaspati, ukax sañ muniw nayrïr yatiqañ utax
internet ukar uñt’ayasiñataki, jiwasan sector ukanx juk’ampirus. Mä juk’a arumpixa,
yatiqañ utan sitio web ukax mä ch’aman yanapt’awiwa, ukax yatiyawinak, qhana ukat
chikancht’asiñ juk’amp askinak lurañataki, ukampirus wakiskir yatiyawinakar
ukhamarak yatichäw yänak uñt’ayañatakiw yanapt’i. Yatiqañ utan, awk
taykanakampi, yatiqirinakampi, ukhamarak taqpach markachirinakamp mä ch’aman
mayacht’asiw utt’ayañ yanapt’i.

RESUMEN EN IDIOMA EXTRANJERO

A website for a school is essential for several reasons, since it acts as a digital
window to the educational institution and offers numerous benefits.

Understanding this, we know that our school establishment does not have this tool,
giving the administrative staff headaches when providing information to both students
and parents. Wasting time and wasting the technology and internet that we currently
enjoy, that is why to avoid this problem we decided to develop a website that provides
information about the institution. It should be noted that up to now no school in our
region would have a digital page, which means that we would be the first school to
introduce ourselves to the internet, at least in our sector.
 iv

In short, a school website is a powerful tool that improves communication,

transparency and participation, while providing access to essential information and
educational resources. It helps establish a strong connection between the school,
parents, students, and the community at large.

ÍNDICE
INTRODUCCIÓN

1. TÍTULO DEL PROYECTO

2. MARCO REFERENCIAL

3. PLANTEAMIENTO Y FUNDAMENTACIÓN

4. OBJETIVOS

4.1. OBJETIVO GENERAL 7

4.2. OBJETIVOS ESPECIFICOS 7
5. RESULTADOS ESPERADOS

6. ACTIVIDADES Y PLAN DE ACCION

7. INSUMOS Y PRESUPUESTOS PARA LA PROPUESTA TECNOLÓGICA 10

8. CALENDARIO DE EJECUCION DE ACTIVIDADES 12

9. EJECUCIÓN Y PROCEDIMIENTO DEL PROYECTO 14

10. NORMAS DE SEGURIDAD APLICADAS EN LA CONSTRUCCIÓN Y PARA EL USO DEL

PROTOTIPO 17

11. RESULTADOS OBTENIDOS 17

12. CONCLUSIONES 17

13. BIBLIOGRAFIA 21

ANEXOS 21
 INTRODUCCIÓN
En la actualidad, vivimos inmersos en una era en la que la tecnología y la
conectividad han llegado a ser los pilares fundamentales que moldean cada faceta
de nuestra vida cotidiana.

En un mundo que cada vez está más interconectado y tecnológicamente avanzado,

resulta innegable la implementación de una página web específicamente diseñada
para el establecimiento educativo. Este proyecto es una emocionante iniciativa que
tiene como objetivo revolucionar la forma en que esta prestigiosa institución
educativa se comunica con su comunidad, que se encuentra en la hermosa localidad
de El Alto, Bolivia. La Unidad Educativa Técnico Tecnológico El Progreso - B, una
vez dividida de su contraparte, "El Progreso A," ha tomado un paso audaz hacia el
futuro digital al embarcarse en la creación de su propia página web.

El comienzo de este proyecto es sólido y enriquecedor en su marco referencial. No

se limita a narrar la historia de la institución, sino que también resalta su ubicación
estratégica en la comunidad. Esto es importante, ya que la página web se convertirá
en un faro virtual que arrojará luz sobre las actividades académicas, los logros, y
presentará a la valiosa plantilla de personal docente y administrativo. Además, esta
página web se erigirá como un puente esencial de comunicación entre la escuela,
sus estudiantes y los padres de familia, lo que fortalecerá los lazos de la comunidad
educativa.

Los objetivos de este proyecto son tan claros como inspiradores. Se trata de diseñar
una página web que no solo sea funcional, sino que también cautive y atraiga a los
visitantes. Esta plataforma no será simplemente un portal informativo, sino un punto
de encuentro digital. Facilitará el acceso a información vital, incluyendo la
implementación de un formulario de inscripción en línea, una característica que no
solo simplificará el proceso de inscripción para los futuros estudiantes, sino que
también será una demostración del compromiso de la institución con la innovación y
la comodidad. Además, la integración de las redes sociales garantiza que la
comunidad educativa esté más conectada que nunca, lo que contribuye a la
construcción de una comunidad más fuerte y unida.
1
Los resultados esperados de este proyecto son de un valor incalculable. La página
web se convierte en un recurso inestimable que permite a las partes interesadas
acceder a información crucial sobre la institución, sus programas académicos, su
personal y las diversas actividades escolares. No podemos pasar por alto la
conveniencia de un proceso de inscripción en línea, que agilizará este procedimiento
para los estudiantes y sus familias. Esto no solo simplificará la vida de los padres,
sino que también reflejará la modernidad y la eficiencia de la institución educativa.

La ejecución del proyecto se lleva a cabo con meticulosidad y pasión. Cada paso,
desde la evaluación inicial de las necesidades de la institución hasta la selección de
un hosting gratuito, se realiza con una atención inquebrantable al detalle. Este
enfoque es fundamental para garantizar el éxito del proyecto y su impacto positivo en
la comunidad educativa. El trabajo en equipo y la colaboración son ingredientes
esenciales en este proceso, ya que se requiere una variedad de habilidades y
perspectivas para lograr la visión del proyecto.

En el corazón de este proyecto se encuentra un compromiso firme con la seguridad.

Se subraya la importancia de elegir un proveedor de hosting confiable, que garantice
la disponibilidad y la integridad de la página web. Además, se destaca la necesidad
de salvaguardar los protocolos de administración para garantizar la protección de los
valiosos datos de la institución. Esto no solo protege la privacidad y la
confidencialidad, sino que también garantiza que la página web funcione de manera
eficiente y sin interrupciones, lo que es crucial para mantener una comunicación
efectiva.

Los resultados obtenidos son un testimonio viviente del éxito de este proyecto. La
página web ha florecido y se ha convertido en una herramienta esencial que
empodera a la comunidad educativa. Ahora, cualquier persona interesada en la
institución puede acceder a información crítica de manera rápida y sencilla. La
comunicación se ha fortalecido, y esto ha tenido un impacto positivo en la vida de los
estudiantes, sus padres y el personal de la escuela.

2
En conclusión, este proyecto representa un paso monumental hacia la modernización
y digitalización de la Unidad Educativa Técnico Tecnológico El Progreso - B. La
colaboración, la resolución de desafíos y el enfoque en la seguridad han sido pilares
fundamentales para el triunfo de esta iniciativa, que beneficia a estudiantes, padres
de familia y a todo el personal educativo. El futuro de la educación en El Alto, Bolivia,
brilla con un nuevo esplendor gracias a este proyecto visionario. Establece un
modelo ejemplar para otras instituciones educativas que buscan abrazar la era digital
y mejorar la comunicación con sus comunidades.

3
1. TÍTULO DEL PROYECTO
“DESARROLLO DE PÁGINA WEB DE LA UNIDAD EDUCATIVA TÉCNICO
TECNOLÓGICO EL PROGRESO - B”

2. MARCO REFERENCIAL
La Unidad Educativa Técnico Tecnológico El Progreso “B”, se proclama como una
institución pública de la dirección distrital de El Alto – 1 que se ubica y localiza en la
urbanización “El Progreso” del distrito municipal N°7 perteneciente a la ciudad de El
Alto en el departamento de La Paz del Estado Plurinacional de Bolivia. Con ubicación
geográfica 16°28’42.6”S 68°15’10.5”W.

En 26 de julio del 2015, se llevó a cabo la asamblea general en instalaciones de la

institución, encabezados por el Concejo Educativo Félix Guachalla, la directora
Carmen Rosa Mayta Larico y el profesor Héctor Choquehuanca resuelven dividir la
Unidad Educativa El Progreso que contaba con los niveles: inicial, primaria y
secundaria; y fundar el nivel secundario con la denominación “El Progreso B” y el
nivel primario como “El Progreso A”.

Para llegar a implementar esta página web en la Unidad Educativa, primeramente,

tuvimos que iniciar con la planificación y organización de ideas para llegar a diseñar y
realizar la página web. Esta página digital inicialmente se realizó en el
establecimiento educativo, en la Unidad Educativa El Progreso “B”, donde se lleva a
cabo la adquisición de conocimientos. Al no poder estar frecuentemente en la
institución, tuvimos que optar por realizar la página web a exteriores de la Unidad
Educativa, ya que seleccionamos nuestros hogares como segundo sitio de desarrollo
de la página digital.

Para poder desarrollar esta página web optamos por adquirir un cuaderno de 200
hojas con la misión de tomar registro de nuestras ideas y plasmarlas en la
codificación misma, para llegar a realizar la codificación de la página web preferimos
instalar el programa ADOBE DREAMWEAVER, que está destinada a la construcción,
diseño y edición de páginas web. Posteriormente, en el ordenador donde
desarrollamos este sitio web, creamos una carpeta general donde insertamos más

4
carpetas para llegar a tener todo ordenado y reunir los recursos (imágenes, videos,
audios, etc.) y herramientas necesarias para la creación de la web que contienen la
información requerida para este sitio web. En las siguientes carpetas insertamos las
líneas de código tanto en HTML como en hojas de estilo (CSS).

Aplicamos los conocimientos adquiridos en la codificación iniciando con las

denominadas etiquetas <head> para la información de la web, <body> para el
contenido, <div> división dentro de los contenidos, <section> herramienta para
seccionar las demás etiquetas, <a> para introducir enlaces en el contenido, <br>
para dar saltos de línea, de <H1> a <H6> para títulos dentro del conenido, <img>
para introducir imagenes, <li> para elementos en las listas, <ol> para insertar listas
ordenadas, <ul> para insertas listas desordenadas, <p> para introducir parrafos, etc.

Analizando a detalle la necesidad de tener este sitio web y en el beneficio para la

Unidad Educativa Técnico Tecnológico El Progreso “B”, tomamos la decisión de
llevar a cabo la creación e implementación de la página web, teniendo en cuenta que
el avance tecnológico avanza a saltos grandes y conociendo que este avance llama
la atención del estudiante, jugando así un papel fundamental en la educación.

El núcleo de este problema es el de no contar con un sitio en la web que proporcione

la información necesaria tanto como información de educación, como información del
establecimiento hacia la comunidad educativa, y también, mediante esta página dar
publicidad y popularización de la Unidad Educativa Técnico Tecnológico El Progreso
“B”, en la web. Dar a conocer que la Unidad Educativa cuenta con “BTH”
(Bachillerato en Técnico Humanístico) en especialidades de técnico medio, los logros
que el establecimiento goza de tenerlos, el personal docente con el que cuenta y los
estudiantes inscritos. Este sitio en la web llegaría a beneficiar tanto a los docentes,
estudiantes, padres de familia y la comunidad educativa en general. Llegando así a
informarse sobre las actividades curriculares y extracurriculares que se realiza dentro
del establecimiento.

Teniendo una conversación extensa, tanto con el Concejo Educativo como también
con el Personal Administrativo de la institución, llegamos a adquirir la información
necesaria de datos y opiniones con respecto a la necesidad de contar con una

5
página digital, llegando a entender que nuestra Unidad Educativa requiere de la
implementación de esta página web.

3. PLANTEAMIENTO Y FUNDAMENTACIÓN

FORTALEZAS OPORTUNIDADES
 La Unidad Educativa cuenta  Cuenta con el apoyo de los
con un alto prestigio dentro del integrantes que conforman el
distrito educativo. concejo educativo y maestros
 Un establecimiento que brinda en la comunidad educativa
la formación técnico tecnológico  La institución cuenta con buen
dentro del nivel secundario. equipamiento.
 Cuenta con docentes que  Contamos con áreas técnicas
cuentan con una buena de técnico medio.
formación profesional.  Cuenta con la mayoría de
 Estudiantes que optan por el padres de familia que brindan
titulo de Bachillerato Técnico apoyo a la educación de sus
Humanístico (BTH). hijos.
 Docentes que se apegan a las
actualizaciones de educación y
de estrategias pedagógicas.
 Estudiantes con ganas de
introducirse a los nuevos
campos tecnológicos de
educación.
 Cuenta con internet y Wi-Fi en
la Unidad Educativa

DEBILIDADES AMENAZAS
 Lamentablemente la falta de  La presencia de otras unidades
interés de aprendizaje en educativas en línea podría
algunos estudiantes. representar una amenaza en

6
  Una minoría de padres de términos de atraer estudiantes y
familia ausentes en actividades. recursos.
 Estudiantes con problemas de  La falta de inversión en
atención por mala alimentación. tecnología y actualización de la
 No cuenta con un sitio web. página web podría llevar la
perdida de atención en el sitio.

4. OBJETIVOS

4.1. OBJETIVO GENERAL

Desarrollar una página web para la Unidad Educativa Técnico Tecnológico El

Progreso “B”, en beneficio de todos los actores de la comunidad educativa.

4.2. OBJETIVOS ESPECIFICOS

 Diseñar una maquetación de diseño de la página.

 Desarrollar un diseño atractivo de la página web al usuario.
 Brindar información de las diversas actividades curriculares y extracurriculares
de la Unidad Educativa Técnico Tecnológico El Progreso “B”.
 Insertar un formulario de inscripción a estudiantes antiguos en la página web y
facilitar el proceso de reinscripción.
 Integración de la Unidad Educativa a las redes sociales.

5. RESULTADOS ESPERADOS
El desarrollo de nuestra página web representa un acontecimiento de importancia
estratégica para la Unidad Educativa Técnico Tecnológico El Progreso “B”, con un
propósito fundamental: la completa integración de nuestra comunidad educativa en el
vasto entorno en línea. Esta plataforma digital se erige como un canal de
comunicación central, cuya función primordial es proporcionar información
continuamente actualizada acerca de la amplia gama de actividades y eventos que
tienen lugar en nuestras instalaciones.

7
Nuestro enfoque hacia esta página web va más allá de ser simplemente un catálogo
de eventos y actividades. En efecto, concebimos esta plataforma como un recurso
integral que sirva a los intereses y necesidades de todos los miembros de nuestra
comunidad educativa, incluyendo a estudiantes, padres de familia, profesores y otros
actores relevantes. Dentro de este espacio virtual, se habilitarán diversas secciones
informativas, englobando aspectos tan significativos como la historia, misión y visión
de nuestra unidad educativa.

Más allá de esto, la página web también se erigirá como un valioso repositorio de
información práctica. Esta incluirá detalles como los horarios de clases que siguen
los estudiantes de primero a sexto de secundaria, así como los horarios que cumplen
los docentes en su compromiso educativo. Además, será un lugar donde los
visitantes podrán encontrar información detallada sobre la reglamentación que rige
en la institución, así como perfiles minuciosos de nuestro personal docente y
administrativo.

Una parte central de esta plataforma será la descripción completa y detallada de las
diversas áreas académicas y programas educativos que se encuentran disponibles
en nuestra unidad educativa. Esto permitirá a los visitantes obtener una comprensión
completa de la amplia oferta educativa que nuestra institución pone a disposición de
los estudiantes y sus familias. Asimismo, se proporcionará una visión detallada de la
vida escolar, incluyendo información sobre las diversas actividades extracurriculares
y los recursos que están a disposición de los estudiantes para complementar su
formación.

La sección de noticias de la página web destacará las novedades y eventos

relevantes que ocurran en el entorno educativo de nuestra institución. Esto permitirá
a la comunidad educativa estar siempre informada sobre los últimos logros,
acontecimientos y desarrollos dentro de la institución.

Un aspecto fundamental que hemos incorporado a esta plataforma es la

implementación de un proceso de admisión en línea. Hemos diseñado un formulario
con el propósito de simplificar y agilizar el proceso de inscripción. De esta manera,
los padres de familia podrán completar este formulario directamente en la página

8
web. La veracidad de los datos proporcionados se verificará meticulosamente por el
personal de la secretaría de la unidad educativa, asegurando un proceso de
inscripción eficiente y preciso.

Para facilitar el contacto con nuestra institución, proporcionamos información de

contacto adicional, incluyendo el número de WhatsApp, la página de Facebook y el
enlace al correo electrónico de la unidad educativa. Esto permitirá a los interesados
en nuestra institución una conexión efectiva y rápida a través de diversas redes
sociales y medios de comunicación.

La página web estará alojada en línea, accesible a través de navegadores web

convencionales. Esto garantizará un acceso constante y sencillo a la información y
recursos que proporcionamos. Este enfoque reforzará la transparencia y la
participación activa en la vida de nuestra unidad educativa, fomentando una mayor
interacción y colaboración entre todos los miembros de nuestra comunidad
educativa. La página web se convertirá en un punto de referencia esencial para
quienes deseen explorar y participar plenamente en la experiencia educativa que la
institución ofrece.

6. ACTIVIDADES Y PLAN DE ACCION

LINEAS DE ACCION ACTIVIDADES RESPONSABLES

Realizar una Recolectar información
investigación acerca de mediante entrevistas a la
las necesidades que comunidad educativa. Grupo de Trabajo
requiere la Unidad Determinar una necesidad
Educativa principal.
Adquirir un cuaderno de
Realizar una apuntes para iniciar
maquetación de diseño Grupo de Trabajo
sobre la pagina Diseñar la pantalla de inicio en
borrador
Instalar un programa
adecuado para el Instalar Adobe Dreamweaver
Grupo de Trabajo
desarrollo de la página 2021
web
Iniciar con la
A través de los códigos en
codificación en Adobe Grupo de Trabajo
HTML, CSS y JAVA SCRIPT
Dreamweaver

9
 Obtener información multimedia
(fotografías, videos, iconos, etc)
Realizar la recolección de la Unidad Educativa.
de datos para la Solicitar documentos de Grupo de Trabajo
información de la pagina información, a la secretaría de
la dirección de la Unidad
Educativa
Insertar los archivos e
Introducir los datos de
información multimedia a los
información obtenidos a Grupo de trabajo
códigos utilizados para el
la página web
desarrollo de la página web.

Utilizar un formulario de Realizar un formulario de

inscripción de Google inscripción a los cupos de la Grupo de Trabajo
Forms unidad educativa

Un video de propaganda sobre

la Unidad Educativa
Realizar videos de Un video de explicación de uso
propaganda y tutoriales de la página web Grupo de Trabajo
para subirlas a la página. Un video tutorial sobre el
llenado del formulario de
inscripción.
Investigar sobre hosting gratuito
Colgar la página web de para poder subir la página web.
la Unidad Educativa
Técnico Tecnológico El Subir todos los archivos, Grupo de Trabajo
Progreso “B” a un códigos, herramientas,
hosting gratuito. contenido multimedia al hosting
gratuito elegido

7. INSUMOS Y PRESUPUESTOS PARA LA PROPUESTA TECNOLÓGICA

Para la elaboración y desarrollo de la página web:

MATERIALES HERRAMIENTAS

 Adobe Dreamweaver  Pc u ordenador (laptop)

 Navegador Web  Electricidad
 Materiales audiovisuales  Internet
 Material multimedia  Móvil (teléfono inteligente)

10
  Cuaderno de 200 hojas
Fuente: Elaboración Propia

Para la elaboración del documento:

MATERIALES HERRAMIENTAS

 Pc u ordenador (laptop)
 Microsoft Word  Electricidad
 Información digital  Internet
 Hojas bond t/carta  Móvil (teléfono inteligente)
 Impresora
Fuente: Elaboración Propia
Costos Directos:
COSTO COSTO
N° DESCRIPCION CANTIDAD
UNITARIO TOTAL
1 Internet (en megabytes) 30 veces Bs.2 x 150mb Bs.60
Instalación del programa
2 1 Bs.45 Bs.45
Dreamweaver
3 Cuaderno 200 hojas 1 Bs.25 Bs.25
4 Hojas bond t/carta 120 Bs.0,20 Bs.22
TOTAL: Bs.152
Fuente: Elaboración Propia
Costos indirectos:

N COSTO COSTO
DESCRIPCION CANTIDAD
° UNITARIO TOTAL
1 Electricidad Bs.10 Bs.90
2 Transporte 50 dias Bs.6 Bs.300
3 Aporte alimentario 15 Bs.3 Bs.45

11
 4 Bolígrafos 6 Bs.1,5 Bs.9
TOTAL: Bs. 444
Fuente: Elaboración Propia

POR CONCEPTO
ESTRATEGIA COSTO TOTAL
DE:
Desarrollo del sitio
Capital Propio Bs. 152
web Bs. 596
Otros Capital propio Bs. 444
Fuente: Elaboración Propia

8. CALENDARIO DE EJECUCIÓN DE ACTIVIDADES

ELABORACION Y ENTREGA DEL PROYECTO
JULI
AGOSTO SEPTIEMBRE OCTUBRE
O
TAREAS
28-29

10-11

11-16

18-22

11-18

16-18
9-10
4-5

2-6

2-7
18

19

28

14

13

19
6

Socializaci
ón del
proyecto
socio
productivo
Conformaci
ón de
equipos
Elección
del tema
para el
proyecto
Inicio de
desarrollo
del
proyecto
Inicio de la
documenta
ción del

12
proyecto
Desarrollo
del
proyecto
Desarrollo
de la
documenta
ción
Desarrollo
del
proyecto
en el aula
Entrega de
50% de la
documenta
ción
Avance del
proyecto
en el aula
Taller de
socializació
n del perfil
de
proyecto
Primera
entrega de
prueba de
prototipos
Asignación
del
docente
tutor
Primera
revisión del
perfil del
proyecto
Segunda

13
 revisión del
perfil del
proyecto
Segunda
entrega de
prueba de
los
prototipos
Tercera y
última
revisión del
perfil de
proyecto
Últimos
detalles en
la pagina
web
Última
entrega de
prueba de
los
prototipos
DEFENSA
DE LOS
PROYECT
OS DE
BTH

Fuente: Elaboración Propia

9. EJECUCIÓN Y PROCEDIMIENTO DEL PROYECTO

Realizar una investigación acerca de las necesidades que requiere la Unidad
Educativa:

La realización de esta investigación fue exhaustiva debido a las necesidades que

demanda la Unidad Educativa constituye un paso fundamental en el proceso de
desarrollo web. Este proceso implica la identificación y análisis detallado de los
requerimientos específicos de la institución educativa. Esto incluye la evaluación de

14
aspectos tales como los objetivos del sitio web, su público objetivo, las
características funcionales necesarias y los contenidos que se deben presentar de
manera efectiva. Además, esta etapa puede involucrar la revisión de sitios web
similares, encuestas a usuarios potenciales y conversaciones con los interesados
para garantizar que el proyecto web esté en sintonía con las metas y valores de la
Unidad Educativa.

Realizar una maquetación de diseño sobre la página:

La maquetación de diseño fue un proceso mediante el cual se elaboró un plano

visual que establece la estructura y apariencia del sitio web. Este paso es crucial
para definir la disposición de elementos como menús de navegación, imágenes,
secciones de contenido, y la distribución general del diseño. Ya sea a través de
software de diseño gráfico o herramientas de maquetación web, se buscó crear una
representación gráfica precisa de la futura interfaz del sitio web. Esta maqueta sirve
como un punto de referencia visual para garantizar la coherencia en el diseño y la
disposición de los elementos en todo el proyecto.

Instalar un programa adecuado para el desarrollo de la página web:

El tercer paso en este proceso consiste en la selección e instalación de la plataforma

de desarrollo adecuada. Dependiendo de las necesidades y capacidades técnicas
del equipo de desarrollo en un entorno de desarrollo web como Dreamweaver. La
elección de esta plataforma debe basarse en la idoneidad para el proyecto, la
familiaridad de los desarrolladores con la herramienta y la eficiencia de desarrollo
que ofrece.

Iniciar con la codificación en Adobe Dreamweaver:

Una vez definida la plataforma de desarrollo, el siguiente paso fue la codificación del
sitio web. Adobe Dreamweaver, una herramienta de desarrollo web de amplio
reconocimiento, es empleada para traducir el diseño visual en código HTML, CSS,
JavaScript y otros lenguajes de programación necesarios para construir la estructura
y la apariencia del sitio. Este proceso implica la escritura y organización del código

15
de manera eficiente, cumpliendo con las normas y buenas prácticas de desarrollo
web.

Realizar la recolección de datos para la información de la página:

La información que se obtuvo para el sitio web es precisa, relevante y completa. Para
lograrlo, se lleva a cabo un proceso de recopilación de datos exhaustivo. Este
proceso abarca la obtención de información sobre la Unidad Educativa, como su
historia, programas académicos, cuerpo docente, instalaciones, eventos y cualquier
otro detalle relevante. Además, se requiere la obtención de imágenes, videos,
logotipos y otros activos multimedia que respalden la presentación visual del
contenido en el sitio web.

Diseñar un formulario de inscripción:

La Unidad Educativa, actualmente, realiza las inscripciones de manera manual, por

lo se diseñó un formulario de inscripciones en línea para facilita las inscripciones
mediante la página web, diseñamos un formulario de inscripción eficiente, seguro y
esencial. Este formulario fue cuidadosamente diseñado para proporcionar una
experiencia de usuario amigable, al mismo tiempo que recolecta la información
necesaria de los solicitantes, como nombres, direcciones, información de contacto y
detalles académicos. La seguridad de los datos es una consideración crítica en esta
etapa, y se deben implementar medidas para proteger la información sensible.

Realizar videos de propaganda y tutoriales para subirlas a la página:

La incorporación de contenido multimedia en forma de videos de propaganda y

tutoriales es una estrategia valiosa para comunicar los valores y ofertas de la Unidad
Educativa. Este proceso involucra la planificación, producción y edición de videos de
alta calidad que destacan los aspectos más destacados de la institución educativa.
Además, se pueden crear tutoriales en video para guiar a los visitantes del sitio web
a través de procesos específicos, como el proceso de inscripción, acceso a recursos
educativos o navegación en el sitio web. La producción de estos recursos multimedia
requiere habilidades en edición de video, narración efectiva y una comprensión
profunda de los objetivos del sitio web.

16
Colgar la página web a un hosting gratuito, esto significa alojar el sitio web de la
Unidad Educativa en un servicio de hosting que no tiene costos asociados. Esto
implica subir los archivos y contenido de la página a un servidor en línea que esta
disponible de manera gratuita, para que toda la comunidad educativa a través del
sitio web puedan acceder a la información brindada, como también poder llenar el
formulario de inscripción

El desarrollo de este sitio web para la Unidad Educativa Técnico Tecnológico El

Progreso “B” se realizó un proceso integral y altamente estratégico que abarca
múltiples fases. Cada etapa, desde la investigación inicial de necesidades y diseño
hasta la codificación, recopilación de datos y producción de contenido multimedia,
contribuye a la creación de un sitio web informativo, atractivo y funcional que cumple
con los objetivos y requisitos de la institución educativa. La planificación y ejecución
cuidadosa de estas actividades son esenciales para lograr el éxito en la presentación
en línea de la Unidad Educativa.

10. NORMAS DE SEGURIDAD APLICADAS EN LA CONSTRUCCIÓN Y PARA EL

USO DEL PROTOTIPO
Debemos apostar por un proveedor de hosting de confianza.

En el mercado nos podemos encontrar con cientos de empresas que dan servicios
de alojamiento, pero no todos ellos ofrecen el mismo nivel de seguridad. Es muy
importante que este proveedor de hosting tenga algún sistema de detección y
prevención de intrusos, incluso que ofrezca barreras de seguridad para bloquear
posibles ataques como puede ser el uso de firewall en sus sistemas

Una buena práctica, consiste en bloquear los protocolos considerados de

administración (Remote Desktop o Terminal Service, telnet, ssh, webmin, usermin y
si es posible ftp) de tal forma que sólo se pueda acceder desde las direcciones IP
que normalmente emplee el usuario para su gestión. De esta forma aunque un
atacante pudiera conseguir nuestras contraseñas, at no disponer de una IP
autorizada, no podría conectarse

17
11. RESULTADOS OBTENIDOS
Un logro de gran relevancia en el campo de la institución, específicamente
relacionado con la creación y alojamiento de la página web de la unidad educativa en
un servicio de hosting gratuito. Este logro no solo simboliza un avance tecnológico,
sino que también tiene un impacto significativo en la comunidad educativa y en la
difusión de información esencial.

La creación y gestión de una página web para la institución educativa es un reflejo de

la evolución de la educación en la era digital, sobre todo en nuestra coyuntura social.
Representa un paso importante hacia la modernización y la digitalización de la
institución, lo que es crucial en un mundo cada vez más conectado en línea. Este
proceso de desarrollo web involucró una planificación minuciosa, la inversión de
tiempo y recursos para garantizar que la página cumpla su función de manera
efectiva.

La página web se ha convertido en una herramienta invaluable para la comunidad

educativa, ya que brinda un acceso sencillo y rápido a una amplia gama de
información crucial. Entre los contenidos accesibles, se destacan detalles sobre las
instalaciones de la institución, lo que permite a estudiantes y sus familias conocer el
entorno en el que se llevará a cabo la educación. Además, la página web
proporciona información detallada sobre el personal docente y administrativo,
facilitando la comunicación y el conocimiento de las personas involucradas en el
proceso educativo.

La inclusión de información detallada sobre las áreas académicas refleja un enfoque

en la transparencia y la orientación académica. Padres y estudiantes pueden acceder
a datos específicos lo que les permite tomar decisiones informadas sobre su
educación y trazar su camino educativo de manera más eficaz.

La página web también ofrece una visión clara de la misión y visión de la institución
educativa, lo que es esencial para transmitir los valores y objetivos de la unidad

18
educativa. Esto contribuye a fortalecer la identidad y la cultura escolar, lo que es
fundamental para una experiencia educativa cohesiva y significativa.

La reglamentación que los estudiantes deben cumplir establece claramente las

expectativas y las normas de conducta dentro de la institución. Al proporcionar esta
información en línea, la página web se convierte en una fuente de referencia esencial
para estudiantes y padres, ayudándoles a comprender las responsabilidades y
obligaciones que conlleva la educación en esa unidad.

Adicionalmente, la inclusión de un buscador externo del sitio web de Wikipedia en la

página principal amplía significativamente la utilidad de la plataforma. Esto
transforma la página web en una herramienta versátil para la búsqueda, investigación
y aprendizaje en la comunidad educativa. Los usuarios pueden utilizar este buscador
para acceder a una vasta cantidad de recursos educativos y enriquecer su
experiencia de aprendizaje dentro de la pagina web misma.

En resumen, la creación y el alojamiento de la página web de la unidad educativa

representan un logro considerable con un impacto profundamente positivo en la
comunidad educativa. Esta plataforma en línea ha mejorado la accesibilidad a
información crucial y ha fortalecido la comunicación entre la institución y sus
miembros, brindando una visión integral de la unidad educativa y sus operaciones, al
tiempo que se convierte en un recurso educativo versátil para la búsqueda y la
investigación. Esta iniciativa demuestra un compromiso con la innovación y la mejora
continua en el campo de la educación.

12. CONCLUSIONES
El uso de las nuevas tecnologías de información y comunicación en la escuela es
actualmente el centro de atención. El resultado que encontramos hasta el momento
nos plantea la importancia del uso moderno en el medio informático

Pudimos identificar la necesidad de tener una página web de nuestra Unidad

Educativa, con relación al mismo que facilitara la información sobre el cronograma de
actividades, fechas de exámenes y la historia de la Institución.

19
El segundo objetivo fue determinar los contenidos y el enfoque en cuanto al aspecto
funcional de la página de lo que pueda determinar una página informativa, que
cumpla la función primordial de informar sobre los planes diarias de la Unidad
Educativa en cuanto a actividades, cronogramas y todo aquello relacionado al
establecimiento.

Una vez logrado los objetivos planteados al inicio del proyecto, se concluye que la
realización del proyecto como este se requiere del trabajo en conjuntos de tanto el
área educativa como la tecnológica, donde albergan sus conocimientos y
experiencias para lograr un trabajo de calidad, que requiere tiempo y dedicación.

En definitiva, el presente trabajo alcanzó su objetivo general que fue elaborar la

página web para la unidad educativa técnico tecnológico el progreso B.

El desarrollo de la página web para la Unidad Educativa Técnico Tecnológico El

Progreso B fue un proceso en el que nos enfrentamos a una serie de dificultades,
tanto en la etapa de codificación como en la adaptación del diseño del maquetismo
en manuscrito que habíamos concebido inicialmente para la página. Estas
dificultades surgieron debido a la naturaleza compleja de la tarea y a la necesidad de
asegurar que la página web cumpliera con los estándares de calidad y funcionalidad
esperados.

En cuanto a la codificación, nos encontramos con desafíos técnicos que requerían

conocimientos sólidos en programación web. La implementación de ciertas
características y funcionalidades específicas, como la interacción con bases de datos
o la integración de los datos necesarios, resultó más complicada de lo previsto.
Además, hubo momentos en los que nos topamos con errores en el código que
debían ser depurados para garantizar un funcionamiento adecuado.

En lo que respecta al diseño, la adaptación de la maqueta inicial a menudo se reveló

más complicada de lo anticipado. Las diferencias entre el diseño estático y la
realidad de una página web interactiva y receptiva a veces generaron desafíos en la
disposición de elementos, la legibilidad y la estética general del sitio. Esto nos obligó

20
a revisar y ajustar el diseño original para que se adaptara de manera efectiva a las
necesidades y expectativas de la Unidad Educativa.

Sin embargo, a pesar de estas dificultades, el proyecto avanzó con éxito gracias a la
colaboración y la ayuda necesaria que recibimos. Desde nuestro punto de vista,
fuimos un equipo comprometido a trabajar en conjunto para superar los obstáculos
técnicos y de diseño. La comunicación efectiva y la resolución de problemas
colectiva fueron clave en la consecución del proyecto. Además, la participación de
expertos en desarrollo web y diseño gráfico desempeñó un papel fundamental en la
solución de problemas específicos.

En última instancia, el resultado fue una página web que cumple con las necesidades
de la Unidad Educativa Técnico Tecnológico El Progreso B. Esta página web se ha
desarrollado en plenitud, y su creación fue un testimonio de lo que se puede lograr
cuando se trabaja en equipo y se superan los desafíos con la ayuda adecuada.

13. BIBLIOGRAFIA

akus.net. (2023). disenowebakus. Obtenido de https://disenowebakus.net/historia-html.php

GoDaddy. (2023). GoDaddy. Obtenido de https://mx.godaddy.com/blog/que-es-seguridad-en-la-web-

manual-basico/

IEBS. (2023). IEBSCHOOL. Obtenido de https://www.iebschool.com/blog/que-es-etiqueta-html-

analitica-usabilidad/

siteground. (s.f.). siteground.com. Obtenido de https://es.siteground.com/blog/seguridad-

wordpress/?gclid=Cj0KCQjw06-
oBhC6ARIsAGuzdw1K3sDcNAKz0ulUBCm8Py07PfdMtG6QkSOAZY9uDWSf8DlYCY6kMYUaAu_
6EALw_wcB

21
ANEXOS
Anexo N° 1 Encabezado de la página principal

Anexo N° 2 Pie de Pagina

 Anexo N° 3 Contenido de las subpáginas

Anexo N° 4 Contenido de la subpágina vida escolar

Anexo N° 5 subpágina de admisiones

Anexo N°6 subpágina nuestro colegio

Anexo N° 7 Esther desarrollando la página

Anexo N° 8 Kevin en desarrollo de la página

Anexo N° 9 Contenido de la página principal

Anexo N°10 Código HTML de la página web

Anexo N° 21 Código CSS de la página web

Anexo N° 32 Entrevista con docentes