UNIVERSIDAD DE GUAYAQUIL FACULTAD DE …repositorio.ug.edu.ec/bitstream/redug/12865/1/Tesis Sitio...

UNIVERSIDAD DE GUAYAQUIL

FACULTAD DE INGENIERÍA INDUSTRIAL DEPARTAMENTO ACADÉMICO DE GRADUACIÓN

TRABAJO DE TITULACIÓN

PREVIO A LA OBTENCIÓN DEL TÍTULO DE

LICENCIATURA EN SISTEMAS DE INFORMACIÓN

ÁREA

DESARROLLO DE SOFTWARE

TEMA

“DESARROLLO E IMPLEMENTACIÓN DEL SITIO

WEB OFICIAL PARA LA FACULTAD DE

INGENIERÍA INDUSTRIAL”

AUTOR

VALLE CHÁVEZ EDISON ANTONIO

DIRECTOR DEL TRABAJO

ING. OVALLE CORREA BERNARDO, MBA

2015

GUAYAQUIL – ECUADOR

CERTIFICADO DEL TUTOR

YO, Ing. Ovalle Correa Bernardo Humbert. En calidad de tutor de

investigación, designado por la unidad de titulación. Certifico que el / Sr.

Edison Antonio Valle Chávez, ha culminado el trabajo de titulación con el

tema: Desarrollo e Implementación del sitio web oficial para la Facultad de

Ingeniería Industrial.

Quien ha cumplido con todos los requisitos legales exigidos por lo

que se aprueba la misma.

Es todo cuanto puedo decir en honor a la verdad, facultando al

interesado hacer uso del presente, así como también se autoriza la

presentación.

TUTOR: --------------------------------------------------

Ing. Ovalle Correa Bernardo Humbert, MBA

ii

DECLARACIÓN DE AUDITORÍA

“La responsabilidad del contenido de este Trabajo de Titulación, me

corresponde exclusivamente; y el patrimonio intelectual del mismo a la

Facultad de Ingeniería Industrial de la Universidad de Guayaquil”.

Valle Chávez Edison Antonio

C.C.0924099005

iii

AGRADECIMIENTO

Primeramente agradezco a Dios, a mi madre, esposa e hijo por toda su

comprensión al no darles el tiempo que ellos se merecían y dedicarlo a

mis estudios, a la Facultad de Ingeniería Industrial y a los docentes

quienes compartieron sus conocimientos a lo largo de mi carrera

estudiantil y a mi Tutor y Director de Carrea el Ing. Bernardo Ovalle por su

apoyo incondicional y su acertada guía en el desarrollo de este proyecto.

iv

DEDICATORIA

Dedico este proyecto a mi madre, esposa e hijo; quienes me dieron el

apoyo moral e incondicional que necesité en los momentos más difíciles

de mi carrera.

v

ÍNDICE GENERAL

Descripción Pág.

PROLOGO 1

INTRODUCCIÓN 2

CAPÍTULO I

MARCO TEÓRICO

N° Descripción Pág.

1.1 Dominio de Internet 5

1.1.1 Elementos que conforman un dominio en internet 6

1.1.2 Network Information Center 7

1.2 Internet 8

1.2.1 Impacto Social 9

1.2.2 Impacto Educativo 11

1.2.2.1 Internet como medio de comunicación y expresión 11

1.2.2.2 Internet como fuente de información y conocimiento 13

1.3 Web 13

1.4 Página Web 15

1.4.1 Características 17

1.4.2 Webs Informativas 17

1.4.3 Webs Comerciales o publicitarias 18

1.4.4 Webs de Servicios 18

1.4.5 Webs Participativas 18

1.4.5.1 Sitio Web 19

1.4.5.2 Portal 19

1.5 Páginas Estáticas 19

vi


1.6 Páginas Dinámicas 20

1.7 HTML 20

1.8 Open Source 22

1.8.1 Los Beneficios del open Source 23

1.8.2 Libertad de Enredos Legales 25

1.8.3 Licencias Open Source 25

1.9 Herramienta de Base de Datos – MySQL 27

1.9.1 Características de MySQL 28

1.10 Herramientas de Desarrollo Web – WordPress 29

1.10.1 Las características más destacadas de WordPress 30

1.10.2 Arquitectura de WordPress 31

1.11 Herramienta de Programación – PHP 33

1.11.1 Características de PHP 34

1.12 Metodología Técnica 35

1.12.1 Fase de Análisis 36

1.12.2 Fase de Planificación 37

1.12.3 Fase de Contenido 38

1.12.4 Fase de Diseño 39

1.12.5 Fase de Programación 40

1.12.6 Fase de Prueba 41

1.12.7 Fase de Publicación 42

CAPÍTULO II METODOLOGÍA


2.1 Análisis de la Investigación 44

2.2 Alcance de la Investigación 45

2.3 Técnicas de Observación y Recolección de Datos 45

2.4 Materiales y Recursos 46

2.5 Metodología Utilizada y Resultados 46

2.5.1 Fase de Análisis 47

vii


2.5.2 Fase de Planificación 48

2.5.3 Fase de Contenido 51

2.5.4 Fase de Diseño 53

2.5.4.1 Mapa del Sitio Web 58

2.5.4.2 Diagrama Entidad Relación 59

2.5.4.3 Descripción de las Tablas de la Base de Datos 60

2.5.5 Fase de Programación 60

2.5.6 Fase de Pruebas 61

2.5.7 Fase de Publicación 63

CAPÍTULO III

CONCLUSIONES Y RECOMENDACIONES


3.1 Objetivos 65

3.2 Impacto 65

3.3 Conclusiones 66

3.4 Recomendaciones 67

GLOSARIO DE TÉRMINOS 69

ANEXOS 76

BIBLIOGRAFÍA 113

viii

ÍNDICE DE IMÁGENES


1 Elementos que conforman un dominio en internet 7

2 DNS - Sistema de nombre de dominio 7

3 Internet 8

4 Internet como medio de comunicación 12

5 WWW – World Wide Web 15

6 Página Web 16

7 WordPress 29

8 PHP – Esquema: Cliente - Servidor 33

9 Estructura de la página principal 47

10 Contenedor Izquierdo 48

11 Hosting Gratuito 49

12 Servicio FTP – Protocolo de Transferencia de Archivos 50

13 Instalación y Configuración de Wordpress 50

14 Plugins activados en Wordpress 51

15 Noticias de Capacitación a Docentes 52

16 Plantilla Indicate 53

17 Elaboración del menú 54

18 Elaboración de las páginas 55

19 Biblioteca Virtual 56

20 Sistema Integrado de la Universidad de Guayaquil 57

21 Office 365 57

22 Mapa del Sitio Web 58

23 Diagrama Entidad Relación 59

24 Prueba del Sitio Web Oficial de la Facultad de Ingeniería

Industrial en Google Chrome 62

ix



Industrial en Mozilla Firefox 62


Industrial en Internet Explorer 63

27 Publicación del Sitio Web de la Facultad de Ingeniería

Industrial 64

28 Sitio Web Oficial de la Facultad de Ingeniería Industrial 64

29 Estadísticas del sitio Web 66

x

ÍNDICE DE ANEXOS


1 Home Page 77

2 Nosotros - Historia 78

3 Nosotros – Misión y Visión 79

4 Nosotros – Autoridades 80

5 Nosotros – Organigrama 81

6 Nosotros – Repositorio Legal 82

7 Nosotros – Directorio de Decanos 83

8 Ofertas Académicas – Nivelación 84

9 Ofertas Académicas – Grado 85

10 Ofertas Académicas – Grado – Industrial – Misión y Visión 86

11 Ofertas Académicas – Grado – Industrial – Syllabus 87

12 Ofertas Académicas – Grado – Industrial – Malla Curricular 88

13 Ofertas Académicas – Grado – Teleinformática – Misión y

Visión 89

14 Ofertas Académicas – Grado – Teleinformática – Syllabus 90

15 Ofertas Académicas – Grado – Teleinformática – Malla

Curricular 91

16 Ofertas Académicas – Grado – Sistemas – Misión y Visión 92

17 Ofertas Académicas – Grado – Sistemas – Syllabus 93

18 Ofertas Académicas – Grado – Sistemas – Malla Curricular

Semestral 94

19 Ofertas Académicas – Grado – Sistemas – Malla Curricular

Anual 95

20 Ofertas Académicas – Posgrado 96

21 Departamentos – Coordinación Académica 97

xi


22 Departamentos – Vinculación 98

23 Departamentos – Investigación y Acreditación 99

24 Departamentos –Graduación 100

25 Departamentos –Sala de Coordinación de los Profesores 101

26 Departamentos –Biblioteca 102

27 Servicios – Repositorios de Solicitudes – Certificado de

estar matriculado 103

28 Servicios – Repositorios de Solicitudes – Solicitud Cambio

de Tutor de Tesis 104

29 Servicios – Repositorios de Solicitudes – Solicitud de

Culminación de Carrera 105

30 Servicios – Repositorios de Solicitudes – Solicitud de

Examen extemporáneo 106

31 Servicios – Repositorios de Solicitudes – Solicitud para

Certificación de Notas 107

32 Servicios – Horarios de Exámenes y Clases 108

33 Servicios – Bienestar Estudiantil 109

34 Transparencia – POA 110

35 Transparencia – PEDI 111

36 Contactos 112

xii

AUTOR: VALLE CHÁVEZ EDISON ANTONIO TÍTULO: DESARROLLO E IMPLEMENTACIÓN DEL SITIO WEB

OFICIAL PARA LA FACULTAD DE INGENIERÍA INDUSTRIAL

DIRECTOR: ING. OVALLE CORREA BERNARDO HUMBERT, MBA

RESUMEN

Este proyecto propone la creación e implementación de un sitio web en la Facultad de Ingeniería Industrial de la Universidad de Guayaquil, con el objetivo de cumplir con los lineamientos establecidos por la Comisión de Intervención y Fortalecimiento de la Universidad de Guayaquil y así mejorar los indicadores para incrementar puntos de acreditación, se utilizó para el desarrollo del sitio web herramientas open source (software libre) utilizando una metodología técnica con sus diferentes fases: Análisis, Planificación, Contenido, Diseño, Programación, Pruebas y Publicación; permitiendo que los estudiantes, maestros y comunidad en general puedan hacer uso de los servicios que ofrece el sitio web, este proyecto concluye con la publicación del sitio web en los servidores del centro de cómputo de la Universidad de Guayaquil.

PALABRAS CLAVES: Desarrollo, Implementación, Metodología,

Técnica, Sitio, Web, Ofertas, Académicas.

Valle Chávez Edison Antonio Ing. Ovalle Correa Bernardo, MBA

C.C. 0924099005 Director del Trabajo

xiii

AUTHOR: VALLE CHÁVEZ EDISON ANTONIO SUBJECT: DEVELOPMENT AND IMPLEMENTATION OF THE

OFFICIAL SITE FOR THE FACULTY OF INDUSTRIAL ENGINEERING

DIRECTOR: CH. ENG. OVALLE CORREA BERNARDO HUMBERT, MBA

ABSTRACT

This project proposes the creation and implementation of a website in the Faculty of Engineering at the University of Guayaquil, in order to accomplish with the guidelines established by the Intervention Commission and strengthening of the Institution in order to improve the indicators for the accreditation these, was used a free software for website development tools using a technical methodology with several phases: Analysis, Planning, Content, Design, Programming, Testing and Publication; allowing students, teachers and the general community use the services offered by the website. The project concludes with the publication of the website on servers of the data center at the University.

KEY WORDS: Development, Implementation, Technical,

Methodology, Website, Academic, Offerings.

Valle Chávez Edison Antonio Ch. Eng. Ovalle Correa Bernardo, MBA

C.C. 0924099005 Director of Work

PRÓLOGO

El presente proyecto propone la creación e implementación del Sitio

Web Oficial para la Facultad de Ingeniería Industrial de la Universidad de

Guayaquil, utilizando herramientas open source con la finalidad de cumplir

con los lineamientos establecidos por la Comisión de Intervención y

Fortalecimiento de la Universidad de Guayaquil y así mejorar los

indicadores para incrementar puntos de acreditación.

En el Capítulo I se detalla y se explica los conceptos y

características de la tecnología aplicada en el desarrollo e implementación

del sitio web oficial de la Facultad de Ingeniería Industrial.

En el Capítulo II se explica la metodología utilizada en el desarrollo

del Sitio Web, además de los resultados obtenidos en cada una de sus

fases.

En el Capítulo III se detallan las conclusiones y recomendaciones de

este proyecto con el fin de mantener operativo y actualizado el sitio web.

INTRODUCCIÓN

La Universidad de Guayaquil con más de 148 años, cerca de 70.000

estudiantes no contaba con una sitio web lo suficientemente técnico

donde se pudiera integrar las distintas facultades que la conforman y

