UNIDAD EDUCATIVA PARTICULAR PDTE. CARLOS JULIO AROSEMENA TOLA

Transcripción

1 UNIDAD EDUCATIVA PARTICULAR PDTE. CARLOS JULIO AROSEMENA TOLA MEMORIA TÉCNICA PREVIO A LA OBTENCIÓN DEL TÍTULO: BACHILLER TÉCNICO EN ADMINISTRACIÓN EN SISTEMAS NOMBRE DEL TEMA: DISEÑO E IMPLEMENTACIÓN DE UNA REVISTA DIGITAL DE LA UNIDAD EDUCATIVA PDTE. CARLOS JULIO AROSEMENA TOLA PARA LOS ESTUDIANTES, REPRESENTANTES Y PÚBLICO EN GENERAL. AUTORES: - GALLO ROMERO CRISTOPHER JOAO - GONZABAY PÉREZ RONY STEVEN - MERA ARTEAGA REINALDO DARÍO CONSULTOR ACADÉMICO: - LCDO. ANGEL RUIZ ZAMBRANO GUAYAQUIL, ECUADOR

2 ii UNIDAD EDUCATIVA PARTICULAR PDTE. CARLOS JULIO AROSEMENA TOLA BACHILLER TÉCNICO EN ADMINISTRACIÓN EN SISTEMAS DIRECTIVOS MSc. Oscar Sabando Chumo RECTOR MSc. Isaías Guillén VICERRECTOR Lcda. Shirley Cando S. DIRECTORA DEL ÁREA Lcdo. Ángel Ruiz Zambrano TUTOR DE PROYECTO Lcda. Gladys Muñoz SECRETARIA GENERAL ii

3 iii Máster Isaías Guillén VICERRECTOR DE LA UNIDAD EDUCATIVA PDTE. CARLOS JULIO AROSEMENA TOLA Ciudad.- De mi consideración: En virtud de la resolución del H. Consejo Directivo de la institución, de fecha 26 de mayo del 2014 en la cual me designó Consultor de Proyectos de Grado del Bachillerato Técnico, Administración en Sistemas. Tengo a bien informar lo siguiente: Que Gallo Romero Cristopher Joao, Gonzabay Pérez Rony Steven, Mera Arteaga Reinaldo Darío, ejecutó el Proyecto de grado con el tema: DISEÑO E IMPLEMENTACIÓN DE UNA REVISTA DIGITAL DE LA UNIDAD EDUCATIVA PDTE. CARLOS JULIO AROSEMENA TOLA PARA LOS ESTUDIANTES, REPRESENTANTES Y PÚBLICO EN GENERAL. El mismo que ha cumplido con las directrices y recomendaciones dadas por el suscrito. El participante satisfactoriamente ha ejecutado las diferentes etapas constitutivas del proyecto; por lo expuesto se procede a la Aprobación del Proyecto, y pone a vuestra consideración el informe de rigor para los efectos legales correspondientes. Atentamente,. Lic. Ángel Ruiz Zambrano iii

4 iv Guayaquil, febrero del 2014 Máster Isaías Guillén VICERECTOR DE LA UNIDAD EDUCATIVA PDTE. CARLOS JULIO AROSEMENA TOLA Ciudad.- Para los fines legales pertinentes comunico a usted que los derechos intelectuales del Proyecto Educativo: DISEÑO E IMPLEMENTACIÓN DE UNA REVISTA DIGITAL DE LA UNIDAD EDUCATIVA PDTE. CARLOS JULIO AROSEMENA TOLA PARA LOS ESTUDIANTES, REPRESENTANTES Y PÚBLICO EN GENERAL. Pertenecen a la Unidad Educativa Pdte. Carlos Julio Arosemena Tola. Atentamente, GALLO ROMERO CRISTOPHER JOAO GONZABAY PÉREZ RONY STEVEN MERA ARTEAGA REINALDO DARÍO iv

5 v CERTIFICADO DE REVISIÓN DE LA REDACCIÓN Y ORTOGRAFÍA Lcda. Vivian Yance Barzola, Certifico: que he revisado la redacción y ortografía del contenido del Proyecto Educativo: DISEÑO E IMPLEMENTACIÓN DE UNA REVISTA DIGITAL DE LA UNIDAD EDUCATIVA PDTE. CARLOS JULIO AROSEMENA TOLA PARA LOS ESTUDIANTES, REPRESENTANTES Y PÚBLICO EN GENERAL, elaborado por GALLO ROMERO CRISTOPHER JOAO portador de la cedula , GONZABAY PÉREZ RONY STEVEN portador de la cedula , MERA ARTEAGA REINALDO DARÍO portador de la cedula , previo a la obtención del Título de bachiller técnico. Para el efecto he procedido a leer y analizar de manera profunda el estilo y la forma del contenido del texto: Se denota pulcritud en la escritura en todas sus partes. La acentuación es precisa. Se utilizan los signos de puntuación de manera acertada. En todos los ejes temáticos se evita los vicios de dicción. Hay concreción y exactitud en las ideas. No incurre en errores en la utilización de las letras. La aplicación de la Sinonimia es correcta. Se maneja con conocimiento y precisión la morfosintaxis. El lenguaje es pedagógico, académico, sencillo y directo, por lo tanto de fácil compresión. Por lo expuesto, y en uso de mis derechos como especialista en Literatura y Español, recomiendo la validez ortográfica de su proyecto previo a la obtención de su Grado Académico de Licenciado en Ciencias de la Educación. Atentamente,. Lcda. Vivian Yance Barzola v

6 vi UNIDAD EDUCATIVA PARTICULAR PDTE. CARLOS JULIO AROSEMENA TOLA ADVERTENCIA Se advierte que las opiniones, ideas o afirmaciones vertidas en el presente proyecto, son de exclusiva responsabilidad de los autores del mismo y no está incluida la responsabilidad de la Unidad Educativa Particular Pdte. Carlos Julio Arosemena Tola. vi

7 vii UNIDAD EDUCATIVA PARTICULAR PDTE. CARLOS JULIO AROSEMENA TOLA PROYECTO DISEÑO E IMPLEMENTACIÓN DE UNA REVISTA DIGITAL DE LA UNIDAD EDUCATIVA PDTE. CARLOS JULIO AROSEMENA TOLA PARA LOS ESTUDIANTES, REPRESENTANTES Y PÚBLICO EN GENERAL. APROBADO.. Miembro del Tribunal.. Miembro del Tribunal. Miembro del Tribunal.. Secretario. Estudiante vii

8 viii DEDICATORIA A Dios Todopoderoso por darnos la sabiduría; que siempre nos ha ayudado a salir adelante en todo momento. En especial en los más difíciles. A nuestros representantes que día a día nos ayudan y nos motivan a avanzar y seguir adelante en esta labor de estudiar, a nuestros hermanos quienes son mi fuente de inspiración, para que sigan como ejemplo lo que nosotros estamos creciendo profesionalmente. Este logro es de ustedes por guiarme diariamente e impulsar el cumplimiento de mis metas. Aunque muchas veces el camino es un poco complicado me han motivado con sus consejos y aptitudes a realizar uno de mis primero sueños. Tomando en cuenta que este es el primer escalón para lograr subir a la escalera de la vida profesional. Gallo Romero Cristopher Joao, Gonzabay Pérez Rony Steven, Mera Arteaga Reinaldo Darío. viii

9 ix AGRADECIMIENTO Agradecemos a primordialmente a Dios sobre todas las cosas y sus grandes bendiciones que derrama a nosotros a diario. A nuestros padres quienes nos apoyan en todo tiempo. A nuestros hermanos quienes de una forma u otra han estado ahí conmigo. A nuestros compañeros de cursos que hemos vivido largas experiencias y que hoy en día estamos viviendo las últimas experiencias de nuestro ciclo de estudio en la secundaria. A mis maestros quienes nunca desistieron al enseñarme, aun sin importar que muchas veces no ponía atención en clase, a ellos que continuaron depositando su esperanza en mí. A todos los que me apoyaron para escribir y concluir este informe. Para ellos es esta dedicatoria en este informe, pues es a ellos a quienes se las debo por su apoyo incondicional. Gallo Romero Cristopher Joao, Gonzabay Pérez Rony Steven, Mera Arteaga Reinaldo Darío. ix

10 x CARATULA DIRECTIVOS DESIGNACIÓN DE TUTOR DIRECTIVA INTELECTUAL CERTIFICADO DE REDACCION ADVERTENCIA TRIBUNAL DEDICATORIA AGRADECIMIENTO INDICE GENERAL INDICE DE CUADRO INDICE DE GRAFICOS RESUMEN ABTRACT ÍNDICE GENERAL i ii iii iv v vi vii viii ix x xii xiii xviii xiv INTRODUCCION 1 CAPITULO I 2 EL PROBLEMA 2 PLANTEAMIENTO DEL PORBLEMA 2 UBICACIÓN DEL PROBLEMA EN UN CONTEXTO 2 SITUACION CONFLICTO 3 CAUSAS Y CONSECUENCIAS DEL PROBLEMA 5 DELIMITACION DEL PROBLEMA 6 FORMULACIÓN DEL PROBLEMA 6 EVALUACIÓN DEL PROBLEMA 6 OBJETIVOS 8 OBJETIVO GENERAL 8 OBJETIVO ESPECIFICO 8 JUSTIFICACIÓN 9 CAPITULO II 10 MARCO TEÓRICO 10 ANTECEDENTES DE ESTUDIO 10 DEFINICIONES CONCEPTUALES 11 PREGUNTAS A CONTESTARSE 29 CAPÍTULO III 30 METODOLOGÍA 30 DISEÑO DE LA INVESTIGACIÓN 30 MODALIDAD DE LA INVESTIGACIÓN 30 PROYECTO FACTIBLE 31 INVESTIGACIÓN DE CAMPO 32 INVESTIGACIÓN EXPLORATORIA 36 TIPO DE INVESTIGACIÓN 33 POBLACIÓN Y MUESTRA 34 POBLACIÓN 35 x

11 xi MUESTRA 36 TÉCNICAS DE LA INVESTIGACIÓN 39 MÉTODOS Y TÉCNICAS DE INVESTIGACIÓN 39 CAPITULO IV 44 INTERPRETE DE LOS RESULTADOS 44 ANÁLISIS E INTERPRETACIÓN DE LOS RESULTADOS 44 PROCESO DE LA INFORMACIÓN Y RECOLECCIÓN DE 44 DATOS TABULACIÓN 45 TABULACIÓN DE LOS CURSOS QUE SE IZÓ LA 46 ENCUESTA TABULACIÓN INDIVIDUALES DE LOS CURSOS QUE SE 47 TOMARON LA ENCUESTA CONCLUSIÓN Y RECOMENDACIONES 57 CONCLUSIÓN 57 RECOMENDACIONES 58 CAPITULO V 59 LA PROPUESTA 59 DESCRIPCIÓN GENERAL 60 DESCRIPCIÓN TÉCNICAS 60 PROCESO DE PRODUCCIÓN DE BIENES O PRESTACIÓN 62 DE SERVICIOS ETAPA DE PLANIFICACIÓN 62 ETAPA DE ANÁLISIS Y DISEÑO 62 CONSTRUCCIÓN 63 APLICACIONES UTILIZADAS 72 BIBLIOGRAFÍA 91 ANEXOS 92 xi

12 xii ÍNDICE DE CUADROS TABLA 1 CAUSAS Y CONSECUENCIAS... 5 TABLA 2 POBLACIÓN TABLA 3 NIVEL DE CONFIANZA TABLA 4 MUESTRA TABLA 5 DATOS GENERALES DE LAS ENCUESTAS TABLA 6 PREGUNTA 1 ENCUESTA TABLA 7 PREGUNTA 2 ENCUESTA TABLA 8 PREGUNTA 3 ENCUESTA TABLA 9 PREGUNTA 4 ENCUESTA TABLA 10 PREGUNTA 5 ENCUESTA TABLA 11 PREGUNTA 6 ENCUESTA TABLA 12 PREGUNTA 7 ENCUESTA TABLA 13 PREGUNTA 8 ENCUESTA TABLA 14 PREGUNTA 9 ENCUESTA TABLA 15 PREGUNTA 10 ENCUESTA TABLA 16 CRONOGRAMA DE ACTIVIDADES DE PROYECTO DE GRADO TABLA 17 USO DE NOTICIAS DE LA PAGINA WEB ÍNDICE DE GRÁFICOS GRÁFICO 1 PREGUNTA 1 ENCUESTA GRÁFICO 2 PREGUNTA 2 ENCUESTA GRÁFICO 3 PREGUNTA 3 ENCUESTA GRÁFICO 4 PREGUNTA 4 ENCUESTA GRÁFICO 5 PREGUNTA 5 ENCUESTA GRÁFICO 6 PREGUNTA 6 ENCUESTA GRÁFICO 7 PREGUNTA 7 ENCUESTA GRÁFICO 8 PREGUNTA 8 ENCUESTA GRÁFICO 9 PREGUNTA 9 ENCUESTA GRÁFICO 10 PREGUNTA 10 ENCUESTA GRÁFICO 11 CICLO DE USO DE PÁGINA WEB GRÁFICO 12 USUARIO INICIA SECCIÓN GRÁFICO 13 LOGO INDESIGN GRÁFICO 14 JOOMLA xii

13 xiii UNIDAD EDUCATIVA PARTICULAR PDTE. CARLOS JULIO AROSEMENA TOLA RESUMEN Actualmente en la Unidad Educativa Pdte. Carlos Julio Arosemena Tola, no cuenta con una revista digital para dar a conocer al público acerca de las diferentes actividades de esta institución, que permita dar a conocer los servicios a los usuarios en general. Una revista digital a más de ser un recurso tecnológico es una forma de publicidad que le permite al usuario conocer la bienvenida que ofrece nuestra prestigiosa institución también lo consideramos como un conjunto de elementos que interactúan entre sí, con el fin de apoyar las actividades del plantel, también es uno de los recursos más eficaces para mejorar y agilizar la gestión de una institución. Como tal, se presenta en este proyecto el uso de tecnología en la oferta educativa que ofrece nuestro querido plantel y enseñando los mecanismos y procedimientos de alineación de las tecnologías con los objetivos que enseñan los docentes de esta institución educativa. También del monitoreo y la toma de decisión sobre la aplicación de las tecnologías informáticas, de tal manera que generen valor, desde ya es un triunfador con éxito y grandes ventajas incomparables, por esto se ha pensado en generar este sistema con un diseño veraz y de fácil manejo para el usuario administrador y el usuario operador, siempre y cuando se haga uso responsable de la misma para el buen servicio de esta institución educativa. Tecnología Diseño Digital xiii

