FIGURA PROFESIONAL: INFORMÁTICA

Transcripción

1 FIGURA PROFESIONAL: INFORMÁTICA TEMA: Diseño de un sitio Web de la Institución con la utilización del Programa Bloc de notas para el C.A.T. Pucará durante el año lectivo 0 05 Memoria Técnica previa a la obtención del título de Bachiller General Unificado, opción Informática. AUTORES: Córdova Redrován Juan Diego Redrován Mendieta Erika Magaly Valverde Pesántez Henry Iván DIRECTOR DEL PROYECTO: Ing. Merchán Diego COORDINADORA INSTITUCIONAL: Ing. Ariana Ávila P. PUCARÁ AZUAY 0 05

2 DATOS INFORMATIVOS: INSTITUCIÓN: RECTORA: VICERRECTOR: COORDINADORA INSTITUCIONAL COORDINADOR DEL C.A.T Unidad Educativa Fiscomisional a Distancia del Azuay. Lic. Judith Rodríguez Saltos Mgs. Patricio Ochoa Robles Ing. Ariana Ávila Plasencia Lic. Luis Reyes Reyes DIRECTOR DE PROYECTO AUTORES: CENTRODEAPOYOTUTORIAL: AÑO DE BACHILLERATO: ESPECIALIZACIÓN: Ing.Diego Merchán Huanga Córdova Redrován Juan Diego Redrován Mendieta Erika Magaly Valverde Pesántez Henry Iván Pucará Tercero Informática ZONA: 6 DISTRITO: PROVINCIA: CANTÓN: PARROQUIA: 0D0 Azuay Pucará Pucará AÑO LECTIVO: 0 05 FECHA DE INICIO: Mayo del 0 FECHA DE CULMINACIÓN Enero del 05 II C.A.T. PUCARÁ

3 ACTA DE APOBRACIÓN Luego de cumplir el trabajo correspondiente Proyecto de Grado previa a la obtención al Título de Bachiller Técnico en Comercio y Administración, opción Informática las autoridades Educativas dan un Aval. Lic. Judith Rodríguez Saltos. Rectora de la UNED-Azuay Mgs. Patricio Ochoa Robles. Vicerrector de la UNED Azuay Ing. Ariana Ávila P. Coordinadora Inst. de la UNED -Azuay Lic. Luis G. Reyes Reyes Coordinador del CAT Pucará Ing. Diego Merchán Huanga Director del Proyecto III C.A.T. PUCARÁ

4 UNIDAD EDUCATIVA FISCOMISIONAL A DISTANCIA DEL AZUAY AUTORÍA Los+ criterios contenidos en el trabajo del proyecto, Diseño de un sitio Web de la Institución con la utilización del Programa Bloc de notas para el C.A.T. Pucará durante el año lectivo 0 05, como también en los contenidos, ideas, aportes y condiciones son de eclusiva responsabilidad de los autores de este proyecto de grado. AUTORES: Córdova Redrován Juan Diego Redrován Mendieta Erika Magaly CI: CI: Valverde Pesantez Henry Iván CI: Pucará, Enero de 05 IV C.A.T. PUCARÁ

5 DEDICATORIA Con mucho afecto y cariño, dedicamos este proyecto a nuestros Padres, que son la razón que nos ha impulsado a ser Bachilleres. A nuestros Tutores, por el apoyo brindado y la comprensión nunca faltaron, a pesar de las dificultades. A nuestros hermanos, quienes siempre nos alentaron moralmente y que de ellos aprendimos el valor de la perseverancia, confianza y gratitud. A nuestros compañeros de estudio, con quienes hemos compartido nuestras eperiencias y conocimientos, algunos agradables y otros no tanto, pero que hemos estado unidos hasta lograr nuestras metas. Juan Córdova Erika Redrován Henry Valverde V C.A.T. PUCARÁ

6 AGRADECIMIENTO Al concluir con este proyecto, en la que hemos puesto de manifiesto las destrezas y conocimientos que hemos adquirido durante nuestra investigación, queremos agradecer en un primer lugar a Dios, por habernos dado la salud, fortaleza y las fuerzas necesarias para llevar acabo nuestras prácticas. A los Tutores quienes aportaron con su conocimiento y eperiencia, realizando observaciones y dando sugerencias oportunamente en el desarrollo de este trabajo. Al Ing. Diego Merchán Director del Proyecto en su nombre y a toda la Unidad Educativa Fiscomisional a Distancia del Azuay C.A.T Pucará, por habernos abierto sus puertas hacia el éito y guiarnos en todo el proceso. A la Comunidad Educativa de la Unidad Educativa Fiscomisional a Distancia del Azuay C.A.T. Pucará, que nos permitió realizar nuestros estudios hacia el futuro. Juan Córdova Erika Redrován Henry Valverde VI C.A.T. PUCARÁ