poder difundir las actividades académicas, de vinculación y de

investigación.

El Consejo de Evaluación, Acreditación y Aseguramiento de la

Calidad de la Educación Superior (Ceaaces), realizó una evaluación a la

Universidad de Guayaquil mediante indicadores y se categorizo en la

escala “D”, determinado por los inconvenientes administrativos y

educativos presentes en las facultades.

Debido a esta situación la Comisión de Intervención y fortalecimiento

de la Universidad de Guayaquil mediante resolución SENRES-PROC-

2006-0000046 donde entre sus prioridades está proveer a las

universidades con recursos tecnológicos.

La Comisión de Intervención y Fortalecimiento de la Universidad de

Guayaquil dio lineamientos para mejorar la categoría de la Universidad de

Guayaquil entre los cuales está tener implementado un sitio Web de

manera oficial por cada Facultad para luego ser integrado en el sitio web

de la Universidad de Guayaquil, debido a esta situación los directivos de

la Facultad de Ingeniería Industrial proponen el desarrollo e

implementación del sitio web.

Para esto proponen a 2 estudiantes de la Carrera de Licenciatura en

Sistemas de Información del cuarto nivel realizar el Sitio Web Oficial de la

Facultad de Ingeniería Industrial como proyecto de titulación.

Introducción 3

Estos estudiantes son: Edison Valle y Héctor Dulcey, quienes en

conjunto empiezan a trabajar en el requerimiento, bajo la dirección del

Ing. Bernardo Ovalle director de la Carrera Licenciatura en Sistemas de

Información.

El desarrollo de este proyecto se lo hizo en 2 enfoques, Héctor

Dulcey se enfocó en los beneficios que obtendrían los estudiantes y la

comunidad en general; y Edison Valle se enfocó en los Docentes.

De acuerdo a la Ley Orgánica de Educación Superior (LOES),

basándose en uno de los principales pilares de la educación, la docencia

se consideró que los docentes también deberían beneficiarse de este

proyecto, no solo brindando información sino integrando enlaces que los

ayuden a mejorar sus actividades académicas. Para lo cual se agregaron

al Sitio Web los siguientes enlaces que se encontraban descentralizados:

Sistema Integrado de la Universidad de Guayaquil (SIUG), este

sitio ha sido desarrollado con la finalidad de que los docentes

puedan ingresar calificaciones de los estudiantes, registrar

asistencias, entre otras.

Biblioteca Virtual, en el cual los docentes pueden acceder y

consultar o descargar contenido que les puede ayudar para

preparar sus clases.

Aula virtual, el cual aún no se encuentra activo, pero la finalidad es

que en este enlace los docentes puedan impartir clases en línea

con los estudiantes.

Office 365, permitirá a los docentes crear grupos de correos para

poder compartir material de estudio, recibir tareas, entre otras.

Entre los lineamientos que estableció la Comisión de Intervención y

Fortalecimiento de la Universidad de Guayaquil está el que todas las

facultades deben tener en sus páginas web el mismo diseño.

Introducción 4

Las herramientas a utilizar son de código abierto (open source), para

la base de datos se utilizó MySQL, para la programación el lenguaje PHP

y para el diseño web se utilizó Wordpress.

El principal objetivo de la Facultad de Ingeniería Industrial es cumplir

con los lineamientos establecidos por la Comisión de Intervención y

Fortalecimiento de la Universidad de Guayaquil en el tiempo indicado, y

así mejorar los indicadores para incrementar puntos de acreditación.

Una vez terminado el sitio web de la Facultad de Ingeniería Industrial

se presentó ante el vicerrectorado de la Universidad de Guayaquil para

ser aprobado y recibir la orden de publicación.

El sitio web se publicó en la página oficial de la Universidad de

Guayaquil, en la pestaña de Unidades Académicas.

CAPÍTULO I

MARCO TEÓRICO

En este capítulo se detalla y se explica los conceptos y

características de la tecnología aplicada en el desarrollo e implementación

del sitio web oficial de la Facultad de Ingeniería Industrial.

Además, la metodología que se utilizó y las fases que se emplearon

en el desarrollo e implementación de este sitio web.

Para la elaboración del marco teórico se tomó en consideración 4

trabajos de titulación de diferentes universidades, las cuales tuvieron

necesidades similares de no contar con un sitio web oficial.

Cada concepto cuenta con su respectiva cita bibliográfica, además

del estudio del arte aplicado por el autor de este proyecto.

1.1 Dominio de Internet

“Un dominio de internet es un conjunto de caracteres que se

convierten en una dirección web, esta dirección es la que permite que se

encuentre un sitio web o una página en internet.” (Armijos, 2011)

Los dominios de internet están formados por varios elementos, los

cuales son separados por puntos (“.”), estos puntos indican información

específica de las páginas web.

Los dominios en internet se utilizan generalmente para representar

direcciones de las páginas webs.

Marco Teórico 6

1.1.1 Elementos que conforman un dominio de internet

Un dominio de internet está conformado de 3 elementos, que son los

siguientes:

Nombre.- El nombre es el principal elemento de un dominio de

internet; en esta parte pueden ser establecidos por el nombre de la

organización o empresa propietaria del sitio web; también es

común encontrarse con frases o palabras que se relacionan con el

contenido del sitio web (ejemplo: universidades.com.ec).

Tipo.- El tipo indica la finalidad con la que se creó el sitio web o la

página web, ejemplo:

".com" indica que es una página o sitio web comercial.

".org" significa que es una página o sitio web que pertenece

a una organización.

".gob" indica que son páginas o sitios web del gobierno.

".edu" significa que es una página o sitio web educativa.

País.- Este elemento es considerado de carácter opcional, indica el

origen al que pertenece el sitio o la página web. Por ejemplo: ".ec"

indica que es de Ecuador, ".es" significa que pertenece a España,

".br" quiere decir que pertenece a Brasil, etc.

Todos estos elementos: nombre, tipo y país que conforman un

dominio de internet lo hacen único en el mundo; quiere decir que:

tecnologia.com, tecnologia.org, tecnologia.com.ec y tecnologia.edu.ec,

son diferentes estos 4 dominios, aunque todos comienzan con

"tecnología"; cada dominio llevaría a páginas o sitios web diferentes.

Este proyecto emplea un dominio en internet el cual permitirá la

ubicación del mismo desde cualquier equipo conectado a internet,

además de ser un nombre único, es decir la identificación propia de la

Facultad de Ingeniería Industrial en la Web.

Marco Teórico 7

IMAGEN Nº 1

ELEMENTOS QUE CONFORMAN UN DOMINIO EN INTERNET

1.1.2 Network Information Center (NIC o Centro de

Información sobre la Red)

Se trata de una institución que se encarga de establecer dominios de

Internet bajo su dominio de red siendo estos de países o genéricos, a

empresas o usuarios que tengan la necesidad de un DNS para poder

subir sitios web a través de un hospedaje o servidor.

IMAGEN Nº 2

DNS – SISTEMA DE NOMBRE DE DOMINIO

DNS sus siglas en inglés significan Domain Name System (Sistema

de nombre de dominio), todas las páginas o sitios web están identificados

___________________________________________________________________________________

Fuente: www.cicso.com

_______________________________________________________ Elaborado por: Valle Chávez Edison Antonio Fuente: Propia

Marco Teórico 8

en la red por una dirección numérica, el servicio DNS ayuda a transformar

la dirección numérica en el nombre de la página y viceversa, para el

usuario es más fácil recordar el nombre de la página que la dirección

numérica.

En cada país del mundo existe un NIC, el NIC es responsable de dar

las terminaciones a los dominios de cada país, ejemplo: El NIC de

Ecuador se encarga de dar la terminación .ec, terminación que

corresponde a los dominios en Ecuador.

1.2 Internet

“El Internet es un conjunto de computadoras interconectadas que

utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas

heterogéneas que la componen funcionen como una red lógica única, de

alcance mundial.” (Armijos, 2011)

IMAGEN Nº 3

INTERNET

TCP/IP es un protocolo de comunicación que se utiliza en internet, y

permite la comunicación de dos o más computadoras.

___________________________________________________________________________________


Marco Teórico 9

1.2.1 Impacto Social

(Armijos, 2011), refiriéndose al impacto social que tiene el internet

dice lo siguiente:

La aparición de lo que en su momento se llamaron

“Nuevas Tecnologías” en las últimas décadas del

siglo XX ha sido la causa de la llamada “Revolución

Digital”, revolución que, a diferencia de otras

anteriores, ha conseguido que los cambios y las

transformaciones derivados de lo que hoy se llaman

“Tecnologías de la Información y las

Comunicaciones” (TIC), se hayan producido muy

rápidamente en todos los ámbitos de la sociedad.

(Armijos, 2011)

Las Tecnologías de la Información y las Comunicaciones (TIC) y

especialmente el Internet se va desarrollando e incorporando en la vida

de las personas a velocidades aceleradas.

Causando efectos múltiples en la vida y aplicaciones que tienen

diariamente las personas, empresas, instituciones y gobiernos, efectos

que se han presentado en menos de una década.

El internet es toda una revolución en el plano tecnológico, además

en relación a las implicaciones que tiene en los diferentes espacios que

definen una sociedad.

El internet se puede considerar como una sociedad orientada a las

personas. Permitiendo participación y comunicación de millones de

personas en la red mundial.

La comunicación se realiza enviando y recibiendo emails (correos

Marco Teórico 10

electrónicos), estableciendo conexiones con otras personas y sus

ordenadores o también enviando mensajes de formas asimétricas.

El internet es mucho más que un servicio de información o una red

de computadores, es una puerta accesible a la comunicación y a la

sociedad. El internet es el principal foro y una biblioteca general, siempre

accesible a todas las personas. Actualmente, un sin número de personas

se comunican con libertad y facilidad.

Actualmente no es posible calcular cuántos usuarios utilizan Internet,

tampoco se calcula los usuarios de teléfonos o de televisores, pero es

viable que la conexión en Internet se transforme en un nuevo indicador de

avance sociocultural. La World Wide Web está llevando una profunda

transformación con fines que aún no son visibles.

El internet presume revolucionar comunicativamente nuestro siglo,

pero una revolución con límites a aquellos que no consiguen acceder a

ella y no tienen conocimientos al respecto. Su comienzo no es tan global

como se espera, son muchos los problemas que hacen de esta clase de

información un espacio limitado a unos pocos, sin embargo cada vez se

cuenta con un mayor número de usuarios de internet.

Las innovaciones contribuidas por el Internet obligan de alguna

manera considerar a la sociedad. Los empleos reciben de lleno el golpe

de nuevas tecnologías informáticas. El aprendizaje, la ganancia de

conocimientos y la cultura se ven igualmente perturbadas. Las

asociaciones de usuarios se hallan mejor armadas para hacer oír sus

voces.

El fenómeno de Internet estimula a reflexionar. A reflexionar sobre

las consecuencias que las nuevas tecnologías informáticas adquieren

sobre las sociedades civiles y los usurarios.

Marco Teórico 11

Se puede considerar el Internet como una tendencia al ser

constituida como una red a escala universal, donde no hay Norte ni

tampoco hay Sur, donde no existen diferencias culturales o sociales, ni

tampoco existen diferencias de nacionalidades, donde hay una

colectividad, nos revela una imaginación, puesto que el internet es poder

en todos sus sentidos, de ahí parte la necesidad de una reflexión.

1.2.2 Impacto Educativo

Las nuevas Tecnologías de la Información y las Comunicaciones

(TIC) y sobre todo el Internet aportan herramientas nuevas a la educación

y al servicio de las instituciones educativas, de los maestros y de los

propios estudiantes.

“Nuevos instrumentos que han iniciado un cambio sustancial en el

entorno educativo.” (Armijos, 2011)

1.2.2.1 Internet como medio de comunicación y expresión

“Entre las grandes funciones de Internet destaca la de facilitar la

comunicación, ya sea entre personas, instituciones o empresas, a través

de distintas herramientas o aplicaciones informáticas.” (Armijos, 2011)

En el ambiente de la educación, los maestros, los estudiantes y sus

familiares y los directivos de los establecimientos o contribuyentes, piden

información, comparten sus opiniones e intercambian sus experiencias.

De esta manera, un profesor puede fácilmente ponerse en contacto

con un especialista en su cátedra, realizar un seguimiento de algún

estudiante o inclusive atender a los padres de los estudiantes.

El internet brinda diferentes cambios posibles a la comunicación. La

Marco Teórico 12

herramienta más utilizada son los correos electrónicos, de fácil uso,

puesto que admite la comunicación, aunque asincrónica, muy vertiginosa

y fluida inclusive entre docentes y estudiantes de países diferentes. Los

chats y los foros presumen también oportunidades de conocer personas

con los intereses similares. Los chats permiten comunicarse en tiempo

real con varios usuarios a la vez.