14 xiv EDUCATIONAL UNIT OWNERS PDTE. CARLOS JULIO AROSEMENA TOLA ABSTRACT Currently in the Education Unit "Pres. Carlos Julio Arosemena Tola", does not have a digital magazine to inform the public about the various activities of this institution, allowing services to inform users in general. A digital magazine besides being a technological resource is a form of advertising that allows the user to know the welcome we offer our prestigious institution also consider it as a set of elements that interact, in order to support the activities of the campus it is also one of the most effective ways to improve and streamline the management of an institution resources. As such, this project is presented in the use of technology in educational provision offered by our beloved campus and teaching mechanisms and procedures in alignment with the objectives technologies that teach the teachers of this school. Also monitoring and decision making on the application of information technology, so that generate value, since it's a winner with great success and incomparable advantages, so it has been thought to generate this system with a truthful and design easy handling for root user and operator, as long as responsible for it for the good service of this educational institution availed. Technology Digital Design xiv

15 INTRODUCCIÓN El término digital e interactivo, de diseño visual comprende casi cualquier medio interactivo que tenga que ver con gráfica visual digital, en el caso del diseño gráfico y cualquier tipo de imágenes secuenciales digitales en lo que tiene que ver con la producción visual. Se emplearían un formato de revista digital que se distribuiría por internet a través de la página web de la Unidad Educativa Pdte. Carlos Julio Arosemena Tola y que estaría orientada especial mente hacia comunidad educativa en especial a los estudiantes de tercer año de bachillerato técnico de los siguientes perfiles académicos aplicaciones informáticas o administración en sistemas. Con la presentación de este trabajo se pretende conseguir que todos los lectores, creadores de revista digitales, encuentren aquí una guía fácil a seguir, con procedimientos sencillos y claros para el diseño e implementación de una revista informativa digital. En el proceso de desarrollo de la revista digital es imprescindible las etapas de análisis, diseño e implementación y pruebas, el punto de vista desde el cual se analiza el proceso de diseño es desde la interrelación humana, mediatizada por la tecnología. Una revista digital no solo debe ser amigable con el usuario, sino ser útiles y que respondan a las necesidades del usuario. Las revistas digitales, facilitan la interacción entre la web y el visitante, mediante la cual podrá informar de manera oportuna a los usuarios de las diferentes actividades planteadas en el presente periodo lectivo. 1

16 2 CAPÍTULO I EL PROBLEMA PLANTEAMIENTO DEL PROBLEMA UBICACIÓN DEL PROBLEMA EN UN CONTEXTO Nuestro proyecto consiste en la creación y diseño de una revista digital donde se dará uso de una forma interactiva la lectura de nuestro contenido sobre publicaciones propias de nuestra institución, contribuyendo a la naturaleza ya que esto permitirá no invertir hojas e impresiones de manera física de nuestro producto creado ahorrándose tiempo para informarse de lo que dice nuestro rector, la misión y visión institucional, nuestra oferta académica, actividades culturales y sociales que se realizan en nuestra institución educativa y una publicidad de nuestro valores institucionales Disciplina, Respeto y Responsabilidad. El nombre de proyecto es DISEÑO E IMPLEMENTACIÓN DE UNA REVISTA DIGITAL DE LA UNIDAD EDUCATIVA PDTE. CARLOS JULIO AROSEMENA TOLA PARA LOS ESTUDIANTES, REPRESENTANTES Y PÚBLICO EN GENERAL. En la actualidad la página web es un método de buen servicio a la comunidad educativa, es decir a los padres de familia y estudiantes y público en general. Funcionará por medio de internet, trataremos que sea menos complejo, para dar una efectuación confortable a los usuarios tales como la bienvenida cordial y presentación en las actividades de la institución. La revista digital de la institución se presenta al ingresar a la dirección: La revista digital será realizada en programas profesionales y diseños propios. Por ello utilizaremos aplicaciones a nuestro nivel académico de estudiante de bachiller técnico, que nos da la oportunidad el colegio para el crecimiento intelectual. 2

17 3 Podemos señalar la creatividad de nuestro tutor de autoría y el desarrollo de compartir ideas en nuestro grupo, haciendo un gran trabajo y podemos aprender que debemos respetar las opiniones de cada uno de nosotros que fueron válidas y pusimos un granito de arena de cada uno para presentar un buen trabajo. Hoy en día el mundo del diseño gráfico es muy amplio por lo que existen muchas formas de dar a conocer un producto o servicio por medio de la publicidad, esta que se puede crear desde varias aplicaciones profesionales como lo presenta la familia de Adobe, los estudiantes de diseño gráfico de esta institución presto a aplicar los conocimientos adquiridos en la rama de la informática por eso reflejamos con nuestro proyecto los conocimientos adquirido en la trayectoria de nuestra vida estudiantil. A nivel educativo las instituciones públicas o privadas, especialmente en los colegios y universidades, ya cuentan con revistas digitales para dar a conocer con información veraz, es por ellos la propuesta de desarrollar la primera revista digital para dar el conocimiento de la calidad de conocimientos que adquirimos de parte de nuestros docentes. El manejo de la revista digital es de una manera interactiva, aunque resulta una dificultad en manejar información clasificada, actualizada y ordenada que se realizan el nuestra Unidad Educativa. SITUACION CONFLICTO La Unidad Educativa Pdte. Carlos Julio Arosemena Tola tiene una larga trayectoria de servicio a la comunidad, cuenta aproximadamente un alrededor de 2077 estudiantes, que está ubicado en sur de la ciudad de Guayaquil en la parroquia Ximena ubicada en el Av. 25 de Julio Cooperativa de Vivienda 9 de Octubre (Vía Puerto Marítimo). 3

18 4 Este plantel educativo cuenta con la Inicial, Educación Básica y Bachillerato General Unificado (B.G.U.) Técnico y en Ciencias y se divide en dos jornadas matutinas, vespertinas. En la jornada matutina, se desarrolla desde Inicial hasta Octavo Año De Educación Básica y en la vespertina los cursos que reciben sus clases respectivas son desde Noveno Año De Educación Básica y todo el Bachillerato, en este periodo lectivo El B.G.U. Técnico se divide en los perfiles Administración en Sistemas Aplicaciones Informática Administración y Contabilidad. La Unidad Educativa Pdte. Carlos Julio Arosemena Tola, cuenta con modernas instalaciones entre las que se pueden destacar sus dos laboratorios de computación con tecnología de punta, donde ponen en práctica lo recibido en clases. Actualmente la Institución Educativa posee una página web para estructura, donde se va a presentar un nuevo diseño de revista digital para la comunidad educativa. La Unidad Educativa Pdte. Carlos Julio Arosemena Tola, tiene más de 28 años de servicio formando y capacitando a la juventud del sur de la ciudad de Guayaquil. Es importante manifestar que a través de un estudio realizado en la Unidad Educativa Pdte. Carlos Julio Arosemena Tola de la ciudad de Guayaquil, actualmente no cuenta con una revista digital diseñada. Para dar a conocer información que promueva los servicios, facilitando el acceso con internet a la página del colegio y la publicación de la revista digital institucional. Este proyecto es una prioridad con el fin de alcanzar la meta y los objetivos propuestos sin ningún inconveniente; ya que aparte de darle solución al problema planteado, vemos la necesidad de implementar esta 4

19 5 nueva revista digital en el portal web del colegio, el cual ha sido planteado con anterioridad; lo cual podemos sustentar gracias a una previa investigación. CAUSAS Y CONSECUENCIAS DEL PROBLEMA TABLA 1 CAUSAS Y CONSECUENCIAS Causas Carece de un mecanismo publicitario. Carece de una revista digital para brindar información. Pérdida de interés al no brindar información didáctica. Necesita de un espacio de comunicación vivo y dinámico. No cuenta con cobertura a nivel nacional mediante Internet. Consecuencias Dificulta informar a la comunidad educativa de actividades u otros temas. Dificultad de ofrecer información referente a la Institución educativa. Insuficiencia en la optimización de los recursos. Imposibilidad de comunicarse con el mundo externo. Menor cantidad de usuarios que puedan conocer y acceder a los servicios, que promociona la Institución Educativa. Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo 5

20 6 DELIMITACIÓN DEL PROBLEMA La delimitación del problema se la realiza utilizando los siguientes elementos: Campo : Educación Área : Informática Aspecto : Información Online Tema : Información Online FORMULACIÓN DEL PROBLEMA Qué Incidencia tiene la carencia de una revista digital, como medio de información en la comunidad educativa de La Unidad Educativa Pdte. Carlos Julio Arosemena Tola, Periodo Lectivo ? EVALUACIÓN DEL PROBLEMA Delimitación: El problema actual se da con la falta de información hacia los estudiantes mediante el uso de la tecnología, debido a que no están trabajando con una plataforma vigente a las exigencias actuales en La Unidad Educativa Pdte. Carlos Julio Arosemena Tola de la ciudad de Guayaquil. 6

21 7 Evidente: Se identifica claramente que el no trabajar con una plataforma online acorde a nuestra necesidad socio-laboral y con el uso de los recursos tecnológicos, nuestra realidad educativa se convierte en una problemática social y sobretodo académica. Relevante: Crear nuevas alternativas para el desempeño académico de los recursos tecnológicos, en términos de calidad y equidad son tareas que no se pueden posponer. La principal preocupación está relacionada con la doble finalidad que debe cumplir esta modalidad educativa: mantenerse actualizados con las nuevas tecnologías y mantener informados a los estudiantes en lo académico. Factible: Siendo un proyecto ejecutable y viable, La Unidad Educativa Pdte. Carlos Julio Arosemena Tola, estará predispuesto a responder a las exigencias que facilitan el proceso para lograr la propuesta de mantener informado a todos sus estudiantes, mediante una plataforma electrónica. Contextual: La falta de implementos académicos es un problema que se da en muchas instituciones educativas, principalmente aquellas que se encuentran en las áreas marginales de nuestra ciudad. 7

22 8 OBJETIVOS OBJETIVO GENERAL Crear el diseño de la primera Revista Digital de la Unidad Educativa Pdte. Carlos Julio Arosemena Tola con herramientas de diseño gráfico profesional e incorporando conocimientos tecnológicos, avances vanguardia, ofreciendo a través de este recurso digital información para toda la comunidad educativa y público en general OBJETIVOS ESPECÍFICOS Instalar en la página web de la institución la portada de la revista digital para que a su vez al darle clic se abra una nueva ventana del navegador y conocer su contenido. Presentar en la primera revista digital información sobre nuestra institución para el interés de los miembros de la Unidad Educativa y/o al público en general. Comunicar por este medio quienes somos, nuestra misión, visión actividades culturales y sociales para que todos los visitantes puedan enterarse de nuestra oferta educativa. Brindar la oportunidad de dar a conocer el potencial académico de los estudiantes de esta institución y la presentación del mismo como uno de los productos de lo que se ve en el curriculum académico.. 8

23 9 JUSTIFICACIÓN Con la presentación de este trabajo se pretende conseguir que todos los lectores, creadores de páginas Web, encuentren aquí una guía fácil a seguir, con procedimientos sencillos y claros para el diseño e implementación de portales web En el proceso de desarrollo de página web son imprescindibles las etapas de Análisis, Diseño e Implementación y pruebas, El punto de vista desde el cual se analiza el proceso de diseño es desde la interrelación humana, mediatizada por la tecnología. Debido que la página web actual de nuestra institución tiene un diseño que no llama la atención por su entorno gráfico y confusiones de informaciones y comunicados atrasados, ya que la página web de la institución educativa que fue desarrollada a través de un sistema de gestión de contenidos que facilitan a los estudiantes y padres de familia de la institución mantenerlos informados de varias actividades que se desarrollan en los periodos lectivos. Esta revista digital estará disponible al público en general en la siguiente página web la misma que se presenta en el INICIO del sitio web del la Unidad Educativa presentando la debida portada, palabras del rector de la institución, actividades culturales y sociales que se desarrollaron en este periodo lectivo Esta revista digital podrá informar a todos los usuarios desde su casa u otro sitio del país, los beneficiados serán informados de las diferentes novedades que en la institución educativa Pdte. Carlos Julio Arosemena Tola ofrece. 9

24 10 CAPÍTULO II INTRODUCCIÓN TEÓRICA ANTECEDENTES DE ESTUDIO Una vez realizada las respectivas investigaciones en archivos correspondientes a la biblioteca de la Unidad Educativa Pdte. Carlos Julio Arosemena Tola no se encontró lo que se va hacer y ejecutarlo en la institución. Esta es la primera vez que se presenta una propuesta original y creativa con características netamente tecnológica, la revista digital es un producto de los conocimientos impartidos por nuestros docentes y ahora podemos poner en práctica todo lo que hemos aprendido. Los beneficios son para toda la comunidad educativa ya que podemos dar una información de manera interactiva para que conozcan nuestra oferta educativa de una manera más dinámica en la cual se presentara actividades recreativas dentro de la Institución, etc. Cabe recalcar que los avances de la tecnología han beneficiado mucho en los ámbitos laborales especiales en el ámbito educativo que tiene privilegió de procesos de aprendizaje y también sociable para una sociedad que quieran informarse de las tarea. Es por esta razón que la creación de esta revista digital nos permitirá presentar un producto de lo que nos enseñan nuestros profesores, poniendo en alto las capacidades y elevando el nombre de esta prestigiosa institución que nos abrió sus puertas para desarrollar nuestro intelecto de una manera íntegra. Por tal razón estamos entusiasmados en aprender y crear una propuesta que despierta el interés 10

25 11 DEFINICIONES CONCEPTUALES El estudio teórico permitirá sustentar el proyecto objeto de investigación, con el propósito de expresar un sistema coordinado y coherente de ideas, conceptos y proposiciones que fundamentarán y explicarán mejor la investigación que se realiza. INTERNET Internet es una red de redes que permite la interconexión descentralizada de computadoras a través de un conjunto de protocolos denominado TCP/IP. Tuvo sus orígenes en 1969, cuando una agencia del Departamento de Defensa de los Estados Unidos comenzó a buscar alternativas ante una eventual guerra atómica que pudiera incomunicar a las personas. Tres años más tarde se realizó la primera demostración pública del sistema ideado, gracias a que tres universidades de California y una de Utah lograron establecer una conexión conocida como ARPANET (Advanced Research Projects Agency Network) (Definicion.de, 2014) WWW La WWW es un sistema de información desarrollado en 1989 por Tim Berners Lee y Robert Cailliau. Este servicio permite el acceso a información que se encuentra enlazada mediante el protocolo HTTP (HyperText Transfer Protocol). Otros servicios y protocolos disponibles en la red de redes son el acceso remoto a computadoras conocido como Telnet, el sistema de transferencia de archivos FTP, el correo electrónico (POP y SMTP), el intercambio de archivos P2P y las conversaciones online o chats. (Definicion.de, 2014) 11