7 ÍNDICE GENERAL PRELIMINARES Pág. PORTADA.....I DATOS INFORMATIVOS.....II ACTA DE APROBACIÓN....III AUTORÍA. IV DEDICATORIA....V AGRADECIMIENTO.. VI ÍNDICE GENERAL VII RESUMEN EJECUTIVO ABSTRAC.. 0. PROPUESTA DE TRABAJO.... CONDICIONES A CUMPLIR.....ESTRATEGIAS A UTILIZAR MEMORIA DESCRIPTIVA DESCRIPCIÓN GENERAL.....DESCRIPCIÓN TÉCNICA ANÁLISIS DE REQUERIMIENTOS INSTALACIÓN DE ADOBE DREAMWEAVER CODIFICACIÓN DEL SITIO WEB PROCESO DE LA CONTRATACIÓN DEL HOSTING GLOSARIO...PROCESO DEPRODUCCIÓN DE BIENESO PRESTACIÓN DE SERVICIOS.... RECURSOS......TALENTOS HUMANOS RECURSOS FÍSICOS RECURSOS ECONOMICOS..6. MARCO OPERATIVO....7 VII C.A.T. PUCARÁ

8 CONCLUCIONES. 9 RECOMENDACIONES BIBLIOGRAFÍA. WEBGRAFÍA.. ANEOS VIII C.A.T. PUCARÁ

9 RESUMEN EJECUTIVO A medida que van pasando los años la tecnología sigue avanzando por ello que se ha visto la necesidad de implementar un Sitio Web informativo,hoy en día los sitios Web nos ayudan a mantener y manejar, una información de ayuda para todos los usuarios. En el C.A.T Pucará no eiste un Sitio Web informativo, en la cual se desarrollara varias presentaciones, tales como: íconos desplegables, información sobre la institución, dando así una mejor imagen a la institución. En consecuencia, es por ello que se escogió este tema, siendo un recurso principal para la institución para dar a conocer su modalidad de trabajo a la sociedad mediante el uso de este Sitio. De igual manera, este Sitio traerá mayor beneficio para toda la comunidad educativa, pues estará a su disposición y a la del público en general, con información actual de interés sobre la institución Con el presente proyecto se pretende mejorar la calidad y el entendimiento y aprendizaje de los estudiantes de todos los niveles del área de informática el cual servirá en el momento de la investigación será más eficaz. Este proyecto tiene la finalidad de ser un ejemplo para el resto de instituciones, al implementar este tipo de manuales que van en beneficio de la institución, el objetivo de este presente trabajo es implementar un manual que servirá para los estudiantes y tutores de la institución ya que será una forma más fácil y rápida de obtener la información, además que estaríamos ayudando a cuidar el planeta ya que es digital y no utilizaríamos papel para dar a conocer a los estudiantes y caminaríamos conjuntamente con la tecnología. Este trabajo está realizado en el programa de Bloc de notas con la ayuda de un gestor de contenidos Dreamweaver, los cuales interactúan conjuntamente para el éito de este proyecto. Hoy en día los sitios Web nos ayudan a mantener y manejar los datos con mejores resultados, una información que servirá de ayuda para todos los usuarios. Además nos ayuda en el tiempo que se toma para guardarla información, tanto en seguridad y control de una base de datos actualizada, ya que es un Sitio con información completa de la institución, logrando así que no eista pérdida de documentación, un manejo correcto de la misma establecer una comunicación más directa entre los miembros de la comunidad educativa. La misma que podrá acceder desde cualquier lugar, mediante el internet. 9 C.A.T. PUCARÁ

10 ABSTRAC As the years go by technology continues to advance why has seen the need to implement an information website. Today websites help us maintain and manage an information support for all users. In the C.A.T. Pucará there is an informational website, in which several presentations, such as developed: pop icons, information about the institution, thus giving a better picture of the institution. Consequently, that is why this topic was chosen to be a major resource for the institution to present its way of working to society through the use of this Site. Similarly, this website will bring greater benefit to the entire education community, as it will be available and the general public with current information of interest on the institution With this project is to improve the quality and understanding and learning of students of all levels of computer area which will at the time of the investigation will be more effective. This project aims to be an eample for other institutions, to implement this type of manual that will benefit the institution, the aim of the present work is to implement a manual that will help students and tutors of the institution and it will be an easier and faster way to get the information, and we would be helping to care for the planet as it is digital and would not use paper to present to students and would walk together with technology. This work is done in the Notepad program with the help of a content management Dreamweaver, which interact together for the success of this project. Today websites help us maintain and manage data with better results, information that will be helpful for all users. It also helps us in the time it takes to save information in both security and control of an updated database because it is a site with full information on the institution, thereby ensuring that there is no loss of documentation, proper handling of the same for more direct communication between members of the educational community. The same can be accessed from anywhere through the internet. 0 C.A.T. PUCARÁ