Asimismo, estas herramientas se las utilizan para transferir

conocimientos, puesto que a través de ellas se pueden enviar y recibir

documentos, transferir archivos de imágenes y archivos de sonidos.

El Internet en el campo de la transferencia de información emerge

como soporte para la creación de aulas virtuales o también llamada

educación on-line que se basa en las videoconferencias para impartir las

clases, de la interactividad y del correo electrónico (email) para la

comunicación entre docentes y estudiantes (clases) y de los chats para

comunicarse entre ellos.

IMAGEN Nº 4

INTERNET COMO MEDIO DE COMUNICACIÓN

___________________________________________________________________________________


Marco Teórico 13

1.2.2.2 Internet como fuente de información y conocimiento

“Los docentes para preparar sus clases y los estudiantes para

realizar sus trabajos pueden encontrar información, ya sea en el centro de

estudios o en sus casas, navegando por Internet a través de los

buscadores web.” (Armijos, 2011)

El Internet brinda cantidades gigantescas de información permitiendo

enfocar estos temas desde diversos puntos de vista. Las revistas

digitales, las publicaciones electrónicas, las bibliotecas virtuales y las

bases de datos que están accesibles en la red, así como las listas de

discusión (o de distribución) y los boletines de informes, hacen más fácil a

los docentes la tarea de mantenerse informados de las consecuencias de

los proyectos y las investigaciones difundidos en el mundo.

El uso de internet es el principal complemento que hace posible la

realización de este proyecto ya que los usuarios accederán por esta vía,

sin el internet no fuese posible desarrollarlo, y no solo este proyecto sino

que no existiría un mundo globalizado en el cual la información y la

enseñanza pueda compartirse en línea o ser tan inmediata como lo es

ahora.

1.3 Web

“El World Wide Web, también llamado < WEB > es una entidad que

existe dentro de Internet, contiene un número ilimitado de documentos

utilizando una gran diversidad de medios, desde documentos basados

únicamente en texto hasta documentos con efectos multimedia.”

(CALDERÓN, 2009)

La característica principal de estos documentos en la web es que se

hallan unidos a otros documentos mediante la tecnología del hipertexto.

Marco Teórico 14

El Hipertexto consiente en ir de un documento a otro documento que

se halle relacionado con el anterior tecleando sobre una palabra, imagen

o sobre un gráfico que haya sido configurado anteriormente como un

enlace o vínculo. Un enlace o vínculo se muestra regularmente mediante

una palabra, imagen o un gráfico de un color diferente o resaltado que se

diferencia del resto del texto.

Estos enlaces son agrupados de la siguiente manera de acuerdo a la

función de destino:

Enlaces internos: Son vínculos que se dirigen a otras partes

dentro de la misma página web.

Enlaces locales: Son vínculos que se dirigen a otras páginas del

mismo sitio Web.

Enlaces remotos: Son vínculos dirigidos hacia páginas de otros

sitios web.

Enlaces con direcciones de correo: Son vínculos que se utilizan

crear un mensaje de correo electrónico dirigido a una dirección.

Enlaces con archivos: Son vínculos que se utilizan para que los

usuarios puedan descargar archivos.

Un explorador web es un programa que proporciona una interfaz

capaz de acceder y visualizar los archivos que se encuentran dentro de

Internet.

Los exploradores web originalmente permiten que el uso del internet

se realice de una manera cómoda y fácil. Para poder visualizar los

recursos y utilidades que tienen el internet, es necesario tener instalado

un explorador web en el computador. Si se conoce la ubicación de un

documento específico en el Internet, es viable escribir la dirección de

internet (conocida como URL) en el explorador web, dicho explorador se

encargar de llamar al recurso y presentarlo en pantalla.

Marco Teórico 15

El Localizador de recursos universal (URL) hace referencia a la

localización de un documento o archivo específico dentro de Internet.

La característica principal que permite que funcione el internet como

una gran red, es que los URL proveen una forma estándar para hacer

referencia a datos específicos.

IMAGEN Nº 5

WWW – WORLD WIDE WEB

1.4 Página web

“Una página web es un documento virtual ubicado en el World Wide

Web y accesible mediante una conexión a Internet. Este tipo de archivo

está destinado a ser visualizado en pantalla, ya sea de ordenador, de

móvil o de agenda electrónica.” (HIGUERA, 2007)

Las páginas web son fuentes de información adecuadas para la

World Wilde Web (WWW) y accesible a través de un navegador web. Esta

información se exhibe generalmente en formato HTML, además puede

tener hiperenlaces a otras páginas o sitios web, de esta manera

estableciendo la red enlazada de la World Wide Web.

_______________________________________________________________________________


Marco Teórico 16

HTML es el lenguaje de programación que se utiliza para realizar las

páginas web, es un lenguaje que puede ser interpretado por cualquier

navegador web.

Las páginas web se pueden cargar en un ordenador local o remoto,

llamado también Servidor Web, el mismo que sirve de HOST. El servidor

web puede dirigir las páginas a una red privada. Ejemplo: una intranet

publica las páginas en la World Wide Web. Las páginas web son

solicitadas y después se transfieren a los servidores web utilizando

Protocolos de Transferencia de Hipertexto (HTTP - Hypertext Transfer

Protocol). La acción de guardar la página web en el servidor Host se

denomina "HOSTING".

IMAGEN Nº 6

PÁGINA WEB

Hosting es un espacio en un servidor para publicar páginas y sitios

web que distintos proveedores ofrecen a sus clientes siendo estos

individuos e instituciones públicas o privadas.

___________________________________________________________________________________


Marco Teórico 17

Las páginas web radican en archivos de texto estático, o como

páginas web dinámicas que pueden leer una serie de archivos con código

que instruya al servidor web cómo construir el archivo HTML para cada

página web que se solicita.

1.4.1 Características

“Una página web contiene información multimedia en formato de

texto, de imagen, de sonido, de vídeo, de animación, de enlace a otra

página web.” (HIGUERA, 2007)

También permite que el usuario interactúe con las páginas mediante

menús, aplicativos, formularios, espacios de participación, etc.

Las páginas web pueden pertenecer a instituciones privadas,

instituciones públicas, de gobierno, instituciones educativas, entre otras.

Pueden tener a varios objetivos:

Proveer información.

Mostrarse ante el mundo.

Incrementar las ventas.

Brindar servicios varios.

Aumentar el prestigio de las instituciones.

Permitir la comunicación.

Según el tipo de contenidos y el enfoque que se les dé, pueden ser

de diferentes tipos:

1.4.2 Webs informativas

Su propósito, fundamentalmente, es brindar conocimiento.

Marco Teórico 18

El ejemplo perfecto de esta clase de páginas es la de los medios de

comunicación y noticias. Aun así, en la web hay un gran número de

páginas con adjuntos de interés social, político, cultural, lúdico, que

también se incluyen entre estas categorías.

1.4.3 Webs comerciales o publicitarias

Este tipo de páginas web son desarrolladas por empresas y

negocios privados que ven el Internet como la plataforma adecuada para

darse a conocer en el mercado, aumentar sus ventas, entre otras.

1.4.4 Webs de servicios

Estas páginas web brindan un servicio favorable al usuario. En esta

categoría se destacan todas las páginas web de la administración pública

que hace fácil a la ciudadanía el acceso a los servicios que brinda.

1.4.5 Web participativas

En este tipo de páginas web se permite al usuario dejar su huella a

través de participaciones, envíos, comentarios, entre otras.

En muchas ocasiones, este tipo de páginas web se mantienen y se

nutren básicamente de contenidos concebidos por los mismos usuarios

participantes.

Se podría suponer que las páginas web participativas son la unidad

primordial de los archivos de Internet. Habitualmente, estas páginas web

se encuentran agrupadas en conjuntos.

“Estos conjuntos, de estructura más o menos compleja, permiten

hablar de Sitios web o de Portales” (HIGUERA, 2007)

Marco Teórico 19

1.4.5.1 Sitio Web

“Se habla de sitio web cuando un conjunto de páginas web

relacionadas se encuentran alojadas en un dominio específico de la Red e

incluyen una página de bienvenida.” (HIGUERA, 2007)

Un sitio web es un conjunto de páginas ya sean de tipo dinámica o

de tipo estáticas.

Como lo indica el nombre de este proyecto Desarrollo e

implementación del Sitio Web Oficial de la Facultad de Ingeniería

Industrial, es un conjunto de páginas informativas y enlaces externos que

fueron integrados a la página principal para dar un servicio completo de

carácter no solo informativo sino también académico.

1.4.5.2 Portal

“Se habla de portal cuando un sitio web se propone ser referencia o

punto de partida de la navegación de los usuarios agrupando servicios y

contenidos destinados a un determinado público.” (HIGUERA, 2007)

1.5 Páginas estáticas

Las páginas web estáticas, son páginas que no necesitan ser

actualizadas constantemente.

Se caracterizan por ser sencillas, rápidas, cómodas, sin embargo

brindan ventajas limitadas no solo a los desarrolladores sino también a los

visitantes, puesto que sólo se presentan textos planos y tienen agregados

en algunos casos imágenes y contenidos multimedia tales como videos o

archivos de audio, formadas solamente por código HTML y un estilos

sencillos de (CSS).

Marco Teórico 20

En el Sitio Web de la Facultad de Ingeniería Industrial se agregan

algunas páginas de tipo estático, las mismas que contienen información

referente a la historia de la Facultad, misión y visión, entre otras.

1.6 Páginas dinámicas

(CALDERÓN, 2009), al referirse a las páginas dinámicas dice lo

siguiente:

Las páginas Web dinámicas son aquellas que pueden

acceder a bases de datos para extraer información

que pueda ser presentada al visitante dependiendo de

determinados criterios. Estos sistemas permiten

cambiar el contenido de la página Web sin tener que

utilizar un programa de ftp para subir los cambios.

Las páginas dinámicas son más complejas y

versátiles. (CALDERÓN, 2009)

Actualmente existen varios lenguajes de programación que brindan

herramientas para agregar dinamismo a las páginas web, entre las más

comunes tenemos: JSP, PHP, ASP, entre otras.

Las páginas de este proyecto aproximadamente son un 80% de tipo

dinámica, ya que cuentan con Sliders de Fotos, carruseles de Videos y

demás contenido multimedia.

1.7 HTML

Sus siglas significan Hyper Text Markup Language (Lenguaje de

Marcado de Hipertexto), este lenguaje es predominante para el desarrollo

de páginas web, ya sean de tipo dinámico o estático. Se utiliza para

representar la estructura y el contenido de manera de texto, además de

complementar el texto con imágenes o con diversos objetos. El código

Marco Teórico 21

HTML se escribe en forma de "etiquetas", encerradas en los símbolos

(<,>). HTML se puede describir también hasta un cierto punto, el aspecto

de un documento, y se puede incluir código de programación denominado

script, código que afecta el comportamiento de los navegadores web.

El código HTML se usa también para referirse al contenido del tipo

de MIMEtext/html o aún más ampliamente como una expresión genérica

para el código HTML, pudiendo ser de forma degradada del XML.

HTML es un lenguaje de programación básico, se basa en un

lenguaje de etiquetas o marcas específicas.

El lenguaje HTML utiliza etiquetas o tags para poder estructurar

texto en: listas, párrafos, encabezado, enlaces de hipertexto, entre otras.

La simbología usada en las etiquetas son las que le indica al

navegador web de qué manera debe presentar contenido en la Página.

Las etiquetas al inicio de una se escriben de la siguiente manera: <

etiqueta > y para determina el fin de la etiqueta se expresa de la siguiente

manera < /etiqueta >. La barra inclinada (/) indica el fin de la etiqueta.

Los documentos en lenguaje HTML inician con el tags <html> que

funciona como contenedora de todo el contenido del documento.

Este documento está dividido en: un encabezado que se define con

la etiqueta <head>, esta sección se utiliza para indicar el título del

documento, se declaran los estilos, scripts, entre otras. La otra sección

comprende el cuerpo del documento que se identifica con el tags <body>.

En esta sección se incluye toda la parte visual del documento.

Cuando se necesita crear un vínculo en el mismo documento que

Marco Teórico 22

haga referencia o se direccione a otro documento, es necesario utilizas la

etiqueta <a>, seguida de la palabra clave href, donde se va a colocar la

dirección URL del documento o de la página a referenciar y el texto que

aparecerá visualizado en el documento, mediante el cual se constituirá el

vínculo.

El lenguaje HTML es el lenguaje en el cual se desarrollan las

páginas web y pueden ser interpretados por todos los navegadores web.

Este proyecto por ser un sitio web, sus páginas se encuentran

desarrolladas bajo este lenguaje y también cuentan con código PHP en la

programación de funciones y complementos de Wordpress, pero que

también pueden ser interpretados por cualquier navegador web.

1.8 Open Source

“La idea básica detrás del Open Source es muy simple: cuando los