26 12 RED INFORMÁTICA Una red es una estructura que dispone de un patrón que la caracteriza. La noción de informática, por su parte, hace referencia a los saberes de la ciencia que posibilitan el tratamiento de datos de manera automatizada a través de computadoras (ordenadores). Con estos conceptos en claro, podemos comprender a qué se refiere la idea de red informática. Se trata del conjunto de equipos (computadoras, periféricos, etc.) que están interconectados y que comparten diversos recursos. Este tipo de redes implica la interconexión de los equipos a través de ciertos dispositivos que permiten el envío y la recepción de ondas. Estas ondas llevan los datos que son compartidos. En las redes informáticas, por lo tanto, hay emisores y receptores que intercambian mensajes. Internet, de hecho, es una red informática: millones de computadoras están interconectadas a través de servidores y pueden compartir todo tipo de datos. Para que una red informática pueda desarrollarse, se necesita que las computadoras dispongan de una tarjeta de red (también conocida como placa de red). Este dispositivo de hardware permite el envío y la recepción de paquetes de datos. (definicion.de, 2014) PÁGINA WEB Una página web se define como un documento electrónico el cual contiene información textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible mediante el uso de navegadores. Una página web forma parte de una colección de otras páginas webs dando lugar al denominado sitio web el cual se encuentra identificado bajo el nombre de un dominio. 12

27 13 La creación y desarrollo de una página web se realiza bajo un lenguaje de programación capaz de ser interpretados por los navegadores, lenguajes como el HTML, PHP, ASP, JSP o RUBY son ejemplos entre otros. Al inicio de la era de internet accesible, sobre los años 90, era necesario el conocimiento de algún lenguaje de programación para el desarrollo de una web, siendo una tarea encomendada a personas con altos conocimientos informáticos, hoy en día contamos con software especializado capaz de trabajar como un editor de texto,estilo Word, que transforman toda la información insertada en un lenguaje de programación capaz de ser interpretado por los navegadores, de esta forma se liberalizó y se globalizó la creación de páginas webs con apenas unos escasos conocimientos informáticos, programas como Dreamweaver, Amaya, Sharepoint Designer o Mozilla Composer son entre otros los denominados WYSIWYG (acrónimo del inglés " lo que ves es lo que obtienes") capaces de crear complejas páginas webs con el entorno de un simple editor de texto. Una vez que hemos creado y desarrollado nuestras páginas webs es necesario alojarlas en un servidor el cuál lo podemos definir como un ordenador conectado constantemente a la intranet privada o a internet cuyo objetivo es poder disponer de la página web a cualquier hora del día. Para poder acceder al servidor es necesario el uso de programas denominados clientes FTP, los cuales conectan el ordenador personal donde se ha desarrollado la página con el servidor donde se alojará, Filezilla, FileFTP o Cute FTP son entre otros ejemplos de clientes FTP. Por último, una vez alojadas nuestras páginas webs estas son accesibles mediante el uso de navegadores los cuales permiten visualizar correctamente la información alojada y desarrollada, Chrome, Mozilla, Internet Explorer y Safari son entre otros ejemplos de navegadores ampliamente utilizados. (quees, 2014) 13

28 14 CLASIFICACIÓN DE SITIOS WEB Existen muchas maneras de clasificar un sitio web, cada uno de ellos poseen características particulares, convirtiendo al internet en una gran autopista con lugares que se adapten a las necesidades del visitante. Un sitio Web puede clasificarse por audiencia, dinamismo, apertura, profundidad o por objetivos. SITIO POR AUDIENCIA: Públicos: Es un WebSite normal, una página dirigida al público general, sin restricciones de acceso en principio. Extranet: Son Sitios limitados por el tipo de usuarios que pueden acceder, por ejemplo los proveedores de una empresa determinada, o los clientes. Intranet: Son sitios cuyo acceso está restringido a una empresa u organización, normalmente funcionan dentro de redes privadas, aunque no siempre es así. SITIO POR DINAMISMO: Interactivos: El usuario puede influir sobre el contenido del sitio que variará en función de cada usuario y de los objetivos de éste. Normalmente, las páginas se generan cuando el usuario las solicita, personalizando la información que se le ofrece. Estáticos: Los usuarios no pueden modificar o añadir nada al sitio, de cuyos contenidos se encargan exclusivamente sus diseñadores. SITIO POR APERTURA: Estructura Abierta: Todos los documentos disponen de su dirección y los usuarios pueden acceder a cualquier punto del WebSite. 14

29 15 Estructura Cerrada: Limita el acceso a unos pocos puntos de entrada (incluso a uno sólo). Un ejemplo sería un sitio que requiere un registro previo para entrar, el usuario siempre tendría que pasar primero por el registro antes de poder acceder al resto de la página. Estructura Semicerrada: A medio camino entre ambas, obliga a los usuarios a acceder por unos puntos específicos, como por ejemplo sólo la página principal y las páginas de entrada a las secciones más importantes. SITIO POR PROFUNDIDAD: Basada en el número de enlaces que hay que pulsar para llegar al contenido. En general los usuarios prefieren sitios poco profundos. Una buena regla a seguir es que el usuario no tenga que pulsar más de 3 enlaces para encontrar lo que busca. SITIO POR OBJETIVO: Comerciales: Están creados para promocionar los negocios de una empresa. Su finalidad es económica. Su audiencia puede estar formada por clientes (actuales y potenciales), inversores (actuales y potenciales), empleados (actuales y potenciales) e incluso la competencia y los medios de comunicación. Podemos a su vez dividirlas en Corporativas (Informan sobre la empresa) y Promocionales (promocionan productos). Buscadores: un sitio que proporciona información general y está pensado como entrada o búsqueda para otros sitios. Ejemplos Google, y Yahoo! Comunidad Virtual: un sitio donde las personas con intereses similares se comunican con otros, normalmente por chat o foros. Por ejemplo: MySpace. Sitio weblog (o blog): sitio usado para registrar 15

30 16 lecturas online o para exponer diarios online; puede incluir foros de discusión. Ejemplos: blogger, Xanga. Comercio Electrónico: para compra y venta de bienes, como Ebay.com. Wiki: un sitio donde los usuarios editan colaborativamente (por ejemplo: Wikipedia). Educativo: promueven cursos presénciales y a distancia, información a profesores y estudiantes, permiten ver o descargar contenidos de asignaturas o temas. Portal Web: un sitio web que proporciona un punto de inicio, entrada o portal a otros recursos en Internet o una intranet. Actualmente se está cruzando por una nueva generación de sitios web, la cual es llamada la Web 2.0. WEB 2.0: El concepto original del contexto, llamado Web 1.0 era páginas estáticas HTML que no eran actualizadas frecuentemente. El éxito de las.com dependía de webs más dinámicas (a veces llamadas Web 1.5) donde los CMS Sistema de gestión de contenidos (Content Management System en inglés, abreviado CMS) servían páginas HTML dinámicas creadas al vuelo desde una actualizada base de datos. En ambos sentidos, el conseguir hits (visitas) y la estética visual eran considerados como factores importantes. Los propulsores de la aproximación a la Web 2.0 creen que el uso de la web está orientado a la interacción y redes sociales, que pueden servir contenido que explota los efectos de las redes, creando o no webs interactivas y visuales. Es decir, los sitios Web 2.0 actúan más como puntos de encuentro, o webs dependientes de usuarios, que como webs tradicionales. (Ciceri, 2014) 16

31 17 HTML Es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto. Las páginas dinámicas que se generan al ser solicitadas son creadas por una aplicación en el servidor web que alberga las mismas. Se trata de un formato abierto que surgió a partir de las etiquetas SGML (Standard Generalized Markup Language). Concepto traducido generalmente como Estándar de Lenguaje de Marcado Generalizado y que se entiende como un sistema que permite ordenar y etiquetar diversos documentos dentro de una lista. Este lenguaje es el que se utiliza para especificar los nombres de las etiquetas que se utilizarán al ordenar, no existen reglas para dicha organización, por eso se dice que es un sistema de formato abierto. EL HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen como textos y sobre su estructura, complementando dicho texto con diversos objetos (como fotografías, animaciones, etc.). Es un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen que ver con el formato de los documentos. El texto en él se crea a partir de etiquetas, también llamadas tags, que permiten interconectar diversos conceptos y formatos. Para la escritura de este lenguaje, se crean etiquetas que aparecen especificadas a través de corchetes o paréntesis angulares: < y >. Entre sus componentes, los elementos dan forma a la estructura esencial del lenguaje, ya que tienen dos propiedades (el contenido en sí mismo y sus atributos). 17

32 18 Por otra parte, cabe destacar que el HTML permite ciertos códigos que se conocen como scripts, los cuales brindan instrucciones específicas a los navegadores que se encargan de procesar el lenguaje. Entre los scripts que pueden agregarse, los más conocidos y utilizados son JavaScript y PHP. El marcado estructural es el que estipula la finalidad del texto, aunque no define cómo se verá el elemento. El marcado de presentación, por su parte, es el que se encarga de señalar cómo se verá el texto más allá de su función. Para conocer el código HTML que utiliza una página web, hay que seleccionar Ver código fuente en nuestro navegador (como Internet Explorer o Mozilla Firefox). Al elegir esta opción, se abrirá el editor de texto con el código HTML de la página que se está visualizando. (Definicion.de, 2014) CREAR UNA PÁGINA HTML Para crear una página web, existen varias formas. Pero generalmente contamos con dos maneras comunes. 1. Es con el Editor de texto (Bloc de notas) que viene incluido en el Windows y no se necesita instalar ningún otro software, ya que utilizaremos los comandos e instrumentos del lenguaje HTML, DHTML o JAVASCRIPT. 2. Es instalando un software específico diseñado para la edición y elaboración de páginas web, ejemplo FrontPage 2003 y los Gestores de Contenidos. PARTES DE UN DOCUMENTO HTML. Una vez abierto de programa editor de texto escriba el código o el tags. Las instrucciones, códigos o tags de HTML van entre dos signos: < (menor) y >(mayor) y tenemos que poner un código de inicio y cierre. 18

33 19 La primera parte de un documento HTML, casi siempre empieza con las etiquetas <HEAD> que especifica el título de nuestra página y termina con la etiqueta (Espinoza, 2014) REVISTA Una revista es una publicación impresa que es editada de manera periódica (por lo general, semanal o mensual). Al igual que los diarios, las revistas forman parte de los medios gráficos, aunque también pueden tener su versión digital o haber nacido directamente en Internet. (Definicion.de, 2014) REVISTA ELECTRÓNICA Una revista electrónica (también conocida por sus nombres en inglés: online magazine, e-magazine, webzine, e-zine) es una publicación que se hace en una página de Internet y que tiene las mismas características que una revista impresa. Existen varias formas en que este tipo de publicaciones se distribuyen a sus lectores. Algunas revistas electrónicas eligen distribuir sus números en documentos en formato PDF, otras utilizan HTML para que el contenido de sus números sea publicado en navegadores de Internet, y hay otras que incluso pudieran requerir de un lector especial -ya sea un dispositivo, o una aplicación-. Otro método, que aparentemente se vuelve cada vez menos popular, es el del uso de correo electrónico para distribuir números. A las revistas electrónicas se les ha llegado a comparar y confundir con blogs, sin embargo la diferencia primordial radica en que las revistas electrónicas tienen mayor control editorial sobre el contenido que se publica que el control que se puede ejercer sobre un blog. En cuanto al modelo de negocios, algunas revistas electrónicas son de paga (al igual que las de medio impreso, cobran por un cierto número 19

34 20 que consumas), otras revistas electrónicas son gratuitas, y otras son una extensión de una revista que se pública por medio impreso. Este último es muy popular con revistas que ofrecen los dos formatos: incluido en el servicio de subscripción recibes los dos medios, el electrónico, que usualmente puedes ver también en dispositivos móviles, y el impreso. Muchos periódicos en línea usan este último formato. Con la expansión del uso de Internet se está convirtiendo, para muchas revistas, en un tema estratégico el contar con una versión de revista electrónica. Un ejemplo muy mencionado de esta necesidad es el de la conocida revista Newsweek, que anunció en octubre del 2012 que dejará de existir en su formato impreso, como lo reportó en un artículo CNN en español. (About.com, 2014) DISEÑO GRÁFICO Es una actividad que se propone comunicar valores/mensajes de forma visual, su origen tiene que ver más que nada con la sociedad industrial y la necesidad de resolver problemas comunicativos, ya sean de difusión (propaganda/publicidad), funcionales (señalética), culturales (libros, revistas), etc. En el mundo moderno, vale hacer énfasis en que el diseño gráfico constituye en realidad toda una profesión, cuyos fundamentos radican en la concepción y puesta en marcha de herramientas visuales de comunicación. Aunque la tarea primordial de estos nóveles profesionales suele abocarse a la elaboración de mensajes puntuales dirigidos a determinadas comunidades o grupos sociales, el crecimiento actual de las estrategias de propaganda ha dado lugar a que las creaciones de los diseñadores logren difundirse entre todos los estratos de la sociedad. Por consiguiente, la actividad de quien ejercitan el diseño gráfico se considera hoy como una disciplina de características terciarias. Así, en ciertas universidades, la carrera de diseñador gráfico se llama Diseño en Comunicación Visual, dado que excede ampliamente a la industria gráfica: 20

