Your SlideShare is downloading. ×
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Proyecto de grado
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Proyecto de grado

1,916

Published on

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,916
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
65
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. PORTAL INTERACTIVO MANARENSE CARLOS ALBERTO ZAMBRANO BRAYDI INSTITUTO TÉCNICO NUESTRA SEÑORA DE MANAREINFORMÁTICA Y MANTENIMIENTO DE COMPUTADORES PAZ DE ARIPORO, CASANARE 2012
  • 2. PORTAL INTERACTIVO MANARENZE CARLOS ALBERTO ZAMBRANO BRAYDI ASESOR JOSE YOBANNY MONTAÑA BARRERALICENCIADO EN CIENCIAS DE LA EDUCACION INFORMATICA EDUCATIVA INSTITUTO TÉCNICO NUESTRA SEÑORA DE MANARE INFORMÁTICA Y MANTENIMIENTO DE COMPUTADORES PAZ DE ARIPORO, CASANARE 2012
  • 3. NOTA DE ACEPTACIÓN RECTOR JURADO 1 JURADO 2
  • 4. DEDICATORIAPrimero que todo dedicamos este trabajo a DIOS por permitirnos realizar esteproyecto.A mis padres HOMERO ZAMBRANO y DIANA BRAYDI quienes me apoyaronincondicionalmente.
  • 5. AGRADECIMIENTOSA mi profesora CARMEN CECILIA GÓMEZGALVIS que en todo momento meacompaño en todo el proceso de formación y la realización de este proyecto.A mi docente asesor JOBANNY MONTAÑA quien me asesoró y acompaño en elproceso de formación y realización de este proyecto de grado.
  • 6. CONTENIDOINTRODUCCIÓN ..............................................................................................................................82. PROBLEMA ............................................................................................................................ 102.1 Descripción Del Problema ...................................................................................................... 104. OBJETIVOS................................................................................................................................ 124.1 OBJETIVO GENERAL ............................................................................................................ 124.2 OBJETIVOSESPECÍFICOS................................................................................................... 125. MARCO REFERENCIAL .......................................................................................................... 135.1 Marco Teórico .......................................................................................................................... 135.1.1Pagina Web ............................................................................................................................ 135.1.3 Historia. Reseña histórica de la institución que va a ser beneficiada .......................... 155.2.1 Software para página web .................................................................................................. 165.2.1.2EDITOR DE TEXTO PLANO............................................................................................ 165.2.1.3 HTML .................................................................................................................................. 165.2.1.4 Adobe Flash CS5. ............................................................................................................. 175.2.1.5 Visual Basic ....................................................................................................................... 185.2.3.1Adobe Photoshop............................................................................................................... 185.2.4.1 PowerPoint ......................................................................................................................... 195.2.4.2 Prezi .................................................................................................................................... 195.2.4.3 Blogger ............................................................................................................................... 195.3.1.1Articulo 9o ........................................................................................................................... 205.3.1.2 Artículo 23º........................................................................................................................ 205.3.1.3Artículo 32º .......................................................................................................................... 216. METODOLOGÍA ........................................................................................................................ 226.1 TIPO DE INVESTIGACIÓN .................................................................................................. 226.2 FUENTES DE INVESTIGACIÓN .......................................................................................... 226.3RECURSOS HUMANOS Y FÍSICOS .................................................................................... 226.3.1Recursos Humanos............................................................................................................... 226.3.2 Recursos Físicos .................................................................................................................. 226.4 DESARROLLÓ METODOLÓGICO ...................................................................................... 236.6POBLACIÓN.............................................................................................................................. 24INFOGRAFÍA .................................................................................................................................. 25
  • 7. INTRODUCCIÓNHoy día los sitios WEB se han convertido en una de las opciones de mayorconsulta y divulgación para la sociedad actual, como también uno de los mediosde comunicación rápidos y entretenidos. Es así, que al consultar se vio lanecesidad de dar a conocer a nivel municipal los diferentes procesos de formaciónpedagógica y las diferentes actividades que se dan en la Institución EducativaNuestra Señora De Manare, diseñando un sitio Web, donde se observa unadescripción relacionada de los diferentes espacios que hacen parte de laInstitución.También el sitio Web permite atraer y mantener una constante comunicación conlos integrantes de la comunidad educativa, egresados y personas particulares quede una u otra forma harán aportes en beneficio de los procesos de formación delos integrantes de la comunidad educativa Nuestra Señora De Manare.Con esta consulta se pretende exhortar a todos los lectores para que les sirva deconsulta para posibles investigaciones, al mismo tiempo invitarlos a aportar susideas para complementar el sitio Web. Es así, como se quiso diseñar este sitiopara que sea visitado en la red por la comunidad pazariporeña y personas decualquier parte del país y el mundo, con el fin de promover y fortalecer a través dela comunicación interactiva los procesos de información e incursionar en el uso dela comunicación a través de medios tecnológicos modernos y, de esta manera,contribuir al fortalecimiento de la educación en el ámbito nacional e internacional. 8
  • 8. 1. TEMALa recopilación sistematizada de información denuestro colegio, para realizar unapagina web, esto beneficiaría a los estudiantes y comunidad en generaldelInstituto Técnico Nuestra Señora De Manare 9
  • 9. 2. PROBLEMA2.1 Descripción Del ProblemaLos alumnos y profesores del Instituto Técnico Nuestra Señora De Manare tienendificultad en la consulta y búsqueda de informaciónsobre nuestro colegio, ya que ala hora de buscar información sobre el colegio o estudiantes,esta búsqueda resultaser un poco lenta o imposible.2.2 Formulación del problema 10
  • 10. 3. JUSTIFICACIÓNLa organización de la Institución educativa: personal directivo, personal técnicodocente en actividades administrativas, personal profesional no docenteparticipante en los servicios educativos, la organización estudiantil y la sociedadde padres o representantes, tendrán la oportunidad de publicar sus planes,programas, cronogramas de actividades, orientaciones, noticias u opiniones enuna página Web propiedad de la institución, brindando la oportunidad a toda lacomunidad educativa de mantenerse informada sobre el proceso educativo, encualquier momento y lugar. Todo esto contribuirá a estrechar los vínculos de lacomunidad educativa, fortaleciendo la comunicación entre sus miembros.Es importante mencionar, que la página al ser pública, otras instituciones oparticulares tendrían acceso a ella, lo que podría promover el intercambio cultural,entre otros posibles acontecimientos. Además, permitirá planificar actividadeseducativas y recreativas, debido al aporte que pueden hacer todos los miembrosde la comunidad a través de sugerencias y propuestas concretas, proporcionadasmediante la página Web.Por lo expuesto, entonces, se recomienda la realización de una página Web, en ElInstituto Técnico Nuestra Señora De Manare del municipio de Paz De Ariporo,para mejorar la información entre personal directivo, personal docente, estudiantesy padres o representantes, en vista que la comunicación entre los elementos de lacomunidad educativa no es óptima, el investigador considera que dicha pagina semejorara la comunicación entre sus miembros fortaleciendo sus vínculos, ademásde administrar los recursos humanos y materiales con excelencia. 11
  • 11. 4. OBJETIVOS4.1 OBJETIVO GENERALDiseñar, y desarrollar una página Web para El Instituto Técnico Nuestra SeñoraDe Manare donde se faciliten los enlaces de comunicación dentro y fuera de lainstitución con los estudiantes y comunidad en general.4.2 OBJETIVOSESPECÍFICOS Determinar la viabilidad e importancia de diseñar la pagina web del INSTITUTO TÉCNICO NUESTRA SEÑORA DE MANARE valiéndose diferentes fuentes de recolección de información. Buscar toda la información relacionada con docentes, estudiantes, comunidad en general del Instituto Técnico Nuestra Señora De Manare y la comunidad pazariporeña que tenga relación con el colegio. Elaborar un sitio Web en Adobe Dreamweaver Cs5 y alojarlo en la red de Internet. 12
  • 12. 5. MARCO REFERENCIAL5.1 Marco TeóricoEl proyecto cuenta con la recolección de información que hay sobre el colegio. Enla página se encuentra información sobre el colegio y los estudiantes de lainstitución educativa.Lo fundamental en este proyecto es la creación de una página web la cual tendrálainformación de la institución educativa y los estudiantes. Está pagina web serápreviamente alojada en internet mediante un dominio, allí la pagina web cumple lafunción de un buscador de información de la institución educativa, estudiantes ycomunidad en general.5.1.1Pagina WebUna página web es el nombre de un documento o información electrónicaadaptada para la World Wide Web y que puede ser accedida medianteun navegador. Esta información se encuentra generalmente enformato HTML o XHTML, y puede proporcionar navegación a otras páginas webmediante enlaces de hipertexto. Las páginas web frecuentemente incluyen otrosrecursos como hojas de estilo en cascada, guiones (scripts) e imágenes digitales,entre otros.Las páginas web pueden estar almacenadas en un equipo local o un servidorweb remoto. El servidor web puede restringir el acceso únicamente para redesprivadas, p. ej., en una intranet corporativa, o puede publicar las páginas en laWorld Wide Web. El acceso a las páginas web es realizado mediante sutransferencia desde servidores utilizando el protocolo de transferencia dehipertexto (HTTP).Una página web está compuesta principalmente por información (sólo texto y/omódulos multimedia) así como por hiperenlaces; además puede contener oasociar Hoja de estilo datos de estilo para especificar cómo debe visualizarse,también Aplicación informática aplicaciones embebidas para así hacerlainteractiva.Las páginas web son escritas en un lenguaje de marcado que provee la capacidadde manejar e insertar hiperenlaces, generalmente HTML.El contenido de la página puede ser predeterminado página web estática ogenerado al momento de visualizarla o solicitarla a un servidor web página webdinámica. Las páginas dinámicas que se generan al momento de la visualización, 13
  • 13. se especifican a través de algún lenguaje interpretado, generalmente JavaScript, yla aplicación encargada de visualizar el contenido es la que realmente debegenerarlo. Las páginas dinámicas que se generan, al ser solicitadas, son creadaspor una aplicación en el servidor web que alberga las mismas.5.1.2. Tipos De Páginas Web. Estos son los tipos de páginas web que existen hoyen día en internet.5.1.2.1 Pagina Web Estática. Las páginas web estáticas son aquellas realizadasen HTML que pueden mostrar en alguna parte de la página objetos en movimientotales como banners, gifs animados, videos, etc.5.1.2.2 Pagina Web Animada. Las páginas web animadas son aquellas que serealizan con la tecnología FLASH, ésta permite que una página web presente elcontenido con ciertos efectos y animaciones en algunos de los sectores de lapágina o bien puede estar toda la página hecha en este lenguaje. El uso de estatecnología permite diseños más vanguardistas, modernos y creativos.5.1.2.3 Pagina Web Dinámica. Existen muchos lenguajes de programación queson la base para la mayoría de páginas web dinámicas. Las que destacamos aquíson los lenguajes PHP y ASP. Estos lenguajes permiten una perfectaestructuración del contenido. Por una parte crearíamos la estructura de laspáginas web, y por otra almacenaríamos el contenido en determinados archivos. Apartir de ahí, crearíamos el código de llamada que insertaría el contenido en lapropia página web estructurada. Este es el principio básico que siguen loslenguajes de programación. A partir de aquí se desarrollan aplicaciones parapoder gestionar el contenido a través de un panel de control, dando lugar a nuevostipos de página web que leeremos a continuación.5.1.2.4 Portal. Es un sitio web que en su página principal permite el acceso amúltiples secciones que, por lo general, son foros, chats, cuentas de correo,buscador, acceso registrado para obtener ciertas ventajas, las últimas noticias deactualidad… un sinfín de recursos para brindar al usuario la mejor experiencia debúsqueda para una temática en particular o para una temática muy amplia.Estamos hablando de dos tipos diferenciados de portal: Portal Horizontal, sereconoce por su temática variada con el fin de captar el mayor tráfico deinternautas posible. Son un ejemplo de esta modalidad, los portales de Lycos,Yahoo, Altavista, MSN, etc. Por otra parte, tenemos el Portal Vertical, que secentra en ofrecer contenido de una temática en particular, de este modo podemoshablar de Portal Inmobiliario, Portal de Comercio, Portal Laboral, etc.5.1.2.5 Tienda Virtual o Comercio Electrónico. Como su nombre indica, se trata deun sitio web que publica los productos de una tienda en particular en Internet. 14
  • 14. Permite la compra on-line a través de VISA, domiciliación bancaria o transferenciapor norma general. Ofrece al administrador un panel de gestión para poder subirlos productos, actualizarlos, eliminarlos, etc.5.1.2.6 Gestor De Contenidos. Se trata de un sitio web cuyo contenido se actualizaa través de un panel de gestión por parte del administrador del sitio. Este panel degestión suele ser muy intuitivo y fácil de usar. En aquellas páginas web querequieran una actualización constante se suele incorporar este panel de gestiónpara que pueda controlarse día a día por parte del cliente.5.1.2.7 Sitio Weblog (o blog). Nace de la definición de un diario, en donde lapersona inserta información a través del tiempo, solo que esto se hace público ylas demás personas pueden acceder a este y comentar sobre lo que leen. Estediario se encuentra acomodado de tal forma que lo primero que aparece es loúltimo que se publicó. Ejemplos: Blogger, Xanga. [[LiveJournal], [[WordPress],www.x0101.com.5.1.3 Historia. Reseña histórica de la institución que va a ser beneficiadaEl Instituto Técnico Nuestra Señora de Manare data su historia del año 1953 unavez terminada la violencia, su primera profesora fue la señorita Aura Preciadoreemplazada posteriormente por la Señora PolaVelandia de Solano; en el año de1955 fue cambiado de sede (hoy actual) por haberse desplomado el techoprovocando una tragedia que cobro la vida de varios estudiantes. Hacia el año de1974 recibe el nombre de "Colegio Nuestra Señora de Manare" en hono a lapatrona de Casanare, para el año de 1977 se da apertura a las dos jornadasmañana y tarde con un total de nueve grupos de primero a quinto de primaria;hacia el año de 1978 se abre el preescolar bajo la direccion de la profesora NidiaArdila, para 1993 se da inicio a la educacion básica con la apertura del gradosexto pero dicho intento fracasa en 1994 por falta de salones. en el año de 1995nuevamente se abre el grado sexto el cual dio origen a la primera promocion debachilleres de educación básica en el año de 1998 con quince graduandos bajo ladireccion del profesor Braulio Raúl Carlosama, aprobándose el colegio medianteResolucion No 001735 del 20 de octubre de 1998 emanada de la Gobernación deCasanare, para el año 2006 se abre el bachillerato en la media técnica con énfasisen mantenimiento y reparación de computadores dando origen a la primerapromocion de bachilleres técnicos en 2007 bajo la direccion del licenciado ElquinVargas Vargas. Aprobándose el colegio mediante resolucion No. 1334 del 19 deNoviembre de 2007 de la Secretaria de Eduacion y cultura Departamental.5.2MARCOCONCEPTUALEste proyecto se hizo porque se vio la necesidad de la creación de unapáginaweb; esta página web se creó en Dreamweaverquepermite crear sitios de formatotalmente gráfica, y dispone de funciones para acceder al código HTML 15
  • 15. generado. Permite la conexión a un servidor, a base de datos, soporte paraprogramación en ASP, PHP, JavaScript, cliente FTP integrado, etc. Esté proyectotrae muchos beneficios en cuanto a la consulta y búsqueda de información sobrenuestro colegio.5.2.1 Software parapágina web5.2.1.1Adobe Dreamweaver Cs5AdobeDreamweaver es una aplicación en forma de suite (basada en la forma deestudio de Adobe Flash) que está destinada a la construcción, diseño y edición desitios, videos y aplicaciones Web basados en estándares. Creado inicialmentepor Macromedia (actualmente producido por Adobe Systems) es el programa másutilizado en el sector del diseño y la programación web, por sus funcionalidades,su integración con otras herramientas como Adobe Flash y, recientemente, por susoporte de los estándares del World Wide Web Consortium. Su principalcompetidor es Microsoft Expression Web y tiene soporte tanto para edición deimágenes como para animación a través de su integración con otras. Hasta laversión MX, fue duramente criticado por su escaso soporte de los estándares de laweb, ya que el código que generaba era con frecuencia sólo válido para InternetExplorer y no validaba como HTML estándar. Esto se ha ido corrigiendo en lasversiones recientes.5.2.1.2EDITOR DE TEXTO PLANOUn editor de texto es un programa que permite crear y modificar archivos digitalescompuestos únicamente por texto sin formato, conocidos comúnmentecomo archivos de texto o texto plano. El programa lee el archivo e interpretalos bytes leídos según el código de caracteres que usa el editor. Hoy en día escomúnmente de 7- ó 8-bits en ASCII o UTF-8, rara vez EBCDIC.5.2.1.3HTMLHTML, siglas de HyperTextMarkupLanguage («lenguaje de marcado dehipertexto»), hace referencia al lenguaje de marcado predominante para laelaboración de páginas web que se utiliza para describir y traducir la estructura yla información en forma de texto, así como para complementar el texto con objetostales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadaspor corchetes angulares (<,>). HTML también puede describir, hasta un ciertopunto, la apariencia de un documento, y puede incluir un script (porejemplo JavaScript), el cual puede afectar el comportamiento de navegadoresweb y otros procesadores de HTML. 16
  • 16. 5.2.1.4Adobe Flash CS5.Adobe Flash Professional También en su versióncs es el nombre o marcacomercial oficial que recibe uno de los programas más populares de la casaAdobe, junto con sus programas hermanos Adobe Illustrator y Adobe Photoshop.Se trata de una aplicación de creación y manipulación de gráficos vectorialesconposibilidades de manejo de código mediante un lenguaje de scriptingllamado ActionScript. Flash es un estudio de animación que trabaja sobre"fotogramas" y está destinado a la producción y entrega de contenido interactivopara diferentes audiencias alrededor del mundo sin importar la plataforma. Esactualmente desarrollado y comercializado por Adobe SystemsIncorporated yforma parte de la familia Adobe Creative Suite, su distribución viene en diferentespresentaciones, que van desde su forma individual ó como parte de un paquete,siendo estos: Adobe Creative Suite Design Premium, Adobe Creative Suite WebPremium y Web Standard, Adobe Creative Suite Production Studio Premium yAdobe Creative Suite Master Collection. Se usa sobre animaciones publicitarias,reproducción de vídeos (como YouTube) y otros medios interactivos que sepresentan en la mayoría de sitios web del mundo, lo que le ha dado fama a ésteprograma, dándoles el nombre de "animaciones Flash" a los contenidos creadoscon éste.Adobe Flash utiliza gráficos vectoriales y gráficos pasterizados, sonido, código deprograma, flujo de vídeo y audio bidireccional (el flujo de subida sólo estádisponible si se usa conjuntamente con Macromedia Flash CommunicationServer). En sentido estricto, Flash es el entorno de desarrollo y Flash Player es elreproductor utilizado para visualizar los archivos generados con Flash. En otraspalabras, Adobe Flash crea y edita las animaciones o archivos multimedia y AdobeFlash Player las reproduce.Los archivos de Adobe Flash, que tienen generalmente la extensión dearchivo SWF, pueden aparecer en una página web para ser vistos enun navegador web, o pueden ser reproducidos independientemente por unreproductor Flash. Los archivos de Flash aparecen muy a menudocomo animaciones en sitios web multimedia, y más recientemente en Aplicacionesde Internet Ricas. Son también ampliamente utilizados como anuncios en la Web.En versiones anteriores, Macromedia amplió a Flash más allá de las animacionessimples, convirtiéndolo en una herramienta de desarrollo completa, para crearprincipalmente elementos multimedia e interactivos para Internet.Originalmente Flash no fue un desarrollo propio de Adobe, sino de una pequeñaempresa de desarrollo de nombre FutureWave Software y su nombre originalfue FutureSplashAnimator. En diciembre de 1996 Macromedia adquiereFutureWave Software, y con ello su programa de animación vectorial que pasa aser conocido como Flash 1.0.En 2005 Adobe compra Macromedia y junto con ella sus productos, entre ellosFlash, que pasa a llamarse Adobe Flash. 17
  • 17. 5.2.1.5 Visual BasicEs un lenguaje de programación diseñado para facilitar el desarrollo deaplicaciones en un entorno grafico, de manera automática, conectividad entrecontroles y datos mediante la acción de arrastrar y colocar sobre formularios oinformes. En las aplicaciones HTML se combinan instrucciones de Visual Basiccon códigos HTML para controlar los eventos que se realizan con frecuencia enuna página web.En la creación del software visual basic nos permitió crear un excelente entornografico para el proyecto.5.2.3Programas de diseñoEstos programas nos permitieron editar y facilitar la creación de imágenes lascuales son utilizadas en el aplicativo.5.2.3.1Adobe PhotoshopAdobe Photoshop es el nombre o marca comercial oficial que recibe uno de losprogramas más populares de la casa Adobe Systems, junto con sus programashermanos Adobe Illustrator y Adobe Flash, y que se trata esencialmente deuna aplicación informática en forma de taller de pintura y fotografía que trabajasobre un "lienzo" y que está destinado para la edición, retoque fotográfico y pinturaa base de imágenes de mapa de bits. Su nombre en español significa literalmente"tienda de Fotos" pero puede interpretarse como "taller de foto". Su capacidad deretoque y modificación de fotografías le ha dado el rubro de ser el programa deedición de imágenes más famoso del mundo.Actualmente forma parte de la familia Adobe Creative Suite y es desarrollado ycomercializado por Adobe SystemsIncorporated inicialmente paracomputadores Apple pero posteriormente también para plataformas PC consistema operativo Windows. Su distribución viene en diferentes presentaciones,que van desde su forma individual hasta como parte de un paquete siendo estos:Adobe Creative Suite Design Premium y Versión Standard, Adobe Creative SuiteWeb Premium, Adobe Creative Suite Production Studio Premium y Adobe CreativeSuite Master Collection.5.2.4Programas de presentaciónEstos son usados para mostrar información acerca de un tema. 18
  • 18. 5.2.4.1 PowerPointPowerPoint es uno de los programas de presentación más comunes. Este es unprograma diseñado para hacer presentaciones con texto esquematizado, fácil deentender, animaciones de texto e imágenes prediseñadas o importadas desdeimágenes de la computadora. Se le pueden aplicar distintos diseños de fuente,plantilla y animación, y con sus diferentes5.2.4.2 PreziEs un programa de presentación online que usa un solo lienzo en vez dediapositivas tradicionales y separadas. El lienzo permite a los usuarios crear unapresentación no lineal, donde pueden usar zoom en un mapa visual.los textos,imágenes, videos u otros objetos de presentación son puestos en un lienzo infinitoy presentado ordenadamente en un marco presentable.Las características de prezi son:  Creación de textos instantáneos  Paso de zooms delicados, limpios e instantáneos.  Insertar archivos multimedia como imágenes, videos u otros objetos.  Distribución y ocupación infinita de los objetos multimedia.  Se puede invitar a otros usuarios en la edición de la presentación.Gracias a las características que nos ofrece prezinos permite elaborar unapresentación del trabajo y mostrarla de una forma mas ordenada, visible yagradable.5.2.4.3 BloggerEs un programa que nos permiten crear y publicar una bitácora en línea, en elBlogger es posible publicar textos, fotos, videos según el tema a expresar, con elfin de llevar ese tema a los demás usuarios.Unas de las funcionalidades que tiene el Blogger son:  Editor de entradas WYSIWYG, que pueden ser programadas.  Diseñador de plantillas, que permite personalizar el aspecto del blog sin saber código.  Adición de imágenes y videos a través del editor de entradas.  Publicación a través de correo electrónico.  Vistas dinámicas, que permiten visualizar el contenido de un blog a través de una interfaz que aprovecha las bondades de jQuery, HTML5 y CSS3. 19
  • 19. 5.3 MARCO LEGAL5.3.1 LEY 115 DE 1994Ley General de Educación5.3.1.1Articulo 9o. Organización de la Educación Media.La educación MEDIAcomprende dos grados que podrán ser organizados en períodos semestralesindependientes o articulados, con el objeto de facilitar la promoción del educando,procurar su permanencia dentro del servicio y organizar debidamente laintensificación y especialización a que se refieren los artículos 31 y 32 de la Ley115 de 1994.Con el fin de lograr una mejor relación entre las disciplinas y de ofreceralternativas al educando para conformar su plan de estudios, las asignaturas y losproyectos pedagógicos de carácter técnico o académico, se integrarán enconjuntos o unidades, cuyo curso se cumplirá en períodos semestrales o menores.Los estudios de educación MEDIA podrán nivelarse o validarse de acuerdo con elreglamento.5.3.1.2 Artículo 23º.-Áreas obligatorias y fundamentales. Para el logro de losobjetivos de la educación básica se establecen áreas obligatorias y fundamentalesdel conocimiento y de la formación que necesariamente se tendrán que ofrecer deacuerdo con el currículo y el Proyecto Educativo Institucional.Ver: Artículo 34Decreto Nacional 1860 de 1994(Resolución 2343 de 1996 Ministerio de EducaciónNacional).Los grupos de áreas obligatorias y fundamentales que comprenderán un mínimodel 80% del plan de estudios, son los siguientes:1. Ciencias naturales y educación ambiental.2. Ciencias sociales, historia, geografía, constitución política y democracia.3. Educación artística. Modificado por el art. 65, Ley 397 de 1997.4. Educación ética y en valores humanos.5. Educación física, recreación y deportes.6. Educación religiosa. Numeral 6 Declarado exequibleSentencia C 555 de1994Corte Constitucional. VerLey 133 de 19947. Humanidades, lenguacastellana e idiomas extranjeros.8. Matemáticas.9. Tecnología e informática. Ver: Artículo 33 y Decreto Nacional 1860 de1994Orientación curriculares. Ver Oficio No. 370-5548/27.10.98. Secretaría deEducación. Instituciones de Educación formal. CJA13351998Parágrafo.-La educación religiosa se ofrecerá en todos los establecimientoseducativos, observando la garantía constitucional según la cual, en losestablecimientos del Estado ninguna persona podrá ser obligada a recibirla.Subrayado declarado exequible Sentencia C 555 de 1994 Corte Constitucional. 20
  • 20. 5.3.1.3Artículo 32º.-Educación media técnica. La educación media técnica preparaa los estudiantes para el desempeño laboral en uno de los sectores de laproducción y de los servicios, y para la continuación en la educación superior. Ver:Artículo 9Decreto Nacional 1860 de 1994Estará dirigida a la formación calificada en especialidades tales como:agropecuaria, comercio, finanzas, administración, ecología, medio ambiente,industria, informática, minería, salud, recreación, turismo, deporte y las demás querequiera el sector productivo y de servicios. Debe incorporar, en su formaciónteórica y práctica, lo más avanzado de la ciencia y de la técnica, para que elestudiante esté en capacidad de adaptarse a las nuevas tecnologías y al avancede la ciencia. Ver Proyecto Acuerdo Distrital 189 de 2001Las especialidades que ofrezcan los distintos establecimientos educativos, debencorresponder a las necesidades regionales.Parágrafo.- Para la creación de instituciones de educación media técnica o para laincorporación de otras y para la oferta de programas, se deberá tener unainfraestructura adecuada, el personal docente especializado y establecer unacoordinación con el Servicio Nacional de Aprendizaje, SENA u otras institucionesde capacitación laboral o del sector productivo. Ver Decreto Nacional 272 de 1998.5.3.1.4 Articulo 33º. Objetivos específicos de la educación media técnica. Sonobjetivos específicos de la educación media técnica:a) La capacitación básica inicial para el trabajo;b) La preparación para vincularse al sector productivo y a las posibilidades deformación que éste ofrece, yc) La formación adecuada a los objetivos de educación media académica, quepermita al educando el ingreso a la educación superior. 21
  • 21. 6. METODOLOGÍA6.1 TIPO DE INVESTIGACIÓNEste proyecto está basado en una investigación descriptiva, la cual radica en larecopilación de información, ya que estos son de granimportancia para eldesarrollo delapágina web.6.2 FUENTES DE INVESTIGACIÓNEn el desarrollo de este trabajo se recurren a diferentes fuentes de investigacióncomo encuestas y charlas informales dirigidas a los docentes y estudiantes deinstitución.6.3RECURSOS HUMANOS Y FÍSICOS6.3.1Recursos HumanosOrientación de algunos docentes del Instituto Técnico Nuestra Señora de Manarelicenciada en informática educativa Carmen Cecilia Gómez Galvis y el licenciadoJosé Yobanny Montaña Barrera. Diseño y programaciónCarlos Alberto ZambranoBraydi.6.3.2 RecursosFísicos  Un equipo de cómputo Intel(R) Core(TM) i3 CPU 550 @ 3.20 GHz,1.74 de memoria RAM utilizable  Impresora  Fotocopiadora  Hojas  Instaladores de los programasAdobe Photoshop CS5,AdobeDreamweaver Cs5 y Adobe Flash Cs5.  Bafles  Unidad de CD  Cámara digital de 12 mega pixeles 22
  • 22. 6.4 DESARROLLÓ METODOLÓGICOUna de las necesidades detectadas en el Instituto Técnico Nuestra Señora DeManare del municipio de Paz De Ariporoes la: Falta de información digitalizada sobre nuestro colegio ya que a la hora de buscar información sobre un hecho de nuestro colegio llega a ser un proceso largo o imposible. Carencia de medios de divulgación de información sobre nuestro colegio y comunidad en general. 23
  • 23. 6.6POBLACIÓNEstapágina es dirigida a los estudiantes, profesores, padres de familia ycomunidad en general del Instituto Técnico Nuestra Señora De Manare, Paz DeAriporo Casanare. 24
  • 24. INFOGRAFÍAhttp://es.scribd.com/doc/50238091/11/MARCO-CONCEPTUALhttp://maricelybetty.galeon.com/textos/PROYFINAL.pdfhttp://pumarino.blogspot.com/2008/04/aspectos-legales-para-iniciar-un.htmlhttp://www.google.com.co/url?sa=t&rct=j&q=&esrc=s&source=web&cd=4&ved=0CDcQFjAD&url=http%3A%2F%2Fwww.galeon.com%2Fpaginajuanjosepiba%2FTrabajofinal.doc&ei=uI5aUM7VE4Pu9ASNoYGgDw&usg=AFQjCNEewh4SQToLLeCDNjZOSvVRDIyuCw&sig2=xljtkhujLqHBjtfGWsnkjwhttp://www.icesi.edu.co/blogs_estudiantes/mercadeoremo/2009/02/16/tipos-de-pagina-web/http://es.wikipedia.org/wiki/Sitio_webhttp://es.wikipedia.org/wiki/P%C3%A1gina_webhttp://es.wikipedia.org/wiki/Adobe_Photoshophttp://es.wikipedia.org/wiki/Adobe_Flash_Professionalhttp://www.desarrolloweb.com/wiki/html.htmlhttp://es.wikipedia.org/wiki/Editor_de_textohttp://es.wikipedia.org/wiki/Adobe_Dreamweaver 25

×