desarrolladores pueden leer, redistribuir y modificar el código fuente de

una aplicación, ésta evoluciona.” (OPENBIZ, 2009)

Las comunidades de programadores mejoran el software, lo ajusta y

corrige errores con rapidez. En la comunidad Open Source se aprende

que este proceso rápido de evolución origina un mejor software que el

modelo tradicional encerrado, en el cual solamente algunos

desarrolladores pueden ver el código fuente del software, mientras el

resto de usuarios usa confiadamente un conjunto indescifrable de bits.

La iniciativa Open Source (OSI) fue creada para llevar este modelo

de desarrollo y este grupo del conocimiento al mundo comercial. Por más

de 2 décadas el modelo OSI ha inspirado desarrollos como el caso de

Linux, las tecnologías de Internet, entre otras que han realizado cambios

definitivos en la concepción habitual de la tecnología y de los negocios.

Marco Teórico 23

(OPENBIZ, 2009), al referirse al open source dice lo siguiente:

Cada día son más las herramientas de este tipo

disponibles y existe una marcada tendencia de

usuarios en todos los niveles – empresas, gobiernos,

educativos, etc. – a migrar gran parte de sus

aplicaciones hacia él. Mucho se ha debatido, y aún

sigue la polémica, acerca de la conveniencia de este

tipo de aplicaciones e implementaciones. Lo cierto es

que gran cantidad de empresas especializadas

(Gartner Group, Netcraft Ltd., Zdnet, SPEC

Consortium, Bloor Research, por citar solo algunas)

han efectuado mediciones y comparaciones entre

sistemas “abiertos” y “cerrados”, cuyos resultados

han sido publicados en diversos informes. Tales

comparaciones fueron efectuadas sobre distintos

aspectos - cuota de mercado, estabilidad,

rendimiento, escalabilidad, seguridad, TCO (Total

Cost of Ownership) - y en su gran mayoría favorecían

ampliamente a las implementaciones Open Source.

Existen por otra parte sitios muy conocidos que

utilizan código abierto en parte de sus aplicaciones,

como ser la Casa Blanca, Google, Rackspace, Yahoo,

Sony Japón. (OPENBIZ, 2009)

1.8.1 Los Beneficios del Open Source

Si se habla de dinero, la principal ventaja es que este producto no

tiene costos de licencia. Otra ventaja importante es que el usuario puede

obtener el código fuente, de esta manera el proveedor es independiente.

El usuario tampoco se encuentra atado a utilizar productos Open

Source. Si de pronto el proveedor tiene costos elevados por el soporte, el

Marco Teórico 24

usuario se encuentra en la libertad de buscar proveedores que brinden

costos más económicos.

Toda la información sobre errores también se encuentra abierta, no

existen censuras de la compañía o políticas ocultas. Si existe algún

problema en el funcionamiento de la aplicación, el usuario los conocerá

de forma rápida. Como resultado, los proyectos de Open Source

reaccionan muy rápido al momento de existir algún problema.

Existe una comunidad de desarrolladores que hacen la diferencia,

estos productos son bien probados antes de ser lanzados y se puede

encontrar ayudas y consejos para resolver problemas en la aplicación.

Los usuarios de open source al contar con el código fuente pueden

ajustar la aplicación de tal manera que cubran sus necesidades.

En caso de poderlo hacer ellos mismos, pueden contactarse con el

proveedor para que los ayude realizando los cambios necesarios.

(OPENBIZ, 2009), al referirse a los beneficios del open source dice

lo siguiente:

Algunos han proclamado que esto crea un "peligro de

disgregación", es decir, múltiples versiones

incompatibles de un mismo producto. Esto sólo es un

riesgo para los que creen que la competencia es

demoníaca: también tenemos múltiples versiones de

coches. Y en la práctica, el alto coste de mantener el

programa por uno mismo hace que los cambios se

reviertan a la comunidad. (OPENBIZ, 2009)

De alguna manera las aplicaciones Open Source son creadas para

resolver un problema que no hubiera podido resolverse de otra manera.

Marco Teórico 25

1.8.2 Libertad de Enredos Legales

(OPENBIZ, 2009), al referirse a la libertad de enredos legales dice lo

siguiente:

La utilización de la mayoría de los software

comerciales, implican licencias de software y el

seguimiento de copias de software y su uso. Esto

demanda mantener un registro y la exposición legal;

ambos aumentan los costos. Así, las licencias de

software y las copias, son una fuente de costos para

los negocios, y un riesgo legal tanto para las

empresas como para los individuos. (OPENBIZ, 2009)

Para muchos negocios el seguimiento de licencia y trámites legales

es trabajos. De todas formas, este delito presenta acciones legales al

culpable, por los derechos de autor.

Las aplicaciones open source no tienen problemas legales por la

licencia, tampoco tiene costos y el código fuente puede modificarse y

acoplarse a las necesidades del usuario.

1.8.3 Licencias Open Source

“Definen los privilegios y restricciones que un usuario de la licencia

debe seguir para utilizar, modificar o redistribuir el software Open Source.”

(OPENBIZ, 2009)

(OPENBIZ, 2009), al referirse a las licencias open source dice lo

siguiente:

La Open Source Initiative utiliza la Definición de Open

Source para determinar si una licencia de software de

computadora puede o no considerarse software

Marco Teórico 26

abierto. La definición se basó en las Directrices de

software libre de Debian, fue escrita y adaptada

primeramente por Bruce Perens. Es similar pero no

igual a la definición de licencia de Software Libre.

(OPENBIZ, 2009)

“Bajo la Definición Open Source, las licencias deben cumplir diez

condiciones para ser consideradas licencias de software abierto:”

(OPENBIZ, 2009)

Libre redistribución: la aplicación debe ser regalada libremente.

Código fuente: el código fuente de la aplicación debe obtenerse

libremente.

Trabajos derivados: la redistribución de modificaciones debe estar

permitida.

Integridad del código fuente del autor: las licencias pueden requerir

que las modificaciones sean redistribuidas solo como parches.

Sin discriminación de personas o grupos: nadie puede dejarse

fuera.

Sin discriminación de áreas de iniciativa: los usuarios comerciales

no pueden ser excluidos.

Distribución de la licencia: deben aplicarse los mismos derechos a

todo el que reciba el programa.

La licencia no debe ser específica de un producto: el programa no

puede licenciarse solo como parte de una distribución mayor.

La licencia no debe restringir otro software: la licencia no puede

obligar a que algún otro software que sea distribuido con el

software abierto deba también ser de código abierto.

La licencia debe ser tecnológicamente neutral: no debe requerirse

la aceptación de la licencia por medio de un acceso por clic de

ratón o de otra forma específica del medio de soporte del software.

Marco Teórico 27

“Como ejemplos de licencias Open Source podríamos mencionar:

Apache License, BSD License, GNU General Public License, GNU Lesser

General Public License, MIT License, Mozilla Public License.” (OPENBIZ,

2009)

En este proyecto se utilizó herramientas open source que son de

código abierto para evitar el pago de licencias y hacer factible la

construcción del sitio web ya que el recurso principal sería la dedicación y

el tiempo que se otorgue al mismo y no el recurso monetario, el cual por

los altos costos de licencia los proyectos no se realizan.

La mayoría de entidades estatales utilizan herramientas open

source, las cuales son potentes en relación a las funciones de

programación y desarrollo de proyectos.

1.9 Herramienta de Base de Datos - Mysql

(VERGARA, 2010), al referirse a la herramienta de bases de datos

MySql dice lo siguiente:

MySQL, tal como define propiamente su parte de su

nombre (SQL - Structured Query Language), es el

servidor de bases de datos relacionales más

comúnmente utilizado en GNU/Linux. Fue

desarrollado por la empresa MySQL AB, que cedió las

licencias correspondientes al proyecto open source,

por lo que su rápido desarrollo es causa del empeño

de millones de programadores de todo el mundo.

(VERGARA, 2010)

Actualmente muchas aplicaciones open source utilizan MySQL como

su gestor de base de datos por ser una herramienta veloz y de fácil uso,

además que permite almacenar gran cantidad de información.

Marco Teórico 28

1.9.1 Características de MySQL.

Un amplio subconjunto de ANSI SQL 99, y varias extensiones.

Soporte a multiplataforma.

Procedimientos almacenados.

Disparadores (triggers).

Cursores.

Vistas actualizables.

Soporte a VARCHAR.

INFORMATION_SCHEMA.

Soporte X/Open XA de transacciones distribuidas; transacción en

dos fases como parte de esto, utilizando el motor InnoDB de Oracle

Motores de almacenamiento independientes (MyISAM para

lecturas rápidas, InnoDB para transacciones e integridad

referencial).

Query caching.

Sub-SELECTS (o SELECTS anidados).

Réplica con un maestro por esclavo, varios esclavos por maestro,

sin soporte automático para múltiples maestros por esclavo.

Indexing y buscando campos de texto completos usando el motor

de almacenamiento MyISAM.

MySQL es el motor de base de Datos que utiliza Wordpress, por ser

open source, así los desarrolladores que utilicen Wordpress no

necesitaran invertir en el costo de Licencias.

Wordpress crea automáticamente las tablas de la base de datos y

sus relaciones entre entidades.

La base de datos contiene los identificadores de las páginas

enlazadas y la dirección del repositorio de los archivos multimedia y

Marco Teórico 29

documentos, además de las configuraciones de los plugins que el usuario

emplea para el sitio web.

1.10 Herramienta de Desarrollo Web - Wordpress

“Wordpress es una herramienta muy interesante para crear y

gestionar un blog en el espacio web de un centro o proyecto educativo.

Permite la publicación de contenidos de una forma fácil.” (Domínguez,

2012)

IMAGEN Nº 7

WORDPRESS

Antes de realizar la instalación de Wordpress, el servidor debe

contar con los servicios de PHP y de MySQL, puesto que el código de

Wordpress está desarrollado en el lenguaje de programación PHP y su

base de datos se crea en MySQL.

“Estos servicios están disponibles en el Servicio de Alojamiento de

Páginas Web de la Consellería de Educación http://centros.edu.xunta.es.”

(Domínguez, 2012)

___________________________________________________________________________________

Fuente: www.wordpress.com

Marco Teórico 30

1.10.1 Las características más destacadas de WordPress son:

Aplicación de Libre Distribución (GPL). Se puede utilizar y modificar

de forma gratuita.

Gestión de usuarios. Permite crear usuarios y asignarles diferentes

niveles de permisos en relación con la creación y publicación de

contenidos en el blog.

Facilidad de instalación y actualización.

Suscripción RSS. Soporta el sistema de noticias RSS de tal forma

que cualquier lector de noticias RSS puede suscribirse a los

artículos, comentarios, etc. del blog.

Personalización del diseño. Se pueden utilizar plantillas y temas

editables que permiten personalizar el aspecto gráfico del blog.

Creación de contenidos. Admite proteger la lectura de un artículo

con una contraseña; crear un artículo y que se publique al llegar

una fecha; segmentar en partes un artículo demasiado largo para

evitar un scroll vertical excesivo; vista previa de artículos sin

necesidad de publicarlo; subir e insertar imágenes propias y

miniaturas; subir y enlazar distintos tipos de archivos; organizar los

artículos en categorías o secciones; gestionar borradores de

artículos que se pueden guardar para retomarlos más adelante y

publicarlos cuando se estime conveniente, etc.

Favoritos. Al pulsar en el marcador de página asociado a cada

artículo se crea en el navegador un enlace directo a esa página.

Archivo histórico. Muestra de forma organizada en el tiempo los

artículos anteriores.

Búsqueda. Integra una herramienta de búsqueda que permite a los

visitantes buscar en todo el blog por un término que se introduce

como dato.

Comentarios. Los visitantes pueden introducir sus comentarios a un

artículo. Estos comentarios admiten algunas etiquetas HTML para

enriquecer su formato de presentación. También admiten

Marco Teórico 31

moderación y ofrecen el servicio de notificación por email a los

usuarios suscritos cada vez que se introduzca uno nuevo.

Este proyecto fue desarrollado en Wordpress porque el

Vicerrectorado académico lo consideró el más apropiado, debido a su

facilidad de uso y de instalación y configuración. Esta herramienta de

diseño web se encuentra pre-instalada en la mayoría de Hosting, ya sean

gratuitos o pagados.

Entre sus principales beneficios está el diseño de sitios webs a

través de plantillas prediseñadas que facilitan y ayudan a la creatividad dl

desarrollador, es de ambiente gráfico lo cual permite agregar contenido

multimedia de una manera dinámica y a su vez trabaja con plugins o

complementos que permiten mejorar la apariencia y funcionalidad de las

páginas.

1.10.2 Arquitectura de Wordpress

Wordpress es un gestor de contenidos, el cual permite la creación de

sitios web de manera sencilla.