35 21 los mensajes son transmitidos por medios impresos (diarios, revistas), digitales, radioeléctricos (televisión de aire, etc.) y en la asociación de todos estos recursos de comunicación. (Definición, 2014) IMAGEN El concepto de imagen tiene su origen en el latín imago y permite describir a la figura, representación, semejanza, aspecto o apariencia de una determinada cosa. Por dar unos ejemplos concretos: Esta imagen representa la caída del muro de Berlín, Eres la viva imagen de tu padre, Necesito una imagen para ilustrar mi idea. Dice la teoría que una imagen es también la representación visual de un elemento que se logra a partir de técnicas enmarcadas en la fotografía, el arte, el diseño, el video u otras disciplinas: Aquí vemos la imagen del momento en que el suicida decide arrojarse desde el balcón, El lente de mi cámara ha captado una imagen sorprendente sobre la vida de los leones salvajes. Otra acepción del concepto lo relaciona a las imágenes de carácter religioso o sagrado, que son aquellas estatuas, pinturas o efigies inspiradas en divinidades o santos: Miles de personas se reúnen a orar ante la imagen de la Madre María, Delincuentes han dañado la imagen del Santo Padre que se lucía en la parroquia del barrio. Una imagen definida como óptica, en cambio, es aquella figura que está compuesta por varios puntos hacia los cuales se dirigen los rayos que derivan de ciertas fuentes tras interactuar con la estructura óptica. Es posible hablar, en este sentido, de imagen real (la cual surge cuando los rayos luminosos resultan convergentes) o imagen virtual (opción que se crea cuando los rayos divergen luego de atravesar el sistema óptico). Siguiendo con las acepciones y diversos usos del término imagen tenemos que exponer que también es frecuente que hablemos de lo que se da en llamar imagen pública. Un concepto este que se emplea para 21

36 22 hacer referencia al conjunto de rasgos, fundamentalmente morales y conductuales, que una persona en concreto tiene ante lo que es la sociedad. (Definicion.de, 2014) FORMATO DE IMÁGENES Las imágenes digitales se pueden guardar en distintos formatos. Cada uno se corresponde con una extensión específica del archivo que lo contiene. Los más utilizados en la actualidad son: BMP, GIF, JPG, TIF y PNG. BMP (Bitmap = Mapa de bits) El formato BMP no sufre pérdidas de calidad y por tanto resulta adecuado para guardar imágenes que se desean manipular posteriormente. Ventaja: Guarda gran cantidad de información de la imagen. Inconveniente: El archivo tiene un tamaño muy grande. GIF (Graphics Interchange Format = Formato de Intercambio Gráfico) Ha sido diseñado específicamente para comprimir imágenes digitales. Reduce la paleta de colores a 256 colores como máximo (profundidad de color de 8 bits). Ventaja: Es un formato idóneo para publicar dibujos en la web. JPG-JPEG (Joint Photographic Experts Group = Grupo de Expertos Fotográficos Unidos) Es el formato más común junto con el GIF para publicar imágenes en la web. 22

37 23 La compresión JPEG puede suponer cierta pérdida de calidad en la imagen. En la mayoría de los casos esta pérdida se puede asumir porque permite reducir el tamaño del archivo y su visualización es aceptable. Es recomendable utilizar una calidad del % del original. Ventaja: Es ideal para publicar fotografías en la web siempre y cuando se configuren adecuadamente dimensiones y compresión. Inconveniente: Si se define un factor de compresión se pierde calidad. Por este motivo no es recomendable para archivar originales. TIF-TIFF (Tagged Image File Format = Formato de Archivo de Imagen Etiquetada) Almacena imágenes de una calidad excelente. Utiliza cualquier profundidad de color de 1 a 32 bits. Es el formato ideal para editar o imprimir una imagen. Ventaja: Es ideal para archivar archivos originales. PNG (Portable Network Graphic = Gráfico portable para la red) Es un formato de reciente difusión alternativo al GIF. Tiene una tasa de compresión superior al formato GIF (+10%) Admite la posibilidad de emplear un número de colores superior a los 256 que impone el GIF. Debido a su reciente aparición sólo es soportado en navegadores modernos como IE 4 o superior. (Formación, 2008) ILUSTRACIÓN Ilustración es la acción y efecto de ilustrar (dibujar, adornar). El término permite nombrar al dibujo, estampa o grabado que adorna, 23

38 24 documenta o decora un libro. Por ejemplo: Este libro tiene una bonita ilustración de un unicornio, Las ilustraciones de mi última novela fueron realizadas por una artista francesa. Quiero un libro con ilustraciones de animales para regalarle a mi hijo. En este mismo sentido, hay que exponer que ilustración es un término que también se utiliza de manera habitual para referirse a la publicación periódica que suele estar compuesta tanto de texto como de láminas y dibujos de diversa tipología. El verbo ilustrar también puede utilizarse como sinónimo de dar luz al entendimiento: Gracias al doctor, nos vamos a ilustrar sobre epidemiología, Voy a ilustrarlos sobre el asunto a través de esta conferencia. Este uso del concepto está relacionado a la Ilustración como un movimiento filosófico que surgió en el siglo XVIII y se caracterizó por resaltar el predominio de la razón. Ilustración es el nombre que recibe este movimiento y la época en la cual se desarrolló. Como Siglo de las Luces también se denominó a esta etapa histórica que además de las señas de identidad citadas apostó por contar con otra serie de características esenciales tales como el hipercriticismo, la imitación, el universalismo y el idealismo. Los pensadores de la Ilustración creían que, a través de la razón humana, era posible combatir la ignorancia y la superstición. La razón también ayudaría a acabar con las tiranías y a construir un mundo mejor. Los líderes del movimiento se sentían elegidos para educar al pueblo y liderar a la gente hacia a un nuevo tipo de sociedad. La Ilustración sostenía que el Antiguo Régimen y el absolutismo en general se basaban en la ignorancia de la población para establecer el dominio. 24

39 25 Entre las figuras más importantes de dicho periodo habría que destacar, por ejemplo, a Montesquieu. Este es un político y pensador que fue uno de los padres del establecimiento de la teoría de la separación de poderes, que se convirtió en uno de los pilares fundamentales del Estado de Derecho moderno. Rousseau, que desarrolló importantes teorías republicanas, o Voltaire, manifiestamente en contra del fanatismo y la intolerancia, fueron otras dos de las figuras más importantes y fundamentales dentro del movimiento de la Ilustración. Una de las principales consecuencias que tuvo el desarrollo de la Ilustración fue el cambio que se produjo dentro de la sociedad. En concreto, este periodo fue estableciendo el fin de la llamada sociedad estamental y se produjo la aparición de la burguesía. Un estamento este que conseguirá ir ganando más y más protagonismo a todos los niveles. Tanto es así que irá ocupando puestos de importancia a nivel político en detrimento de la aristocracia reinante y dominante hasta ese mismo momento. Cabe destacar que el movimiento era antropocéntrico (considera al ser humano como centro de las acciones), racionalista (la realidad se limita a la experiencia sensible) y pragmático (lo útil es lo único válido). (Definicion.de, 2014) LOGOTIPO Un logotipo, conocido coloquialmente también como logo, es aquel distintivo o emblema conformado a partir de letras, abreviaturas, entre las alternativas más comunes, peculiar y particular de una empresa, producto o marca determinada. Normalmente el logo incluye algún símbolo que permita a los observadores del mismo asociarlo de inmediato con la marca, empresa o 25

40 26 producto en cuestión. El Logotipo de la cadena de comida rápida McDonald s son dos arcos dorados que forman a su vez una M. En tanto, el logotipo, no es una cuestión nueva de la modernidad, sino todo lo contrario, ya que se trata de una práctica bastante vieja, por ejemplo, en la antigüedad, los artesanos, marcaban las obras que habían creado con un logo y también el logotipo fue una herramienta ampliamente utilizada por los monarcas para cruzar documentos legales, a través de un logotipo personal efectuado a mano, o a través de un sello, dejaban su impronta en los documentos. Entre los requisitos que deberá reunir un logotipo para conseguir el objetivo mencionado anteriormente que es que con tan solo mirarlo las personas sepamos que se trata de tal o cual empresa, marca o producto, se cuentan los siguientes: legible (en cualquiera de los tamaños que el mismo se presente), reproducible (sin que importen las condiciones de tipo material), escalable (al tamaño que se desea), distinguible (jamás debe dar lugar a equívocos o confusiones entre los que lo observan, es decir, debe ser claro) y memorable (ser impactante para que no pueda ser olvidado fácilmente). Vale destacar que es común que el término se emplee de manera indistinta para referirse a estos otros conceptos: isotipo (ícono o signo visual) e isologo (una combinación de isotipo y de logotipo). Entre los logotipos más famosos y reconocibles del mundo se cuentan: el mencionado de los dos arcos dorados de McDonald s, la lengua de la banda Rolling Stones, la manzana de Apple, la pipa de Nike, y otros conformados por letras únicamente tales como Coca Cola, Sony, Mont Blanc y CK (Calvin Klein). Normalmente se hacen fuertes las palabras y luego, la imagen quedará asociada indefectiblemente a ellas. (definicionabc, 2014) 26

41 27 LAS DIFERENCIAS ENTRE LOGOTIPO, ISOTIPO, IMAGOTIPO E ISOLOGO El término 'logo' es muy utilizado en el mundo del diseño gráfico, aunque por error (o comodidad) solemos referirnos a dicho término para hablar de todo tipo de representación gráfica de una marca. De esta forma, resulta mucho más fácil poder tratar con clientes o personas inexpertas en el tema y llegar a un buen entendimiento, algo altamente improbable si hablásemos con palabras tan técnicas como imagotipo, isologo o isotipo. A pesar de ello, todo diseñador gráfico principiante debería conocer las diferencias entre logotipo, imagotipo, isotipo e isologo. Para ello, nada mejor que aprender qué significado tiene cada uno de estos términos y ver algunos ejemplos gráficos nos ayuden a comprender sus diferencias. EL LOGOTIPO El término más utilizado en el mundo del diseño gráfico para referirnos a cualquier representación gráfica de una marca. En diseño, se tiende a llamar 'logotipo' a casi todo, y es la forma por la que todo el mundo conoce la representación visual de una marca. Sin embargo, la RAE (Real Academia Española) dice que logotipo "es el distintivo formado por letras, abreviaturas, etc., peculiar de una empresa, conmemoración, marca o producto". Atendiendo a las bondades del latín, la palabra logotipo deriva de logos (que significa palabra), y tipos (que significa señal, marca o juego de caracteres de cualquier idioma). Con todas estas explicaciones, solamente queda por descubrir que un logotipo es la representación visual de una marca en base a una palabra o conjunto de palabras, solamente representada mediante alguna tipografía. 27

42 28 EL ISOTIPO Nuevamente recurriendo al latín, la palabra isotipo deriva de iso (que significa igual) y de tipos (que tiene el mismo significado anterior). De esta manera, podemos saber que un isotipo es la representación gráfica de un símbolo que ejemplifica una marca sin mencionarla completamente. Esto quiere decir que un isotipo es similar a un logotipo pero utilizando un nombre más abstracto o derivado del nombre original según ciertas reglas, hasta tener una imagen tan reconocible como el propio nombre de la marca. (todographicdesign, 2013) SWF (SHOCK WAVE FLASH) Shock Wave Flash Es un formato de archivo de gráficos vectoriales que permite mostrar animaciones en flash logrando buenos desempeños a través de diversas funciones y grados de interactividad. Se refiere al archivo resultante ( archivo exportado ) del *.fla, es decir, el archivo que nosotros publicamos en Internet ó suministramos a otro usuario para que pueda ver nuestra animación. Este archivo tiene extensión *.swf y se caracteriza porque sólo permite la visualización resultante de la animación. No nos permitirá modificarla. Además, tiene un tamaño muy reducido; motivo por el que Flash ha alcanzado tanta popularidad en la creación de animaciones. Es el archivo que genera la película optimizada preparada para ser reproducida, y puede ser visto por cualquier persona que cuente con un explorador de Internet y el plug-in Reproductor Flash (ó Flash Player). El público no puede editar este tipo de archivo, sólo puede verlo. (Isadora, 2010) 28

43 29 PREGUNTAS A CONTESTARSE CRITERIOS PARA ELABORAR LA PROPUESTA INTERROGANTES DE LA INVESTIGACIÓN 1) Es eficiente la información que proporciona la página web de la Unidad Educativa Pdte. Carlos Julio Arosemena Tola, de forma impresa? 2) La Unidad Educativa Pdte. Carlos Julio Arosemena Tola, está difundiendo información online a través de internet? 3) El actual sistema de publicidad, da completa información sobre los servicios que proporciona la institución educativa? 4) El actual proceso de publicidad ofrece algún servicio de información sobre la institución educativa? 5) Sería importante la creación de una Revista Digital para la Unidad Educativa Pdte. Carlos Julio Arosemena Tola? 6) Se beneficiarán la comunidad del sur de Guayaquil y los usuarios con la creación de la Revista Digital Institucional? 7) Estarán de acuerdo con la implementación de la Revista Digital de la Unidad Educativa Pdte. Carlos Julio Arosemena Tola? 8) La implementación de una Revista Digital optimizará el desarrollo de la publicidad para la institución educativa? 9) La creación e implementación de la Revista Digital de la Unidad Educativa, mejorará la imagen institucional? 10) Sería importante la creación e implementación de la Revista Digital, para darse a conocer a nivel nacional e internacional? 29

44 30 CAPÍTULO III METODOLOGÍA DISEÑO DE LA INVESTIGACIÓN Los estudios de investigación son diseñados de una manera particular para incrementar las oportunidades de recolectar la información necesaria para responder a una pregunta en particular. La información recolectada durante una investigación sólo es útil si el diseño de investigación es sólido y sigue el protocolo de investigación. El seguir cuidadosamente los procedimientos y las técnicas delineadas en el protocolo de investigación incrementará la probabilidad de que los resultados de la investigación sean exactos y significativos para otras personas. Seguir el protocolo de investigación y, por lo mismo, el diseño del estudio, es también importante porque los resultados pueden ser repetidos posteriormente por otros investigadores. Cuanto más a menudo se reproducen los resultados, mayores posibilidades hay de que los investigadores y las personas en general acepten estos resultados como ciertos. Además, el diseño de la investigación debe clarificar los procedimientos utilizados para asegurar la protección de los sujetos de investigación, sean humanos o animales, y de mantener la integridad de la información recolectada en el estudio. MODALIDAD DE LA INVESTIGACIÓN La realización de la presente investigación está basada en la investigación de campo la cual analiza el problema partiendo de hechos reales, para la obtención de información y requerimientos que evidencien los objetivos. La investigación bibliográfica sirvió de mucha ayuda, en todo lo que concierne a la teoría en la que se baso la investigación. 30