11 DISEÑO DE UN SITIO WEB DE LA INSTITUCIÓN CON LA UTILIZACIÓN DEL PROGRAMA BLOC DE NOTAS PARA EL C.A.T. PUCARÁ DURANTE EL AÑO LECTIVO PROPUESTA DE TRABAJO Diseño de un sitio Web de la Institución con la utilización del Programa Bloc de notas para el C.A.T. Pucará durante el año lectivo 0 05, que integre y permita proporcionar información de la institución, facilitando el acceso a los diferentes recursos y servicios que ofrece e incorporando nuevas tecnologías. El principal objetivo es diseñar el sitio Web informativo de forma que pueda disponer de un sistema de publicación en internet para proporcionar el mayor número posible de servicios a los miembros de la comunidad educativa, incluso para servir a usuarios que sin pertenecer a dicha institución educativa puedan estar interesados en determinados aspectos de la actividades de la institución. El sistema permitirá administrar un portal con publicación en línea ya que beneficiará de modo importante a todos los estudiantes.. Condiciones a cumplir Para el cumplimiento eitoso de nuestra propuesta, es necesario cumplir con las siguientes condiciones: Elaborar el diseño del plano de un sitio Web con la codificación necesaria. Crear una base de datos para almacenar información. Recopilar información necesaria sobre la institución. Adjuntar la información recopilada a la base de datos. Publicar en internet toda la información almacenada en la base de datos. C.A.T. PUCARÁ

12 Diseñar la interfaz de presentación gráfica hacia los usuarios del sitio Web. Evaluar la parte del software para el correcto funcionamiento del sitio Web. Elaborar el diseño del plano de un sitio Web con la codificación necesaria.. Estrategias a utilizar En el momento de trabajar con la creación del sitio Web, se deberá hacerlo de forma lógica y manualmente. Como ocurre con cualquier actividad que se aprende, las habilidades para la creación de un sitio Web digital, se tomaran en cuenta las siguientes estrategias: Adquirir los componentes necesarios para la debida creación del sitio Web. Conocer el funcionamiento de cada uno de los elementos necesarios que se utilizaran para la creación del sitio Web. Utilizar el método de programación dividido en capas. Realizar el diseño del sitio Web digital cumpliendo con las necesidades de los usuarios. Resolver los problemas que se presenten en la elaboración del sitio Web digital realizando las correcciones pertinentes. Realizar las pruebas correspondientes d como lógica para del software y verificar el correcto funcionamiento del sitio Web. C.A.T. PUCARÁ

13 Componentes: Base de datos.- La creación se realizará el Access. Programa Bloc de notas.- Es un conjunto completo de herramientas de desarrollo para la generación de aplicaciones web. Programación.-La programación informática, a menudo acortada como programación, es el proceso de diseñar, codificar, depurar y mantener el código fuente de programas computacionales. Internet.- Este nos permite obtener información científica para realizar el proyecto. Banner.- Formato publicitario en Internet. Está forma de publicidad online consiste en incluir una pieza publicitaria dentro de una página Web. Prácticamente en la totalidad de los casos, su objetivo es atraer tráfico hacia el sitio Web del anunciante que paga por su inclusión. Un ordenador.-es una máquina electrónica que recibe y procesa datospara convertirlos en información útil.. MEMORIA DESCRIPTIVA.. Descripción general Elaborar un sitio Web la misma que ayudara a los estudiantes a estar informados sobre las actividades que realiza el C.A.T. Pucarámediante el uso de herramientas informáticas y así evitar contratiempos. Su funcionamiento se basa en: Recopilar la información de la comunidad educativa y convertirla en producto único para mostrarla a través de un medio donde todos puedan acceder al sitio Web. C.A.T. PUCARÁ

14 Diseño y creación del interfaz del sitio Web. La creación de la base de datos de la información del C.A.T. Pucará en el programa de Access. Unión de la base de datos con el programa. Verificación de que el programa funcione correctamente... Descripción Técnica.. Análisis de requerimientos Elaborar un sitio Web la misma que ayudara a los estudiantes a estar informados sobre las actividades que realiza el C.A.T. Pucará mediante el uso de herramientas informáticas y así evitar contratiempos... Instalación de Adobe Dreamweaver Ilustración: Imagen del programa Adobe Dreamweaver Autoría: Henry Valverde. C.A.T. PUCARÁ