Actual Wordpress ya se encuentra instalado en los servicios de

hosting gratuitos o pagados debido a su licencia gratuita, al momento de

su activación se instalan los servicios de apache, MySQL y de php en

caso de que no se encuentren activos en el servidor.

Wordpress puede ser utilizado en los principales sistemas operativos

del mercado, ya que está desarrollado en el lenguaje PHP y la interacción

con el usuario es mediante un browser.

La arquitectura de Wordpress se compone de 3 elementos básicos

que son:

Marco Teórico 32

Base de datos.- El motor de base de datos que utiliza Wordpress es

MySQL, al momento de empezar a crear un sitio web Wordpress

automáticamente crea la base de datos definiendo la estructura de sus

tablas de acuerdo a las páginas que se van desarrollando, los enlaces

que se incluyen, imágenes y videos, que se suben en el sitio, plugins

activados, entre otras.

Ambiente desarrollo.- El ambiente de desarrollo de Wordpress se

lo realiza en una plataforma web, Wordpress cuenta con un conjunto de

plantillas prediseñadas que permiten al usuario crear páginas web de

manera sencilla.

Wordpress incluye en su desarrollo complementos llamados plugins,

los cuales se los descargan del sitio oficial de Wordpress, para utilizarlos

en las páginas se los debe insertar y configurar los parámetros para

definir el comportamiento que tendrá en el browser.

Código de programación.- El código de programación que utiliza

Wordpress es PHP, esta herramienta permite al usuario crear páginas sin

necesidad de conocer el lenguaje ya que Wordpress lo hace de manera

automática, es decir que si el usuario inserta una imagen necesita utilizar

un plugin que le permita subir imágenes y el mismo plugins le permitirá

darle los detalles en cuestión de tamaño, posición, enlaces que puede

tener la imagen, entre otras.

Al utilizar el plugin o complemento, el usuario no necesitó realizar

ningún tipo de programación en php, todo el código se desarrolló de

manera automática.

Cabe recalcar que el usuario que conoce el lenguaje PHP, puede

modificar el plugin a su conveniencia y sacarle máximo provecho a

Wordpress.

Marco Teórico 33

1.11 Herramienta de programación - PHP

(VERGARA, 2010), al referirse a la herramienta de programación

PHP dice lo siguiente:

PHP es un lenguaje de programación interpretado,

diseñado originalmente para la creación de páginas

web dinámicas. Es usado principalmente en

interpretación del lado del servidor (server-side

scripting) pero actualmente puede ser utilizado

desde una interfaz de línea de comandos o en la

creación de otros tipos de programas incluyendo

aplicaciones con interfaz gráfica usando las

bibliotecas Qt o GTK+. (VERGARA, 2010)

IMAGEN Nº 8

PHP – ESQUEMA: CLIENTE - SERVIDOR

Es un acrónimo de "PHP: Hypertext Preprocessor", la mayor parte

de su sintaxis es similar a C, Java y Perl, y es fácil de aprender.

“La meta de este lenguaje es permitir escribir a los creadores de

páginas web, páginas dinámicas de una manera rápida y fácil, aunque se

pueda hacer mucho más con PHP.” (VERGARA, 2010)

___________________________________________________________________________________

Fuente: www.php.net

Marco Teórico 34

“Fue creado originalmente por Rasmus Lerdorf en 1994; sin

embargo la implementación principal de PHP es producida ahora por The

PHP Group y sirve como el estándar de facto para PHP al no haber una

especificación formal.” (VERGARA, 2010)

1.11.1. Características de PHP

Es un lenguaje multiplataforma.

Completamente orientado al desarrollo de aplicaciones web

dinámicas con acceso a información almacenada en una Base de

Datos.

El código fuente escrito en PHP es invisible al navegador y al

cliente ya que es el servidor el que se encarga de ejecutar el

código y enviar su resultado HTML al navegador. Esto hace que la

programación en PHP sea segura y confiable.

Capacidad de conexión con la mayoría de los motores de base de

datos que se utilizan en la actualidad, destaca su conectividad con

MySQL y PostgreSQL.

Capacidad de expandir su potencial utilizando la enorme cantidad