45 31 La investigación experimental obtuvo mucha influencia para la etapa de pruebas del tema planteado. Aquí es importante precisar que a cualquier forma de razonar se esté consciente o no de ello le subyace un sustento teórico desde el cual es posible tal razonamiento; es decir, el razonamiento se configura intencionalmente o no a partir de elementos de orden teóricoconceptuales, de perspectivas analíticas interpretativas y, primordialmente, de los modos de vivir y habitar el mundo. Por ejemplo, si observas con detenimiento la serie de televisión Dr. House te darás cuenta de que la mayoría de las veces la intuición y los supuestos son parte significativa del trabajo de búsqueda, pues a partir de ellos se recopilan, ordenan y sistematizan datos para, en lo posterior, convertirlos en información legible, confiable y verificable. Dicha información está profundamente relacionada con los supuestos iniciales formulados para averiguar la naturaleza de una enfermedad (problema de investigación) y los posibles efectos de ésta en el paciente (pronóstico). PROYECTO FACTIBLE Un proyecto factible, como su nombre lo indica, tiene un propósito de utilización inmediata, la ejecución de la propuesta. En este sentido, la UPEL (1998) define el proyecto factible como un estudio "que consiste en la investigación, elaboración y desarrollo de una propuesta de un modelo operativo viable para solucionar problemas, requerimientos o necesidades de organizaciones o grupos sociales". La propuesta que lo define puede referirse a la formulación de políticas, programas, tecnologías, métodos o procesos, que sólo tienen sentido en el ámbito de sus necesidades. 31

46 32 INVESTIGACIÓN DE CAMPO Constituye un proceso sistemático, riguroso y racional de recolección, tratamiento, análisis y presentación de datos, basado en una estrategia de recolección directa de la realidad de las informaciones necesarias para la investigación. De acuerdo con el propósito, la investigación de campo puede ser de dos tipos: INVESTIGACIÓN EXPLORATORIA La investigación exploratoria constituida por aquellos estudios que tratan de describir la situación sin intentar explicar o predecir las relaciones que se encontraran en ella. VERIFICACIÓN DE HIPÓTESIS La verificación de hipótesis, trata de establecer relaciones entre variables, con la finalidad de explicar el comportamiento del fenómeno o hecho en estudio. VENTAJAS Abrió nuevas posibilidades para el desarrollo de la ciencia, especialmente para las disciplinas sociales. Permitió superar las disciplinas que imponía el tradicional laboratorio experimental, al poder estudiar los hechos o fenómenos en el propio lugar de los acontecimientos. El avance en el conocimiento teórico de los métodos y técnicas probados en la investigación de campo, ha conducido, en ciencias sociales, al desarrollo de la experimentación. 32

47 33 DESVENTAJAS El nivel de conocimiento aportado por este tipo de investigación, presenta un mayor índice probabilística de error que el aportado por la investigación experimental. La exactitud en sus resultados también es mayor que la obtenida mediante la investigación experimental. TIPOS DE INVESTIGACIÓN Cuando se inicia el capítulo de la metodología lo primero que se encuentra el investigador es la definición del tipo de investigación que desea realizar. La escogencia del tipo de investigación determinará los pasos a seguir del estudio, sus técnicas y métodos que puedan emplear en el mismo. En general determina todo el enfoque de la investigación influyendo en instrumentos, y hasta la manera de cómo se analiza los datos recaudados. Así, el punto de los tipos de investigación en una investigación va a constituir un paso importante en la metodología, pues este va a determinar el enfoque del mismo. Este puede dividirse en dos tipos principales de Campo o de Laboratorio. Que a su vez puede clasificarse en cuatro tipos principales: Estudios Exploratorios: También conocido como estudio piloto, son aquellos que se investigan por primera vez o son estudios muy pocos investigados. También se emplean para identificar una problemática. Estudios Descriptivos: Describen los hechos como son observados. Estudios Correlaciónales: Estudian las relaciones entre variables dependientes e independientes, ósea se estudia la correlación entre dos variables. 33

48 34 Estudios Explicativos: Este tipo de estudio busca el por qué de los hechos, estableciendo relaciones de causa- efecto. EL PROCESO FORMAL en: Este se refiere al método que se emplea en el estudio, se divide Método deductivo: Parte de una premisa general para obtener las conclusiones de un caso particular. Pone el énfasis en la teoría, modelos teóricos, la explicación y abstracción, antes de recoger datos empíricos, hacer observaciones o emplear experimentos. Método inductivo: Se analizan solo casos particulares, cuyos resultados son tomados para extraer conclusiones de carácter general. A partir de las observaciones sistemáticas de la realidad se descubre la generalización de un hecho y una teoría. Se emplea la observación y la experimentación para llegar a las generalidades de hechos que se repiten una y otra vez. Método hipotético-deductivo: A través de observaciones realizadas de un caso particular se plantea un problema. Éste lleva a un proceso de inducción que remite el problema a una teoría para formular una hipótesis, que a través de un razonamiento deductivo intenta validar la hipótesis empíricamente. POBLACIÓN Y MUESTRA Las estadísticas de por sí no tienen sentido si no se consideran o se relacionan dentro del contexto con que se trabajan. Por lo tanto es necesario entender los conceptos de población y de muestra para lograr comprender mejor su significado en la investigación educativa o social que se lleva a cabo. 34

49 35 POBLACIÓN La población es el conjunto total de individuos, objetos o medidas que poseen algunas características comunes observables en un lugar y en un momento determinado. Cuando se vaya a llevar a cabo alguna investigación debe de tenerse en cuenta algunas características esenciales al seleccionarse la población bajo estudio. HOMOGENEIDAD La homogeneidad que todos los miembros de la población tengan las mismas características según las variables que se vayan a considerar en el estudio o investigación. TIEMPO El tiempo se refiere al período de tiempo donde se ubicaría la población de interés. Determinar si el estudio es del momento presente o si se va a estudiar a una población de cinco años atrás o si se van a entrevistar personas de diferentes generaciones. ESPACIO El espacio se refiere al lugar donde se ubica la población de interés. Un estudio no puede ser muy abarcador y por falta de tiempo y recursos hay que limitarlo a un área o comunidad en específico. CANTIDAD La cantidad se refiere al tamaño de la población. El tamaño de la población es sumamente importante porque ello determina o afecta al tamaño de la muestra que se vaya a seleccionar, además que la falta de recursos y tiempo también nos limita la extensión de la población que se vaya a investigar. 35

50 36 TABLA 2 POBLACIÓN Ítem Informantes Población 1 Padres de Familia Diseñadores 21 MUESTRA población. Total de Población: 121 Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. La muestra es un subconjunto fielmente representativo de la Hay diferentes tipos de muestreo. El tipo de muestra que se seleccione dependerá de la calidad y cuán representativo se quiera sea el estudio de la población. ALEATORIA Cuando se selecciona al azar y cada miembro tiene igual oportunidad de ser incluido. ESTRATIFICADA Cuando se subdivide en estratos o subgrupos según las variables o características que se pretenden investigar. Cada estrato debe corresponder proporcionalmente a la población. SISTEMÁTICA Cuando se establece un patrón o criterio al seleccionar la muestra. Ejemplo: se entrevistará una familia por cada diez que se detecten. El muestreo es indispensable para el investigador ya que es imposible entrevistar a todos los miembros de una población debido a problemas de tiempo, recursos y esfuerzo. Al seleccionar una muestra lo que se hace es estudiar una parte o un subconjunto de la población, pero 36

51 37 que la misma sea lo suficientemente representativa de ésta para que luego pueda generalizarse con seguridad de ellas a la población. El tamaño de la muestra depende de la precisión con que el investigador desea llevar a cabo su estudio, pero por regla general se debe usar una muestra tan grande como sea posible de acuerdo a los recursos que haya disponibles. Entre más grande la muestra mayor posibilidad de ser más representativa de la población. En la investigación experimental, por su naturaleza y por la necesidad de tener control sobre las variables, se recomienda muestras pequeñas que suelen ser de por lo menos 30 sujetos. En la investigación descriptiva se emplean muestras grandes y algunas veces se recomienda seleccionar de un 10 a un 20 por ciento de la población accesible. El cálculo del tamaño de la muestra es uno de los aspectos a concretar en las fases previas de la investigación comercial y determina el grado de credibilidad que concederemos a los resultados obtenidos. Una fórmula muy extendida que orienta sobre el cálculo del tamaño de la muestra para datos globales es la siguiente: Fórmula para calcular la muestra correcta N: es el tamaño de la población o universo (número total de posibles encuestados). k: es una constante que depende del nivel de confianza que asignemos. El nivel de confianza indica la probabilidad de que los resultados de nuestra investigación sean ciertos: un 95,5 % de confianza es lo mismo que decir que nos podemos equivocar con una probabilidad del 4,5%. 37