15 . Descargamos Adobe Dreamweaver. Le damos click en setup.ee y damos ejecutar. setup. ee. Damos click en permitir y nos aparecerá la siguiente ventana. Ilustración: Instalando el programa Adobe Dreamweaver Autoría: Henry Valverde.. Damos click en iniciar la suscripción. Ilustración: Opciones del Adobe Dreamweaver Autoría: Henry Valverde. En este caso escogemos la tercera opción y nos aparecerá la siguiente imagen 5 C.A.T. PUCARÁ

16 Ilustración: Licencia del programa Adobe Dreamweaver Autoría: Henry Valverde. 5. Aceptamos los términos de la licencia y aparecerá la siguiente ventana. Ilustración: 5 Versiones de Adobe Dreamweaver. Autoría: Henry Valverde. 6. Elegimos la versión de Adobe Dreamweaver en este caso Adobe Dreamweaver CS6, la opción de la imagen de color verde. y damos clikc en instalar. 6 C.A.T. PUCARÁ

17 Ilustración: 6 Programa instalado. Autoría: Henry Valverde. 7. Instalación completa y damos clik en cerrar. 8. Abrimos adobe dreamweaver y damos click en crear nuevo. Ilustración: 7 Abriendo el programa Adobe Dreamweaver Autoría: Henry Valverde. 7 C.A.T. PUCARÁ

18 .. Codificación del Sitio Web Ilustración: 8 Código de la Interfaz Autoría: Erika Redrován. Código de la interfaz del sitio Web Ilustración: 9 Interfaz Autoría: Erika Redrován. Vista previa de la Interfaz. 8 C.A.T. PUCARÁ

19 Ilustración: 0 Código del ícono inicio. Autoría: Erika Redrován. Codificación del ícono inicio del sitio Web Ilustración: Ícono de inicio. Autoría: Erika Redrován. Vista previa del ícono de inicio 9 C.A.T. PUCARÁ

20 Ilustración: Ícono de la historia Autoría: Erika Redrován. Código del icono de la historia Ilustración: Ícono dela Historia. Autoría: Erika Redrován. Vista previa del ícono de la Historia. En este ícono esta codificada la historia el año en que fue fundado el C.A.T.Pucará y quienes fueron los primeros docentes. 0 C.A.T. PUCARÁ

21 Ilustración: Ícono de Docentes Autoría: Erika Redrován. Código del ícono de Docentes Ilustración: 5 Ícono de docentes Autoría: Erika Redrován. Vista previa de las imágenes que están codificadas las fotos de cada docente y un mensaje de cada uno de ellos. C.A.T. PUCARÁ

22 Ilustración: 6 Mensajes del grupo de tutores Autoría: Erika Redrován. Código de los mensajes del grupo de tutores Ilustración: 7 Ícono del mensaje del grupo de docentes Autoría: Erika Redrován. En este ícono está codificado el mensaje del grupo de docentes inspirado para los estudiantes. C.A.T. PUCARÁ

23 Ilustración: 8 Ícono nosotros Autoría: Erika Redrován. Codificación del ícono nosotros Ilustración: 9 Ícono Nosotros Autoría: Erika Redrován. En este ícono está codificado la Misión, Visión, Creencias, Valores, Filosofía y Lemas institucionales de C.A.T. Pucará. C.A.T. PUCARÁ

24 Ilustración: 0 Ícono contáctenos Autoría: Erika Redrován. Código del ícono contáctenos Ilustración: Ícono contáctenos Autoría: Erika Redrován. En esta imagen está codificado el teléfono y el del C.A.T. Pucará donde pueden contactarnos. C.A.T. PUCARÁ

25 Ilustración: Fotos aleatorias. Autoría: Erika Redrován. Código de las fotos aleatorias. Ilustración: Ícono de las fotos aleatorias Autoría: Erika Redrován. Aquí está la codificación de las fotos aleatorias y la actividad de cada una de ellas y estas cambian cada segundos. 5 C.A.T. PUCARÁ

26 Ilustración: Codificaciónde Twitter, Facebook. Autoría: Erika Redrován. Ilustración: 5 Twitter, Facebook. Autoría: Erika Redrován. En esta imagen esta la vista previa de Twitter y Facebook 6 C.A.T. PUCARÁ

27 .. El proceso de contratación del hosting Es una empresa líder en la prestación de servicios de alojamiento web gratuito de primera clase sin publicidad. No hay costos ocultos, ni anuncios, y no hay términos restrictivos. Velocidades rápidas, máima fiabilidad y apoyo a los usuarios fanáticos son sólo algunas de las comodidades de las que recibe con nuestro servicio. Pasos para la contratación del hosting. Ingresamos en google.. Escribimos el siguiente link Ilustración: 6 Paso Autoría: Juan Córdova.. Damos click en comienza ahora y se nos aparecerá la siguiente ventana. 7 C.A.T. PUCARÁ

