UNIDAD EDUCATIVA COMUNITARIA INTERCULTURAL BILINGÜE
GUARDIANA DE LA LENGUA Y SABERES
“MUSHUK AYLLU”
BACHILLERATO TÉCNICO INFORMÁTICA.
PROYECTO DEMOSTRATIVO
“Diseño de una página web para la U.E Mushuk Ayllu”
ESTUDIANTE.
Andy Coquinche Sacha Kelly
CURSO.
Tercer año de bachillerato técnico. “A”
DOCENTE ASESOR.
Lic. José Cristóbal Minga Sanmartín
LUGAR Y FECHA.
Coca 18 de junio 2021
AÑO LECTIVO.
2020-2021
Estudiante: Andy Coquinche Sacha Kelly Institución Educativa: UECIB “Mushuk
Ayllu”
TEMA DEL PROYECTO: “Diseño de una página web para la U.E Mushuk Ayllu”
DESCRIPCIÓN:
Se creará un diseño de una página web institucional para mejorar la calidad de
nuestra institución. Así dar a conocer sobre los servicios educativos y la figura profesional
que la unidad educativa Mushuk Ayllu presta a la sociedad en general.
PREGUNTA DE OPCIÓN MÚLTIPLE.
¿Cuál es la mejor solución para diseñar una página web institucional?
¿Cuáles son las ventajas que nos proporciona las páginas web educativas?
a) Permite el diseño de ser vista en cualquier lugar del mundo en el que haya Internet.
b) Permite ahorrar tiempo, dinero e interactuar de forma colaborativas con todos los
miembros de la organización y compartir materiales educativos.
c) Permite el uso de datos personales con fines desconocidos.
RESPONSABLE DEL SEGUIMIENTO AL PROYECTO POR PARTE DE LA INSTITUCIÓN
EDUCATIVA.
Nombre y Apellido:
____Lic. José Minga_____
E-Mail:
[email protected] Fecha y firma de aprobación: Fecha y firma de aprobación:
____________________ __________________________
Firma de aprobación Firma de aprobación
PARTE I
ANÁLISIS DE LA SITUACIÓN PLANTEADA
Identificación de contenidos o competencias a aplicar.
En la actualidad se ha convertido en una necesidad o algo indispensable para la sociedad
las comunicaciones, que cada vez se realiza con mayor eficiencia atreves de las nuevas
tecnologías; por ello estas se aplican en diversos ámbitos de la vida social: personal, y
educativo; por ello las instituciones educativas se ven en la necesidad de estar a la vanguardia
de la tecnología, para ser competentes en un futuro.
Para la elaboración ejecución de nuestro proyecto demostrativo, podemos verificar que se
ven inmersos algunos temas de las asignaturas estudiadas en el aula, asignaturas las cuales
cada una de ellas aportan con una función específica, en las diferentes áreas de conocimiento,
en nuestra figura profesional.
Aplicación de Ofimáticas local en línea: Herramientas de trabajos: sitios web, códigos,
información,
Sistemas operativos de red: Fases de instalación de un sistema operativo, comprobación
de la conectividad del servicio con los clientes.
Soporte técnico: Elementos que intervienen el soporte técnico a distancia.
Programación y base de datos: Algoritmos computacionales: pseudocódigo y diagramas
de flujo. El proceso de compilación. Depuración y documentación de programas. Lenguajes
de Programación.
Formación y orientación laboral: Salud laboral y nuevas tecnologías, principales riesgos
de derivan de la misma, y las medidas de prevención y protección ante las nuevas tecnologías.
Matemática: Automatizar procesos de cálculo, porque de esta manera es posible llevar los
datos, formulas, información de manera organizada.
Física: Identificar las ondas electromagnéticas propagan en el movimiento ondulatorio es
una propiedad física o perturbación es algo abstracta, en un movimiento ondulatorio se
transmite o propaga una condición dinámica
Lengua y Literatura: Sintetiza el proceso de búsqueda de información y la comunicación
en los ordenadores informáticos.
Historia: Recocer su origen y la evolución de la tecnología y las resoluciones informáticas
hasta la contemporaneidad.
Reconocimiento de temas a revisar o reforzar.
Identificados los temas interdisciplinares que intervienen en nuestro proyecto
demostrativo, con los aprendizajes adquiridos durante nuestro proceso formativo,
identificamos los diferentes temas que son prioridad para reforzar en nuestros conocimientos
y que ayudaran a la solución de nuestro caso planteado.
Requieren de una página web visualmente atractiva, personalizada y funcional que permita
a su público objetivo tener acceso a contenido, elegir la pestaña y enlaces de preferencia,
utilizar motores de búsqueda para buscar y personalizar sus intereses para la comunidad y
demás personas en general.
Las páginas Web se encuentran programadas en un formato HTML o XHTML,
[ CITATION Lop21 \l 12298 ] y se caracterizan por su relación entre unas y otras a través de
hipervínculos: enlaces hacia contenidos diversos que permiten una lectura compleja,
simultánea y diversa, muy distinta a la que podemos hallar en los libros, revistas y de más
contenidos de información.
Los algoritmos computacionales. Es importante las matemáticas en la consecución de toda
actividad realizada en la vida cotidiana, de esta manera conoceremos longitud, faces,
instrumentos, equipos que utilizaremos en nuestro proyecto demostrativo.
Sintetizar el proceso de búsqueda de información y la comunicación en los ordenadores
informáticos. Para familiarizarlos con las diferentes fuentes tecnológicas.
Identificación las ondas electromagnéticas propagan en el movimiento ondulatorio
Las medidas de prevención y protección antes las nuevas tecnologías. Nos permite
preparar el trabajo que realizaremos en el proyecto demostrativo.
Analizar los requerimientos de comunicación y difusión de la información, considerando
parámetros económicos y técnicos establecidos por la organización o cliente.
Diseñar y construir la solución para atender los requerimientos de comunicación y difusión
de la información, empleando metodologías orientadas a las herramientas multimedia y WEB.
Realizar pruebas de funcionamiento de la solución WEB, verificando que se cumplen los
requerimientos de la organización o cliente.
Planificación del trabajo.
MAYO JUNIO
PARTES ACTIVIDADES
L M M J V L M M J V L M M J V L M M J V L M M J V L M M J V
1 1 1 1 1 1 1 1 2 2 2 2 2 2 2 3 1 1 1 1 1 1
0 1 2 3 4 7 8 9 0 1 4 5 6 7 8 1 1 2 3 4 7 8 9 0 1 4 5 6 7 18
Describir el tema del
Primera parte: proyecto, identificación de
Planificación y tema.
análisis de la Reforzar los temas más
situación importantes que ayudaran a
planteada. solucionar el problema para
el proyecto.
Segunda parte: Organizar las etapas de la
Desarrollo. actividad
Resolución de las tareas del
caso planteado (realización
de la actividad).
Incorporación de las
correcciones o mejoras
identificadas al proyecto.
Descripción la de
importancia y la
aplicabilidad de la Figura
Profesional en la vida
Tercera parte: cotidiana.
Reflexión.
Recopilación de todo el
proceso. (Narrar el proceso
del proyecto demostrativo)
Descripción de criterio
sobre los beneficios de los
aprendizajes desarrollados en
su formación.
Explicación con claridad el
Cuarta parte:
proceso secuencial del
Sistematización
desarrollo de la actividad.
"Resultados"
ENTREGA DEL Organización de las
PROYECTO evidencias respaldos y
DEMOSTRATIV producto final Envío/entrega.
OY Utilizar herramientas
PORTAFOLIO. técnicas- tecnológicas.
RESPONSABLE
S:
Estudiante.
PARTE II
DESARROLLO.
Resolución de las tareas del caso planteado.
Se considera pertinente demostrar la solución de los problemas, Como estudiante de una
institución, quiero dar a conocer a los estudiantes una manera diferente de interactuar con las
nuevas tecnologías, no solo de reconocimiento de cada una de las actividades que la
Institución desarrolla con los estudiantes, sino también la participación y la opinión de cada
uno de ellos.
Este proyecto está basado en el diseño y creación de la página web institucional con el fin
de que la comunidad interactúe y así lograr mejores resultados en el aprendizaje y además
mostrar la institución a nivel local, regional e internacional.
Como también con la realización de este proyecto lograremos enriquecer nuestro
aprendizaje y aplicaremos todos los conocimientos adquiridos en el área de tecnología e
informática.
Finalización del caso práctico (Mejoras)
Para mejorar el posicionamiento de una página web es necesario aplicar ciertas
herramientas que faciliten la comunicación tanto interna como externa. Para hacer que la
primera, es decir, la comunicación interna, sea efectiva, es necesario que exista orden,
coherencia y buen manejo de la actualización de información y contenido; La segunda, es
decir, la comunicación externa, busca generar posicionamiento de la web y satisfacción del
público.
Entre las actividades que se realizarán a lo largo del proceso, para conseguir el éxito del
proyecto, está implementar un mejoramiento de estética y orden técnico de la web para
mejorar la organización de la información; la realización de investigaciones dirigidas al área
de Comunicaciones y finalmente, la creación de un manual de estilo que sirva como guía a los
encargados de actualizar el contenido de la página web, para asegurar consistencia y
continuidad con lo que se publica. De esta manera se logrará una mayor consulta de
información sobre la página web institucional.[ CITATION Tor19 \l 12298 ]
Aquí yami
tengo puesto todos los
En esta parte empecé abriendo
códigos
blog de notas e insertando los necesarios para realizar mi
web.
códigos básicos.
En esta
En esta parte ya puesto todos los parte ya insertado la
códigos e información demayor parte de la información e
mi página
web. insertado imágenes para mi página
web.
Ya insertado toda la información y color
de fondo doy por terminado mi página web.
Respuesta a pregunta teórica, opción múltiple.
¿Cuáles son las ventajas que nos proporciona las páginas web educativas?
Dando respuesta a la pregunta de opciones múltiples relacionadas la a mí figura
profesional (FIP), junto a los aportes de las diferentes asignaturas logre recabar competencias,
habilidades que me ayudaron en la aplicación de mi proyecto, y puedo identificar varias
ventajas que nos proporciona la página web.
Dar a conocer nuevas culturas en las diferentes instituciones educativas.
Facilidades para el acceso a la información.
Fomento del debate y la discusión.
Desarrollo de habilidades y competencias.
El componente lúdico
Fomento de la comunidad educativo
Da a conocer un nuevo ámbito educativo
Se justifica la respuesta puesto que se presenta los aspectos teóricos y metodológicos en la
creación de ambientes de aprendizaje a través del diseño e implementación de un sitio web
como apoyo a los procesos de investigación realizados en el huerto escolar. El diseño
metodológico se enmarcó dentro de la investigación acción participativa con estrategias
pedagógicas y didácticas apoyadas en el uso de las tecnologías de la información y la
comunicación (TIC), generando junto con los niños, niñas y padres de familia, ambientes de
aprendizaje que se constituyen como instrumentos en la enseñanza de la educación para la
sostenibilidad.
PARTE III
REFLEXIÓN.
Importancia y aplicabilidad de la Figura Profesional.
De acuerdo a nuestras competencias en la figura profesional es importante porque nos
permite identificar las diferentes temáticas como, el servicios técnicos de informática, el
optimizar el tratamiento de la informática mediante el procesamiento automático utilizando
lenguaje de programación, bases de datos herramientas ofimáticas, redes informáticas,
herramientas web, sistemas operativos y soportes técnicos, proponiendo solución creativas e
innovadoras que respondas a los requerimientos de los usuarios, aplicando procedimientos y
metodologías informáticas vigentes.
Es importante la figura profesional y fundamental en nuestra vida cotidiana para lograr
ejecutar nuestras actividades diarias de una manera ética, confiable y profesional. La figura
profesional me permite crear una forma curricular y una historia individual sobre mi
conducta, comportamiento, eficiencia y otras variables que pueden ser fundamentales al
ejercer un oficio. La figura profesional, además, es aplicable en muchas industrias y empresas
para generar confianza ante un servicio y clientes.
También es importante en nuestra vida cotidiana ya que gracias a los conocimientos
adquiridos puedo ayudar a mi familia y de más personas a solucionar problemas técnicos que
ellos desconocen, porque desde el momento que se desarrolló la tecnología, el ser humano
debe estar preparado para afrontar la adversidad tecnológica el cambio, la innovación, la
informática juega un papel muy importante en la vida cotidiana, ya que se ha convertido en la
base tecnológica de todas las esferas de la vida del hombre. La informática es utilizada en la
educación, la medicina, la investigación científica, la policía, las comunicaciones, el
transporte.
La figura profesional se aplica como promoción; la figura profesional se aplica como
imagen de confianza, proporciona oportunidades de creatividad e innovación, generando
soluciones de software de alta calidad, con las que poder mejorar el rendimiento del trabajo y
ser más fuertes frente a la competencia. Implantar y mantener sistemas operativos y en red,
utilizando de manera óptima los recursos físicos y lógicos para lograr una comunicación
eficiente, considerando las normas y estándares vigentes.[ CITATION Dáv14 \l 12298 ]
Para el área administrativa la informática de nuestra figura profesional representa un
recurso muy importante para la ejecución de sus actividades quehacer diario. Además,
permite la creación de una base de datos con la finalidad de corregir anomalías en el presente
y proyectar hacia el futuro.
PARTE IV
SISTEMATIZACIÓN.
Explicación escrita del desarrollo.
Para poder realizar mi diseño o página web institucional ya que desconocía de cómo
realizar una página web educativa me centre en reforzare e enriquecer mi conocimiento sobre
las distintas formas de crear páginas web educativas para aprender cómo se deben hacer paso
a paso.
Primeramente, procedí a buscar información en la red informática, sobre los diferentes
diseños de páginas web y como realizarlos, ya se de magnitud pequeño o grande, también me
dispuse a buscar los diferentes códigos que se necesitan para crear mi página web
institucional. Recopile mucha información de diferentes sitios web, catálogos y demás sitios
de información confiable.
Una vez investigado y reforzado mi conocimiento para poder realizar mi diseño de página
web institucional y analizado esa información procedí a entrar a la aplicación blog de notas
de Windows ya que es la aplicación que es más fácil para diseñar cualquier páginas web,
luego ya abierta la aplicación me dispuse a insertar los códigos correspondientes para el
primer paso que es crear el HTML luego también los códigos que son para insertar imágenes,
texto, tamaño de letra, color y demás cualidades que se necesita en un diseño de página web.
Una vez ya insertado todos los códigos que se requería , para que mi diseño web institucional
este casi completo procedí a buscar información sobre la institución educativa “mushuk
ayllu” en las diferentes webs , desde cuando se fundó nuestra institución educativa, cuantos
estudiantes tenia, cuando se fundó la institución hasta la actualidad, aunque no había mucha
información hice lo que pude para insertar información confiable y además las diferentes
culturas que posee, como está constituido nuestro plantel educativo, y demás cualidades que
posee nuestra institución educativa ya que es una institución trilingüe.
Finalmente, terminada mi búsqueda sobre la institución educativa “Mushuk Ayllu” procedí
a buscar un color para el fondo de mi HTML que resalte mi diseño de página web, luego ya
terminado de colocar el color de fondo seguí a colocar el tamaño de letra, posteriormente
busque diferentes imágenes de la institución educativa “Mushuk Ayllu” para insertarlas en mi
página web, luego ya realizado todo el procedimiento revise los diferentes códigos para que
no hubiera errores. Ya realizado esa actividad procedí a navegar en mi página creada para
observar cualquier desperfecto o detalle que se me paso por alto en el momento de la
configuración de mi diseño web.
Ya revisado que mi página web institucional y verificada que no hubo errores, doy por
concluido la creación de mi diseño de página web institucional.
A manera de conclusión expreso que una página web es importante porque contiene
información capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas
otras cosas, adaptada para la llamada World Wide Web y puede ser accedida mediante un
navegador. Las páginas Web pueden estar almacenadas en un equipo o un servidor Web.
Fortalecer la comunicación entre los estudiantes de la comunidad educativa a través del
diseño de una página Web en la Institución Educativa “Mushuk Ayllu”. Logra que los
alumnos usen el ordenador como una herramienta más con el fin de obtener información,
adquirir conocimientos, comprobar los ya adquiridos o ampliar parcelas de especial interés, se
conceptualiza como aquellos espacios o páginas en la web, que ofrecen: recursos, información
y materiales relacionados con la educación.
El sitio web es una herramienta por medio de la cual se apoyan los procesos de enseñanza
– aprendizaje; permite brindar información relevante y plantear actividades que se desarrollan
combinando la enseñanza presencial con la tecnología no presencial.
Por consiguiente recomiendo mejorar el proceso de investigación, ampliando la variedad
de instrumentos para la recolección de la información, e incluir a los estudiantes y profesores ,
ya que son parte primordial del proceso educativo, formativo , y así poder triangular la
información que se genere en relación hacia el aprendizaje autónomo que ellos desarrollan
empleando diversas herramientas de la informática ; De esta forma se da a conocer la
importancia de poseer una página web institucional y las oportunidades que esta brinda, y
exhibir nuestra Institución a la comunidad institucional tanto a nivel regional, nacional e
internacionalmente. Enriquecer nuestro aprendizaje a través de la utilización de la página web
en nuestra Institución educativa. Así mejorar nuestros ámbitos educativos e impulsar a los
estudiantes para que aprendan más acerca de la suma importancia que tiene al no tener una
página web institucional y que se den cuenta que una página web es de suma importancia.
Cuando una institución cuenta con una página web eleva su prestigio, a la vez que permite
que los clientes aumenten su nivel de confianza en el servicio que ofrece. Un sitio web ayuda
a incrementar el número de personas que va a visitar la página web gracias a la información
que se encuentra en ella y darla a conocer a todas las personas en general.
Organización del portafolio de trabajo.
Organización del portafolio y presentación el Proyecto Demostrativo. Cada una de las
partes del proyecto está diferenciada de acuerdo a los siguientes componentes:
Portada: (nombre de la institución, FIP, nombre completo del estudiante, tema de proyecto
demostrativo, nombre del docente tutor, fecha de entrega.)
I PARTE: Análisis de la situación: Para la elaboración ejecución de nuestro proyecto
demostrativo verificamos algunos temas de las asignaturas estudiadas en el aula e
identificamos los diferentes temas que son prioridad para reforzar en nuestros conocimientos
y que ayudaran a la solución de nuestro caso planteado
II PARTE: Desarrollo de la situación: Se considera pertinente demostrar la solución de los
problemas y mejoras de nuestro proyecto demostrativo agregando varias imágenes de nuestro
tema planteado.
III REFLEXIÓN: Postura del estudiante: Dando respuesta a la pregunta de opciones
múltiples relacionadas la a mí figura profesional (FIP), junto a los aportes de las diferentes
asignaturas logre recabar competencias, habilidades que me ayudaron en la aplicación de mi
proyecto, y puedo identificar varias ventajas que nos proporciona la página web.
IV SISTEMATIZACIÓN: organización y recopilación de los cuatro componentes/proceso
para la evaluación.
Referencias.
Referencias
Doris, D., Aura, G., & Rolando, V. (2014). SITIO WEB COMO ESTRATEGIA DE
ENSEÑANZA EN LA EDUCACIÓN PARA LA SOSTENIBILIDAD. Obtenido de
www.scielo.org.com: http://www.scielo.org.co/pdf/prasa/v6n11/v6n11a06.pdf
Lopez , B. (2021). Cómo hacer una página web en HTML: Tutorial desde cero. Obtenido de
Ciudadano 2.0: https://www.ciudadano2cero.com/como-crear-una-pagina-web-en-
html/
Torres , x. (2019). Páginas web educativas. Introducción, la web en los ambientes educativos,
educación y web, ventajas y desventajas, diseño, tipos de información, herramientas
para construir una página web, aplicación. Obtenido de Universidad Ncional de
Educación "Enrrique Guzman": https://repositorio.une.edu.pe/handle/UNE/3986
ANEXOS
En esta parte empecé abriendo mi Aquí ya tengo puesto todos los
blog de notas e insertando los códigos necesarios para realizar mi
códigos básicos. web.
En esta parte ya abrí mi página En esta parte ya puesto todos los
en la web que aún falta realizarla. códigos e información de mi página
web.