de módulos (llamados ext's o extensiones).

Posee una amplia documentación en su página oficial, entre la cual

se destaca que todas las funciones del sistema están explicadas y

ejemplificadas en un único archivo de ayuda.

Es libre, por lo que se presenta como una alternativa de fácil

acceso para todos.

Permite aplicar técnicas de programación orientada a objetos.

Biblioteca nativa de funciones sumamente amplia e incluida.

No requiere definición de tipos de variables aunque sus variables

se pueden evaluar también por el tipo que estén manejando en

tiempo de ejecución.

Tiene manejo de excepciones (desde PHP).

Marco Teórico 35

Si bien PHP no obliga a quien lo usa a seguir una determinada

metodología a la hora de programar (muchos otros lenguajes

tampoco lo hacen), aun estando dirigido a alguna en particular, el

programador puede aplicar en su trabajo cualquier técnica de

programación y/o desarrollo que le permita escribir código

ordenado, estructurado y manejable. Un ejemplo de esto son los

desarrollos que en PHP se han hecho del patrón de diseño Modelo

Vista Controlador (o MVC), que permiten separar el tratamiento y

acceso a los datos, la lógica de control y la interfaz de usuario en

tres componentes independientes.

Este proyecto está desarrollado bajo la plataforma de diseño web de

Wordpress, la misma que está desarrollada en el lenguaje PHP, por ser

de código abierto y muy potente en funciones de diseño y programación

web.

PHP es un lenguaje de programación que trabaja en conjunto con el

lenguaje HTML y puede ser interpretado por cualquier navegador web.

1.12 Metodología Técnica

(Green, 2003), al referirse de la metodología técnica dice lo

siguiente:

Es una metodología híbrida, desarrollada para

procesos de diseño de aplicaciones Web, denominada

“Metodología para Creación de Sitios Web”, creada

por el Ingeniero Dely Maybel Gil Álvarez con un grupo

de trabajo conformado por los siguientes Técnicos

egresados del Instituto Universitario de Tecnología de

Valencia (IUTVal) : T.S.U. Jonathan Camacho, T.S.U.

Nisbeth Suárez, T.S.U. Josefina Herrera, T.S.U.

Raymer Santiago, T.S.U. Emilia Herrera y T.S.U.

Marco Teórico 36

Miharbi Hernández. Esta metodología es producto de

una recopilación bibliográfica, y está basada

principalmente en las fases para el desarrollo de

sitios Web propuestas en la obra “Studio MX Creación

de sitios Web” de los autores Green, Chilcott y Flick,

publicado en el año 2003. (Green, 2003)

“En esta publicación la creación de sitios Web está dividida en cuatro

partes: Administración del sitio Web, Desarrollo del concepto del sitio,

Desarrollo del contenido, Prueba y entrega del producto final.” (Green,

2003)

1.12.1 Fase de Análisis

(Green, 2003), en la fase de análisis dice lo siguiente:

A la hora del desarrollo de un sitio Web se debe

comenzar por dar respuesta a un grupo muy concreto

de interrogantes, que permitirán aclarar y definir de

manera básica las expectativas existentes en torno a

la aplicación Web e interacción que se va a generar.

Dichas preguntas podrían ser las siguientes: (Green,

2003)

¿Se necesita realmente el sitio Web?

¿Para qué se necesita el sitio Web?

¿Qué es lo que buscarán los usuarios en el sitio Web?

¿Qué imagen se quiere proyectar con el sitio Web a los usuarios?

¿Qué servicios interactivos se integrarán a través del sitio Web?

¿Con qué recursos se cuenta para el desarrollo del sitio Web?

¿Cuánto tiempo debe ser invertido en el desarrollo del sitio Web?

¿Qué impacto causará el sitio Web en los usuarios?

Marco Teórico 37

En esta fase de hizo un análisis de la situación actual, además se

estableció los objetivos generales y específicos del proyecto, la necesidad

que supliría el desarrollo e implementación del mismo.

Se analizó también la importancia del sitio web para la facultad de

Ingeniería Industrial, y el beneficio que tendrían no solo los estudiantes y

comunidad en general, sino también los docentes y todos los que

conforman la Facultad.

Se determinó los recursos necesarios para el desarrollo del sitio

web, también el tiempo en el cual se debía desarrollar para hacer la

publicación de acuerdo al tiempo de plazo establecido por el

Vicerrectorado de la Universidad de Guayaquil.

Se revisó el documento donde establecía los lineamientos de diseño

y el contenido solicitado por la Subdirección de la Universidad de

Guayaquil.

Se recopiló la información que se necesitaría para ser publicada en

el sitio web y de esta manera cumplir con los lineamientos de contenido.

1.12.2 Fase de Planificación

“Todo proyecto posee una fase de planificación. En ella se deben

definir cuáles son los requerimientos técnicos para este fin, quiénes serán

los miembros del equipo, seleccionar la estructura, planear un sitio bien

organizado, y realizar estudios de mercadeo comparativo.” (Green, 2003)

En esta fase fue establecido los elementos técnicos que se

utilizarían para el desarrollo e implementación del sitio web oficial de la

Facultad de Ingeniería Industrial.

Marco Teórico 38

Se distribuyó las tareas que tendría cada desarrollador y quien iba a

realizar la base de datos, diseño de las páginas, programación y

configuración de las herramientas necesarias para el desarrollo.

También se decidió la mejor forma de trabajo, siendo la discusión si

sería trabajarlo en línea desde un hosting gratuito o utilizar una

computadora portátil que tuviera instalada y configurada las herramientas

de base de datos y desarrollo web.

Se llegó a la conclusión de realizarlo en línea, ya que sería más

práctico porque podrían trabajar más de un desarrollador en el mismo

proyecto, además de hacerlo en cualquier momento y lugar.

1.12.3 Fase de Contenido

“Básicamente el éxito de un sitio Web se debe a su contenido. El

contenido del sitio será probablemente una combinación de la información

que actualmente se posee y de la que se tendrá que crear.” (Green, 2003)

“Es conveniente presentar un contenido acorde a los objetivos

planteados para desarrollar el sitio, y que la información a plasmar cubra

las necesidades e intereses del público a quien va dirigido.” (Green, 2003)

En esta fase se clasificó y se determinó el contenido que debía ser

publicado en el sitio web oficial de la Facultad de Ingeniería Industrial, de

acuerdo a los lineamientos de establecidos por la Subdirección de la

Universidad de Guayaquil.

El contenido que se publicará es el mismo que se obtuvo en la

recopilación de información mediante las entrevistas.

Marco Teórico 39

1.12.4 Fase de Diseño

(Green, 2003), en la fase de diseño dice lo siguiente:

El diseño Web supone un trabajo extenso y detallado,

puesto que abarca no sólo la interacción de múltiples

elementos, como tecnología multimedia (audio,

sonido, imágenes, animaciones, entre otros); sino,

que abarca también su integración con una estructura

lógica basada en el propósito del sitio. Representando

una labor que va más allá de la simple presentación

visual de la información.

El diseño de sitios Web debe ser considerado como

una estructura informacional, y no como un simple

espacio artístico donde se exponen las obras

creativas de sus diseñadores. Es más una estructura

comunicacional, diseñada según los objetivos

planteados y condicionada para satisfacer las

necesidades e inquietudes de sus potenciales

usuarios. (Green, 2003)

“Al momento de diseñar sitios Web, es necesario tener en cuenta

aspectos como la usabilidad y la accesibilidad.” (Green, 2003)

En esta fase de diseño se elaboró la plantilla principal que tendrían

todas las páginas web del sitio, el diseño se llevó a cabo en la

herramienta de desarrollo de páginas web llamada Wordpress, de

acuerdo a los lineamientos que estableció la Subdirección de la

Universidad de Guayaquil. Para esto se asistió a las capacitaciones

realizadas en la Facultad de Filosofía por parte de los Estudiantes de

Multimedia, quienes amablemente capacitaron a los desarrolladores para

que puedan trabajar sin ningún inconveniente en la plataforma de

desarrollo web.

Marco Teórico 40

Además de proveer de los diferentes plugins que fueron necesarios

para el desarrollo del diseño de las páginas.

1.12.5 Fase de Programación

(Green, 2003), en la fase de programación dice lo siguiente:

Esta etapa corresponde a la utilización de las

herramientas de programación Web. En este punto es

primordial seleccionar los lenguajes de programación

en los que se desarrollará el sitio Web, la base de

datos, definir qué contenido del sitio será estático y

cuál será dinámico. (Green, 2003)

“Una vez definidos estos criterios se pasa a una etapa denominada

por Green, Chilcott y Flick (2003) Arquitectura de tres fases, la cual

expone lo siguiente:” (Green, 2003)

Base de datos: Se diseña y crea la base de datos.

Programación intermediaria: Programas o códigos

que se ejecutarán en el servidor Web. Acá se

establecerá la comunicación entre la base de datos y

la interfaz.

Interfaz: Programas y códigos que desplegarán el

contenido a los usuarios a través del navegador Web.

Se refiere aplicación que el usuario visualizará y a

través de la cual operará con ella.

En esta fase se procedió a vincular las páginas con enlaces internos

y externos, agregar la información que se publicará en el sitio, las

imágenes, y configuración de los plugins. En esta fase quedó construido

el sitio web y la base de datos mediante la herramientas de desarrollo web

llamada Wordpress y la base de datos en MySQL.

Marco Teórico 41

1.12.6 Fase de Pruebas

“Se ejecutan pruebas exhaustivas para asegurar el perfecto

funcionamiento del sitio Web con usuarios que vayan a utilizar el sitio.”

(Green, 2003)

Green, Chilcott y Flick (2003) destacan: (Green, 2003)

Comprobación en navegadores: El primer paso y

también el más importante, es comprobar que las

páginas se pueden visualizar de forma correcta en

diferentes navegadores.

Detectar los vínculos rotos: Es necesario detectar

documentos que existen en el sitio pero que no están

conectados a través de vínculos; ellos deben ser

reparados o eliminados en caso de no ser necesarios,

puesto que ocupan espacio en el servidor y tienden a

crear confusión.

Comprobar tiempo de descarga: Uno de los puntos

claves en el éxito de un sitio Web es su rapidez de

descarga, en base a ello se recomienda un tiempo

mínimo de descarga.

En este punto los administradores reciben la capacitación para el

desarrollo de sus tareas. En esta fase se realizaron pruebas exhaustivas

para garantizar el perfecto funcionamiento del sitio web para que los

usuarios no vayan a tener inconvenientes al momento de ser publicado.

Se realizaron pruebas en los navegadores web más comunes de la

actualidad para comprobar que se muestre de manera adecuada el

diseño de las páginas. Se revisó si existían vínculos rotos, es decir que

todas las páginas sean direccionadas a su respectivo enlace.

Marco Teórico 42

Se comprobó el tiempo de descarga de los documentos publicados,

la carga de las páginas en el navegador, ya que es muy importante el

tiempo de respuesta que ofrece el sitio web para los usuarios.

Para dar por aprobado la fase de pruebas, la Subdirección de la

Universidad de Guayaquil convocó a los representantes de todas las

facultades para revisar de manera general todo el diseño y contenido del

sitio web, dando así por aprobado el desarrollo del mismo y la aprobación

para la publicación.

1.12.7 Fase de Publicación

“En esta fase se debe tomar en cuenta los Derechos Internacionales

del Autor, por el cual:” (Green, 2003)

Todas las copias realizadas incluyen el derecho de autor.

Se anexa en el sitio los créditos de los desarrolladores, o un

enlace, que le permita a los usuarios contactarlos.

“Luego se define el dominio del sitio, se verifica que esté disponible

para poder registrarlo, y se transfieren los archivos al servidor remoto por

FTP, o desde la página del servidor. Se debe verificar que todos los

archivos estén en su carpeta correspondiente de la Web.” (Green, 2003)

“Después de publicada la aplicación Web, su difusión depende de la

publicidad que se le pueda dar mediante papelería de la organización,

mediante banners en sitios específicos, por medio de buscadores y otros.”

(Green, 2003)

En esta fase se realizó la descarga del sitio web con todas sus

páginas y la base de datos desde el hosting gratuito en el cual se estaba

realizando el desarrollo y se agregó la información al servidor del Centro

de cómputo de la Universidad de Guayaquil.

Marco Teórico 43

El centro de cómputo de la Universidad de Guayaquil procedió a

enlazar el sitio web de la Facultad de Ingeniería Industrial en la página

oficial de la Universidad de Guayaquil.

CAPÍTULO II

METODOLOGÍA

2.1 Análisis de la investigación

Actualmente la Universidad de Guayaquil no cuenta con un sitio web

que incluya todas las facultades que la conforman.

Ciertas facultades tienen sus propios sitios web, pero no es lo más

óptimo para una universidad, ya que todas las facultades las conforman y

deberían estar en el mismo sitio para que los estudiantes que deseen

ingresar en alguna carrera de las distintas facultades, pueda obtener

información útil y de sumo interés al momento de tomar la decisión de

cuál sería la carrera adecuada en la que deba matricularse de acuerdo a

sus objetivos profesionales y también para los estudiantes que cursen

alguna carrera y desconozcan tal información.

La Facultad de Ingeniería Industrial cuenta con sistemas de ingresos

de calificaciones para los docentes, correos institucionales mediante

Office 365, para que los docentes puedan armar sus grupos de clases con

los estudiantes para informar sobre tareas y enviar material de apoyo que

permita mejorar el nivel académico de la Facultad., pero no se encuentra

integrada en un solo sitio web.

Con el desarrollo e implementación del Sitio Web Oficial de la

Facultad de Ingeniería Industrial, beneficiará a los estudiantes, comunidad

en general y en especial a los docentes de la Facultad, ya que tendrán de

manera integrada en un sitio web la información en genera de la

universidad, el sistema de ingreso de calificaciones, el correo institucional

Metodología 45

de la universidad de Guayaquil para armar grupos de estudio con los

estudiantes, trabajos en líneas con otros docentes que compartan la

misma cátedra para el desarrollo de materiales de estudio, aula virtual en

la cual podrán impartir clases en líneas, seguimientos a graduados que

permitan revisar y analizar mediante indicadores el desempeño que están

obteniendo en el mundo profesional los estudiantes que se gradúen en la

Facultad de Ingeniería Industrial, entre otros.

2.2 Alcance de la investigación

El alcance de este trabajo de investigación concluirá con el

desarrollo y la implementación del sitio web oficial de la Facultad de

Ingeniería Industrial, ya incluida en los servidores de la Universidad de

Guayaquil y enlazada en la página web de la Universidad de Guayaquil.

Para que pueda ser accedida por los estudiantes, docentes y

comunidad en general, desde cualquier lugar y en cualquier momento, y

estar al tanto de noticias, eventos y actividades que se realicen en la

Facultad.

2.3 Técnicas de observación y recolección de datos

Para la elaboración del sitio web oficial de la Facultad de Ingeniería

Industrial se necesitó recopilar información esencial para el desarrollo del

mismo, la información que se recopiló fueron, fotos, videos, documentos

tales como horarios de clases, horarios de exámenes, formato de

solicitudes, información relacionada con la historia, misión y visión de la

un Facultad y de las carreras que la conforman, entre otras.

Para recopilar esta información se utilizó la técnica de las

entrevistas, las mismas que se realizaron a las oficinas de secretaria, de

la Facultad de ingeniería industrial. En estas entrevistas se solicitaba los

Metodología 46

documentos necesarios que serían publicados en el sitio web de la


2.4 Materiales y Recursos

Para la recopilación de información y el desarrollo de este sitio web

se utilizaron varios recursos, tales como:

Pendrive: que sirvieron para el almacenamiento de la información

de forma digital.

Computador Portátil: Utilizado para el desarrollo de la base de

datos, la programación y el diseño web.

Hosting Gratuito: En este espacio de internet se instaló y

configuró la herramienta propuesta por la Comisión de Intervención

y fortalecimiento de la Universidad de Guayaquil.

Cámara Digital: Utilizada para la toma de fotos que serían

publicadas en las distintas páginas del sitio web oficial de la


2.5 Metodología utilizada y Resultados

Para elaborar el sitio web oficial de la Facultad de Ingeniería

Industrial e implementarlo para cumplir con los objetivos de este proyecto

de titulación, fue necesario elaborar un plan de orden lógico y sistemático,

por lo que investigando y analizando.

La mejor metodología, se eligió la Metodología Técnica que se

acopla a los requerimientos para el desarrollo del sitio web oficial de la


Esta Metodología es de tipo híbrida, considerada como “Metodología

para la creación de Sitios Web”, y se la desarrolla en diferentes fases.

Metodología 47

Aplicando esta metodología se obtuvo los siguientes resultados:

2.5.1 Fase de Análisis

En esta fase fue analizada la estructura de la página principal con el

fin de obtener la recopilación de datos necesaria y así cumplir con el

contenido que se debe publicar en el sitio web.

IMAGEN Nº 9

ESTRUCTURA DE LA PÁGINA PRINCIPAL

Esta página principal cuenta con 2 Widgets o contenedores, uno de

lado derecho de la página y otro del lado izquierdo. En el contenedor

izquierdo se encuentran enlazados sitios con los que cuenta la Facultad

de Ingeniería Industrial pero de manera descentralizada, la cual puede

ayudar a los docentes a que accedan a enlaces como:

Biblioteca Virtual.

Aula virtual.

Ingreso de Calificaciones.

Correo UG.

_________________________________________________________________________________

Fuente: Universidad de Guayaquil

Metodología 48

IMAGEN Nº 10

CONTENEDOR IZQUIERDO

Para obtener esta información se visitó la facultad de Ingeniería

Industrial y áreas específicas como las secretarías de las 3 carreras con

las que cuenta la Facultad de Ingeniería Industrial y el centro de cómputo

quien disponía de los enlaces requeridos para agregarlos a las diferentes

etiquetas del contenedor.

2.5.2 Fase de Planificación

En esta fase se preparó el ambiente de trabajo adecuado para el

desarrollo del Sitio web el cual consistió en registrarse en un hosting

gratuito el cuál permitiera instalar la herramienta de desarrollo web

Wordpress y la creación de la base de datos.

Al estar en un servidor gratuito permitió a los desarrolladores del sitio

trabajar de manera conjunta en línea sin verse afectada las

modificaciones que realizaba cada uno.

El Hosting que se utilizó es “Hostinger”, este espacio en internet fue

elegido porque cuenta con los servicios para el desarrollo del proyecto.

___________________________________

Fuente: http://www.fi.ug.edu.ec/

Metodología 49

IMAGEN Nº 11

HOSTING GRATUITO

La información recopilada se subió al Hostinger mediante el servicio

de FTP de manera sencilla y sin ningún inconveniente.

_________________________________________________________________________________

Fuente: http://www.hostinger.es/

Metodología 50

IMAGEN Nº 12

SERVICIO FTP – PROTOCOLO DE TRANSFERENCIA DE ARCHIVOS

Se procedió a instalar la herramienta llamada Wordpress y la

configuración necesaria para el desarrollo del sitio web, esta herramienta

está hecha bajo la plataforma PHP y con una base de datos en MySQL.

IMAGEN Nº 13

INSTALACIÓN Y CONFIGURACIÓN DE WORDPRESS

Se

_____________________________________________________________________________________


______________________________________________________________


Metodología 51

activaron los plugins que se necesitaron para el desarrollo del sitio web.

IMAGEN Nº 14

PLUGINS ACTIVADOS EN WORDPRESS

2.5.3 Fase de Contenido

El contenido agregado el sitio web enfocado a las necesidades de

los docentes de acuerdo al contenedor antes mencionado, si enlazó los

diferentes sitios existentes pero que se encontraban de manera

descentralizada ayudando al docente en tener acceso a diferentes

enlaces desde una misma página.

_____________________________________________

Fuente: http://www.fi.ug.edu.ec/wp-admin/plugins.php

Metodología 52

A continuación se detalla las etiquetas del contenedor Izquierdo con

sus respectivos enlaces.

Biblioteca Virtual.- (http://www.ug.edu.ec/biblioteca-virtual/)

Aula virtual.(No activo por el momento)

Ingreso de Calificaciones. (http://servicioenlinea.ug.edu.ec/SIUG/)

Correo UG. (https://login.microsoftonline.com/login.srf)

Además de los enlaces ya mencionados, los docentes podrán tener

información de noticias, eventos, convocatorias de seminarios y

capacitaciones para mejorar su nivel profesional y académico.

IMAGEN Nº 15

NOTICIAS DE CAPACITACIÓN A DOCENTES

_____________________________________________


Metodología 53

2.5.4 Fase de Diseño

Cumpliendo con los lineamientos de diseño establecidos por el

Vicerrectorado de la Universidad de Guayaquil se realizó el diseño de:

Se escogió la plantilla “Indicate” la cual tendrán todas las páginas de

sitio, pero con las modificaciones de colores y logotipos:

IMAGEN Nº 16

PLANTILLA INDICATE

__________________________________________________________ Fuente:

http://www.fi.ug.edu.ec/wp-admin/themes.php

Metodología 54

Se creó el menú de la cabecera principal.

IMAGEN Nº 17

ELABORACIÓN DEL MENÚ

______________________________________________________

Fuente: http://www.fi.ug.edu.ec/wp-admin/nav-menus.php

Metodología 55

Se crearon las páginas

IMAGEN Nº 18

ELABORACIÓN DE LAS PÁGINAS

______________________________________________________________

Fuente: http://www.fi.ug.edu.ec/wp-admin/edit.php?post_type=page

Metodología 56

Se agregó los enlaces de:

Biblioteca Virtual

IMAGEN Nº 19

BIBLIOTECA VIRTUAL

______________________________________________________________________________________

Fuente: http://www.ug.edu.ec/biblioteca-virtual/

Metodología 57

Ingreso de calificaciones

IMAGEN Nº 20

SISTEMA INTEGRADO DE LA UNIVERSIDAD DE GUAYAQUIL (SIUG)

Office 365

IMAGEN Nº 21

OFFICE 365

__________________________________________________________________________________

Fuente: http://servicioenlinea.ug.edu.ec/SIUG/

_________________________________________________

Fuente: https://login.microsoftonline.com/login.srf

Metodología 58

2.5.4.1 Mapa del Sitio Web

IMAGEN Nº 22

MAPA DEL SITIO WEB

___________________________________________________________

Elaborado por: Valle Chávez Edison Antonio

Fuente: Propia.

Metodología 59

2.5.4.2 Diagrama Entidad Relación

IMAGEN Nº 23

DIAGRAMA ENTIDAD RELACIÓN

___________________________________________________________

Fuente: http://www.wordpress.com/

Metodología 60

2.5.4.3 Descripción de las Tablas de la Base de Datos

wp_users: La lista de usuarios se mantiene aquí.

wp_posts: La información principal de WordPress son las entradas

(posts), que son guardados en esta tabla.

wp_postmeta: Los metadatos de cada entrada en el blog se

mantienen aquí. En las entradas se pueden encontrar como

Campos Personalizados (Custom Fields).

wp_options: En esa tabla se guarda la configuración general y

opciones de WordPress.

wp_links: Información relacionada con las ligas ingresadas al

Blogroll Manager de WordPress.

wp_usermeta: Cada usuario tiene sus propios metadatos, que se

guardan en esta tabla.

wp_terms: Contiene las categorías y etiquetas de las entradas.

wp_term_relationships: Asociaciones de las entradas con

categorías y etiquetas de la tabla wp_terms, junto con asociaciones

de ligas con sus respectivas categorías.

wp_term_taxonomy: Contiene descripciones de la

taxonomia(categoria, liga, o etiqueta) para los datos mantenidos en

la tabla wp_terms.

wp_comments: Los comentarios en WordPress se mantienen

aquí.

wp_commentmeta: Los metadatos de los comentarios se guardan

en esta tabla.

2.5.5 Fase de Programación

En esta fase de programación se detallará el código empleado para

integrar los servicios que tiene la Facultad de Ingeniería Industrial, los

cuales se encuentran descentralizados en los enlaces antes

mencionados:

Metodología 61

<div

id="sidebar-

primary">

<ul class="widget-container"><li id="nav_menu-3" class="widget

widget_nav_menu"><h3 class="widgettitle">Mi Industrial</h3><div

class="menu-mi-facultad-container"><ul id="menu-mi-facultad"

class="menu"><li id="menu-item-224" class="menu-item menu-item-type-

custom menu-item-object-custom menu-item-224"><a

href="http://cc">Aula Virtual</a></li>

<li id="menu-item-233" class="menu-item menu-item-type-custom menu-

item-object-custom menu-item-233"><a

href="http://www.ug.edu.ec/biblioteca-virtual/">Biblioteca

Virtual</a></li>



href="http://servicioenlinea.ug.edu.ec/SIUG/">Consulta de Notas –

SIUG</a></li>



href="https://login.microsoftonline.com/">Correo UG</a></li>

</ul></div>

2.5.6 Fase de Pruebas

En esta fase se realizaron pruebas en 3 navegadores Web, siendo

estos los más utilizados actualmente, esta prueba se realiza con la

finalidad de comprobar la operatividad del sitio.

Gloogle Chrome.

Mozilla Firefox.

Internet Explorer.

Como se puede notar en los 3 navegadores web que se realizaron

pruebas no tuvieron problemas al cargar las páginas del sitio web.

Metodología 62

IMAGEN Nº 24

PRUEBA DEL SITIO WEB OFICIAL DE LA FACULTAD DE INGENIERÍA

INDUSTRIAL EN GOOGLE CHROME

IMAGEN Nº 25


INDUSTRIAL EN MOZILLA FIREFOX

____________________________________________________________________________________


____________________________________________________________________________________


Metodología 63

IMAGEN Nº 26


INDUSTRIAL EN INTERNET EXPLORER

2.5.7 Fase de Publicación

En esta fase fue aprobado el sitio web de la Facultad de Ingeniería

Industrial por parte del vicerrectorado de la Universidad de Guayaquil y a

su vez publicado en la página principal en la pestaña de Unidades

académicas como se muestra en la siguiente imagen:

____________________________________________________________________________________


Metodología 64

____________________________________________________________________________________


IMAGEN Nº 27

PUBLICACIÓN DEL SITIO WEB DE LA FACULTAD DE INGENIERÍA

INDUSTRIAL

Al dar click en el enlace de Ingeniería Industrial nos muestra el Sitio

Web Oficial de la Facultad de Ingeniería Industrial.

IMAGEN Nº 28

SITIO WEB OFICIAL DE LA FACULTAD DE INGENIERÍA INDUSTRIAL

____________________________________________________________________________________

Fuente: http://www.ug.edu.ec/unidades-academicas/

CAPÍTULO III

CONCLUSIONES Y RECOMENDACIONES

DESARROLLO E IMPLEMENTACIÓN DEL SITIO WEB OFICIAL PARA

LA FACULTAD DE INGENIERÍA INDUSTRIAL

3.1 Objetivos:

Mejorar los indicadores de acreditación con el desarrollo e

implementación del Sitio Web Oficial de la Facultad de Ingeniería

Industrial.

Desarrollar e implementar un sitio web de manera oficial en el que

se publique información actualizada y los docentes puedan acceder

a enlaces que aporten con la mejora de las actividades

académicas.

3.2 Impacto

En un sitio web es difícil medir la usabilidad del mismo, ya que no se

puede establecer un indicador que por medio de cálculos nos permita

obtener un resultado.

Pero podemos utilizar métricas que las compararemos en diferentes

periodos de tiempo, la métrica que se utilizará son las visitas que reciba el

Sitio Web de la Facultad de Ingeniería Industrial.

Este análisis se lo puede hacer diario, semanal, mensual, etc.

Conclusiones y Recomendaciones 66

Obteniendo así resultados numéricos que permitan dar un informe

sobre el impacto que está aportando el sitio a los estudiantes, a los

docentes, a los futuros estudiantes y la ciudadanía en general.

Este resultado de las visitas al sitio se lo obtendrá mediante un

pugins de wodpress llamado JetPack, este plugins permite obtener la

cantidad de visitas que obtuvo el sitio y a su vez muestra un gráfico

detallando los resultados del análisis.

De esta manera se conocerá la frecuencia de visitas y poder realizar

un análisis del beneficio que brinda el Sitio Web de la Facultad de

Ingeniería Industrial a sus estudiantes y a la comunidad.

IMAGEN Nº 29

ESTADÍSTICAS DEL SITIO WEB

3.3 Conclusiones:

En base a la necesidad que tiene la Facultad de Ingeniería Industrial

en tener un sitio web oficial, se concluye con:

El desarrollo e implementación del sitio web oficial de la Facultad

de Ingeniería Industrial se lo realizó dentro del tiempo establecido

_____________________________________________________________

Fuente: http://www.fi.ug.edu.ec/wp-admin/


por la Comisión de Intervención y Fortalecimiento de la Universidad

de Guayaquil.

Se logró cumplir con los lineamientos de diseño, la estructura del

sitio web, el contenido necesario y la aprobación del Vicerrectorado

de la Universidad de Guayaquil para la publicación.

La Facultad de Ingeniería Industrial cumplió con los objetivos

propuestos en este proyecto y mejoró los indicadores obteniendo

puntos de acreditación.

Para el desarrollo de este proyecto se utilizó una metodología

técnica la cual permitió trabajar en fases de manera organizada y

cumplir con todos los requerimientos del proyecto en el tiempo

indicado.

La tecnología aplicada en este proyecto fue open source por lo que

no se necesitó la compra de licencias, además que el ambiente de

desarrollo Wordpress facilitó el desarrollo del sitio por ser una

herramienta de fácil manejo y adaptabilidad.

3.4 Recomendaciones:

En el sitio web de la Facultad de Ingeniería Industrial quedaron

algunos páginas que no se pudieron construir, pero si alguien está

interesado en trabajar en ello se recomienda solicitar un usuario y

una contraseña para trabajar sobre el sitio implementado ya que si

lo hace de manera alterna podría afectar a la base de datos en el

momento en que intente integrar las páginas al sitio web.

Se recomienda realizar respaldos completos de manera periódica

para asegurar la integridad y disponibilidad del sitio en caso de

existir alguna contingencia.

Para los estudiantes que propongan ideas nuevas ya sea la

integración de nuevos servicios en el sitio web, o que se refiera a

la interfaz de las páginas, deberá solicitar la autorización del

Vicerrectorado de la Universidad de Guayaquil, siendo este el


encargado de regular y establecer los lineamientos y parámetros

de diseño del sitio web.

Designar personas encargadas de mantener actualizada la

información que se publique en el sitio web, además de revisar que

el contenido publicado no afecte la integridad de la Facultad de

ingeniería Industrial ni la imagen de ningún individuo.

En el sitio web en la pestaña de los departamentos solo se

muestran fotografías, se recomienda agregar la finalidad y objetivos

que tiene como tal este departamento, ya que hay muchas áreas

en las que se desconoce a qué se dedican y como pueden ayudar

a los usuarios en general.

GLOSARIO DE TÉRMINOS

ASP.- Active Server Pages, es una tecnología introducida por la

compañía Microsoft la cual permite crear páginas web dinámicas

permitiendo combinando scripts con código html.

Bit.- es la unidad más pequeña de almacenamiento en un sistema

binario (0 y 1). El código binario también es conocido como lenguaje

máquina porque es el único lenguaje que interpretan las computadoras.

Blog.- También conocido como "web log". Es utilizado por los

usuarios para publicar información de forma fácil e instantánea en un sitio

web, esta información es compartida con otros usuarios que a su vez

pueden comentar de algún tema en discusión.

Browser. – El browser es lo que se conoce normalmente como

Navegador Web, son aplicaciones capaces de interpretar códigos como el

html, jsp, php, entre otros y mostrar al usuario páginas web o aplicaciones

de intranet.

Bugs.- Los bugs son errores que existen en los códigos de

programación generando así problemas en las computadoras al momento

de realizar una actividad en la misma.

Chat.- el chat es un servicio de internet utilizado en las redes

sociales que permite a los usuarios llevar a cabo una conversar online

mediante el teclado.

CSS,- son un conjunto de instrucciones de código HTML que

especifican el estilo de los elementos de las páginas web, con la finalidad

Glosario de Términos 70

de homogeneizar su diseño, muchos programadores los utilizan ya que de

alguna manera facilita el cambio rápido de estilos en un sitio web ya que

los css son invocados en las páginas web, al ser invocados bastará con

hacer los cambios en el archivo css y no en todas las páginas que

conforman el sitio web.

DNS.- Sistema de Nombre de Dominios), todas las páginas o sitios

web están identificados en la red por una dirección numérica, el servicio

DNS ayuda a transformar la dirección numérica en el nombre de la página

y viceversa, para el usuario es más fácil recordar el nombre de la página

que la dirección numérica.

Email.- también conocidos como correos electrónicos, en su esencia

los correos electrónicos son un carta o un mensaje con un destinatario y

un emisor, con la diferencia que no se lo hace utilizando papel sino la

computadora o dispositivos móviles y el canal que hace posible el envío y

recepción de los emails es el internet.

FTP.- es un protocolo para transferencia de archivos, se utiliza para

enviar y recibir archivos por internet. Su funcionamiento es similar al de

los emails, pero en este caso los archivos se encuentran en un repositorio

llamado comúnmente servidor, el cual está configurado de tal manera que

los usuarios por medio del internet puedan acceder a los archivos que se

encuentren con atributos que permitan su descarga y a la vez la subida de

información.

GPL.- General Public License (Licencia Pública General). Esta

licencia regula los derechos de autor de los programas de software libre,

esta licencia fue creada por comunidades que permiten la adquisición de

las aplicaciones y a la vez la descarga del código fuente de dicha

aplicación, para que los usuarios puedan modificar el código y así

adecuarlo a sus necesidades.


Hipertexto.- El hipertexto son enlaces que se agregan a palabras,

frases, imágenes, entre otros elementos que se encuentren en una página

web, para que al momento en que los usuarios le den un clic les muestre

la página del enlace, los hipertextos aparecen de un color diferente a las

palabras del párrafo para ser identificados, y al momento de pasar el

puntero del mouse sobre ellos el puntero cambia adquiriendo la forma de

una mano, los hipertextos pueden tener enlaces que se encentren en

páginas del mismo sitio web o de otros.

Host.- es un servidor (computador) el cual brinda a los usuarios

información requerida para realizar procedimientos desde una aplicación

llamada cliente a la cual se tiene acceso de forma remota, debe tener una

dirección ip para ser identificada en la red y a la vez estar conectada a

internet.

Hosting.- Espacio en un servidor para alojar un sitio web. Muchas

entidades se encargan de dar este tipo de servicio, en el cual las

empresas o usuarios cancelan un valor monetario a cambio de un espacio

en sus servidores para que puedan subir sus páginas web, y tener

servicios de transferencia de archivos, de emails, entre otros. Claro está

que también existen servidores gratuitos que permiten subir páginas web

por un periodo determinado de tiempo y una capacidad mínima de

espacio.

HTML.- Lenguaje de programación para desarrollar páginas webs. El

código html es el lenguaje base en el que están desarrolladas las páginas

web y es interpretado por los navegadores web para mostrar el contenido

de las páginas, este código puede ser combinado con scripts de

programación para hacer que las páginas sean dinámicas.

HTTP.- sus siglas significan protocolo de transferencia de

hipertextos, este protocolo admite realizar transferencia de archivos,


pudiendo ser estos: documentos de texto, gráficos, video, audio, entre

otros.

Interfaz.- La interfaz es el medio por el cual interactúa el usuario con

la computadora, siendo esta gráfico o por medio de comandos,

comúnmente los programadores emplean interfaces gráficas que incluyen

ventanas, barras de menú, botones y otros complementos descriptivos

que hacen amigable la comunicación del usuario con la pc.

JavaScript.- es un lenguaje de programación diseñado por la

compañía Sun Microsystems en conjunto con Netscape. Se trata del

conocido código JAVA, que se combina a manera de scripts con el código

html en las páginas web, dando así dinamismo a las páginas estáticas.

JSP.- Java Server Pages (Páginas de servidor de Java), esta

tecnología también fue desarrollada por la compañía Sun Microsystems,

Esta tecnología permite crear páginas webs combinando el lenguaje Java

con el código Html, y recibir respuestas de servidores de bases de datos,

como por ejemplo la consulta de saldos en una cuenta bancaria.

Linux.- cuando se habla de Linux se refiere a un sistema operativo

gratuito para computadoras. El término gratuito en este tipo de sistemas

operativos quiere decir que al adquirir el sistema operativo e instalarlo en

alguna computadora no tendrá que comprar licencia para su uso como es

el caso de la compañía Microsoft.

Multimedia.- El término multimedia es la combinación de texto,

audio, video e imágenes.

MySQL.- es uno de los Sistemas Gestores de Bases de Datos más

populares. Su ingeniosa arquitectura lo hace extremadamente rápido y

fácil de personalizar. Actualmente muchas aplicaciones open source


utilizan MySQL como su gestor de base de datos por ser una herramienta

veloz y de fácil uso, además que permite almacenar gran cantidad de

información.

NIC.- Siglas de Network Information Center (Centro de Información

de la Red). Es la autoridad que delega los nombres de dominio a quienes

los solicitan. En cada país del mundo existe un NIC, el NIC es

responsable de dar las terminaciones a los dominios de cada país,

ejemplo: El NIC de Ecuador se encarga de dar la terminación .ec,

terminación que corresponde a los dominios en Ecuador.

Office 365.- esta versión de Office cuenta con las mismas

aplicaciones de las versiones anteriores de este producto, con la

diferencia que permite trabajar en la nube pudiendo así los usuarios

trabajar en sus documentos sin necesidad de estar en la pc donde tienen

almacenado el archivo, sino que lo pueden hacer desde cualquier pc que

se encuentre conectada a internet.

On-Line.- El término on-line indica que un usuario se encuentra

conectado mediante una aplicación, o también el estado de un dispositivo

indicando que se encuentra operativo.

Open source.- software libre, el código de las aplicaciones se puede

descargar y modificar para que los usuarios los puedan adecuar a sus

necesidades. En la comunidad Open Source se aprende que este proceso

rápido de evolución origina un mejor software que el modelo tradicional

encerrado, en el cual solamente algunos desarrolladores pueden ver el

código fuente del software, mientras el resto de usuarios usa

confiadamente un conjunto indescifrable de bits.

PHP.- lenguaje de programación que permite crear páginas web

dinámicas, incluye código de programación combinado con código html.


RSS.- Sindicación Realmente Simple. Pertenece a la familia de los

archivos con extensión XML permitiendo así compartir información que

puede ser utilizada en otros sitios web o programas.

Script.- los scripts son pequeños programas, por lo general son

utilizados en páginas webs e interpretados por la mayoría de

navegadores.

Software.- un software es un programa conocido también como

aplicación, que cumple una tarea determinada que ayuda a los usuarios a

realizar trabajos cotidianos o a los sistemas operativos para mantener un

buen funcionamiento.

TCP/IP.- Transfer Control Protocol / Internet Protocol, este protocolo

permite la comunicación entre computadoras integrándolas así en una red

de computadoras, este protocolo es el que permite el acceso al internet y

a otros equipos.

TIC.- sus siglas significan tecnologías de la información

computacional, actualmente se utiliza este término para referirse a

departamentos que tengan que ver con la informática.

Transmisión.- intercambio de un archivo desde un ordenador a otro

a través de una red de computadoras.

Triggers.- es un procedimiento que se hace en el momento en que

se efectúa una situación establecida al realizar una operación, es muy

común escuchar y hacer uso de los triggers en lo gestores de bases de

datos.

URL.- Localizador Uniforme de Recurso, se lo emplea en

direcciones de Internet.


Videoconferencia.- las videos conferencias consisten en transmitir

audio y video en tiempo real siempre y cuando los usuarios se encuentren

conectados a internet.

Virtual.- el término virtual se lo utiliza para indicar que un

acontecimiento o hecho es simulado, es decir que no es real.

Web.- la web es un sistema de distribución de documentos

enlazados y accesibles mediante el Internet.

Widgets.- aplicaciones pequeñas, comúnmente mostrado en

archivos o ficheros que se ejecutan mediante un motor de Widgets.

Wordpress.- es un gestor de sitios webs, que permite la creación de

páginas web de manera sencilla y ágil, además de contar con una

comunidad que constantemente se encuentra mejorando la aplicación y

publicando herramientas que ayudan a que los usuarios realicen páginas

webs muy llamativas.

WWW.- Sigla de la expresión inglesa World Wide Web, sus siglas

son la parte inicial de cualquier página web.

XML.- siglas que significan lenguaje de marcas extensible, es un

lenguaje de marcas desarrollado por la World Wide Web, se utiliza en el

almacenamiento de datos legibles.

ANEXOS

Anexos 77

ANEXO No. 1

HOME PAGE

Anexos 78

ANEXO No. 2

NOSOTROS - HISTORIA

Anexos 79

ANEXO No. 3

NOSOTROS – MISIÓN Y VISIÓN

Anexos 80

ANEXO No. 4

NOSOTROS – AUTORIDADES

Anexos 81

ANEXO No. 5

NOSOTROS – ORGANIGRAMA

Anexos 82

ANEXO No. 6

NOSOTROS – REPOSITORIO LEGAL

Anexos 83

ANEXO No. 7

NOSOTROS – DIRECTORIO DE DECANOS

Anexos 84

ANEXO No. 8

OFERTAS ACADÉMICAS – NIVELACIÓN

Anexos 85

ANEXO No. 9

OFERTAS ACADÉMICAS – GRADO

Anexos 86

ANEXO No. 10

OFERTAS ACADÉMICAS – GRADO – INDUSTRIAL – MISIÓN Y

VISIÓN

Anexos 87

ANEXO No. 11

OFERTAS ACADÉMICAS – GRADO – INDUSTRIAL – SYLLABUS

Anexos 88

ANEXO No. 12

OFERTAS ACADÉMICAS – GRADO – INDUSTRIAL – MALLA

CURRICULAR

Anexos 89

ANEXO No. 13

OFERTAS ACADÉMICAS – GRADO – TELEINFORMÁTICA – MISIÓN Y

VISIÓN

Anexos 90

ANEXO No. 14

OFERTAS ACADÉMICAS – GRADO – TELEINFORMÁTICA –

SYLLABUS

Anexos 91

ANEXO No. 15

OFERTAS ACADÉMICAS – GRADO – TELEINFORMÁTICA – MALLA

CURRICULAR

Anexos 92

ANEXO No. 16

OFERTAS ACADÉMICAS – GRADO – SISTEMAS – MISIÓN Y VISIÓN

Anexos 93

ANEXO No. 17

OFERTAS ACADÉMICAS – GRADO – SISTEMAS – SYLLABUS

Anexos 94

ANEXO No. 18

OFERTAS ACADÉMICAS – GRADO – SISTEMAS – MALLA

CURRICULAR SEMESTRAL

Anexos 95

ANEXO No. 19

OFERTAS ACADÉMICAS – GRADO – SISTEMAS – MALLA

CURRICULAR ANUAL

Anexos 96

ANEXO No. 20

OFERTAS ACADÉMICAS – POSGRADO

Anexos 97

ANEXO No. 21

DEPARTAMENTOS – COORDINACIÓN ACADÉMICA

Anexos 98

ANEXO No. 22

DEPARTAMENTOS – VINCULACIÓN

Anexos 99

ANEXO No. 23

DEPARTAMENTOS – INVESTIGACIÓN Y ACREDITACIÓN

Anexos 100

ANEXO No. 24

DEPARTAMENTOS –GRADUACIÓN

Anexos 101

ANEXO No. 25

DEPARTAMENTOS –SALA DE COORDINACIÓN DE LOS

PROFESORES

Anexos 102

ANEXO No. 26

DEPARTAMENTOS –BIBLIOTECA

Anexos 103

ANEXO No. 27

SERVICIOS – REPOSITORIOS DE SOLICITUDES – CERTIFICADO DE

ESTAR MATRICULADO

Anexos 104

ANEXO No. 28

SERVICIOS – REPOSITORIOS DE SOLICITUDES – SOLICITUD

CAMBIO DE TUTOR DE TESIS

Anexos 105

ANEXO No. 29

SERVICIOS – REPOSITORIOS DE SOLICITUDES – SOLICITUD DE

CULMINACIÓN DE CARRERA

Anexos 106

ANEXO No. 30

SERVICIOS – REPOSITORIOS DE SOLICITUDES – SOLICITUD DE

EXAMEN EXTEMPORÁNEO

Anexos 107

ANEXO No. 31

SERVICIOS – REPOSITORIOS DE SOLICITUDES – SOLICITUD PARA

CERTIFICACIÓN DE NOTAS

Anexos 108

ANEXO No. 32

SERVICIOS – HORARIOS DE EXÁMENES Y CLASES

Anexos 109

ANEXO No. 33

SERVICIOS – BIENESTAR ESTUDIANTIL

Anexos 110

ANEXO No. 34

TRANSPARENCIA – POA

Anexos 111

ANEXO No. 35

TRANSPARENCIA – PEDI

Anexos 112

ANEXO No. 36

CONTACTOS

BIBLIOGRAFÍA

Armijos, J. A. (2011). DESARROLLO E IMPLEMENTACIÓN DEL

PORTAL WEB ESTUDIANTIL DEL ÁREA JURÍDICA, SOCIAL Y

ADMINISTRATIVA DE LA UNIVERSIDAD NACIONAL DE LOJA,

PERIODO 2009-2010.

CALDERÓN, B. A. (2009). DISEÑO Y APLICACIÓN DE UNA

BIBLIOTECA VIRTUAL DE TESIS DIGITALES DE LA ESCUELA

DE INGENIERIA INDUSTRIAL.

Domínguez, A. (2012). MANUAL BÁSICO DE WORDPRESS. Obtenido

de

https://carmenvera.wikispaces.com/file/view/manual+Wordpress.pdf

Green, C. y. (2003). Metodología Técnica. Obtenido de

http://www.casupo.org.ve/CV/may/tesis/web.pdf

HIGUERA, J. A. (2007). Creación de la página Web de la Licenciatura en

Educación Preescolar.

OPENBIZ. (2009). Open Source. Mar del Plata.

VERGARA, J. L. (2010). DESARROLLO DE UNA APLICACIÓN WEB

PARA EL CONTROL DE AVANCES ACADÉMICOS Y

ASISTENCIA DE DOCENTES.

UNIVERSIDAD DE GUAYAQUIL FACULTAD DE …repositorio.ug.edu.ec/bitstream/redug/12865/1/Tesis Sitio...

Documents

Transcript of UNIVERSIDAD DE GUAYAQUIL FACULTAD DE …repositorio.ug.edu.ec/bitstream/redug/12865/1/Tesis Sitio...