28 Ilustración: 7 Paso Autoría: Juan Córdova. 5. Aquí escogemos el plan de hosting que vamos a contratar en este caso Delue y damos click en agregar al carrito. Además escogemos el tiempo que queremos contratar. Luego se aparecerá la siguiente ventana. Ilustración: 8 Paso Autoría: Juan Córdova. 6. Damos click en continuar y se nos aparecerá la siguiente ventana. 8 C.A.T. PUCARÁ

29 Ilustración: 9 Paso Autoría: Juan Córdova. 7. Aquí digitamos el dominio que queremos, en este caso uefdacatpucara.com y vemos que está disponible. Damos clic en Agregar y Continuar y se aparecerá la siguiente ventana. 9 C.A.T. PUCARÁ

30 Ilustración: 0 Paso 5 Autoría: Juan Córdova. 6. Damos click en proceda al pago Ilustración: Paso 6 Autoría: Juan Córdova. 7. Una vez ingresado los datos para el pago, nos aparecerá lo siguiente y le damos click en Inicio de Sesión 0 C.A.T. PUCARÁ

31 Ilustración: Paso 7 Autoría: Juan Córdova. 8. Damos click en Hacer tu pedido, y hemos completado el proceso de contratación de hosting y dominio. Ilustración: Paso 8 Autoría: Juan Córdova. 9. Cuando todo el contrato está listo, podemos ingresar a cpanel para subir nuestro sitio web. C.A.T. PUCARÁ

32 Ilustración: Paso 9 Usuario Contraseña Autoría: Juan Córdova. 0. Ingresamos a la administración de nuestro sitio web, pero para poder subir el directorio completo necesitamos un cliente FTP, en este caso lo haremos con FileZillaClient. Ilustración: 5 Paso 0 Autoría: Erika Redrován.. Desde nuestro equipo podemos escoger los archivos correspondientes al sitio web e irlos cargando. C.A.T. PUCARÁ

33 Ilustración: 6 Paso Autoría: Juan Córdova.. Hemos terminado, para probar el funcionamiento digitamos en la barra de direcciones Ilustración: 7 Paso Autoría: Juan Córdova.. Vista previa del Sitio Web en Internet. C.A.T. PUCARÁ

34 .. Glosario HTML: HTML, siglas de HipertetoMarkup Lenguaje, hace referencia al lenguaje de mercado para la elaboración de páginas Web. Espacio virtual: hablando dentro de los campos de informática, un espacio virtual es aquel lugar donde virtualmente se almacena información intangible. PHP: es un lenguaje de programación inventado para páginas Web. Wiki: Sistema de trabajo informático utilizado en los sitios web que permite a los usuarios modificar o crear su contenido de forma rápida y sencilla. Plugin: Es un módulo de hardware o software que añade una característica o un servicio específico a un sistema más grande.. PROCESO DEPRODUCCIÓN DE BIENESO PRESTACIÓN DE SERVICIOS o Búsqueda de lanecesidad. o Elaboración de propuesta. o Obtenciónde informaciónsobre HTML o Carga de informaciónal sitio web. o Presentacióndel sitioweb. o Recomendaciones delsitio web.. RECURSOS: Para la elaboración de este proyecto necesitaremos los recursos necesarios como son: Escáner, Cámara digital, Impresora, Proyector, Materiales de escritorio (Papel bond, CD), Software de diseño web, audiovisual y multimedia, el internet, la energía eléctrica, C.A.T. PUCARÁ

35 unacomputadora, una memoria y todos las demás herramientas que se necesitaran para el diseño del sitio Web... Talento Humano. Para el desarrollo del proyecto eisten personas que nos ayudarán como los son: o Lic. Judith Rodríguez Rectora o Mgs. Patricio Ochoa R Vicerrector o Ing. Ariana Ávila Coordinadora Institucional o Prof. Luis Guillermo Reyes. Coordinador del C.A.T Pucará Director del proyecto o Ing. Diego Eugenio Merchán Huanga Asesor del proyecto o Sr. Carlos H. Rodríguez Cabrera. Las personas encargadas para el desarrollo del proyecto somos los siguientes: Desarrolladores del proyecto: o Córdova Redrován Juan Diego o Redrován Mendieta Erika Magaly o Valverde Pesántez Henry Iván.. Recursos Físicos. Fase de Desarrollo. o Servidor de pruebas: Equipo en el cual se instalará el software necesario para el diseño y creación del sitio Web. o Impresora: Para la presentación de los diferentes informes generales y pruebas que se realizaran para la impresión de los reportes. Fase de Implementación. 5 C.A.T. PUCARÁ

