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
N° Descripción Pág.
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
N° Descripción Pág.
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
N° Descripción Pág.
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
N° Descripción Pág.
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
N° Descripción Pág.
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
N° Descripción Pág.
25 Prueba del Sitio Web Oficial de la Facultad de Ingeniería
Industrial en Mozilla Firefox 62
26 Prueba del Sitio Web Oficial de la Facultad de Ingeniería
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
N° Descripción Pág.
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
N° Descripción Pág.
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.
___________________________________________________________________________________
Fuente: www.cicso.com
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
___________________________________________________________________________________
Fuente: www.cicso.com
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.
_______________________________________________________________________________
Fuente: www.cicso.com
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.
___________________________________________________________________________________
Fuente: www.cicso.com
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
Facultad de Ingeniería Industrial.
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
Facultad de Ingeniería Industrial.
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
Facultad de Ingeniería Industrial.
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
_____________________________________________________________________________________
Fuente: http://www.hostinger.es/
______________________________________________________________
Fuente: http://www.hostinger.es/
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
_____________________________________________
Fuente: http://www.fi.ug.edu.ec/
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>
<li id="menu-item-225" class="menu-item menu-item-type-custom menu-
item-object-custom menu-item-225"><a
href="http://servicioenlinea.ug.edu.ec/SIUG/">Consulta de Notas –
SIUG</a></li>
<li id="menu-item-234" class="menu-item menu-item-type-custom menu-
item-object-custom menu-item-234"><a
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
PRUEBA DEL SITIO WEB OFICIAL DE LA FACULTAD DE INGENIERÍA
INDUSTRIAL EN MOZILLA FIREFOX
____________________________________________________________________________________
Fuente: http://www.fi.ug.edu.ec/
____________________________________________________________________________________
Fuente: http://www.fi.ug.edu.ec/
Metodología 63
IMAGEN Nº 26
PRUEBA DEL SITIO WEB OFICIAL DE LA FACULTAD DE INGENIERÍA
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:
____________________________________________________________________________________
Fuente: http://www.fi.ug.edu.ec/
Metodología 64
____________________________________________________________________________________
Fuente: http://www.fi.ug.edu.ec/
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/
Conclusiones y Recomendaciones 67
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
Conclusiones y Recomendaciones 68
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.
Glosario de Términos 71
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,
Glosario de Términos 72
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
Glosario de Términos 73
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.
Glosario de Términos 74
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.
Glosario de Términos 75
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.
Top Related