52 38 La extensión del uso de Internet y la comodidad que proporciona, tanto para el encuestador como para el encuestado, hacen que este método sea muy atractivo. TABLA 3 NIVEL DE CONFIANZA k 1,15 1,28 1,44 1,65 1,96 2 2,58 Nivel de confianza 75% 80% 85% 90% 95% 95,5% 99% Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. e: es el error muestral deseado. El error muestral es la diferencia que puede haber entre el resultado que obtenemos preguntando a una muestra de la población y el que obtendríamos si preguntáramos al total de ella. Ejemplos: p: es la proporción de individuos que poseen en la población la característica de estudio. Este dato es generalmente desconocido y se suele suponer que p=q=0.5 que es la opción más segura. q: es la proporción de individuos que no poseen esa característica, es decir, es 1-p. hacer). n: es el tamaño de la muestra (número de encuestas que vamos a TABLA 4 MUESTRA Ítem Informantes Población 1 Padres de Familia 80 5 Diseñadores 20 Total de Muestra: 100 Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. 38

53 39 TÉCNICAS DE LA INVESTIGACIÓN MÉTODOS Y TÉCNICAS DE INVESTIGACIÓN La investigación científica se encarga de producir conocimiento. El conocimiento científico se caracteriza por ser: Sistemático Ordenado Metódico Racional / reflexivo Crítico Que sea sistemático significa que no puedo arbitrariamente eliminar pasos, sino que rigurosamente debo seguirlos. Que sea metódico implica que se debe elegir un camino (método: camino hacia), sea, en este caso, una encuesta, una entrevista o una observación. Que sea racional / reflexivo implica una reflexión por parte del investigador y tiene que ver con una ruptura con el sentido común. Hay que alejarse de la realidad construida por uno mismo, alejarse de las nociones, del saber inmediato. Esto permite llegar a la objetividad. Que sea crítico se refiere a que intenta producir conocimiento, aunque esto pueda jugar en contra. PROBLEMA DE INVESTIGACIÓN Se hace necesaria la existencia de un problema, luego de la toma de conciencia sobre el problema y, por último, la existencia de una solución posible. 39

54 40 El problema de investigación yace en la discrepancia existente entre un modelo ideal y un modelo real, por ejemplo: modelo ideal: "los niños no deben trabajar", modelo real: "los niños trabajan". La prioridad aquí está en lo teórico, lo que se cree que se debería hacer, el marco teórico afirma que "eso no debería ser así". La discrepancia entre el modelo ideal y el real debe ser significativa y se requiere la toma de consciencia de esa discrepancia (dada la existencia del modelo ideal). El tercer componente es, como se dijo, la solución. El trabajo se orienta a la solución del problema, si no tiene solución no se investiga. TÉCNICAS Y PASOS DE LA INVESTIGACIÓN Las técnicas son los procedimientos e instrumentos que utilizamos para acceder al conocimiento. Encuestas, entrevistas, observaciones y todo lo que se deriva de ellas. Los pasos de la investigación han de ser los siguientes: Tema Delimitación del tema Formulación del problema Reducción del problema a nivel empírico Determinación de las unidades de análisis-recolección de datos Análisis de datos Informe final. 40

55 41 LA OBSERVACIÓN Consiste en observar atentamente el hecho y registrar para su posterior análisis en el Proceso Investigativo, es una forma de adquirir conocimiento de una manera directa y abierta para conocer el entorno de estudio. LA ENCUESTA La encuesta es una búsqueda sistemática de información en la que el investigador pregunta a los investigados sobre los datos que desea obtener, y posteriormente reúne estos datos individuales para obtener la información deseada. Es una técnica utilizada para obtener los datos de varios personas cuyas opiniones son importantes para el respectivo procesamiento y análisis con la encuesta se trata de obtener, de manera sistemática y ordenada, información sobre las variables que intervienen en una investigación y esto sobre una población o muestra determinada. Podemos mencionar que Pacheco nos explica que una encuesta es un instrumento para la recolección de información, por medio de un cuestionario llenado directamente por un encuestado. En este proyecto de investigación se realizaran encuestas con específicas alternativas a los autoridades, docentes, estudiantes y padres de familia, las mismas que serán escritas y contendrán preguntas de forma, clara, sencilla y precisa para que puedan dar opiniones y de esta forma sean tabuladas. PROCEDIMIENTO DE LA INVESTIGACIÓN El diseño de investigación, indica el proceso de los pasos a seguir, permitiendo al investigador aclarar los detalles del trabajo de investigación estableciendo las estrategias a seguir para obtener resultados positivos, y 41

56 42 así definir la manera de encontrar las respuestas a las interrogantes objeto de estudio. El diseño de investigación servirá como instrumento de dirección para el presente trabajo de investigación, en tal sentido, implica los pasos que se debe seguir en el problema verificando las hipótesis, controlando las variables para poder encontrar las posibles soluciones al mismo. Para el procedimiento de la Investigación del presente trabajo investigativo objeto de análisis, se seguirán los siguientes pasos: Planteamiento del Problema. Elaboración del Marco Teórico. Seleccionar los temas de investigación Recolección de Información Bibliográfica. Análisis e Interpretación de los Resultados. Preparar documentos para la Recolección de Datos. Aplicar la Encuesta para Recolectar la Información. RECOLECCIÓN DE LA INFORMACIÓN La recolección de la información se realizó mediante la investigación de campo de tipo factible. En este proyecto se utilizará la técnica de la observación y la encuesta, para la recolección de la información se lo realizara en la misma Institución Educativa donde se encuentran las personas que van a ser observadas y encuestadas, en este caso a las autoridades docentes, estudiantes y padres de familia, que serán localizados en su horario de trabajo y a los estudiantes en las aulas de clases. 42

57 43 Las encuestas realizadas tanto a docentes, autoridades, a estudiantes y padres de familia, se basan en preguntas sencillas de fácil comprensión y de alternativas múltiples. Para la elaboración de este proyecto se hizo uso de la biblioteca, textos, Internet, revistas, periódicos y todos los medios que sirven para obtener información sobre el problema. Se utilizó la técnica de la encuesta por medio de un formulario dirigido a los profesores y padres de familia, para obtener la información, se elaboró un cuestionario en base a diez preguntas de respuesta cerrada, debidamente elaborada, en forma clara, sencilla y apegada a la realidad con validez. Para la elaboración de este proyecto se hizo uso de la biblioteca, textos, Internet, etc. y todos los medios que sirven para obtener información sobre el problema. 43

58 44 CAPÍTULO IV INTEPRETACIÓN DE LOS RESULTADOS ANÁLISIS E INTERPRETACIÓN DE LOS RESULTADOS El presente proyecto fue de tipo cuantitativo puesto que es realista, explicativo, busca las causas y la explicación de los hechos que estudia, los datos fueron tratados aplicando la estadística para la determinación de los resultados. La realización de la presente investigación está basada en la investigación de campo la cual analiza el problema partiendo de hechos reales, para la obtención de información y requerimientos que evidencien los objetivos. La investigación bibliográfica sirvió de mucha ayuda, en todo lo que concierne a la teoría en la que se basó la investigación. La investigación experimental obtuvo mucha influencia para la etapa de pruebas del tema planteado. La tabulación de los datos adquiridos en las encuesta que hicimos las cuales estaba las preguntas al respecto de la actual y de la nueva página web para hacer una información más clara y la traficación de los cursos y elaboración de cuadros estadístico. PROCESAMIENTO DE LA INFORMACIÓN Y RECOLECCIÓN DE DATOS Para el proceso de la investigación uno de los principios generales que debió ser aplicado de una forma metódica como poner una (x) en la respuesta que quiera llevar de las encuestas que hicimos a los estudiantes. El análisis de la respuesta de la encuesta para hacer una 44

59 45 conclusión concisa. El proceso o técnicas que utilizamos en la encuesta queque son más utilizadas en las encuestas: OBSERVACIÓN PARTICIPANTE: Se integra en el hecho o fenómeno de manera interna para conocer directamente toda la información que poseen los sujetos de estudio sobre su propia realidad siendo parte de la situación observada, se contempla como la resolución progresiva de un problema, en el cual los métodos de muestreo, la formulación de la hipótesis y el análisis de resultados van de la mano en una interacción permanente. OBSERVACIÓN NO PARTICIPANTE: Actúa de forma indirecta conlleva a la recopilación de datos secundarios, como bien son los informes, u otras investigaciones, no interviene el grupo, toma información de lo que se investiga desde afuera. ENTREVISTAS ESTRUCTURADAS: Ésta puede contener preguntas abiertas o temas a tratar, los cuales se derivan de los indicadores que deseen explorarse. NO ESTRUCTURADAS: Se trabaja con preguntas abiertas, sin un orden preestablecido, adquiriendo características de conversación. Esta técnica consiste en realizar preguntas de acuerdo a las respuestas que vayan surgiendo durante la entrevista. También se realizaron encuestas por medio cuestionarios, fotografías y otras técnicas audiovisuales, métodos interactivos y no interactivos, aplicación de medidas reactivas (test, cuestionarios, etc.) y datos para el procesamiento de información, etc. TABULACIÓN. Consiste en resumir los datos en tablas estadísticas, recogiendo los valores parciales, totales o acumulados mediante la lectura de rango y el almacenamiento de cantidades correspondientes, dependiendo de la 45

60 46 cantidad de información, la tabulación puede hacerse en forma manual o computarizada. TABULACIÓN DE LOS CURSOS QUE SE REALIZÓ LA ENCUESTA DATOS GENERALES DE LAS ENCUESTAS TABLA 5 DATOS GENERALES DE LAS ENCUESTAS PREGUNTAS MUY DE ACUERDO DE ACUERDO INDIFERENTE EN DESACUERDO Cree Usted que la implementación de una revista digital para la institución educativa es importante? Cree usted que las dificultades de no contra con una publicidad gratuita para conocer en forma interactiva influyen en el público general? Está de acuerdo que la institución debe tenr una revista digital como recursos tecnológicos acordes a las necesidades actuales? Está de acuerdo en cambiar los recursos fisicos a los recursos online? Considera usted adecuado que se publique información de nuestra institución en la revistal digitalen forma online? Usted cree que la revista digital debe contener y dar a conocer actividades que realiza la institución internamente con la comunidad educativa? Se debe capacitar a los padres de familia para manejar los recursos online referente a la información de la Institución? Estima usted que es necesario que la revista digital via online beneficie a la institución como publicidad propia para dar a conocer el rendimiento académico de sus estudiantes? Cree usted que la revista digital es académico de la institución? importantes para el desarrollo Considera usted que será útil la revista digital para que se dé a conocer la institución educativa? Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. En conclusión hay un gran porcentaje altos para que se cree la nueva página web y se incrementen las cosas que hemos puesto. 46

61 47 TABULACIÓN INDIVIDUALES DE LA ENCUESTA 1. Cree usted que la implementación de una revista digital para la institución educativa es importante? TABLA 6 PREGUNTA 1 ENCUESTA N de Pregunta Muy de acuerdo De acuerdo Indiferente En desacuerdo Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. Gráfico 1 PREGUNTA 1 ENCUESTA Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. ANÁLISIS: En esta interrogante podemos observar que el 44% se plasma en el rango Muy de Acuerdo seguido por el rango De acuerdo con un 39% por lo que los rangos más bajos son el 9% Indiferente y el último con el 8% en desacuerdo. 47

62 48 TABULACIÓN INDIVIDUALES DE LA ENCUESTA 2. Cree usted que las dificultades de no contar con una publicidad gratuita para conocer en forma interactiva influyen en el público general? TABLA 7 PREGUNTA 2 ENCUESTA N de Pregunta Muy de acuerdo De acuerdo Indiferente En desacuerdo Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. Gráfico 2 PREGUNTA 2 ENCUESTA Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. ANÁLISIS: El 46% se encuentra en el rango De acuerdo con esta interrogante seguido de Indiferente con un 29% puesto que el rango que se presenta con el 19% es el de Muy de Acuerdo pero el rangos más bajos es un 6% que está En Desacuerdo. 48

63 49 TABULACIÓN INDIVIDUALES DE LA ENCUESTA 3. Está de acuerdo que la institución debe tener una revista digital como recursos tecnológicos acordes a las necesidades actuales? TABLA 8 PREGUNTA 3 ENCUESTA N de Pregunta Muy de acuerdo De acuerdo Indiferente En desacuerdo Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. Gráfico 3 PREGUNTA 3 ENCUESTA 1 Muy de Acuerdo 2 De acuerdo PREGUNTA 33 Indiferente. PREGUNTA 4 En Desacuerdo 3; 4 PREGUNTA En Desacuerdo; 3; 3 4; 4% Indiferente.; 24; 24% PREGUNTA 3; 2 De acuerdo; 27; 27% PREGUNTA 3; 1 Muy de Acuerdo; 45; 45% ANÁLISIS: Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. En esta interrogante el 45% se está Muy Desacuerdo, seguido De acuerdo con un 27%, puesto que el rango que se presenta con el 27% le es indiferente, pero el rango más bajo es el en Desacuerdo con el 4%. 49

64 50 TABULACIÓN INDIVIDUALES DE LA ENCUESTA 4. Está de acuerdo en cambiar los recursos físicos a los recursos online? TABLA 9 PREGUNTA 4 ENCUESTA N de Pregunta Muy de acuerdo De acuerdo Indiferente En desacuerdo Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. Gráfico 4 PREGUNTA 4 ENCUESTA PREGUNTA 1 Muy de Acuerdo 4; 4 2 De acuerdo PREGUNTA 34 Indiferente. PREGUNTA 4 En Desacuerdo 4; 1 En Desacuerdo; Muy de 10; 10% Acuerdo; 24; 24% PREGUNTA 4; 2 De acuerdo; 50; 50% PREGUNTA 4; 3 Indiferente.; 16; 16% Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. ANÁLISIS: Podemos observar que en esta interrogante según los datos tabulados se reflejan los siguientes porcentajes el 50% está De acuerdo con este cuestionamiento, el rango que le sigue es el de Muy de acuerdo con el 24%, seguido por el rango indiferente con el 16% puesto que el rango en Desacuerdo se presenta con el 10%. 50

65 51 TABULACIÓN INDIVIDUALES DE LA ENCUESTA 5. Considera usted adecuado que se publique información de nuestra institución en la revista digital forma online? TABLA 10 PREGUNTA 5 ENCUESTA N de Pregunta Muy de acuerdo De acuerdo Indiferente En desacuerdo Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. Gráfico 5 PREGUNTA 5 ENCUESTA 1 PREGUNTA Muy de Acuerdo 5; 4 En Desacuerdo; 2 De acuerdo PREGUNTA 35 Indiferente. 4 En Desacuerdo 5; 5% PREGUNTA 5; 2 De acuerdo; 31; 31% PREGUNTA 5; 1 Muy de Acuerdo; 40; 40% PREGUNTA 5; 3 Indiferente.; 24; 24% Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. ANÁLISIS: En esta interrogante podemos observar que el rango que refleja el mayor grado de porcentaje es el Muy de acuerdo con el 40%, seguido es el rango De acuerdo con el 31%, se puede notar que el 24% le es Indiferente esta interrogante y por último se muestra el rango En Desacuerdo con el 5%. 51

66 52 TABULACIÓN INDIVIDUALES DE LA ENCUESTA 6. Usted cree que la revista digital debe contener y dar a conocer actividades que realiza la institución internamente con la comunidad educativa? TABLA 11 PREGUNTA 6 ENCUESTA N de Pregunta Muy de acuerdo De acuerdo Indiferente En desacuerdo Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. Gráfico 6 PREGUNTA 6 ENCUESTA PREGUNTA 1 Muy de Acuerdo 2 De acuerdo PREGUNTA 36 Indiferente. PREGUNTA 4 En Desacuerdo 6; 4 En Desacuerdo; 6; 3 6; 6% Indiferente.; 18; 18% PREGUNTA 6; 2 De acuerdo; 32; 32% PREGUNTA 6; 1 Muy de Acuerdo; 44; 44% ANÁLISIS: Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. El 44% en esta interrogante se muestra en el rango de Muy de Acuerdo, seguido del rango De acuerdo con el 32%, podemos observar que el rango de Indiferente arroja el 18% y por último vemos que el 6% lo representa el rango En Desacuerdo. 52

67 53 TABULACIÓN INDIVIDUALES DE LA ENCUESTA 7. Se debe capacitar a los padres de familia para manejar los recursos online referente a la información de la Institución? TABLA 12 PREGUNTA 7 ENCUESTA N de Pregunta Muy de acuerdo De acuerdo Indiferente En desacuerdo Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. Gráfico 7 PREGUNTA 7 ENCUESTA PREGUNTA 1 Muy de 7; Acuerdo 4 2 De acuerdo PREGUNTA 37 Indiferente. PREGUNTA 4 En Desacuerdo 7; 1 En Desacuerdo; Muy de 20; 20% Acuerdo; 28; 28% PREGUNTA 7; 3 Indiferente.; 25; 25% PREGUNTA 7; 2 De acuerdo; 27; 27% ANÁLISIS: Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. Los datos ingresados en esta tabulación podemos ver en forma general que están casi parejos los resultados, puesto que el 28% se presenta en el rango Muy de acuerdo, seguido por el rango De acuerdo con el 27%, también le es Indiferente a las personas encuestada porque arrojó el 25% en esta interrogante, pero podemos observar que el 20% lo lleva el último rango que es En Desacuerdo. 53

68 54 TABULACIÓN INDIVIDUALES DE LA ENCUESTA 8. Estima usted que es necesario que la revista digital vía online beneficie a la institución como publicidad propia para dar a conocer el rendimiento académico de sus estudiantes? TABLA 13 PREGUNTA 8 ENCUESTA N de Pregunta Muy de acuerdo De acuerdo Indiferente En desacuerdo Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. Gráfico 8 PREGUNTA 8 ENCUESTA 1 Muy de Acuerdo 2 De acuerdo PREGUNTA 38 Indiferente. 4 En Desacuerdo PREGUNTA 8; 4 En Desacuerdo; 8; 8% PREGUNTA 8; 3 Indiferente.; 20; 20% PREGUNTA 8; 1 Muy de Acuerdo; 35; 35% PREGUNTA 8; 2 De acuerdo; 37; 37% Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. ANÁLISIS: En estas interrogantes refleja el 37% De acuerdo, seguido del 37% con el rango Muy de acuerdo, al rango indiferente se presenta el 20% y por último podemos observar que el rango En desacuerdo presenta el 8%. 54

69 55 TABULACIÓN INDIVIDUALES DE LA ENCUESTA 9. Cree usted que la revista digital es importantes para el desarrollo académico de la institución? TABLA 14 PREGUNTA 9 ENCUESTA N de Pregunta Muy de acuerdo De acuerdo Indiferente En desacuerdo Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. Gráfico 9 PREGUNTA 9 ENCUESTA PREGUNTA 1 Muy de Acuerdo 2 De acuerdo PREGUNTA 39 Indiferente. 4 En Desacuerdo 9; 4 En PREGUNTA 9; 1 Desacuerdo; Muy de 11; 11% Acuerdo; 30; 30% PREGUNTA 9; 2 De acuerdo; 42; 42% PREGUNTA 9; 3 Indiferente.; 17; 17% Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. ANÁLISIS: Podemos observar que en esta interrogante según los datos tabulados se reflejan los siguientes porcentajes el 42% está De acuerdo con este cuestionamiento, el rango que le sigue es el de Muy de acuerdo con el 30%, seguido por el rango indiferente con el 17% puesto que el rango en Desacuerdo se presenta con el 11%. 55

70 56 TABULACIÓN INDIVIDUALES DE LA ENCUESTA 10. Considera usted que será útil la revista digital para que se dé a conocer la institución educativa? TABLA 15 PREGUNTA 10 ENCUESTA N de Pregunta Muy de acuerdo De acuerdo Indiferente En desacuerdo Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. Gráfico 10 PREGUNTA 10 ENCUESTA 1 PREGUNTA Muy de Acuerdo 10; 4 En 2 De acuerdo PREGUNTA 310 Indiferente. 4 En Desacuerdo Desacuerdo; 13; 13% PREGUNTA 10; 1 Muy de Acuerdo; 36; 36% PREGUNTA 10; 2 De acuerdo; 33; 33% PREGUNTA 10; 3 Indiferente.; 18; 18% ANÁLISIS: Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. El 36% en esta interrogante se muestra en el rango de Muy de Acuerdo, seguido del rango De acuerdo con el 33%, podemos observar que el rango de Indiferente arroja el 18% y por último vemos que el 13% lo representa el rango En Desacuerdo. 56

71 57 CONCLUSION Y RECOMENDACIONES CONCLUSIÓN Implementar una revista digital para la institución educativa es importante porque les permite a los usuarios conocer información de una manera didáctica más aun conociendo que este recurso es gratuito siempre y cuando utilice una maquina con acceso a internet. Implementar una revista digital como un recurso tecnológico acorde a las necesidades actuales que brindan las páginas web de instituciones educativas. Publicar información de nuestra institución en la revista digital en forma online lo haremos en forma adecuada por parte de los estudiantes que manejen este tipo de herramientas profesionales, la misma que debe contener y dar a conocer actividades que realiza la institución internamente. Capacitar a los padres de familia para manejar los recursos online referente a la información de la Institución, la que beneficie a la institución como publicidad propia para dar a conocer las actividades y otros a toda la comunidad educativa. Difundir que la creación de la revista digital es importante para el desarrollo académico de la institución, la misma que será útil para que se dé a conocer la institución educativa Enriquecer sus conocimientos sobre Informática, para hacer la utilización del software tratado más práctica donde podrán crear sus propios tips en el manejo de estos programas. Consientes y plenamente convencidos que nuestra revista digital será de vital importancia para el uso de la institución. 57

72 58 RECOMENDACIONES Asumir sus limitaciones y talentos para muchos estudiantes, el periodismo es una debilidad. Debes contratar contar con asesoramiento de periodismo para que te ayude a gestionar las actividades. Una revista es un proyecto, un cuerpo vivo. Es como una persona. No sólo debes pensar en el primer año de vida. Debes saber a dónde se quiere ir y saber qué modelo de negocio adaptar Hay que buscar proyectos para inspirarnos y si no hay a quién imitar, seamos nosotros los referentes para otros, seamos ejemplo. Un proyecto plantea soluciones. Steve Jobs dijo que la gente no sabe qué es lo que necesita, dice Avilés. Saber qué necesita la gente, tener esa visión. Buscar mentores. Buscar gente que tienen la claridad que nosotros no tenemos. Al pedir consejos uno puede saber cómo está yendo su proyecto. No convencer a la gente, deja que la gente entienda por sí sola a tu proyecto. Si una persona no entiende tu producto, preocúpate. Hay que hacer buenos productos. Hacer buenas historias, buenos titulares, buenas fotos. La gente te recompensará. 58

73 59 CAPÍTULO V LA PROPUESTA La Unidad Educativa "Carlos Julio Arosemena Tola" tiene una larga trayectoria de servicio a la comunidad, cuenta aproximadamente con 2077 estudiantes, está ubicada al sur de la ciudad de Guayaquil en la parroquia Ximena ubicada en el Guasmo Sur Av. 25 de Julio Cooperativa de Vivienda 9 de Octubre (Vía Puerto Marítimo) Gráfico N 1: UBICACIÓN DEL PLANTEL Institución :Colegio Particular Pdte. Carlos Julio Arosemena Tola País Provincia Ciudad Dirección : Ecuador : Guayas : Guayaquil : Av. Av. 25 de Julio Cooperativa de Vivienda 9 de Octubre Beneficiarios: Directivos, Docentes, Estudiantes, Representantes legales y administrativos. 59

74 60 DESCRIPCIÓN GENERAL GENERALIDADES La Unidad Educativa Pdte. Carlos Julio Arosemena Tola es una institución privada que tiene la responsabilidad de enseñar con liderazgo y valores a sus estudiantes de los diferentes niveles académicos. UTILIDAD Los padres de familia pueden ingresar a internet desde cualquier sitio del mundo y desde cualquier navegador podrán conocer el contenido de nuestro proyecto institucional. CÓMO FUNCIONA El ingreso al sistema de la página web es fácil solo poner el link de la institución y se conecta a la página. Luego podrán ver la portada de nuestra revista en una imagen la cual al darle clic en ella se abrirá la revista digital en una nueva ventana del explorador. Esto solo funciona si el usuario cuenta con acceso a internet. DESCRIPCIÓN TÉCNICA Nuestro Proyecto se realizara mediante procesos por los cuales se diseña y se crea las revistas digitales, lo realizaremos paso a paso con programas profesionales como lo habíamos mencionado anteriormente y con capacitaciones que se realizaran con personales ya profesionales con vasto conocimiento del tema, con una asesoría constante y pertinente. Construyendo de una manera ordenada garantizando un excelente diseño dando, siguiendo la guía de nuestro tutor para la creación del diseño y estructuración de la página web. 60

75 61 Dedicándole el tiempo necesario para la producción completa de nuestro proyecto, para la mejor comodidad de los usuarios que pertenecen a la Unidad Educativa para militar Pdte. Carlos Julio Arosemena Tola, integrándole una mejor dimensión de calidad y sociabilidad para aquellos que integren la Unidad Educativa y deseen información acerca de cualquier ámbito educativo del establecimiento. Utilizaremos varias aplicaciones informáticas del ámbito del diseño grafico como lo es Adobe Phosothop, Adobe Illustrator e imprescindible la aplicación Adobe Indesing que es la que genera la creación de contenido digital que es de alta calidad y multidiversidad de opciones con un desglosamiento correcto y ordenado de la información que se desee apreciar. En la actualidad en el Ecuador hay un gran porcentaje que utilizan Firefox y Chrome también le sigue atrás pero hay Internet Explore que no la utilizan pero hay otra aplicaciones para ingresar al internet no se la utiliza porque la gente no tiene conocimientos. Adobe Phosothop es una herramienta que sirve para el tratamiento de las imágenes, estas imágenes pueden darle el debido tratamiento si así lo requiere por ello se pide utilizar varias herramientas que posee esta aplicación. Adobe Illustrator es otra herramienta de la familia de Adobe la cual le permite al usuario crear en forma vectorizada la ilustración de un logotipo, letra o publicidad la cual no pierde la nitidez de su creación por que los datos que se generan son propios del creador, haciéndolo de manera más eficiente en un producto con alta calidad. Adobe Indesing es una aplicación que nos permite combinar las otras dos aplicaciones para el desarrollo de una manera profesional. Poseer herramientas propias en las cuales le permite al diseñador crear con creatividad cosas extraordinarias. 61

76 62 PROCESO DE PRODUCCIÓN DE BIENES O PRESTACIÓN DE SERVICIOS RECURSOS HARDWARE Los recursos que usaríamos para realizar el proyecto son: 1 Computador Portátiles. 1 Impresora 2 Mouse inalámbrico EQUIPO PORTÁTIL CARACTERISTICAS: Monitor : Pantalla de 12 Pulgada Procesador : Intel Pentium R o equivalente a 2.46 MHz. Memoria : RAM: 4 GB Disco duro : 500 GB del disco duro Accesorios adicionales : Mouse inalámbrico. SOFTWARES EQUIPO PORTÁTIL #1 Sistema Operativo: Microsoft Windows 7. Sistema Aplicativo: Microsoft Office 2010, Paquete Adobe, Joomla. ETAPA DE PLANIFICACIÓN Esta etapa se requiere que los creadores del producto tecnológico como lo es la revista digital expliquen el procesos que se diseña y publican la revista digital de la Unidad Educativa, expresaremos cuáles serán las funciones y características que llevara la primera revista digital. 62

77 63 Por lo general esta etapa se completa rápidamente cuando se crean equipos de trabajos que se desenvuelven en un conocimiento amplio sobre las herramientas del diseño gráfico y publicación. ETAPA DE ANÁLISIS Y DISEÑO: Esta consiste de un análisis detallado de las actividades de la creación y diseño de la revista digital, en relación al sistema propuesto. Los estudiantes participan activamente en talleres bajo la tutela de profesionales de la informática. En ellos descomponen funciones y trabajo en forma responsable. Una vez se completa el análisis se crean los diagramas que definen las alteraciones entre los procesos y la acción de publicar. Al finalizar el análisis se traza el diseño de la revista digital. Se desarrollan los procedimientos y los esquemas de pantallas. Los prototipos de procedimientos críticos se construyen, se repasan y se prepara el plan para publicar la revista digital de la Institución Educativa. MARKETING La estrategia comercial es el plan para llevar los productos al mercado y sobrevivir en el tiempo. Sin un plan, fácilmente podemos perder el rumbo y perder el negocio. Esta estrategia comercial o estrategia de marketing, es una combinación de herramientas que le permitirán llegar al mercado que usted busca. Al elaborar esta estrategia, se supone que están definidos los temas más amplios y prioritarios: la razón de ser del negocio, los objetivos generales y de largo plazo que se espera alcanzar, etc. Nosotros aplicaremos un modelo basado en 4 etapas: 63

78 64 1. Diagnóstico: Análisis interno y externo. 2. Diseño: Definir la estrategia. 3. Implementación: Hacer realidad las decisiones tomadas. 4. Medición de resultados: Control de gestión para evaluar el éxito de nuestra estrategia. DIAGNÓSTICO: Análisis interno y externo. La UNIDAD EDUCATIVA PDT CARLOS JULIO AROSEMENA TOLA, tiene como fortaleza brindar el mejor servicio a la comunidad educativa, ya que brinda la información primordial de la insitución educativa, la revista digital es un nuevo medio que de comunicación para que los visitantes puedan leer de una manera interáctiva la información. DISEÑO: Definir la estrategia. CARACTERÍSTICAS DEL PRODUCTO PRODUCTO: Revista Digital DESCRIPCIÓN: Desarrollada en Adobe Indesig Portada Misión Visión Actividades Culturales y Sociales Oferta educativa PRECIO $120,00 PROMOCIÓN DESCUENTO 15% POSTVENTA 50% del precio DISTRIBUCIÓN Vía Online IMPLEMENTACIÓN: Hacer realidad las decisiones tomadas. El alojamiento de mi sitio web se encuentra ubicado en el siguiente link: como pueden observar hemos agregado la revista digital en la página web de la institución al darle clic en una imagen de la portada de la misma podemos observar la publicación gratuita a este recurso tecnológico, el mismo que se mostrar al público general. 64

79 65 MEDICIÓN: Control de gestión para evaluar. El indicador que utilizaremos es: SATISFACCIÓN DE LOS CLIENTES FÓRMULA: Cantidad de reclamos Cantidad de visitas PUBLICIDAD: La forma de dar a conocer nuestra propuesta de trabajo a los clientes de nuestros clientes es por medio de volantes el mismo que está diseñado e incluido en el precio y valor propuesto, ver en los anexos. CONSTRUCCIÓN: En la etapa de construcción, el equipo de diseño y de publicación son los responsables de presentar al público general el producto terminado que se podrá mostrar en el link de la página web de nuestra Institución Educativa La construcción de la revista digital consiste de una serie de pasos, donde en el producto final los usuarios tienen la oportunidad de consultar en una manera interactiva. Las pruebas de la revista digital se llevan a cabo durante esta etapa. También se crea la documentación y las instrucciones necesarias para manejar la nueva aplicación, rutinas y procedimientos para operarla. Esta etapa envuelve la implementación del nuevo producto. Se hacen pruebas comprensivas y se adiestran los usuarios. Los datos presentados en la revista como contenido son propios de la dirección general de nuestra institución. En la cual se pude mostrar una información correcta de sus propios autores. HERRAMIENTAS PARA EL DISEÑO DE LA PÁGINA WEB ADOBE SYSTEMS INCORPORATED Empresa de software con sede en San José, California (EE.UU.). Fue fundada en diciembre de 1982 por John Warnock y Charles Geschke. 65

80 66 Se destaca por sus aplicaciones de creación de páginas web, video e imagen digital. Algunos productos desarrollados por Adobe son: Freehand, Shockwave, Director, Flash Player, Acrobat Reader, Photoshop, Dreamweaver, Fireworks, etc. PHOTOSHOP Photoshop es el nombre popular de un programa informático de edición de imágenes. Su nombre completo es Adobe Photoshop y está desarrollado por la empresa Adobe Systems Incorporated. Funciona en los sistemas operativos Apple Macintosh y Windows. El nombre comercial de este producto se puede traducir del inglés como 'taller de fotos'. Aunque existen otros programas similares como GIMP o PhotoPaint, en la cultura popular se utiliza esta palabra para referirse también al 'retoque digital de una imagen". Por ejemplo: "En esta foto se han pasado con el Photoshop". FORMATOS PROPIOS Y/O ACEPTADOS POR PHOTOSHOP Los formatos propios de Photoshop son PSD y PDD, que guardan capas, canales, guías y en cualquier modo de color. Luego Photoshop también soporta otros formatos como PostScript, EPS, DCS, BMP, GIF, JPEG, PICT, PIFF, PNG, PDF, IFF, PCX, RAW, TGA, Scitex CT, Filmstrip, FlashPix. (Significados, 2013) ILLUSTRATOR Adobe Illustrator es una aplicación para realizar gráficos vectoriales desarrollados por la empresa Adobe Systems. Está disponible en versiones para Mac OS X y Microsoft Windows (en versiones viejas está disponible para otros sistemas operativos). Su versión 1.0 (Illustrator 88) fue lanzada para Mac OS en enero de 1987, la versión para Windows fue recién lanzada en enero de 1989, siendo la versión 2.0. La última versión 66

81 67 disponible es la , renombrado a CS5, lanzada en mayo de (Alegsa, 2014) INDESIGN Adobe InDesign es un programa informático utilizado para el diseño de documentos que eventualmente vas a imprimir de manera estándar o quieres visualizar en línea. Comúnmente se usa para paginar periódicos, revistas y otros materiales de publicación. Puedes realizar una gran variedad de trabajos con InDesign, dando como resultado un producto terminado de aspecto profesional. (Mccoy, 2014) JOOMLA Es un Sistema Gestor de Contenidos dinámicos (CMS o Content Management System) que permite crear sitios web de alta interactividad, profesionalidad y eficiencia. La administración de Joomla está enteramente basada en la gestión online de contenidos... Decimos "gestión online" porque todas las acciones que realizan los administradores de sitios Joomla, ya sea para modificar, agregar, o eliminar contenidos se realiza exclusivamente mediante un navegador web (browser) conectado a Internet, es decir, a través del protocolo HTTP (Protocolo de transferencia de hipertexto). ANÁLISIS DE REQUERIMIENTO DEFINICIÓN DE REQUIRIMIENTO Un requerimiento es la descripción de las características necesarias que debemos que cumplir un sistema a desarrollarse para que tenga valor y utilidad a los estudiantes, padres de familia y público en general. 67

82 68 Los requerimientos muestran las necesidades servicios y restricciones que deben cumplir la revista digital para el desarrollo y podemos mencionar: panorama general, metas, funciones del sistema, atributos del sistema, etc. Las características que debemos cumplir en un requerimiento son: Consistente: Un requerimiento debe ser seguro y no se debe contradecir con otro requerimiento. Completo: el requerimiento debe ser bien detallado pero teniendo en cuenta la condiciones que pueda ocurrir. Cohesión: Debe referirse a solo una cosa o tema. Necesario: debe cumplirse con el sistema que se va usar No ambiguo: debe sr solo de una interpretación. Viable: El requerimiento debe ser implementado según las restricciones actuales de tiempo. TIPOS DE REQUERIMIENTOS. REQUERIMIENTOS FUNCIONALES Descripciones de los servicios o funciones que ofrecerá la revista digital en la salida de información. Es decir todo lo que hace el administrador pero depende que tipo de aplicación utilice y el sistema de gestor de contenido en que se desarrolló y se publicó la revista digital. REQUERIMIENTOS NO FUNCIONALES.- Son declaraciones sobre las restricciones (tiempo, estándares, proceso de desarrollo, etc.) de los servicios o funciones ofrecidos por el producto tecnológico digital. Es decir describir como se debe funcionar el sistema las propiedades de la revista digital el funcionamientos debe ser consistente y preciso. 68

83 69 ANÁLISIS DE REQUERIMIENTOS PARA LA PÁGINA WEB A DESARROLLAR REQUERIMIENTO FUNCIONALES PARA LA REVISTA DIGITAL INTERFAZ GRÁFICA. La revista digital de la Institución Educativa, brindará un interfaz gráfica amigable con los padres de familias e estudiantes y fácil de utilizar. FUNCIONALIDADES DE LA REVISTA DIGITAL. La página deberá contar con las siguientes secciones: SECCIÓN DE INFORMACIÓN La revista digital permitirá el acceso y la actualización de información referente a la institución: Información que contiene referente a la institución es: Portada Quienes somos Misión y Visión Oferta Educativa Actividades Sociales y Culturales SECCIÓN DE CRONOGRAMA DE ACTIVIDADES En esta sección se podrá dar a conocer el cronograma de las actividades de cómo estudiantes desarrollamos el producto final de nuestro proyecto de grado mostrando por medio de una tabla la cual contiene un horario mensual de las actividades desarrolladas en este trabajo. 69

84 70 CRONOGRAMA DE ACTIVIDADES DE PROYECTO DE GRADO TEMA: DISEÑO E IMPLEMENTACIÓN DE UNA REVISTA DIGITAL DE LA UNIDAD EDUCATIVA PDTE. CARLOS JULIO AROSEMENA TOLA PARA LOS ESTUDIANTES, REPRESENTANTES Y PÚBLICO EN GENERAL. TABLA 16 CRONOGRAMA DE ACTIVIDADES DE PROYECTO DE GRADO CRONOGRAMA DE ACTIVIDADES Nº ACTIVIDAD ABR MAY JUN JUL AGO SEP OCT NOV DIC ENE 1 Información de Proyecto de Grado 2 Asignación de tutor 3 Tutorias de Capítulos 4 Investigación de los datos a publicar 5 Desarrollo del Diseño de la Revista 6 Publicación de la revista digiatl en la web 7 Revisión de los capítulos 8 Revisión del diseño y publicación de la revista 9 Sustentación de proyecto 10 Entrega de proyecto de grado encuadernado 70

85 71 REQUERIMIENTO FUNCINALES PARA LA PÁGINA WEB DEL COLEGIO. AMIGABILIDAD La revista digital tendrá una interfaz amigable, de manera que los usuarios podrán ver de manera interactiva el uso de la misma. La base de fondo debe ser adecuada que no afecte las vistas de contenido en un fondo, contenido llamativo, tamaño y letra: Tipos de letra legible y no tan pequeña, título de la página: Las páginas del portal debe estar correctamente sin ninguna falla DISPONIBILIDAD La revista digital estará disponible desde la página web de la institución educativa 365 días del año, las 24 horas del día con la utilización de cualquier navegador de Internet. RENDIMIENTO Los tiempos de respuesta esperada para la ejecución en línea de los servicios deben se óptimos y adecuados para el usuario para ellos se debe tener en cuenta las siguientes: El diseño se tomo en cuenta los colores propios del logotipo institucional. El logotipo y la publicidad de los valores de la institución fueron creados en Adobe Illustrator. Las imágenes fueron editadas en Adobe Photoshop. El diseño y creación de la revista fue en Adobe InDensign. Esta en un formato.swf que le permite tener una animación. Para su publicación se debió acceder al Sistema Gestor de Datos. Se lo puede observar desde cualquier navegador. 71

86 72 DESEMPEÑO La revista digital brindará confiabilidad, seguridad a los diferentes usuarios, así la información disponible podrá ser consultada y actualizada en todo momento, sin tener contratiempo de respuesta. ESCALABILIDAD.- La revista digital debe permitir en un futuro las acciones de presentar, publicar, actualizar la información requerida una vez que la misma este siempre en función sin afectar el desempeños y funcionalidad actual. CICLO DE USO DE LA PÁGINA WEB DEL COLEGIO. GRAFICO 11 CICLO DE USO DE PÁGINA WEB RECTOR PERSONA EN PARTICULAR. VICERRECTOR ESTUDIANTES SECRETARIAS PADRES DE FAMILIA DOCENTES Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. 72

87 73 USO DE NOTICIAS DE LA PÁGINA WEB TABLA 17 USO DE NOTICDE IAS LA PÁGINA WEB CASO DE USO ADMINISTRACIÓN DE NOTICIAS Permite informar las noticias que pasan dentro de la institución y guardar todos los Objetivos textos para que haya prueba de lo que paso y publicar. Crear una base de datos para que queden Recomendaciones guardadas en su pc o laptop las diferentes ediciones. Actor Principal Unidad Educativa Padres de familias, estudiantes y público Actor Secundarios general Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. DIAGRAMA PARA REVISAR LA REVISTA DIGITAL. GRAFICO 12 USUARIO INICIA SECCIÓN Ingres a la página web del colegio: En Inicio, se encuentra la portada de la Revista Digital Al darle clic en la portada, se abre una nueva ventana y se muestra la revista en formato.swf Interactivamente el usuario puede cambiar las hojas de la revista. Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. 73

88 74 APLICACIONES UTILIZADAS INDESIGN GRÁFICO 13 LOGO INDESIGN Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. Es una aplicación que se utiliza para realizar la maquetación de páginas a nivel profesional. Se encuentra ampliamente difundida en la industria gráfica tradicional para diarios, revistas, folletos, etcétera; en desarrollos web y en publicaciones digitales. Este programa posee todas las herramientas para que el diseñador obtenga su producto y tenga control de todos los elementos necesarios para producir un material gráfico listo para entrar en impresión. Su estructura básica de trabajo consiste en un sistema de marcos donde el diseñador coloca los textos y las imágenes para realizar la composición de la página. Posteriormente, a través de las potentes herramientas incluidas, se les da forma a esos elementos para otorgarles la apariencia final. Desde su primera versión, surgida en 1999, InDesign resultó una aplicación con capacidades únicas en el mercado. El objetivo fue reemplazar al incómodo y agotado PageMaker perteneciente a Aldus, firma con la cual Adobe Systems se fusionó para crear un nuevo proyecto que estuviera a la altura: Quark XPress. Este programa, de la firma Quark Inc., se fue transformando en una de las aplicaciones elegidas por diseñadores y empresas publicitarias para la autoedición de páginas. Sin embargo, presentaba algunos inconvenientes para el usuario: actualizaciones costosas, deficiente atención al cliente y demoras en el 74

89 75 desarrollo de mejoras, aspectos en los que InDesign trabajó insistentemente para ofrecer un resultado óptimo. UN PRIMER VISTAZO Adobe InDesign presenta una interfaz cómoda y accesible, y sus herramientas son fácilmente reconocibles para los usuarios que ya están familiarizados con otras aplicaciones del paquete de diseño de Adobe. A continuación, conoceremos las características de InDesign y los elementos que la integran. BARRAS DE MENÚS Se encuentran en la parte superior de la ventana ya través de ella se puede acceder a todos los comandos de la aplicación. Sus opciones principales son: Archivo, Edición, Composición, Texto, Objeto, Tabla, Ver, Ventana y Ayuda. Panel de herramientas: también llamado Cuadro de herramientas, contiene todos los comandos principales que se utilizarán en la creación de la pieza, como Selección, Texto, Pluma, Marco rectangular, etcétera. PANEL DE CONTROL Permite una visualización rápida y cómoda de toda la información referida al elemento seleccionado. Sus opciones se utilizan para producir los cambios asignados en el elemento seleccionado sin tener que recurrir a los paneles desplegables. PANELES O PALETAS Incluyen funciones específicas que permiten modificar los elementos en los que se está trabajando. Aparecen contraídos y acoplados en la configuración predeterminada, pero es posible desplegarlos, cambiar su posición o apilarlos. Reglas: trabajar con las reglas configuradas con las medidas apropiadas permite realizar mediciones y ubicar objetos con gran precisión. DOCUMENTO Es el archivo digital sobre el que se va a maquetar; contiene todas las especificaciones del producto final. 75

90 76 Área de trabajo: es el espacio en el que se encuentra el documento propiamente dicho, además de todos aquellos elementos colocados fuera de sus límites. MEDIDAS Y REFERENCIAS TIPOGRÁFICAS Antes de trabajar con InDesign, debemos tener en cuenta de dónde provienen ciertos conceptos básicos tipográficos para poder componer los textos de manera correcta y eficaz. El nombre fuentes tipográficas o tipografías proviene de la denominación que se le dio a los primeros tipos móviles que desarrollaron los chinos y luego, industrialmente, Gutenberg en el siglo XVI. Esos tipos, que pasaron de ser de madera a metal, generaron una explosión tanto en la industria del libro en particular como en la historia en general. Gutenberg realizó los tipos móviles en metal por su durabilidad y resistencia, y con el paso del tiempo y las necesidades editoriales fueron apareciendo diferentes tipos móviles con tipografías más gestuales. Estas hacían que la lectura fuese más afín a lo que la gente que empezaba a escribir dejaba plasmado en sus escritos. Así aparecieron tipos móviles como los desarrollados por Garamond, que hoy llevan su nombre. Teniendo en cuenta estos conceptos históricos, se tomó el nombre de fuentes tipográficas por las partes que lo componen. El tamaño de la tipografía en InDesign viene de forma predeterminada en puntos, pero también se puede visualizar en centímetros, modificación que se realiza en el menú Preferencias/Unidades y medidas. Este modo de medidas en puntos es el mismo que se utiliza desde hace mucho tiempo en cualquier procesador de textos (como Microsoft Word). Para saber qué medida tiene una tipografía impresa se utiliza un tipómetro, que es una plantilla en celuloide o transparencia que tiene una serie de letras con su medida en puntos. (RedUsers, 2014) 76

91 77 JOOMLA GRAFICO 14 JOOMLA Fuente: Datos de la Investigación Elaborado: Gallo R. Cristopher, Gonzabay P. Rony, Mera A. Reinaldo. Joomla es un SISTEMA DE GESTION DE CONTENIDO o CMS por sus siglas en inglés, (Content Management System) el cual permite desarrollar sitios web dinámicos e interactivos de alta calidad. Permite crear, modificar o eliminar contenido de un sitio web de manera sencilla a través de un Panel de Administración. Es un software de código abierto, desarrollado en PHP y liberado bajo licencia GPL. Este administrador de contenidos puede utilizarse en un computador local, en una Intranet o a través de Internet y requiere para su funcionamiento una base de datos creada con un gestor de bases de datos (MySQL es lo más habitual), así como de un servidor HTTP Apache. Joomla es la herramienta líder en la creación de webs, es el Gestor de Contenidos (CMS en inglés) más premiado a nivel mundial, existen más de 30 millones de páginas web creadas con Joomla en el cual se tiene a disposición más de componentes que permitirán ir ampliando las funcionalidades de la página web. Fuente especificada no válida. Permite gestionar con mucha facilidad toda tu web, crear un nuevo apartado, modificar los actuales, añadir nuevas imágenes, crear nuevas opciones de menú y casi cualquier cosa que puedas necesitar la podrás hacer rápidamente y sin tener conocimientos técnicos, conociendo Word o algún editor de textos podrás manejar tu web. (Joomla, Desarrollo de plantilla, 2008) 77

92 78 DESARROLLO DE LA CREACIÓN DE LA REVISTA DIGITAL Abrir la aplicación de indesing En nuevo documento aplicamos los cambios que requiere la creación de nuestra revista digital. 78

93 79 DESARROLLO DE LA CREACIÓN DE LA REVISTA DIGITAL En una hoja en blanco podemos dar comienzo a la creación del diseño propuesto esta es la parte donde se crea la portada. Aquí podemos visualizar las hojas de interior de nuestra revista en blanco. 79

94 80 DESARROLLO DE LA CREACIÓN DE LA REVISTA DIGITAL En la primera hoja comenzamos a diseñar la base de nuestra portada. Luego usamos los recursos de la fotografía de portada una vez ya editada desde Photoshop. 80

95 81 DESARROLLO DE LA CREACIÓN DE LA REVISTA DIGITAL En la parte inferior ubicamos otra imagen con la oferta educativa que brinda nuestra institución educativa. En esta parte interior podemos colocar el texto de información de nuestro proyecto. 81

96 82 DESARROLLO DE LA CREACIÓN DE LA REVISTA DIGITAL Luego ubicamos las imágenes de la misma forma ya editada desde photoshop en la primera hoja Luego en la segunda hoja ubicamos los archivos también editado en la aplicación anterior mencionada. 82

97 83 DESARROLLO DE LA CREACIÓN DE LA REVISTA DIGITAL En la hoja número 4 y 5 se desarrolla la información de actividades sociales y culturales del 2014 y 2015 por lo que se sigue el mismo proceso primero el texto y luego las fotografías. Como pueden ver una vez ya colocada las imágenes en la última página se colocó una publicidad de los valores institucionales de nuestra institución. 83

98 84 DESARROLLO DE LA CREACIÓN DE LA REVISTA DIGITAL En esta opción archivo, exportar le damos clic para comenzar a generar 2 archivos que son necesarios para la publicación de nuestro proyecto general. Aquí en esta ventana ponemos la ruta donde estará guardado primero nuestros 2 archivos que se van a exportar en formato swf y html. 84