36 o Servidor: Equipo donde se instalará todo el software necesario para la implementación del sitio Web. Fase de prueba. o Se revisara si el sitio Web con está funcionando correctamente y que cumpla con los parámetros requeridos. Recursos Informáticos. o Computadora o Impresora o Flash memory Recursos electrónicos. o Computador. o Impresora. o Cámara digital. o CPU. o Proyector. o Flash memory Recursos adicionales. o Coneión a internet: herramienta que nos permitirá realizar o adquirir información en las respectivas investigaciones para el desarrollo del proyecto. o Insumos de oficina: para la generación de informes y documentos de presentación. 6 C.A.T. PUCARÁ

37 .. Recursos económicos. Ingresos (Autogestión). Estudiantes () $5.00 Total de ingresos $5.00 Egresos Transporte $5.00 Copias e impresiones $0.00 Total de Egresos $5.00 Saldo $ C.A.T. PUCARÁ

38 5. MARCO OPERATIVO MAYO JUNIO JULIO AGOSTO SEPTIEMBRE OCTUBRE NOVIEMBRE DICIEMBRE ENERO FASE I GENERALIDADES DE DISEÑO DEL SITIO WEB. Difusión y sensibilización a estudiantes, padres de familia y tutores sobre el instructivo del proyecto de grado. Elección del tema Presentación de la solicitud y aprobación por el vicerrector. FASE II ANÁLISIS Y OBTENCIÓN DE REQUERIMIENTOS Definición del tema. Realización de análisis de los requerimiento del plantel Recopilación de la información Organización de la información FASE III 8 C.A.T. PUCARÁ

39 ANÁLISIS Y OBTENCIÓN DE REQUERIMIENTOS Diseño preliminar de la estructuración de la página Web. Análisis y elección de las herramientas de trabajo(software a utilizar) Diseño de la estructura del sitio Web Elaboración del diseño lógico del sitio Web Elaboración de los links con carga periódica de la información Desarrollo y puesto en línea de servicio de suministro de documentos digitales Promoción a través de correos electrónicos, de los enlaces elaborados para estimular su uso por parte de la comunidad educativa Elaboración e implementación de las plataformas para el servicio de referencia. 9 C.A.T. PUCARÁ

40 CONCLUSIONES:. En el desarrollo de este proyecto nos resultó algo nuevo e innovador ya que en C.A.T. Pucará en años anteriores no se contaba con un Sitio Web informativo, concluyendo que este proyecto les beneficiará mucho para los cursos básicos como también para los de bachiller ya que de esa forma los estudiantes tendrán más oportunidad para aprender en informática.. El sitio Web es una entrada de servicio al usuario ya que es más eficaz a la relación de la investigación, con la ayuda de los tutores epertos en la rama de informática se instaló los diferentes programas para la creación de la página Web, concluyendo que no se debe ser una persona especializada para la creación de páginas Web.. El manual Web se realizó investigando todos los comandos y códigos para que de esta forma los estudiantes pueden acceder a la información puesta ahí.. Después de haber realizado este manual nos dimos cuenta que es muy necesario, porque nosotros no contábamos con este tipo de material para la creación de páginas. 0 C.A.T. PUCARÁ

41 RECOMENDACIONES:. Seguir creando más proyectos como este, ya que es muy beneficiario para la creación de páginas Web informativo y para que tengan más conocimientos para los alumnos en el área de informática.. Para la creación del sitio Web informativo deben tener los conocimientos necesarios para que de esta forma no tengan complicación al momento de realizarlo.. Para realizar un proyecto como este deben tener mucha responsabilidad y tiempo necesario.. Dar a conocer el sitio Web informativo a todos los estudiantes del C.A.T. Pucará. C.A.T. PUCARÁ

42 BIBLIOGRAFÍA: Libros de: - MERCHÁN, Alvarito. Elaboración y administración de sitios Web. Editorial Click Edición ra Pucará - MERCHÁN, Alvarito. Desarrollo y Evaluación de aplicaciones Informáticas. Editorial Click Edición ra Pucará. WEBGRAFIA: 0:0am /0 5:00pm :00pm 6:00pm enidos5/08/0 6:00pm 6/08/0 6:0pm C.A.T. PUCARÁ

43 C.A.T. PUCARÁ

44 Ilustración: 8 En esta imagen estamos comenzando a diseñar el interfaz para el sitio Web. Autoría: Diego Merchán Ilustración: 9 En esta imagen se está realizando la codificación del Inicio del Sitio Web. Autoría: Juan Córdova C.A.T. PUCARÁ

45 Ilustración: 0 En esta imagen se realiza la codificación del ícono de la historia. Autoría: Erika Redrován. Ilustración: En esta imagen se realiza la codificación del ícono de los docentes Autoría: Henry Valverde. 5 C.A.T. PUCARÁ

46 Ilustración: Copia de la historia del C.A.T. Pucará desde el año 99 al 0. Autoría: Juan Córdova Ilustración: Realización de la codificación del ícono Nosotros. Autoría: Iván Valverde 6 C.A.T. PUCARÁ

47 Codificación del ícono Contáctenos. Ilustración: Autoría: Juan Córdova. Ilustración: Codificación de los fondos y de las imágenes aleatorias. Autoría: Diego Merchán 7 C.A.T. PUCARÁ

48 Ilustración: 6 Codificación de las imágenes de twitter y Facebook. Autoría: Diego Merchán Ilustración: 7 Contratación del hosting. Autoría: Diego Merchán 8 C.A.T. PUCARÁ

49 Ilustración: 8 Publicación del Sitio Web. Autoría: Diego Merchán 9 C.A.T. PUCARÁ

50 FIGURA PROFESIONAL: INFORMÁTICA TEMA: Diseño de un sitio Web de la Institución con la utilización del Programa Bloc de notas para el C.A.T. Pucará durante el año lectivo 0 05 Memoria técnica previa a la obtención del título de: Bachiller Técnico Polivalente, Figura Profesional Informática. AUTORES: Córdova Redrován Juan Diego Redrován Mendieta Erika Magaly Valverde Pesántez Henry Iván DIRECTOR DEL PROYECTO: Ing. Diego E. Merchán H. COORDINADORA INSTITUCIONAL: Ing. Ariana Ávila Plasencia Pucará - Azuay- Ecuador C.A.T. PUCARÁ

51 ÍNDICE RESUMEN EJECUTIVO. PROPUESTA DE TRABAJO. PROPUESTA Diseño de un sitio Web de la Institución con la utilización del Programa Bloc de notas para el C.A.T. Pucará durante el año lectivo 0 05, que integre y permita proporcionar información de la institución, facilitando el acceso a los diferentes recursos y servicios que ofrece e incorporando nuevas tecnologías. El principal objetivo es diseñar el sitio Web informativo de forma que pueda disponer de un sistema de publicación en internet para proporcionar el mayor número posible de servicios a los miembros de la comunidad educativa, incluso para servir a usuarios que sin pertenecer a dicha institución educativa puedan estar interesados en determinados aspectos de la actividades de la institución. El sistema permitirá administrar un portal con publicación en línea ya que beneficiará de modo importante a todos los estudiantes.. CONDICIONES A CUMPLIR Para el cumplimiento eitoso de nuestra propuesta, es necesario cumplir con las siguientes condiciones: Elaborar el diseño del plano de un sitio Web con la codificación necesaria. Construir el software respectivo del sitio Web. Crear una base de datos para almacenar información Recopilar información necesaria sobre la institución Adjuntar la información recopilada a la base de datos 5 C.A.T. PUCARÁ

52 Publicar en internet toda la información almacenada en la base de datos Diseñar la interfaz de presentación gráfica hacia los usuarios del sitio Web. Evaluar la parte del software para el correcto funcionamiento del sitio Web.. ESTRATEGIAS A UTILIZAR En el momento de trabajar con la creación del sitio Web, se deberá hacerlo de forma lógica y manualmente. Como ocurre con cualquier actividad que se aprende, las habilidades para la creación de un sitio Web digital, se tomaran en cuenta las siguientes estrategias: Adquirir los componentes necesarios para la debida creación del sitio Web. Conocer el funcionamiento de cada uno de los elementos necesarios que se utilizaran para la creación del sitio Web. Utilizar el método de programación dividido en capas. Realizar el diseño del sitio Web digital cumpliendo con las necesidades de los usuarios. Resolver los problemas que se presenten en la elaboración del sitio Web digital realizando las correcciones pertinentes. Realizar las pruebas correspondientes d como lógica para del software y verificar el correcto funcionamiento del sitio Web. 5 C.A.T. PUCARÁ

53 . MEMORIA DESCRIPTIVA. DESCRIPCIÓN GENERAL Elaborar un sitio Web la misma que ayudara a los estudiantes a estar informados sobre las actividades que realiza el C.A.T. Pucará mediante el uso de herramientas informáticas y así evitar contratiempos. Su funcionamiento se basa en Recopilar la información de la comunidad educativa y convertirla en producto único para mostrarla a través de un medio donde todos puedan acceder al sitio Web. Diseño y creación del interfaz del sitio Web. La creación de la base de datos de la información del C.A.T. Pucará en el programa de Access. Unión de la base de datos con el programa. Verificación de que el programa funcione correctamente. Componentes: Base de datos.- La creación se realizará el Access. Programa Bloc de notas.- Es un conjunto completo de herramientas de desarrollo para la generación de aplicaciones web. Programación.-La programación informática, a menudo acortada como programación, es el proceso de diseñar, codificar, depurar y mantener el código fuente de programas computacionales. Internet.- Este nos permite obtener información científica para realizar el proyecto. Banner.- Formato publicitario en Internet. Está forma de publicidad online consiste en incluir una pieza publicitaria dentro de una página Web. Prácticamente en la totalidad de los casos, su objetivo es atraer tráfico hacia el sitio Web del anunciante que paga por su inclusión. Un ordenador.-es una máquina electrónica que recibe y procesa datos para convertirlos en información útil. 5 C.A.T. PUCARÁ

54 . DESCRIPCIÓN TÉCNICA.. GLOSARIO.. PROCESO DE PRESTACIÓN DE SERVICIOS.. RECURSOS. Para la elaboración de este proyecto necesitaremos los recursos necesarios como son: Escáner, Cámara digital, Impresora, Proyector, Materiales de escritorio (Papel bond, CD), Software de diseño web, audiovisual y multimedia, el internet, la energía eléctrica, una computadora, una memoria y todos las demás herramientas que se necesitaran para el diseño del sitio Web. Talento Humano. Las personas encargadas para el desarrollo del proyecto somos los siguientes: Desarrolladores del proyecto: o Córdova Redrován Juan Diego o Redrován Mendieta Erika Magaly o Valverde Pesántez Henry Iván Director del proyecto o Ing. Diego Eugenio Merchán Huanga Asesor del proyecto o Sr. Carlos H. Rodríguez Cabrera. Para el desarrollo del proyecto eisten personas que nos ayudarán como los son: o Lic. Judith Rodríguez Rectora o Mgs. Patricio Ochoa R Vicerrector o Ing. Ariana Ávila Coordinadora Institucional o Prof. Luis Guillermo Reyes. Coordinador del C.A.T Pucará. 5 C.A.T. PUCARÁ

55 Recursos Físicos. Fase de Desarrollo. o Servidor de pruebas: Equipo en el cual se instalará el software necesario para el diseño y creación del sitio Web. o Impresora: Para la presentación de los diferentes informes generales y pruebas que se realizaran para la impresión de los reportes. Fase de Implementación. o Servidor: Equipo donde se instalará todo el software necesario para la implementación del sitio Web. Fase de prueba. o Se revisara si el sitio Web con está funcionando correctamente y que cumpla con los parámetros requeridos. Recursos Informáticos. o Computadora o Impresora o Flash memory Recursos electrónicos. o Computador. o Impresora. o Cámara digital. o CPU. o Proyector. o Flash memory. o 55 C.A.T. PUCARÁ

56 Recursos adicionales. o Coneión a internet: herramienta que nos permitirá realizar o adquirir información en las respectivas investigaciones para el desarrollo del proyecto. o Insumos de oficina: para la generación de informes y documentos de presentación. Recursos económicos. Ingresos (Autogestión). Estudiantes () $5.00 Total de ingresos $5.00 Egresos Transporte $5.00 Copias e impresiones $0.00 Total de Egresos $5.00 Saldo $ C.A.T. PUCARÁ

57 6. MARCO OPERATIVO MAYO JUNIO JULIO AGOSTO SEPTIEMBRE OCTUBRE NOVIEMBRE DICIEMBRE ENERO FASE I GENERALIDADES DE DISEÑO DEL SITIO WEB. Difusión y sensibilización a estudiantes, padres de familia y tutores sobre el instructivo del proyecto de grado. Elección del tema Presentación de la solicitud y aprobación por el vicerrector. FASE II ANÁLISIS Y OBTENCIÓN DE REQUERIMIENTOS Definición del tema. Realización de análisis de los requerimiento del plantel Recopilación de la información Organización de la información FASE III 57 C.A.T. PUCARÁ

58 ANÁLISIS Y OBTENCIÓN DE REQUERIMIENTOS Diseño preliminar de la estructuración de la página Web. Análisis y elección de las herramientas de trabajo(software a utilizar) Diseño de la estructura del sitio Web Elaboración del diseño lógico del sitio Web Elaboración de los links con carga periódica de la información Desarrollo y puesto en línea de servicio de suministro de documentos digitales Promoción a través de correos electrónicos, de los enlaces elaborados para estimular su uso por parte de la comunidad educativa Elaboración e implementación de las plataformas para el servicio de referencia. 58 C.A.T. PUCARÁ

59 5. CONCLUSIONES 6. RECOMENDACIONES 7. WEB GRAFÍA 6/07/0 6/07/0 8. BIBLIOGRAFÍA Libros de: MERCHÁN, Alvarito. Elaboración y administración de sitios Web. Editorial Click Edición ra Pucará MERCHÁN, Alvarito. Desarrollo y Evaluación de aplicaciones informáticas. Editorial Click Edición ra Pucará. 9. ANEOS 59 C.A.T. PUCARÁ

60 60 C.A.T. PUCARÁ

61 6 C.A.T. PUCARÁ