universidad de guayaquil facultad de ingenierÍa...
TRANSCRIPT
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 DE SISTEMAS DE INFORMACIÓN
TEMA
“DESARROLLO E IMPLEMENTACIÓN DEL SITIO
WEB OFICIAL PARA LA FACULTAD DE
INGENIERÍA INDUSTRIAL APLICANDO
TECNOLOGÍA WEB 2.0”
AUTOR DULCEY ASTUDILLO HÉCTOR HUMBERTO
DIRECTOR DEL TRABAJO
ING. QUI. BERNARDO OVALLE CORREA, MBA.
2015 GUAYAQUIL – ECUADOR
ii
“La responsabilidad de los hechos, ideas y doctrinas expuestos en este
trabajo de titulación corresponden exclusivamente al autor”
Dulcey Astudillo Héctor Humberto
C.C. No. 0911764082
iii
AGRADECIMIENTO
Mi agradecimiento en primer lugar a Dios, a mis padres que fueron pieza
clave para lograr mis sueños y objetivos, con su experiencia ante la vida y
por todo su apoyo constante a mis objetivos.
De igual manera a mi Tutor el ING. QUI. Bernardo Ovalle Correa, quien con
sus conocimientos y confianza se realizó este proyecto de vital importancia
para la Facultad en su acreditación con un éxito total.
iv
DEDICATORIA
Dedico esta tesis a mi abuelo Héctor Dulcey Robi que fue siempre mi
ejemplo de vida, a mis padres Víctor Hugo Dulcey Arboleda y Juana Arecía
Astudillo Litardo quienes me apoyaron en toda mi carrera académica y me
empujaron hacia el éxito. A mí prometida la Lcda. Juliana Espinoza Ortiz
que es el pilar fundamental en mi vida y eje principal para la culminación de
este proyecto y a todos los que me apoyaron para concluir esta tesis.
Héctor Humberto Dulcey Astudillo
v
ÍNDICE GENERAL
Descripción Pág.
PRÓLOGO 1
CAPÍTULO I
MARCO TEORICO
No. Descripción Pág.
1.1 Antecedentes 9
1.2. Tecnología Aplicada 10
1.2.1 Software Aplicado 10
1.2.1.1 Sistema Operativo 12
1.2.1.2 Servicios 14
1.2.1.3 Plataforma Wordpress 16
1.2.2 Hardware 22
1.2.2.1 Servidores 22
1.2.2.2 Redes 23
1.2.3 Talento Humano 30
CAPÍTULO II
METODOLOGÍA
No. Descripción Pág.
2.1 Fase de Analisis de la investigación 33
2.2 Fase de Planificación 34
2.3 Fase de Contenido 36
2.4 Fase de programación y diseño 37
2.4.1 Programación 38
vi
No. Descripción Pág.
2.4.2 Diseño de la base de datos 39
2.4.3 Diseño de la plataforma wordpress 41
2.5 Fase de testeo 42
2.6 Fase de mercadeo y publicidad 43
CAPÍTULO III
PROPUESTA
No. Descripción Pág.
3.1 Objetivos 45
3.2 Elaboración 45
3.2.1 Recolección de datos 46
3.2.2 Instalación y configuración para wordpress 46
3.2.3 Instalación de plantilla en wordpress 49
3.2.4 Creación de menú principal 50
3.2.5 Publicación y Pruebas de piloto 74
3.2.6 Implementación de sitio web oficial 76
3.2.7 Respaldo de todo el wordpress piloto 77
3.2.8 Respaldo de base de datos Mysql de piloto 77
3.2.9 Subir respaldo de wordpress y mysql a centro de computo 77
3.2.10 Confirmación y pruebas del funcionamiento en sitio oficial 78
3.2.11 Capacitación 80
3.3 Impacto 82
3.4 Conclusiones 82
3.5 Recomendaciones 84
GLOSARIO DE TERMINOS 86
ANEXOS 87
BIBLIOGRAFÍA 91
vii
ÍNDICE DE CUADROS
No. Descripción Pág.
1 Planteamiento del Problema 5
2 Configuración de colores del sitio web 54
3 Configuración de tipos de letra del sitio web 55
viii
ÍNDICE DE GRÁFICOS
Nº Descripción Pág.
1 Tecnología Aplicada 10
2 Software Aplicado 11
3 Componentes del Wordpress 17
4 Distribución del Hardware 22
5 Fases de metodología para creación de sitios web 33
6 Recursos del Proyecto 35
7 Clasificación de información obtenida 36
8 Arquitectura de la Web Semántica 38
9 Esquema de base de datos en wordpress 39
10 Esquema de módulos en la plataforma wordpress 41
11 Esquema de testeo del sitio web 43
12 Diagrama de proceso de publicación del sitio web 44
ix
ÍNDICE DE IMÁGENES
Nº Descripción Pág.
1 Pantalla inicial de instalación en wordpress 48
2 Diseño de cabecera principal 50
3 Diseño de menu 50
4 Diseño de la página principal 51
5 Diseño izquierdo en la página principal 52
6 Diseño derecho en la página principal 53
7 Diseño central de la página principal 54
8 Diseño del menú de la página nosotros 55
9 Diseño de Historia 57
10 Diseño de Misión y Visión 58
11 Diseño del menú de la página autoridades 59
12 Diseño del menú de la página autoridades 60
13 Diseño de la página repositorio legal 61
14 Diseño de la página oferta académica 61
15 Diseño de la página nivelación 62
16 Diseño de la página grado 62
17 Diseño de la página grado 63
18 Diseño de la página de Ingeniería Industrial 64
19 Diseño de la página malla curricular Industrial 65
20 Diseño del menú departamentos 66
21 Diseño de la página coordinación académica 67
22 Diseño de la página vinciulación 68
23 Diseño de la página de acreditación 69
24 Diseño de la página de graduación 67
25 Diseño de la página de salsa de coordinación 67
26 Diseño del página de la biblioteca 68
x
Nº Descripción Pág.
27 Diseño del menú servicios 68
28 Diseño del menú de repositories de solicitudes 69
29 Diseño de la página de certificado de estar matriculado 70
30 Diseño de la página de solicitud de cambio de tutor 71
31 Diseño de la página de solicitud de culminación de carrera 71
32 Diseño de la página de solicitud de examen extemporáneo 72
33 Diseño de la página de solicitud de certificación de notas 72
34 Diseño de la página de transparencia 73
35 Diseño de la página de contactos 73
36 Manejador de dominio piloto 74
37 Consola FTP de dominio piloto 75
38 Página de Index de piloto 75
39 Blog de páginas web de Facultades UG 76
40 Manager MYSQL en sitio piloto 77
41 Carpetas compartidas por Facultad en blog 78
43 Correos de confirmación para sitio web oficial 79
44 Página de Ingreso a sitio de Industrial por el sitio de la
Universidad de Guayaquil 80
45 Página de inicio de sesión en wordpress del sitio oficial de la
Facultad 81
xi
ÍNDICE DE ANEXOS
Nº Descripción Pág.
1 Plugins de diseño de wordpress aplicados en el sitio web de
La Facultad de Ingeniería Industrial 88
2
Plugins de diseño de wordpress aplicados en el sitio web de
La Facultad de Ingeniería Industrial 89
xii
AUTOR: DULCEY ASTUDILLO HÉCTOR HUMBERTO TÍTULO: DESARROLLO E IMPLEMENTACION DEL SITIO WEB
OFICIAL PARA LA FACULTAD DE INGENIERIA INDUSTRIAL
DIRECTOR: ING. QUI. BERNARDO HUBERT OVALLE CORREA, MBA.
RESUMEN
La Facultad de Ingeniería Industrial no posee un sitio Web oficial el cual se ve reflejado en los indicadores para la acreditación por ende se debe implementar de manera urgente el sitio Web y con ello mejorar los indicadores de acreditación.La Comisión de Intervención y fortalecimiento de la Universidad de Guayaquil estableció lineamientos para la parametrización de los sitios web de cada Facultad de acuerdo a un formato aprobado por el Vicerrectorado de la Universidad. Este proyecto de titulación redacta el desarrollo e implementación del Sitio Web de la Facultad de Ingeniería Industrial aplicando la plataforma Wordpress que es un software libre de gestión de contenidos con tecnología semántica por medio de código PHP y base de datos MySql la cual esta prediseñada. El sitio web será informativo y ayudará a los estudiantes como futuros bachilleres a conocer todos los servicios y comunicados que tenga la Facultad de Ingeniería Industrial. Además de conocer su infraestructura y las carreras que tiene vigente, para su análisis y elección de la carrera universitaria que pretendan seguir.
PALABRAS CLAVES: Implementación, Semántica, Php, Software, Web, Mysql, Plataforma. Dulcey Astudillo Héctor Humberto ING. QUI. Ovalle Correa Bernardo, MBA.
C.C. No. 0911764082 Director del Trabajo
xiii
AUTHOR: DULCEY ASTUDILLO HÉCTOR HUMBERTO TÍTLE: DEVELOPMENT AND IMPLEMENTATION OF OFFICIAL SITE
FOR THE FACULTY OF INDUSTRIAL ENGINEERING
DIRECTOR: CHEM.ENG.BERNARDO OVALLE CORREA, MBA
ABSTRACT
The Faculty of Industrial Engineering does not have an official website
which is reflected in the indicators for accreditation therefore must be implemented urgently website subsequently improving for indicators acreditación.The Commission or Intervention and strengthening or University of Guayaquil established guidelines for the standardization of the websites for each faculty according to a format approved by the Department of University.This drawn titling project development and implementation of the Web Site of the Faculty of Industrial Engineering using the Wordpress platform which is a free software content management with semantic technology for self-management of Web content via PHP code and MySql database. The website will be informative and will help students to know all the services and communications that has the Faculty of Industrial Engineering. Besides knowing their infrastructure and careers that are in place for analysis and choice of university degree who intend to follow.
KEY WORDS: Implementation, Semantic, Php, Software, Web, Mysql, Platform.
Dulcey Astudillo Héctor CHEM. ENG.Ovalle Correa Bernardo, MBA. C.C. No. 0911764082 Director of Work
PRÓLOGO
El presente proyecto tiene como propósito realizar el diseño y la
implementación de un sitio web oficial para la Facultad de Ingeniería
Industrial, para contribuir a mejorar los índices de acreditación de la
Facultad en mención.
Para el efecto, se utilizan fuentes primarias y secundarias,
correspondientes a instrumentos como las normas y manuales para
socializar los sitios web de todas las Facultades, implementación sitio web
piloto en hosting gratuito e información de la Facultad.
La presente Tesis está dividida en tres capítulos: el primero describe
Marco Teórico donde se indica los diferentes conceptos e ideas que se
aplican en el trabajo de Titulación; el segundo capítulo concierne la
Metodología que constituye la medula del plan y describe: el análisis de la
investigación, las técnicas de observación, recolección de datos, los
instrumentos, los procedimientos y las técnicas de análisis. y finaliza con
el Tercer capítulo se muestra la Propuesta, el cual tiene como fin dar
solución al problema investigado y está relacionado con los resultados de
la investigación donde contiene un título de la solución , los objetivos para
la puesta en ejecución de la propuesta , la elaboración que es todo el plan
de ejecución y su cronograma, el impacto de los cambios que se producen
terminar la implementación, las conclusiones que se relacionan con los
aspectos técnicos y factibilidad de su aplicación, las recomendaciones que
se apuntan a la práctica de la propuesta, bibliografía donde se cita los
documentos de investigación utilizados y los anexos que confrontan con la
explicación dada en el perfil.
Marco Teórico2
CAPÍTULO I
MARCO TEÓRICO
1.0 Introducción
Los índices de las diferentes Facultades para su acreditación es baja,
por lo tanto la Facultad de Ingeniería Industrial ha tomado la iniciativa para
la implementación del sitio web el cual dará como resultado una mejora de
los índices en la cual es medida para su acreditación, un indicador con el
cual es medido es tener implementado un sitio web que de los servicios
necesarios a los estudiantes y ciudadanía, por lo tanto el presente trabajo
de titulación se enfoca en diseñar e implementar el sitio web de la Facultad
de Ingeniería Industrial de la Universidad de Guayaquil, el cual se
estructura de la siguiente manera:
En el capítulo I se da a conocer el Marco Teórico, donde se indica los
diferentes conceptos e ideas que se aplican en el trabajo de Titulación.
En el marco teórico se presenta un análisis del estado del arte
relacionado con el tema, ello significa explicar detalladamente cómo se
aborda en el mundo la temática objeto de investigación, con qué medios,
con qué objetivos.
En el capítulo II se explica la Metodología que constituye la médula
del plan y describe: el análisis de la investigación, las técnicas de
observación, recolección de datos, los instrumentos, los procedimientos y
las técnicas de análisis.
En el capítulo III se muestra la Propuesta, el cual tiene como fin dar
Marco Teórico 3
solución al problema investigado y está relacionado con los resultados de
la investigación donde contiene un título de la solución, los objetivos parala
puesta en ejecución de la propuesta, la elaboración que es todo el plan de
ejecución, las conclusiones que se relacionan con los aspectos técnicos y
factibilidad de su aplicación, las recomendaciones que se apuntan a la
práctica de la propuesta y bibliografía.
El tema de este proyecto es el desarrollo e Implementación del sitio
Web Oficial para Facultad de Ingeniería Industrial aplicando tecnología
WEB 2.0. El cual se realizó en grupo por el corto tiempo solicitado por la
Universidad para la implementación del sitio, los integrantes son Héctor
Dulcey Astudillo y Édison Valle Chávez, este proyecto se dividió por
propósito para estudiantes y docentes respectivamente.
Como antecedentes podemos indicar que la Universidad de
Guayaquil tiene más de 148 años en el cual su gestión tecnológica no ha
tenido un crecimiento de acuerdo al tiempo que vivimos, en el cual tener un
sitio Web para difundir las actividades académicas, de vinculación e
investigación es prioritario.
Actualmente la Universidad tiene una población estudiantil que esta
alrededor de los 80.000 estudiantes, considerada como Universidad con
mayor alumnado en todo el Ecuador. Oficialmente cuenta con 2.719
profesores en calidad de estables, mientras que los catedráticos por
contratos llegan a doblar aquella cifra. También cuenta con 1.993
empleados administrativos y de servicios. La Universidad está comprendida
por 17 Facultades que imparten 31 carreras de pregrado, además de cinco
institutos de carreras de postgrado.
Alrededor de 6 Facultades tienen un sitio Web propio, en las cuales
siguen políticas y diseños diferentes entre ellos, donde la gestión de
actualizar o mejor estos sitios es lenta, ya que cada uno tiene una
Marco Teórico 4
plataforma Web o desarrollo diferente.
Existieron varios intentos por implementar el sitio web de la Facultad
de Ingeniería Industrial, donde se encontraron dificultades de tipo político,
técnico y económico, el actual momento de la intervención facilita tener los
recursos tecnológicos como un hosting propio de la Universidad para todas
las Facultades, donde se incluye: sub dominio, servidor y enlaces
dedicados para la Facultad.
Mediante informe del Consejo de Evaluación, Acreditación y
Aseguramiento de la Calidad de la Educación Superior (CEAACES) la
Universidad de Guayaquil se categorizo en la escala “D”, determinado por
las falencias administrativas y educativas presentes en las Facultades.
La Comisión de Intervención y fortalecimiento de la UG mediante
resolución SENRES-PROC-2006-0000046 fue creado por el gobierno
vigente del presidente Eco. Rafael Correa Delgado, donde entre sus
funciones esta normalizar a todas las Facultades de la Universidad con
recursos tecnológicos de vanguardia para los estudiantes que cursan en
todas sus carreras.
Adicionalmente la Comisión de Intervención y fortalecimiento de la UG
dio lineamientos para mejorar la Categoría de la Universidad de Guayaquil
entre los cuales esta tener implementado un sitio Web por cada Facultad,
por ende los directivos de la Facultad de Ingeniería Industrial le dieron la
importancia que amerita y se nos encargaron el desarrollo e
implementación del sitio web.
El sitio Web de la Facultad de Ingeniería Industrial debe seguir los
lineamientos que rige la Directiva de la Universidad de Guayaquil, en la cual
el Vicerrectorado aprobaba las propuestas para el diseño del sitio Web.
Además se estableció que el sitio web de todas las Facultades debe estar
Marco Teórico 5
socializado con la página de la Universidad (www.ug.edu.ec), es decir
seguir el mismo diseño y estructura del sitio web
.
Para el planteamiento del problema se puede acotar que las
Facultades que integran la Universidad de Guayaquil no tienen un sitio web
oficial, donde un 10 % tienen un sitio web fuera del dominio oficial de la
Universidad de Guayaquil ( www.ug.edu.ec ) y el resto no tiene creada una
página o sus publicaciones.
La Comisión de Intervención y fortalecimiento de la UG exige que
cada Facultad tenga su sitio web donde se informe a los estudiantes y
ciudadanía en general todos los servicios académicos que ofrece dicha
Facultad. La Facultad de Ingeniería Industrial no posee un sitio Web oficial
por ello se requiere un pronto desarrollo e implementación del sitio Web el
cual facilite la acreditación y mejoras en la categoría de la Universidad de
Guayaquil. Por ello la Facultad de Ingeniería Industrial mediante su
prestigio y alto grado de nivel académico ha tomado como prioridad la
creación del sitio Web.
CUADRO N° 1
PLANTEAMIENTO DEL PROBLEMA
Síntoma Causa Pronóstico Solución
Falta de
información
actualizada y
su pronta
publicación a
los estudiantes
de la Facultad
de Ingeniería
Industrial
Falta de
disponibilidad
de recursos
tecnológicos
para subir el
sitio web de
la Facultad
Los trámites de
los estudiantes
serán demorados
y con fallos
constantes del
ejercicio de sus
actividades
académicas.
Desarrollo e
implementación
de un web site
oficial para la
Facultad de
Ingeniería
Industrial.
Fuente: Problemática Elaborado por: Dulcey Astudillo Héctor
Marco Teórico 6
Se estableció los límites del proyecto en los cuales se puede indicar:
El límite espacial se basa en los resultados de éste trabajo de
titulación, van dirigidos a implementarse en la Facultad de Ingeniería
Industrial de la Universidad de Guayaquil, teniendo como objetivo el
mejoramiento de la categoría de la Facultad y la publicación a nivel mundial
de los servicios académicos que ofrece en todas sus carreras.
También se indicaba que el límite temporal es el tiempo de desarrollo
del trabajo de titulación es desde el 3 de noviembre del 2014 hasta el 31 de
enero del 2015.
Además como limites sustantivos se analizará los servicios y/o
módulos que tendrá el sitio web oficial de la Facultad, estos módulos fueron
establecidos y socializados por las autoridades de la Universidad de
Guayaquil e indicados mediante la administración del centro de cómputo,
de cual se describe lo siguiente:
Para la justificación de este proyecto se indica que con el hecho de la
falta de un sitio web oficial que represente a la Facultad de Ingeniería este
trabajo de titulación se encasilla a una justificación del tipo social-
operacional.
Dentro de la justificación tenemos a la justificación operacional en la
cual se puede indicar que la publicación en línea de los servicios
académicos que brinda la Facultad de Ingeniería Industrial es una
innovación tecnológica la cual ayuda a las operaciones que realizan los
estudiantes y ciudadanos que requieran conocer algún tipo de información
de la Facultad. También existe la justificación social que Mediante la
creación del sitio web las consultas que realicen los estudiantes serán
actualizadas, y con ello se facilitara a las personas que por algún motivo no
pueden movilizarse a las instalaciones de la Facultad. Además ayudara a
Marco Teórico 7
futuros bachilleres a conocer las instalaciones que poseen la Facultad y sus
carreras que tienen vigentes para su análisis y elección de la carrera que
seguirán en su carrera universitaria.
El presente trabajo de titulación cumple con el capítulo 3 propuestas
en la sección de Estrategias en el numeral 5. Impulsar la investigación en
ciencia y tecnología para el desarrollo zonal de la agenda zona 5 del plan
del buen vivir.
Cabe indicar los beneficios que se obtiene por implementar el sitio
web de la Facultad como son:
Mejoras Institucional.
Mayor Operatividad de los servicios académicos.
Agilita la gestión administrativa en todas las áreas de la Facultad.
Una comunicación directa y sin ruidos que tergiversan la información.
El objetivo general consiste en desarrollar e implementar un sitio web
oficial para la Facultad de Ingeniería Industrial de la Universidad de
Guayaquil el cual aportará en el servicio académico que se brinda a los
estudiantes.
Como objetivos específicos del presente proyecto podemos
considerar:
1. Contribuir a la Acreditación a la Facultad de Ingeniería Industrial ante
los directivos de la Comisión de Intervención y fortalecimiento de la UG
la cual realizará el análisis para cambiar de categoría a la Universidad
de Guayaquil.
2. Facilitar el acceso a la información que dispone la Facultad a través de
la publicación por el sitio Web, la cual se puede visualizar desde
Marco Teórico 8
cualquier equipo ya sea de escritorio o móvil.
3. Normalizar y estandarizar la difusión de la información generada por la
Facultad a través de un canal oficial y con ello se evita información
tergiversada o mal empleada.
1.1. Antecedentes
Mediante informe del Consejo de Evaluación, Acreditación y
Aseguramiento de la Calidad de la Educación Superior (CEAACES) la
Universidad de Guayaquil se categorizó en la escala “D” determinado por
las falencias administrativas y educativas presentes en las Facultades.
La unidad interventora de la Universidad de Guayaquil fue creada por
el gobierno vigente del presidente Eco. Rafael Correa Delgado, donde entre
sus funciones esta normalizar a todas las Facultades de la Universidad con
recursos tecnológicos de vanguardia para los estudiantes que cursan en
todas sus carreras.
La unidad interventora dio lineamientos para mejorar la Categoría de
la Universidad de Guayaquil entre los cuales esta tener implementado un
sitio Web por cada Facultad, por ende los directivos de la Facultad de
Ingeniería Industrial le dieron la importancia que amerita y se nos
encargaron el desarrollo e implementación del sitio web.
El sitio Web de la Facultad de Ingeniería Industrial debe seguir los
lineamientos que rige la Directiva de la Universidad de Guayaquil, en la cual
la voz oficial es el departamento de Centro de cómputo de la Universidad.
Además el sitio de todas las Facultades debe estar socializado con la
página de la Universidad (www.ug.edu.ec), es decir seguir el mismo diseño
y estructura del sitio web El centro de Cómputo de la Universidad de
Guayaquil creo un foro de donde se realizan las consultas y pasos a seguir
Marco Teórico 9
para la creación del sitio web de cada una de las Facultades de la
Universidad.
1.2. Tecnología Aplicada
Es preciso mencionar las mejoras tecnologías que se aplican en el
sitio web para la Facultad de Ingeniería Industrial, en el cual lo podemos
dividirlo en Software, Hardware y Talento Humano.
GRÁFICO N° 1
TECNOLOGÍA APLICADA
Fuente: Investigación Directa Elaborado por: Dulcey Astudillo Héctor
1.2.1 Software aplicado
Todo el software aplicado en este proyecto es libre, por lo que su
utilización y modificación se puede realizar sin permisos a los autores o
creadores del software. Por ende no hay cotos de adquisición del software.
La inversión en los recursos requeridos para el funcionamiento de
este proyecto es baja , ya que solo se necesita un servidor que tenga
instalado sistema operativo Linux, servicios que son gratuitos como son el
servicio Web llamado Apache y un motor de base de datos llamado Mysql.
Tecnología aplicada
Talento Humano
HardwareSoftware
Marco Teórico 10
Adicionalmente tener una conexión con Internet y un dominio publicado con
el cual los usuarios se conectaran al sitio Web. Al contrario de software
propietario como el de Microsoft donde se debe comprar licencias del
sistema operativo y conexiones que puede brindar el sitio WEB.
El centro de cómputo de la Universidad de Guayaquil publicó la
plantilla “Indicate”, con la cual todas las Facultades de la Universidad deben
elaborar la página y su contenido. Para poder realizar el desarrollo con la
plantilla se debe trabajar con Wordpress en su última versión 4 en un
dominio gratuito llamado Hostinger con el sitio www.hosting24.com , donde
se instaló bajo un ambiente Linux la plataforma Wordpress. Adicionalmente
el hosting gratuito tiene varios servicios como son el motor de base datos
Mysql, con el cual se creó una base de datos para wordpress y servicio FTP
con el cual se subió los instaladores y archivos modificados para la
configuración de la plataforma.
GRÁFICO N° 2
SOFTWARE APLICADO
Fuente: Investigación Directa Elaborado por: Dulcey Astudillo Héctor
Plataforma Wordpres
Servicios Sistema
Operativo
Linux
Web server "Apache" Sitio Web
Consola de AdministraciónBase de Datos
"Mysql"
Base Wordpress
Transferencia de Archivos "FTP"
Marco Teórico 11
1.2.1.1. Sistema operativo
Un sistema Linux es la combinación de tener un Kernel Libre donde
tiene base el sistema Unix, es importante indicar que existen diferentes
distribuciones dependiendo de las necesidades, que pueden ser
estudiantiles y corporativas, al decir esto podemos explicar que
estudiantiles está diseñado con aplicaciones que son gran importancia para
laboratorios y estudios que se realizan en un estudiante, por lo que su
actualización en mejoras del kernel la realizan los propios estudiantes. Al
contrario de una distribución corporativa que está destinada para medianas
y grandes empresas, donde la actualización, mantenimiento y soporte debe
ser inmediato y óptimo, aquí es donde empresas cobran el servicio indicado
con una gran calidad de servicio que ayuda al buen funcionamiento del
sistema.
Entre los corporativos podemos citar sistemas operativos Red Hat
que tiene una buena acogida entre las empresas privadas y de gobierno,
por su estabilidad y soporte efectivo ante los mínimos problemas que
puedan existir en el sistema, también podemos exponer sobre el sistema
operativo Fedora que es la parte no comercial donde las versiones de
kernel son similares donde en esta versión se expone la versión para
pruebas y verificaciones de su funcionamiento durante un periodo de
tiempo, y posterior su lanzamiento en la versión comercial que es Red Hat.
Es preciso explicar que un Kernel es el núcleo o base de un sistema
operativo, este término se usa más al tratar de indicar los archivos de
sistema dentro un Linux o Unix. Dentro de una distribución de un sistema
operativo Linux existen muchas versiones del kernel, las cuales son
modificadas constantemente y por ende se sube una versión al realizar la
actualización. A nivel de distribución con Fedora y Ubuntu, que son libres y
el soporte lo realizan los propios usuarios de la comunidad las
distribuciones varían constantemente, ya que la innovación se aplica en
Marco Teórico 12
múltiples ocasiones durante un día. El kernel es imprescindible para el
funcionamiento del sistema operativo, esta parte o capa es la más cercana
al hardware por el cual los diferentes dispositivos se comunican y controlan
todo el hardware que esta interconectado.
EL sistema operativo UNIX es el padre de todos los sistemas Linux,
donde tiene características que hecho que sus derivados sean muy
populares en los servidores de última generación, entre los cuales destaca
que es:
Portable: es decir que la migración del sistema es fácil, por su
compatibilidad en cualquier hardware, así sea que el hardware tenga
poca capacidad y rendimiento.
Multitarea: con ello múltiples trabajos se realiza en diferentes hilos o
colas dentro de su procesamiento de tareas, en las cuales se toman
prioridades dependiendo del Kernel.
Multiusuario: esto quiere decir que en el sistema operativo se puede
ingresar a su operación varios usuarios a la vez, sin interferir los
procesos que se ejecutan en simultáneo con otro usuario.
Para este proyecto se ejecutó el piloto mediante un sistema operativo
Linux donde no se necesitó obtener licenciamiento ni claves, ya que es libre
su instalación y manejo.
Adicionalmente se aprovechó sus características antes indicadas, al
ejecutar múltiples tareas en los procesos y servicios que escuchan en el
servidor piloto.
En este proyecto se utilizará en la configuración de la plataforma el
comando VI en Linux es un editor de texto que se maneja bajo letras que
se digitan en un prompt o línea de comando interna que tiene la aplicación,
cabe indicar que es muy esencial saber su manejo para poder editar los
Marco Teórico 13
archivos de configuración de los servicios y aplicaciones que están bajo el
sistema operativo Linux o Unix. Por ello para poder realizar este proyecto
se realizó un estudio del comando con un laboratorio para pruebas.
1.2.1.2. Servicios
El servicio Web Apache es un servidor web HTTP de código abierto,
para plataformas Unix (BSD, GNU/Linux, etc.), Microsoft Windows,
Macintosh y otras, que implementa el protocolo HTTP/1.1 y la noción de
sitio virtual.
La arquitectura del servidor Apache es muy modular. El servidor
consta de una sección core y diversos módulos que aportan mucha de la
funcionalidad que podría considerarse básica para un servidor web.
Entre los cuales está el modulo php, el cual es utilizado en este
proyecto para cargar las páginas que son generadas por el wordpress.
Protocolo HTTP es el protocolo usado en cada transacción de la
World Wide Web, este protocolo orientado a transacciones y sigue el
esquema petición-respuesta entre un cliente y un servidor. Al cliente que
efectúa la petición (un navegador web o un spider) se lo conoce como "user
agent" (agente del usuario).
A la información transmitida se la llama recurso y se la identifica
mediante un localizador uniforme de recursos (URL). El resultado de la
ejecución de un programa, una consulta a una base de datos, la traducción
automática de un documento, etc.
Protocolo HTTPS es la versión segura del http (Hyper Text Transfer
Protocool) que todos conocemos y utilizamos habitualmente. La diferencia
es que, con HTTP podemos desarrollar actividades ecommerce, ya que
Marco Teórico 14
permite realizar transacciones de forma segura.
Como base de datos tenemos al servicio Mysql es un sistema de
gestión de base de datos relacional, multihilos del kernel y multiusuario, el
cual se ofrece bajo GNU GPL, por lo que es un software gratuito en el cual
es pagado solo en su mantenimiento y soporte a través del fabricante o
propietario del software.
Este motor de base de datos es muy utilizado en las aplicaciones
WEB, esta aplicación se puede instalar en sistemas operativos Windows o
Linux donde siempre está acompañado de los servicios Apache con los
módulos PHP , Perl y Python.
La licencia GNU GPL obliga a que la distribución de cualquier
producto derivado (aplicación) se haga bajo esa misma licencia. Si un
desarrollador desea incorporar su producto pero desea distribuirlo bajo otra
licencia que no sea la GNU GPL, puede adquirir una licencia comercial de
MySQL que le permite hacer justamente eso.
La Transferencia de archivos se la realiza por el servicio FTP es un
protocolo de comunicación por el cual se transfieren archivos desde una
terminal o cliente hacia un servidor que tenga instalado y operativo el
servicio ftp. Cabe indicar que servicio FTP es ofrecido por la capa de
aplicación del modelo de capas de red TCP/IP al usuario, utilizando
normalmente el puerto de red 20 y el 21.
Un problema básico de FTP es que está pensado para ofrecer la
máxima velocidad en la conexión, pero no la máxima seguridad, ya que
todo el intercambio de información, desde el login y password del usuario
en el servidor hasta la transferencia de cualquier archivo, se realiza en texto
plano sin ningún tipo de cifrado, con lo que un posible atacante puede
capturar este tráfico, acceder al servidor y/o apropiarse de los archivos
Marco Teórico 15
transferidos.
1.2.1.3. Plataforma Wordpress
Wordpress es una avanzada plataforma semántica de publicación
orientada a la estética, los estándares web y la usabilidad, que sirve para
la creación de Blogs y Páginas Web mediante código HTML y PHP. Con
ello el desarrollo de la página estará en un estándar de código libre, sin
necesidad de adquirir licencias para una futura modificación del código y su
diseño.
Entre sus características principales se pueden mencionar (Escobar
Arraigada & Lagos Llancao, 2006):
• Posee una fácil instalación, actualización y
personalización.
• Sigue las recomendaciones del W3C.
• Posee herramientas de comunicación entre Blogs
(Trackback, Pingback, entre otros.)
• Importación desde MovableType, Textpattern,
Greymatter, Blogger y su antecesor b2/Cafelog.
• Permite la existencia de múltiples autores en un
mismo Blogs.
• Soporta ordenar artículos en categorías y
subcategorías.
• Soporta comentarios.
• Soporta permalinks (enlaces permanentes y fáciles
de recordar) mediante mod_rewrite.
• Publicación mediante e-mail.
• Ofrece 3 estados para un post: Publicado,
• Sindicalización de los artículos mediante RDF, RSS
0.92, RSS 2.0 y Atom.
Marco Teórico 16
• Sindicalización de las discusiones
• Soporte de plugins
• Soporte para crear páginas estáticas a través de la
base de datos (a partir de la versión 1.5. (Escobar
Arraigada & Lagos Llancao, 2006)
La plataforma de wordpress se la puede dividir de la siguiente manera:
GRÁFICO N° 3
COMPONENTES DEL WORDPRESS
Fuente: Investigación Directa Elaborado por: Dulcey Astudillo Héctor
Web Semántica se resume en la idea de definir y enlazar información
en la web de modo que podamos utilizar más efectivamente a partir de
añadir metadatos semánticos a la World Wide Web (www). Se trata de
información adicional como descripción, el significado y la relación de
datos, que debe ser dada de forma explícita para que los equipos la puedan
evaluar automáticamente, con ello es factible manejar una estructura
donde están las base de datos, servicios , programas , sensores ,
dispositivos personales o aplicaciones.
La semántica se relaciona con los significados que se atribuyen a la
sintaxis, que en los términos web se interpreta como la idea de definir la
PLATAFORMA SEMÁNTICA
(WORDPRESS)
MOTORES INFORMÁTICOS
(WEB 2.0)
CATEGORIZACIÓN DEL SOFTWARE
LENGUAJE DE PROGRAMACIÓN
(PHP Y HTML)
Marco Teórico 17
información. Esto funciona cuando ponemos una palabra en un buscador
semántico adquiere un significado de acuerdo a nuestras preferencias
registradas, de este modo, se puede construir una plataforma de
conocimiento en base a nuestras preferencias que en conjunto con la
información disponible en la red permite obtener resultados a un sitio
determinado.
Se puede interpretar aplicando los conceptos de Rovira (2006): “
La visión de la Inteligencia Artificial: que la Web
semántica es un conjunto de iniciativas destinadas a
promover una futura Web cuyas páginas estén
organizadas, estructuradas y codificadas de tal manera
que los ordenadores sean capaces de efectuar
inferencias y razonar a partir de sus contenidos.
(Rovira, 2006)
Dentro de los motores informáticos está el WEB 2.0 está orientada
hacia los motores informáticos y procesadores de información que
entiendan lógica descriptiva en diversos lenguajes más elaborados de
metadatos, gestionada en la nube y ejecutada desde cualquier dispositivo
con un alto grado de personalización, en la que se añade contenido
semántico a los documentos que la forman y ello conlleva que la ejecución
de la misma sea realizada por maquinas que basándose en nuestros
perfiles en la red, descubren información para nosotros.
Se utiliza una plataforma WEB 2.0 donde existen mejoras
sustanciales de sus versiones anteriores como es la tecnología Web
semántica donde existe una programación avanzada y predictiva que lleva
al usuario a tener una interacción más directa y amigable con los sitios
WEB. En el caso del diseño y desarrollo de un sitio WEB tenemos la
plataforma WordPress que es un software de código abierto en el cual se
Marco Teórico 18
encarga de generar automáticamente código HTML y PHP de acuerdo a
los requerimientos de diseño y funcionamiento que se establezca en el sitio
web, esto se lo logra a través de un manager grafico de interfaz WEB,
donde se ingresa los atributos y contenido del objeto que se requiere
agregar a la página o sitio web.
Al decir WWW hacemos referencia a las siglas en ingles World Wide
Web, donde su traducción indica red informática mundial, esto representa
a la información que existen en el internet a través de las páginas WEB que
están en esta red.
AL categorizar el software implementado podemos indicar que es
Open Source en todas las capas que componen la solución del proyecto
del sitio web.
Al decir Open Source hablamos del software donde su código fuente
y derechos de autor son publicados bajo una licencia de dominio público,
donde los usuarios pueden utilizar, cambiar, mejorar el software y
redistribuirlo.
Existe una comunidad de desarrollo, en la cual se aporta con la
creación de módulos, componentes, manuales y solución a errores que son
requeridos por la comunidad para mejor el desempeño y calidad del trabajo
dentro de la plataforma.
Estos componentes adicionales se pueden clasificar como los widget,
plugins y sidebar, además se publican temas para diferentes plataformas
como son las de escritorio y móviles
Los lenguajes de programación utilizados por la plataforma de
wordpress son PHP y HTML, de los cuales podemos indicar: El lenguaje de
programación PHP (Hypertext Pre-processor) en el cual su código se
Marco Teórico 19
ejecuta mediante un servicio WEB, esto es bien usado en
implementaciones con servicios open source como es Apache, donde
existen módulos para la interpretación del lenguaje PHP. Estos archivos
para su identificación tienen la extensión p.
Cabe indicar que el uso de este lenguaje es libre, ya que utiliza una
licencia pública General Free, por ende es muy popular por su libertad de
ejecución y por las siguientes ventajas:
Velocidad: no solo la velocidad de ejecución, la cual es importante, sino
además no se crea lentitud en el pc o servidor. Por este motivo no debe
requerir demasiados recursos del hardware.Este lenguaje de
programación se integra en muy buena forma a otro software en
ambientes UNIX, eso se puede evidenciar cuando se configura con el
módulo de apache donde está listo para ser utilizado.
Estabilidad: la velocidad no es primordial si el sistema se baja en
muchas ocasiones, cabe indicar que ninguna aplicación esta 100 por
ciento libre de errores, pero con el respaldo incondicional que se tienen
en la comunidad de programadores y los usuarios es mucho más fácil
poder eliminar esos errores.
Este lenguaje utiliza su propio módulo de administración de recursos y
dispone de un óptimo método de manejo de variables, conformado con
su sistema robusto y estable.
Seguridad: en el sistema donde esta implementado el servicio web con
el lenguaje php debe estar con las protecciones adecuadas, esto se
debe analizar dependiendo de los niveles de protección externa que
posee la infraestructura tecnológica que posee. Lo más conveniente es
dar encriptación SSL al canal de comunicación que tiene el servicio
apache.
También se puede implementar inspectores de contenido que son
servidores los cuales analizan los paquetes que llegan a los servidores,
Marco Teórico 20
donde mediante una tabla actualizada están grabados los métodos que
realizan los diferentes ataques a los servidores estos son comparados con
los paquetes entrantes y si coinciden el patrón de los paquetes los bloquea
y no deja que ingrese otro paquete similar.
Simplicidad: la facilidad que tienen los programadores para generar
código en menos tiempo comparado con otros lenguajes de programación,
hay que acotar que a los programadores que ya están habituados a la
programación en C y C++ podrán utilizar el lenguaje PHP rápidamente.
También existen características como es la amplia gama de librerías
y poder adicionarle extensiones con facilidad, esto permite al lenguaje de
programación PHP ser utilizado en muchas áreas diferentes, tales como
encriptado, gráficos y XML.
Se tomó mucho en cuenta para la implementación del proyecto que
este lenguaje es multiplataforma, es decir que corre o se puede ejecutar su
código en cualquier plataforma o sistema operativo, algo así como 25
plataformas, incluyendo diferentes versiones de Unix, Linux, Windows y
Macs.
El código HTML es un lenguaje de programación, donde se hace
referencia a hipertextos para la elaboración de páginas, en las cuales se
incluyen texto, imágenes, entre otros.
Este código se escribe en forma de etiquetas, donde se emplea los
corchetes angulares para su definición de inicio y final de unas etiquetas.
Este código está implícito dentro de la programación en el lenguaje de
programación PHP. Esto incidió en la elección del lenguaje PHP, ya que
para manejar y proceder a codificar la página oficial de la faculta, su fácil
manejo y versatilidad fueron primordiales.
Marco Teórico 21
1.2.2. Hardware
La definición de Hardware es toda la parte tangible o física de un
equipo informático.
GRÁFICO N° 4
DISTRIBUCIÓN DEL HARDWARE
Fuente: Investigación Directa Elaborado por: Dulcey Astudillo Héctor
En el argot informático algunos profesionales definen como “el fierro”
de un servidor.
1.2.2.1. Servidores:
Es la combinación del hardware y software donde capaz de atender
las peticiones de un cliente y devolverle una respuesta en concordancia.
Los servidores se pueden ejecutar en cualquier tipo de computadora,
incluso en computadoras dedicadas a las cuales se les conoce
individualmente como "el servidor". En la mayoría de los casos una misma
computadora puede proveer múltiples servicios y tener varios servidores en
funcionamiento.
Por lo general los componentes básicos que contiene el hardware de
un servidor son su tarjeta madre, procesador, memorias, disco duro,
controladoras de dispositivos y de red. Existen una variedad de tipos de
servidores, la cual depende de requerimientos de disponibilidad,
rendimiento y económicos.
Hardware RedesServidores
Marco Teórico 22
Estos factores determinan la calidad del servicio que ofrecen los
equipos, a nivel de disponibilidad esta la tecnología de Clúster donde existe
dos servidores de iguales características y servicios que se replican entre
si la información, de tal manera que son espejo uno del otro, con ello
cuando un servidor deja de estar operativo el servidor espejo se vuelve
activo y escucha las peticiones de los clientes, esto da como resultado que
el servicio siempre esté disponible.
A nivel de rendimiento el tipo de tecnología en el procesador y medios
de transmisión es lo más importante para su medición.
Ahora se tiene que tener en cuenta que los requerimientos para la
instalación del Wordpress son a nivel de hardware y software, en hardware
se tiene como requerimiento principal que el procesador sea por lo mínimo
de la familia x86, una memoria de 512 M, espacio de 1 gb para los archivos
de wordpress y una tarjeta de red la conexión hacia los servicios.
Al analizar estos requisitos nos para damos cuenta que no es
necesario tener un hardware con grandes características, ya que esta
aplicación trabaja en un ambiente Linux el cual es óptimo y muy estable.
Cabe indicar que estas características son mínimas y pueden cambiar
dependiendo de lo que se tenga proyecto realizar como alcance del
proyecto.
En el proyecto del sitio web oficial de la Facultad de Ingeniería
Industrial esta notificado por el centro de cómputo de la Facultad que
después del piloto del sitio se revisó que este todo con los lineamientos
establecidos para realizar una migración a servidores propios de la
Universidad y con ello se tendrá centralizado, organizado, administrado y
con mantenimiento eficiente para la altas disponibilidad de los sitios web de
todas las Facultades.
Marco Teórico 23
1.2.2.2. Redes
Dentro del proyecto son parte principal para la implementación del
piloto y página en producción para que se la realice mediante el recurso de
red llamado internet, por el cual los usuarios se conectan y pueden validar
el funcionamiento del servidor y de sus aplicaciones que pueden estar
escuchando en todo el mundo.
Internet es una red abierta y universal. Toda empresa o persona se
identifica a través de su propia página Web, incluyendo en ella, tota la
información que la empresa desea comunicar a su entorno relacionado. Las
páginas Web pueden ser estáticas o dinámicas. Las primeras despliegan
información sin obtener retroalimentación y las segundas permiten a aquel
que las abre interactuar con el sistema y realizar transacciones. (Biase,
2010).
Una particularización en el uso de Internet es desarrollar una
INTRANET como una EXTRANET, siendo la diferencia entre ellas:
El Intranet es una red que solo esta habilitad para el personal de una
compañía, a través de equipos de comunicaciones que están en la
infraestructura tecnológica de la compañía, en sus principales usos está el
envío de correos, traspaso de archivos, sistema de workflow, etc.
El Extranet es cuando la red de la empresa es publicada para los
proveedores o clientes que necesiten los servicios o archivos que ofrecen.
Existen tecnologías relacionadas con la conexiones a las redes lan,
wan. Man e internet son para el uso adecuado y optimo del mismo y se
explica los medios mas conocidos para tener la mejore tecnología aplidada
al proyecto como es: Banda Ancha: esta tecnología permite la transmisión
de datos a velocidades mucho mejores a las tradicionales por cobre, en el
Marco Teórico 24
cual la información se obtiene una transferencia de datos de 1000 Mbps al
instante.
Un Sitio Web es el conjunto de todos los servicios que se debe tener
para publicación de páginas Web, las cuales se almacenan en este sitio
conjuntamente con sus bases de datos y servicios secundarios que brinda,
se puede clasificar en dos grupos los estáticos y dinámicos.
a) Un sitio Web estático
Un sitio web estático es uno que tiene contenido que no se espera
que cambie frecuentemente y se mantiene manualmente por alguna
persona o personas que usan algún tipo de programa editor.
El contenido estático puede también ser generado de manera
dinámica periódicamente o si ocurren ciertas condiciones para la
regeneración para evitar la pérdida de rendimiento de iniciar el motor
dinámico para cada usuario o para cada conexión.
Las características principales que tiene un sitio web estático son:
Realizadas principalmente en XHTML o HTML.
Para modificación de contenidos es imprescindible acceder al servidor
donde está alojada la página.
El proceso de actualización es lento y manual, esto se debe a su código
está vinculado entre módulos del sistema.
No ofrece bases de datos, foros, etc.
El usuario no puede seleccionar, ordenar o modificar los contenidos o
el diseño de la página.
Su diseño y desarrollo es más rápido y económico que el de una web
dinámica.
La estructura no es flexible.
Marco Teórico 25
b) Un sitio Web dinámico
Un sitio web dinámico es uno que puede tener cambios frecuentes en
la información. Cuando el servidor web recibe una petición para una
determinada página de un sitio web, la página se genera automáticamente
por el software como respuesta directa a la petición de la página; Por lo
tanto abriendo muchas posibilidades incluyendo por ejemplo: El sitio puede
mostrar el estado actual de un diálogo entre usuarios, monitorizar una
situación cambiante, o proporcionar información personalizada de alguna
manera a los requisitos del usuario individual.
Las Características principales que tiene un sitio web dinámico son:
:
Muchas posibilidades en diseño y desarrollo.
Utiliza varios lenguajes y técnicas de programación en su desarrollo.
El proceso de actualización es muy sencillo y no requiere entrar en el
servidor.
Permite un gran número de funcionalidades tales como bases de datos,
foros, contenido dinámico, etc.
El usuario puede alterar el diseño, contenidos o presentación de la
página a su gusto.
Su diseño y desarrollo es más caro que el de una web estática, por su
mayor complejidad y sus mayores prestaciones.
El proyecto de esta tesis comprende un sitio web dinámico, ya que la
actualización y mantenimiento es dinámica, en el cual el usuario o
administrador de la página puede alterar el diseño, contenidos o
presentación de la página a su gusto o nuevos lineamientos que se
establezcan por la Universidad de Guayaquil.
Además de tener mucha posibilidades en su diseño y desarrollo a
través de una variedad de plugins que se pueden instalar en la plataforma
Marco Teórico 26
de WordPress, estos plugins se puede instalar de forma gratuita y sin bajar
los servicios de sitios, la instalación es en caliente, es decir, que mientras
los servicios web están arriba se instala el plugin y aparece sus opciones
listas para trabajar.
Un hosting es el servicio que provee a los usuarios de Internet un
sistema para poder almacenar información, imágenes, vídeo, o cualquier
contenido accesible vía web. Es una analogía de "hospedaje o alojamiento
en hoteles o habitaciones" donde uno ocupa un lugar específico, en este
caso la analogía alojamiento web o alojamiento de páginas web, se refiere
al lugar que ocupa una página web, sitio web, sistema, correo electrónico,
archivos etc. en internet o más específicamente en un servidor que por lo
general hospeda varias aplicaciones o páginas web.
Al decir Dominio de Internet es una red de identificación asociada a
un grupo de dispositivos o equipos conectados a la red Internet.
El propósito principal de los nombres de dominio en Internet y del
sistema de nombres de dominio (DNS), es traducir las direcciones IP de
cada nodo activo en la red, a términos memorizables y fáciles de encontrar.
Esta abstracción hace posible que cualquier servicio (de red) pueda
moverse de un lugar geográfico a otro en la red Internet, aun cuando el
cambio implique que tendrá una dirección IP diferente
El DNS es un sistema de nomenclatura jerárquica para computadoras,
servicios o cualquier recurso conectado a Internet o a una red privada. Este
sistema asocia información variada con nombres de dominios asignado a
cada uno de los participantes. Su función más importante, es traducir
(resolver) nombres inteligibles para las personas en identificadores binarios
asociados con los equipos conectados a la red, esto con el propósito de
poder localizar y direccionar estos equipos mundialmente. El espacio de
nombres de dominio tiene una estructura arborescente. Las hojas y los
Marco Teórico 27
nodos del árbol se utilizan como etiquetas de los medios. Un nombre de
dominio completo de un objeto consiste en la concatenación de todas las
etiquetas de un camino.
Existe una clasificación que divide a los dominios del primer nivel en
dos categorías: los genéricos y los territoriales.
Los dominios genéricos hacen referencia al tipo de actividad que
tendrá el sitio web al que referencia. Están formados por terminaciones de
3 o más caracteres. Actualmente son los siguientes:
.com. Proviene de “commercial” y originariamente estaba pensado
para ser utilizado por empresas que quieran hacer un uso comercial del
sitio web. Los .com son los dominios que más se han registrado y por tanto
son los que tienen menos nombres libres
.net. Proviene de “net” que significa red. Originariamente pensado
para dominios relacionados con la propia Internet, aunque se usa mucho
como sustitutivo del .com si el que deseamos ya está registrado.
.org. Proviene de “organization” y está pensado para organizaciones
de tipo no lucrativo como ONG, instituciones, etc.
.edu. Dominio restringido sólo a instituciones educativas.
.biz. Proviene de “bizness”, que es una variante estadounidense para
la palabra inglesa business (negocio). Se usa con la misma finalidad que
un .com
.aero. Dominio restringido a empresas e instituciones relacionadas
con la aeronáutica. Salvo el .edu, .aero y .museum, que son restringidos,
es posible registrar un dominio cualquiera.
Marco Teórico 28
Los dominios territoriales son terminaciones de 2 letras asociadas a
países. Están pensados para organizar los sitios web según el país en el
que está localizado el propietario del dominio.
Ecuador le corresponde la terminación “.ec”. Existen dominios .es de
varios tipos: los .es de segundo nivel como google.es y de tercer nivel
.com.es, nom.es o edu.ec (por ejemplo fi.ug.edu.ec), si bien estos dominios
no han tenido el éxito esperado.
Existe dos tipos de Wordpress definidas por el dominio en el cual
están WordPress.org y WordPress.com, en el cual el dominio con extensión
ORG se refiere al gestor de contenidos más utilizado en el mundo, en el
que podemos descargar gratuitamente e instalar en nuestro propio servidor;
y, con el dominio con extensión COM es un sistema desarrollado por la
misma empresa, Automatic, que nos permite usando sus servidores y el
mismo software libre, tener nuestro propio blog o web de manera rápida y
gratuita donde las bases de datos , el backup y la seguridad corren por
cuenta de la empresa.
Por ello el trabajo realizado se basa en el piloto ejecutado en un
dominio gratuito donde el hardware tiene todo lo necesario para instalar
aplicaciones open source.
Para ello se ejecutó un entrenamiento del funcionamiento del
manager del hosting gratuito, analizando todas las opciones que se ofrece
para poder trabajar, esto se realizó mediante prueba y error, hasta tener
experiencia del funcionamiento y poder realizar el piloto.
Cabe indicar que se registró del dominio gratuito con el nombre de
http://ugIndustrial.esy.es/ y acto seguido se subió el instalador de
wordpress mediante servicios ftp del dominio gratuito donde mediante un
wizard (paso a paso) se instaló y configuro el wordpress.
Marco Teórico 29
1.2.3. Talento Humano
Para la administración y actualización del sitio Web ya no es necesario
tener conocimientos avanzados de lenguaje de programación, ya que se
genera automáticamente el código, por ello la designación de estas
funciones lo puede hacer profesionales en marketing o publicidad que le
darán un mejor diseño y calidad en la presentación de la página.
La preparación del ambiente para la instalación del wordpress tiene
su grado de dificultad, ya que se debe tener conocimientos en la ejecución
de comandos Linux o Unix, adicionalmente se requiere un dominio de las
aplicaciones del sistema, como el editor de texto con el comando vi o nano,
ya que con esta aplicación se realizaran la modificaciones a los archivos de
configuración para indicar los parámetros necesarios para la instalación.
Dentro de estos parámetros están los datos de conexión a la base de datos,
donde se ingresa usuario, clave, nombre de base y puerto de conexión al
servicio que ofrece el motor de base de datos.
CAPÍTULO II
METODOLOGÍA
Para el proyecto se tomó correferencia la metodología hibrida
denominada “Metodológica para Creación de Sitios Web”, la cual fue
creada por el Ingeniero Dely Maybel Gil Álvarez con la ayuda de técnicos
de la Universidad Tecnológica de Valencia.
(Gil Alvarez, 2007) La “Metodología para creación de sitios web”, toma
como referencia los siguientes trabajos:
• “Diseño de Páginas Web Accesibles” (Romero
Zúñiga, 1999).
• “Studio MX Creación de sitios Web” (Green, 2003).
• “Metodología práctica de revisión de la accesibilidad
de sitios Web” (Romero Zuñiga, Metodología
práctica de revisión de la accesibilidad de sitios
Web, 2001).
• “Diseño Inclusivo: marco metodológico para el
desarrollo de sitios Web accesibles” (Hassan
Montero & Martín Fernández, 2003)
• “Cómo conseguir una buena Web” (Dickinson &
Morris, 2000)
Por lo consiguiente la metodología aplicada es hibrida por tener varios
conceptos de varios autores y se puede indicar en el siguiente grafico las
fases que companene esta metodología para la creación de sitios web
dinámicos donde se puede modificar las páginas de forma inmediata y sin
errores en su codificación.
Metodología 33
GRÁFICO N° 5
FASES DE METODOLOGÍA PARA CREACIÓN DE SITIOS WEB
Fuente: Investigación Directa Elaborado por: Dulcey Astudillo Héctor
2.1. Fase de análisis de la investigación
Actualmente la Universidad de Guayaquil no cuenta con un sitio web
que incluya todas las Facultades.
Ciertas Facultades tienen sus propios sitios 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 información que tendría a su disposición el estudiante que ingrese
al sitio web de la Universidad de Guayaquil sería la lista de todas las
Facultades que componen la Universidad. Al elegir una de las Facultades
será direccionado a la página oficial de la Facultad seleccionada, donde
Publicidad
Mercadeo
Testeo
Programación
Diseño
Contenido
Planificación
Análisis
Metodología 34
encontrará listada las diferentes carreras con las que cuenta la Facultad,
además de la malla curricular, horarios de clases, misión y visión de la
carrera, pensum académico e información útil e interesante para el
estudiante.
Con todo esto, la Facultad de Ingeniería Industrial cuenta con tres
carreras: Ingeniería Industrial, Teleinformática y Licenciatura en Sistemas
de Información; pero no cuenta con un sitio web de manera oficial.
“Todo proyecto debe contar con objetivos definidos, contra los cuales
puede medirse la efectividad de las acciones que se desarrollen” (Green,
2003). Por lo que se procedió al desarrollo e implementación del Sitio Web
de la Facultad de Ingeniería Industrial, siguiendo los estándares de diseño
y lineamientos propuestos por la dirección de la Universidad de Guayaquil
para que no solo sea incluida en la lista de Facultades de la Universidad
sino que tenga el mismo esquema y apariencia gráfica que las demás
Facultades, pero con la respectiva información de la Facultad y de cada
una de sus carreras.
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.
2.2. Fase de planificación
Para la planificación del proyecto se creó un cronograma de
actividades con los recursos y disponibilidad que ofreció la Facultad de
Ingeniería Industrial y el Centro de Computo de la Universidad de Guayaquil
el cual se adjunta en el anexo.
El cronograma está ajustado a las situaciones presentadas por la
organización del Centro de Computo de la Universidad de Guayaquil, quien
Metodología 35
disponía de las fechas y plazos, estos plazos se modificaban en el tiempo,
estableciendo como fecha inicial el 3 de noviembre del 2014.
A continuación se grafica os recursos utilizados para la planificación
del proyecto que son:
GRÁFICO N° 6
RECURSOS DEL PROYECTO
Fuente: Investigación Directa Elaborado por: Dulcey Astudillo Héctor
El Centro de Computo de la Universidad de Guayaquil proporciono el
hosting donde se incluye el software y hardware para implementación en
producción del sitio Web. Además se publicaron las políticas para socializar
las páginas de todas las Facultades luego de la aprobación del
Vicerrectorado de la Universidad de Guayaquil.
Los Creadores del sitio Web quienes son los autores e
implementadores de este proyecto el cual se dividió por propósito. De lo
cual el propósito elegido fue para la ciudadanía y estudiantes. La Facultad
de Ingeniería Industrial intervino con el talento humano de las áreas de
administración y sistemas.
Recursos
Centro de Computo de la
UG
HostingNormas y politicas
Facultad de Ingenieria Industrial
Creadores del sitio:
Héctor Dulcey Astudillo
Edison Valle Chavez
Metodología 36
2.3. Fase de contenido
Para la recolección de datos y contenido se aplicó lo indicado por
(Green, 2003):
“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)
Para la recolección de datos de esta investigación utilizaremos la
información proporcionada por diferentes áreas como son:
GRÁFICO N° 7
CLASIFICACIÓN DE INFORMACIÓN OBTENIDA
Fuente: Investigación Directa Elaborado por: Dulcey Astudillo Héctor
Centro de Computo de la Universidad de Guayaquil a través de sus
plantillas, documentos para socializar los sitios web y manuales de
funcionamiento del wordpress.
Centro de Computo
UG
•Formato y plantilla del sitio web
•Manuales de implementación
•Politicas para socializar sitios web de facultades
Facultad de
Ingenieria Industrial
•Fotos
•Videos
•Información de la Facultad
Internet
•Manuales de plugins
•Foros de manejo del wordpress
•Instaladores
•Imagenes
•Videos
Metodología 37
Esta documentación se realizó a través de un foro creado por el centro
de cómputo de la UG donde lo integraban representantes de cada Facultad,
además se realizaron reuniones para discutir los puntos de socialización de
cada uno de los elementos del sitio web.
Facultad de Ingeniería Industrial a través de fotos, videos e
información que fue proporcionada por funcionarios del área de sistemas,
administración y relación públicas. Para ello se realizaron actividades
como: Visitar las secretarías de Ingeniería Industrial, Sistema y
Teleinformática donde se pidió al funcionario encargado la historia, misión
y visión de la carrera, los horarios de clase y de exámenes, pensum
académicos, malla curricular, entre otras. Tambien concurrir al área
administrativa de Ingeniería Industrial, Sistema y Teleinformática para
solicitar el listado de autoridades, organigrama, documentos legales, el
directorio de decanos, el POA (Plan Operativo Anual), el PEDI (Plan
Estratégico de Desarrollo Institucional), entre otras.
Internet por este medio se logró recopilar información sobre los
problemas comunes que durante el proceso de implementación del piloto
se presentaron, además de almacenar imágenes y videos para el sitio web.
Cabe acotar que este medio está en constante crecimiento en sus
miembros o usuarios que se conectan, además un ritmo acelerado de
mejoras tecnológicas que lo hacen un medio muy utilizado en el mundo.
2.4. Fase programación y diseño
2.4.1. Programación
La programación se genera automáticamente a través de la web
semántica, por lo tanto se debe entender su arquitectura y la relación que
tienen sus compontes para esta inteligencia artificial, en el siguiente grafico
Metodología 38
se sintetiza estos componentes:
GRÁFICO N° 8
ARQUITECTURA DE LA WEB SEMÁNTICA
Fuente: Revista Española de Documentación Científica Elaborado por: Juan Antonio Pastor Sánchez
Para esta fase se debe indicar que la programación es automática a
través del diseño del sitio, esto se debe a la tecnología de Web semántica
que interpreta el diseño que se aplica mediante un API tipo browser que
proporciona el Wordpress y es genera un código automáticamente el cual
es HTML y PHP. Por ende la autoría con respecto al código php generado
se lo otorga de forma indirecta a la plataforma de wordpress. La
programación generada en el diseño se la incorpora en el anexo de este
documento.
2.4.2. Diseño de la base de datos
También se debe acotar que la base de datos de la plataforma
Metodología 39
Wordpress esta predefinida de la siguiente manera:
GRÁFICO N° 9
ESQUEMA DE BASE DE DATOS EN WORDPRESS
Fuente: www.wordpress.org Elaborado por: wordpress
Tabla wp_posts: La información principal de WordPress son las
entradas (posts), que son guardados en esta tabla.
Metodología 40
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).
Tabla wp_options: En esa tabla se guarda la configuración general y
opciones de WordPress.
Tabla wp_links: Información relacionada con las ligas ingresadas al
Blogroll Manager de WordPress.
Tabla wp_users: La lista de usuarios se mantiene aquí.
Tabla wp_usermeta: Cada usuario tiene sus propios metadatos, que
se guardan en esta tabla.
Tabla wp_terms: Contiene las categorías y etiquetas de las entradas.
Tabla wp_term_relationships: Asociaciones de las entradas con
categorías y etiquetas de la tabla wp_terms, junto con asociaciones.
Tabla wp_term_taxonomy: Contiene descripciones de la taxonomía
(categoría, liga, o etiqueta) para los datos mantenidos en la tabla wp_terms.
Tabla wp_comments: Los comentarios en WordPress se mantienen
aquí.
Tabla wp_commentmeta: Los metadatos de los comentarios se
guardan en esta tabla.
2.4.3. Diseño de la plataforma Wordpress
A continuación se muestra la estructura pre diseñada para el
Metodología 41
funcionamiento de la plataforma de worpress:
GRÁFICO N° 10
ESQUEMA DE MÓDULOS EN LA PLATAFORMA WORDPRESS
Fuente: www.wordpress.org Elaborado por: wordpress
En el cual se puede indicar que existen 3 módulos principales, el
index.php que es donde están las página publicadas del sitio web, wp-
admin por medio de este modelo se ingresa a la administración del sitio
Metodología 42
para la creación de la páginas y por ultimo tenemos admin-ajax que es el
módulo de administración alterno donde se aplica tecnología Ajax para que
la administración se guarde en cache y poder gestionar la administración
sin problemas de pérdida del trabajo realizado en la sesión del wp-admin.
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)
2.5. Fase Testeo
Se realizan las pruebas en el piloto y producción para asegurar el
perfecto funcionamiento del sitio Web de la Facultad de Ingeniería Industrial
de la siguiente manera, donde (Green, 2003) destaca:
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.
Metodología 43
GRÁFICO N° 11
ESQUEMA DE TESTEO DEL SITIO WEB
Fuente: Investigación Directa Elaborado por: Dulcey Astudillo Héctor
2.6. Fase de mercadeo y publicidad
En esta fase hay que tener en consideración lo siguiente:
Derechos de autor: El sitio web de la Facultad tiene los derechos
sobre su dominio, adicionalmente los tiene el centro de cómputo de la
Universidad de Guayaquil, esto esta socializado para que este publicado
en la parte inferior de la página principal o inicial del sitio web.
Definición de dominio: se verifica un dominio disponible para el sitio
web, en este caso el centro de cómputo de la Universidad de Guayaquil
definió el dominio a www.fi.ug.edu.ec , donde se dispone a la Facultad de
un subdominio fi dentro del dominio de la Universidad
ug.edu.ec.Transferencia de archivos: esto se realiza mediante el servicio
ftp en el servidor web, en el caso de la Universidad de Guayaquil se lo
transfirió mediante una carpeta compartida por el centro de cómputo.
Difusión del sitio web: su difusión depende de la publicidad que se
Testeo
Comprobacion de navegadores
Detectar los vinculos rotos
Comprobar tiempo de descarga
Metodología 44
le pueda dar mediante papelería de la organización, mediante banners en
sitios específicos, por medio de buscadores y otros.
GRÁFICO N° 12
DIAGRAMA DE PROCESO DE PUBLICACIÓN DEL SITIO WEB
Fuente: Investigación Directa Elaborado por: Dulcey Astudillo Héctor
Derechos de autorDefinición de
dominio (www.fi.ug.edu.ec)
Transferecia de archivos del sitio
web
Difusión del sitio Web
Propuesta 46
CAPÍTULO III
PROPUESTA
3.0. Tema
“Desarrollo e implementación del sitio web oficial para la Facultad de
Ingeniería Industrial aplicando tecnología web 2.0”
3.1. Objetivos
Obtención de puntos para la acreditación de la Facultad de Ingeniería
Industrial.
Disponibilidad para los estudiantes a la información oficial publicada por
la Facultad de Ingeniería Industrial de manera rápida y precisa.
Ingreso a todos los servicios que dispone la Universidad a través de la
publicación de sus servicios en un solo sitio web.
3.2. Elaboración
Para el desarrollo de la propuesta del sitio web oficial para la Facultad
de Ingeniería Industrial se realizaron las siguientes actividades:
3.2.1. Recolección de datos
En esta parte se procede con una recolección de datos la cual se
obtiene fotos para las páginas de inicio donde esté el personal
administrativo dentro de la Facultad. También se tomaron fotos como al
Propuesta 46
Sub decano, Director de Sistemas de Información, Director de Industrial,
Director de Teleinformática y Director de Titulación
3.2.2. Instalación y configuración de servicios para Wordpress
Primer paso: Crear la Base de Datos, para crearla se entró en el
módulo de administración del hosting y se una Base de Datos MYSQL, al
encontrar la opción, se siguió un par de pasos, asignarle nombre a la base
de datos, al usuario de base de datos y una contraseña.
Una vez creada la base se necesitó:
Descargar el paquete de ficheros de Wordpress desde Wordpress.org.
Un editor de texto, Microsoft Word no sirve, pero con el Notepad hay
suficiente.
Los datos de la base de datos que has creado: nombre de base de
datos, nombre de usuario, contraseña y servidor.
Los datos de acceso ftp (te los tiene que proporcionar la empresa del
hosting, normalmente será otra opción dentro de su panel de
administración): usuario, contraseña y servidor).
Segundo paso: El archivo de configuración wp-config.php
Wordpress tiene un archivo de configuración que le dice cómo se
llama la base de datos, donde está, como acceder a ella y algún parámetro
más. Para este paso de la configuración:
Descomprimimos el fichero zip de Wordpress que te has bajado en el
primer paso en tu ordenador.
Buscamos el fichero wp-config-sample.php y le cambiamos el nombre
a wp-config.php.
Lo abrimos en un editor de texto plano como Notepad (MS Word).
Propuesta 47
define('DB_NAME', 'Industrial');
define('DB_USER', 'Industrial');
define('DB_PASSWORD', 'Industrial');
define('DB_HOST', 'localhost');
define('SECURE_AUTH_KEY', ');
define('LOGGED_IN_KEY', ');
define('NONCE_KEY', ');
define('AUTH_SALT',');
define('SECURE_AUTH_SALT', '');
define('LOGGED_IN_SALT', '');
define('NONCE_SALT', '');
Se guarda el archivo de configuración wp-config.php mediante el
editor de textos.
Tercer paso: subir los ficheros de Wordpress al servidor,por medio de
un cliente de FTP, se accede al servidor (con el usuario y contraseña de
ftp), se envía todo el contenido de la carpeta que has descomprimido en el
paso anterior (y sus subcarpetas) al disco duro del servidor.
Cuarto paso: Instalar Wordpress en el servidor, se procede a la
instalación la cual es rápida, para ingresar a la plataforma tienes que
ingresar con la ruta:
Http://ugIndustrial.esy.es/Industrial/wpadmin/install.php, verás una
pantalla como esta:
Se ingresa: nombre del blog y tu e-mail y le das a “Instalar”, la
siguiente pantalla te dirá que todo ha ido bien y tu nombre de usuario y
contraseña para entrar en la administración de Wordpress. Esto se muestra
en la siguiente pantalla que aparece al ejecutar el instalador de wordpress
en el servidor.
Propuesta 48
IMAGEN Nº 1
PANTALLA INICIAL DE INSTALACIÓN EN WORDPRESS
Fuente: www.ugIndustrial.esy.es Elaborado por: Dulcey Astudillo Héctor
3.2.3 Instalación de plantilla en WordPress
Con la plantilla indicada por el centro de cómputo de la Universidad
de Guayaquil llamada Indicate, se descarga el fichero en el disco duro del
ordenador. Acto seguido descomprime el fichero: se creará una carpeta con
el nombre de la plantilla y todos los ficheros dentro.
Ahora se accede por FTP al disco duro del servidor y se busca la
carpeta /wp-content/themes/ de la instalación de Wordpress y sube la
carpeta que se descomprimió (entera) desde el disco duro del ordenador al
Propuesta 49
del servidor.
Cuando termine de subirse, en el servidor debe tener este aspecto:
/wp-content/themes/indicate/ y dentro de “indicate” estarán todos los
archivos del nuevo tema.
Se procede a cerrar el programa de FTP y abrir la administración del
worpress: http://ugIndustrial/wp-admin/. En el menú, accede a la opción
“Apariencia -> Temas”. Llegarás a una pantalla que Te muestra una imagen
de cada uno de los temas que están disponibles para activar.
3.2.4 Creación de menú principal
IMAGEN Nº 2
DISEÑO DE CABECERA PRINCIPAL
Fuente: Centro de Computo UG
Elaborado por: Dulcey Astudillo Héctor
En la reunión se quedó que del lado izquierdo esté ubicado el logo de
la Universidad de Guayaquil seguido por el Nombre de la Facultad
centrado, y por consiguiente del lado izquierdo se ubique el logo de la
Facultad. Tambien se puede insertar el logo de la facultad en el lado
derecho de la imagen, por no tener un logo establecido se dejó solo con el
logo de la Universidad de Guayaquil en lado izquierdo.
Propuesta 50
IMAGEN Nº 3
DISEÑO DE MENÚ
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Desglose del menú:
Nosotros:
Historia,
Misión, Visión
Autoridades
Organigrama, Repositorio Legal
Directorio de Decanos
Oferta Académica:
Nivelación
Misión y Visión
Syllabus
Malla curricular
Grado
Misión y Visión
Syllabus
Malla curricular
Posgrado
Misión y Visión
Syllabus
Malla curricular
Departamentos:
Coordinación académica
Propuesta 51
Acreditación
Vinculación
Investigación
Titulación
Servicios:
Repositorio de solicitudes
Horarios de Clases y Examen
Bienestar Estudiantil
Transparencia:
POA
PEDI
Contactos:
IMAGEN Nº 4
DISEÑO DE LA PÁGINA PRINCIPAL
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 52
Contenedor Izquierdo
Mi Facultad (siglas de la Facultad)
Aula Virtual: aquí está el sistema de cursos virtuales.
Biblioteca Virtual
Consulta de Notas
Correo UG
Contenedor de Noticias
IMAGEN Nº 5
DISEÑO IZQUIERDO DE LA PÁGINA PRINCIPAL
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 53
Contenedor Derecho
Barra de Búsqueda
Contenedor de redes sociales Poner los Iconos correspondientes a
todas las redes sociales que han sido aprobadas por los decanos.
Incluir icono de office 365
Widget de Facebook , en el cual estará el perfil oficial
Widget de Tweeter
IMAGEN Nº 6
DISEÑO DERECHO EN LA PÁGINA PRINCIPAL
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 54
Contenido Central
IMAGEN Nº 7
DISEÑO CENTRAL DE LA PÁGINA PRINCIPAL
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Slider el cual se tiene 5 imágenes que cambia cada 5 segundos.
Galería de videos de YouTube sobre la Facultad.
El logo de la Universidad de Guayaquil debe conservarse tal cual. No
se le debe mezclar con otros logos ni letrero ni cualquier tipo de figuras.
A continuación se detalla los colores que se debn utilizar en todas las
páginas del sitio web de la Facultad de Ingeniería Industrial:
CUADRO N° 2
CONFIGURACIÓN DE COLORES DEL SITIO WEB
Color Aplicación
#FFFFFF Color del texto del menú primario
#D7D7D7 Color del texto del menú secundario
#FD9F00 Color de fondo del menú primario
#EFAE10 Color del link de texto del menú secundario
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 55
Con el objetivo de unificar los tipos de letra de las páginas
interinstitucionales se debe utilizar las fuentes y tamaños según su
aplicación.
CUADRO N° 3
CONFIGURACIÓN DE TIPOS DE LETRA DEL SITIO WEB
Aplicación Fuente Tamaño
Texto de Encabezado Baskerville Old Face 95.53pt
Texto de Menú Primario Arial, Helvetica, Sans-serif 11px
Texto de Menú Secundario Arial, Helvetica, Sans-serif 12px
Texto de contenido interno Arial, Helvetica, Sans-serif 12px Fuente: Centro deComputo UG Elaborado por: Dulcey Astudillo Héctor
Para la creación de las páginas se tomó en referencia lo dispuesto y
socializado por el centro de cómputo de la Universidad de Guayaquil en la
que se crearon las siguientes páginas por WordPress:
En la página Nosotros se quiere mostrar en un submenú de la
siguiente esta forma:
IMAGEN Nº 8
DISEÑO DEL MENÚ DE LA PÁGINA NOSOTROS
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 56
En la sub página Historia se publicó:
“El 27 de Mayo de 1952 el Ministerio de Educación aprueba la
creación de la Escuela de Ingeniería Mecánica de la Facultad de Ciencias
Matemáticas y Físicas y el Consejo Universitario aprueba el Programa de
Estudio el 24 de Junio de 1952 siendo Decano de la Facultad de
Matemáticas y Físicas el ING. QUI. Nicolás León Pizarro.
En la Junta de Facultad del 6 de Julio cie 1956 un grupo de profesores
entre ellos el ING. QUI. Alfredo Hincapié Segura proponen cambiar el
nombre de la Escuela de Ingeniería Mecánica por Ingeniería Industrial la
cual tiene una acogida favorable.
Al año siguiente se acepta oficialmente el cambio de nombre de la
Escuela con la siguiente resolución:
Acta de Creación
En la ciudad de Guayaquil el 15 de junio de 1957 se reúne la Junta de
Facultad de Ciencias Matemáticas, presidida por el señor Decano ING.
QUI. NICOLÁS LEÓN PIZARRO a pedido de un grupo distinguido de la
joven Escuela de Ingeniería Mecánica y en atención a la importancia que
está tomando dicha Escuela, la denominación inicial se cambia por la de
Ingeniería Industrial, esta se está estructurando y tiene la función específica
basada especialmente en el interés de sus catedráticos que disponen de
pocos años. Tal experiencia aportará elementos valiosísimos para la Patria.
En 1968 se originó la primera reforma académica encaminada a
orientar la enseñanza hacia la Ingeniería de Métodos y medición del trabajo
con un sistema de estudio por año. A partir de 1978 se inicia la
transformación sistemática de semestre a años en el sistema de estudio la
reforma académica conlleva a orientar la enseñanza al estudio de los
Propuesta 57
sistemas operativos. Un grupo de profesores y estudiantes a través de la
Dirección de Escuela de Ingeniería Industrial presidida por el ING. QUI.
Gonzalo Peralta Benítez y por la Asociación de Estudiantes el Sr. Eduardo,
Jurado Béjar., solicitan al Consejo Universitario la creación de la Facultad
de Ingeniería Industrial. Por disposición del Consejo Universitario el
Consejo Directivo de la Facultad de Matemáticas y Físicas designa una
comisión integrada por el ING. QUI. Oswaldo Navarrete Pacheco ING. QUI.
Carlos Von Schoettler Sánchez. Sr. Eduardo Jurado Béjar Sr. Mario Medina
Arcentales para la elaboración del documento que justifique la creación de
una nueva Unidad Académica.
IMAGEN Nº 9
DISEÑO DE LA HISTORIA
Fuente: Facultad de Ingeniería Industrial Elaborado por: Dulcey Astudillo Héctor
Misión
La Facultad de Ingeniería Industrial tiene como misión formar
profesionales capacitados para actuar en el desempeño técnico o
administrativo de los procesos de productos o servicios, con habilidades en
la planificación, gestión y la organización técnica de la producción y análisis
Propuesta 58
de sistemas, con calidad y eficiencia, vinculado a una visión ética,
humanística y social para impulsar el desarrollo de los sectores productivos
del país.
Visión
La Facultad de Ingeniería Industrial será una institución de
trascendencia nacional y prestigio internacional formadora de Ingenieros
Industriales , ingenieros teleinformàticos, licenciados en sistemas de
información y Tecnólogos en Análisis de Sistemas, de Control de la
Producción y de la Calidad y en Mantenimiento y Seguridad Industrial de
reconocida acción en la administración pública y privada, y orientadora del
desarrollo del sector Industrial, en particular y de la comunidad toda en
general, mediante la formación de cuarto nivel con soporte internacional.
IMAGEN Nº 10
DISEÑO DE MISIÓN Y VISIÓN
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
En esta sub página se publicó las fotos, nombres completos y correo
de las principales autoridades de la Facultad de Ingeniería Industrial,
Decano, Sub Decano, Director de Sistemas de Información, Director de
Industrial, Director de Teleinformática y Director de Graduación.
Propuesta 59
IMAGEN Nº 11
DISEÑO DEL MENÚ DE LA PÁGINA AUTORIDADES
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 60
IMAGEN Nº 12
DISEÑO DEL MENÚ DE LA PÁGINA AUTORIDADES
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
En la opción de repositorio legal se puede descargar los archivos con
formato PDF donde está la información sobre el reglamento de gratuidad y
el reglamento de evaluación.
Propuesta 61
IMAGEN Nº 13
DISEÑO DE LA PÁGINA REPOSITORIO LEGAL
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
En la página de directorio de decanos se mostraran todos los decanos
que han pasado por la Facultad de Ingeniería Industrial desde su creación.
En esta página de Ofertas Académicas se quiere mostrar en un
submenú de la siguiente esta forma:
IMAGEN Nº 14
DISEÑO DE LA PÁGINA OFERTA ACADÉMICA
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 62
En esta sub página de Nivelación se incorporó un slider el cual cambia
de imagen cada 5 segundos, existe 3 imágenes relacionados a los
estudiantes y la Facultad.
IMAGEN Nº 15
DISEÑO DE LA PÁGINA NIVELACIÓN
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
En esta sub página se incorporó un slider el cual cambia de imagen
cada 5 segundos, existe 3 imágenes relacionados a los estudiantes y la
Facultad.
IMAGEN Nº 16
DISEÑO DE LA PÁGINA GRADO
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 63
Aquí se muestra la información acerca de la Misión, Visión, syllabus y
malla curricular por carrera.
En esta página se encuentra tres botones en formas de imágenes
donde se muestran las carreras Ingeniería Industrial, Teleinformática y
Sistemas de Información:
IMAGEN Nº 17
DISEÑO DE LA PÁGINA GRADO
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
En la opción de Ingeniería Industrial se encuentra un submenú donde
se va encontrar con la siguiente información:
Misión
La Facultad de Ingeniería Industrial forma profesionales competitivos
en las áreas de Ingeniería Industrial, Teleinformática y Sistemas con una
cultura de calidad investigativa, y de emprendimiento, para diseñar,
optimizar, integrar, implementar, mejorar y gestionar los sistemas de la
producción de bienes y/o servicios, promoviendo el perfeccionamiento de
los sectores productivos del País.
Visión
La Facultad de Ingeniería Industrial en 10 años aspira ser un centro
de producción del saber de pregrado y postgrado que tendrá trascendencia
y prestigio Nacional e Internacional, como formadora de profesionales
Propuesta 64
creativos, innovadores y emprendedores, que con pertinencia técnica,
tecnológica y humana logren ser líderes eficientes, productivos y
orientadores del desarrollo empresarial y social.
IMAGEN Nº 18
DISEÑO DE LA PÁGINA DE INGENIERÍA INDUSTRIAL
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
En esta subpágina de malla curricular se muestra la malla al lado
derecho del submenú.
Propuesta 65
IMAGEN Nº 19
DISEÑO DE LA PÁGINA MALLA CURRICULAR INDUSTRIAL
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
En esta sub página se incorporó un slider el cual cambia de imagen
cada 5 segundos, existe 3 imágenes relacionados a los estudiantes y la
Facultad.
IMAGEN Nº 20
DISEÑO DE LA PÁGINA POSGRADO
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Aquí se mostrará la información acerca de la Misión, Visión, syllabus
y malla curricular por carrera.
Propuesta 66
En la página de Departamentos se muestra un submenú con los
departamentos de Coordinación Académica, Vinculación, Investigación y
Acreditación, Graduación, Sala de Coordinación de Profesores y Biblioteca
de la siguiente forma:
IMAGEN Nº 21
DISEÑO DEL MENÚ DEPARTAMENTOS
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
En las opciones del menú de departamentos se muestra las fotos de
su infraestructura que continuación se muestra:
IMAGEN Nº 22
DISEÑO DE LA PÁGINA COORDINACIÓN ACADÉMICA
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 67
IMAGEN Nº 23
DISEÑO DE LA PÁGINA VINCULACIÓN
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
IMAGEN Nº 24
DISEÑO DE LA PÁGINA DE ACREDITACIÓN
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 68
IMAGEN Nº 25
DISEÑO DE LA PÁGINA DE GRADUACIÓN
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
IMAGEN Nº 26
DISEÑO DE LA PÁGINA DE SALA DE COORDINACIÓN
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 69
IMAGEN Nº 27
DISEÑO DE LA PÁGINA DE BIBLIOTECA
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
En esta opción de menú Servicios se encuentra las opciones de:
IMAGEN Nº 28
DISEÑO DEL MENÚ SERVICIOS
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 70
En la página de Repositorio de Solicitudes se encuentra varias
opciones de solicitudes las cuales se puede pre visualizar en el lado
derecho de la página.
IMAGEN Nº 29
DISEÑO DEL MENÚ DE REPOSITORIO DE SOLICITUDES
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Los certificados que están publicados son:
IMAGEN Nº 30
DISEÑO DE LA PÁGINA DE CERTIFICADO DE ESTAR MATRICULADO
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 71
IMAGEN Nº 31
DISEÑO DE LA PÁGINA DE SOLICITUD DE CAMBIO DE TUTOR
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
IMAGEN Nº 32
DISEÑO DE LA PÁGINA DE SOLICITUD DE CULMINACION DE CARRERA
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 72
IMAGEN Nº 33
DISEÑO DE LA PÁGINA DE SOLICITUD DE EXAMEN EXTEMPORANEO
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
IMAGEN Nº 34
DISEÑO DE LA PÁGINA DE SOLICITUD DE CERTIFICACIÓN DE NOTAS
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 73
En esta página estarán publicados los horarios de clases y de
exámenes del siguiente semestre en curso.
En la opción de menú de trasparencia se publican la información
financiera que debe presentar la Facultad Industrial hacia la ciudadanía
como es el POA y PEDI.
IMAGEN Nº 35
DISEÑO DE LA PÁGINA DE TRANSPARENCIA
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
En la opción de Contactos se carga el mapa de las calles cercanas a
la Facultad de Ingeniería Industrial, por medio de los mapas de Google.
IMAGEN Nº 36
DISEÑO DE LA PÁGINA DE CONTACTOS
Fuente: Centro de Computo UG Elaborado por: Dulcey Astudillo Héctor
Propuesta 74
3.2.5 Publicación y pruebas de piloto
La publicación y pruebas realizadas en el piloto se lo realizo por
servicio de hosting gratuito hostinger, en el cual se creó una cuenta
suscribiéndose con un correo personal.
La administración se la realizo mediante una página donde se muestra
las opciones para realizar las pruebas del sitio de la Facultad.
IMAGEN Nº 37
MANEJADOR DE DOMINIO PILOTO
Fuente: www.ugIndustrial.esy.es Elaborado por: Dulcey Astudillo Héctor
Mediante FTP se actualizaron archivos para realizar las pruebas, a
través de un módulo que tiene el servicio de hosting gratuito.
Propuesta 75
IMAGEN Nº 38
CONSOLA FTP DE DOMINIO PILOTO
Fuente: www.ugIndustrial.esy.es Elaborado por: Dulcey Astudillo Héctor
IMAGEN Nº 39
PÁGINA INDEX DE PILOTO
Fuente: www.ugIndustrial.esy.es Elaborado por: Dulcey Astudillo Héctor
Propuesta 76
Se realizaron las pruebas de cada una de las opciones, navegando y
ejecutando los links y descargas publicadas.
3.2.6. Implementación de sitio web oficial
Para la implementación del sitio oficial se publicó el sitio de pruebas
para el análisis de las autoridades de la Facultad y el centro de cómputo de
la Universidad, quienes revisaron que tenga todo los requisitos de formato
y estructura en el menú, página principal y páginas secundarias.
Mediante correos y un blog creado en el sitio de la Universidad para
office 365 llamado Páginas Web de Facultades UG, se determinó los
requisitos y normas requeridas para todas las Facultades.
IMAGEN Nº 40
BLOG DE PÁGINAS WEB DE FACULTADES UG
Fuente: www.office365.com Elaborado por: Dulcey Astudillo Héctor
Propuesta 77
3.2.7. Respaldo de todo el wordpress piloto
Para la migración del wordpress piloto hacia el sitio web oficial se debe
realizar el respaldo del wordpress y su base mysql. Por lo que se procedió
a respaldar mediante el modulo del hosting gratuito Hostinger.
Este procedimiento se realizó bajando toda la carpeta Industrial al pc
y luego comprimida para su posterior envió, cabe indicar que la carpeta
peso 400 MB.
3.2.8. Respaldo de base de datos Mysql de piloto
También para la migración del WordPress piloto a producción se
necesita la base de datos que está en el hosting gratuito la cual se obtiene
mediante la opción de respaldo de la base que se tiene en la página de
administración del hosting gratuito.
IMAGEN Nº 41
MANAGER MYSQL EN SITIO PILOTO
Fuente: www.ugIndustrial.esy.es Elaborado por: Dulcey Astudillo Héctor
3.2.9. Subir Respaldo de WordPress y Mysql a centro de computo
Para subir los respaldos del WordPress y Mysql se procedió a
comprimir, luego se ingresó al sitio llamado Páginas Web de Facultades
Propuesta 78
UG de office 365, donde se publicaron unas carpetas compartidas por
Facultad para subir los respaldos.
IMAGEN Nº 42
CARPETAS COMPARTIDAS POR FACULTAD EN BLOG
Fuente: www.office365.com Elaborado por: Dulcey Astudillo Héctor
3.2.10. Confirmación y pruebas del funcionamiento en sitio oficial
Para la confirmación y pruebas del sitio oficial de la Facultad de
Ingeniería Industrial (http://www.fi.ug.edu.ec), se realizó una comunicación
con la funcionaria Angélica del Pezo, quien está a cargo del proyecto de
sitios web para las Facultades de la Universidad de Guayaquil.
Propuesta 79
De los correos se indica en orden cronológico como se procedió para
el funcionamiento del sitio oficial:
IMAGEN Nº 43
CORREOS DE CONFIRMACIÓN PARA SITIO WEB OFICIAL
Fuente: www.office365.com Elaborado por: Dulcey Astudillo Héctor
Propuesta 80
Con el último correo enviado por Angélica del Pezo se agregó el link
para que desde la página oficial de la Universidad de Guayaquil
(www.ug.edu.ec) se ingrese al sitio de la Facultad de Ingeniería Industrial.
Como se muestra dentro de la opción de unidades Académicas.
IMAGEN Nº 44
PÁGINA DE INGRESA A SITIO DE INDUSTRIAL POR EL SITIO DE LA UNIVERSIDAD DE GUAYAQUIL
Fuente: www.ug.ed.ec Elaborado por: Dulcey Astudillo Héctor
3.2.11. Capacitación
Entregar usuario y clave de administración a encargado del sitio.
Se reunión con el funcionario encargado del área de Relaciones
Públicas de la Facultad de Ingeniería Industrial, el cual se le explico cómo
ingresar al sitio oficial de la Facultad y su administración. Se dictó el
Propuesta 81
usuario, clave y dirección para ingresar a la consola web de administración
del wordpress del sitio.
IMAGEN Nº 45
PÁGINA DE INICIO DE SESIÓN EN WORDPRESS DEL SITIO OFICIAL DE LA FACULTAD
Fuente: www.fi.ug.edu.ec Elaborado por: Dulcey Astudillo Héctor
Se explicó al encargado de actualizar la página del sitio oficial de la
Facultad de Ingeniería Industrial mediante videos de YouTube y el libro
Wordpress para novatos citado en la bibliografía se procedió a explicar el
funcionamiento de la plataforma wordpress y su administración. Cabe
indicar que esta gestión debe ser autodidacta.
Propuesta 82
3.3. 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. obteniendo así resultados numéricos
que permitan dar un informe sobre el impacto que está aportando el sitio a
los estudiantes y la ciudadanía.
Este resultado de las visitas al sitio se lo obtendrá mediante un plugins
de Wordpress 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.
3.4 Conclusiones
Despues de la implementación del sitio web para la Facultad de
Ingeniería Industrial de la Universidad de Guayaquil, se puede concluir que
se realizo una gestión bajo persión y de forma optima los procedimientos y
normas establecidas por el Vicerrectorado y por los técnicos del área del
centro de computo, por este motivo se concluye con los siguientes puntos
principales:
Con la aplicación de la “Metodológica para Creación de Sitios
Web” se logró implementar de una forma óptima todas las fases descritas.
Cabe indicar que existieron contratiempos en la fase de Contenido, por
existir poca información actualizada en la Facultad. Por ello se generó
nueva información respecto a imágenes, fotos, formatos de solicitud, etc.
Propuesta 83
para la recolección de datos.
La tecnología aplicada en el sitio web es de última generación, ya que
utiliza Web Semántica dentro de la plataforma de Wordpress, el cual
autogenera el lenguaje de programación de acuerdo al diseño ejecutado en
la administración del sitio, esto ayuda para que la creación y/o actualización
de una página dentro del sitio web sea sin errores y de manera eficiente.
Adicionalmente esto ayuda el personal designado para la creación y/o
actualización de las páginas no sea estrictamente un desarrollador, es decir
puede realizar estas actividades un especialista en marketing o publicidad.
Con la ejecución de este proyecto se logró adquirir nuevos
conocimientos y experiencia en el manejo de la plataforma wordpress, la
cual es utilizada por la mayoría de empresas públicas y privadas por su
diversidad y amplitud de opciones para el diseño y administración de sitios
web.
Se pueden citar varios beneficios por la implementación del sitio web,
entre los cuales se indica:
El desarrollo e implementación del Sitio Web Oficial de la Facultad de
Ingeniería Industrial, beneficiará a esta Facultad con puntos de
acreditación.
Los estudiantes de las distintas carreras de la Facultad de Ingeniería
Industrial y la comunidad en general se beneficiará, teniendo
información en línea y actualizada.
El sitio web oficial de la Facultad de Ingeniería Industrial contribuye con
información actualizada y modernizándose a los avances tecnológicos
que debe la Universidad de Guayaquil.
Propuesta 84
3.5 Recomendaciones
En base a lo efectuado en el proyecto se puede determinar las
siguientes recomendaciones:
Para futuras migraciones del sitio web de la Facultad se debe tener en
cuenta que se debe registrar en el cronograma de trabajo un tiempo
mínimo de 5 días hábiles para rediseñar alguna páginas del sitio, ya que
cuando esta migrado se descuadra fuentes e imágenes. Esto es un error
no solucionado por la plataforma wordpress y al ser un software open
source se está a la espera que la comunidad open source solucione el
problema.
Definir una política de aprobación para la publicación de información en
el sitio web de la Facultad, para ello se realizar el siguiente flujo de
proceso:
Se debe mantener la permanecía de las políticas y diseño socializado
del sitio web de la Facultad de Ingeniería Industrial, el cual esta aplicado
en todas las Facultades de la Universidad de Guayaquil, cualquier
cambio sin previa autorización del Vicerrectorado y del centro de
cómputo de la Universidad de Guayaquil puede afectar la imagen de la
Universidad.
Se recomienda al centro de cómputo de la Facultad de Ingeniería
Generar documento con
el diseño a publicar
Enviar documento por oficio o correo
a las autoridades (
Decano y/o Sub decano) para aprobación
Publicar información autorizada
Propuesta 85
Industrial mantener actualizada la información del Sitio Web Oficial,
para mantener comunicado a los estudiantes y a la comunidad sobre
las noticias y eventos que se realicen en la Facultad.
Si se mantiene actualizada la información el sitio web de la Facultad de
Ingeniería Industrial, seguirá teniendo éxito y muchas visitas de parte
de los estudiantes y de la comunidad, la visita a las páginas web no
vienen solas, se dan por el hecho de mantenerlas siempre actualizadas,
con esto crecería la importancia que tiene el sitio web y el beneficio que
proporciona a los estudiantes y a la comunidad.
Se recomienda cambiar las imágenes que se muestran en los sliders,
para que se haga visible de que la página está en constante
mantenimiento.
Se debe realizar respaldos periódicos completos de la base de datos y
del sitio web de manera periódica, almacenándolos en lugares seguros
para mantener integra la información.
GLOSARIO DE TÉRMINOS
Hardware: son todos los componentes y dispositivos físicos y
tangibles que forman una computadora como la CPU o la placa base.
Implementación: es la instalación de una aplicación informática,
realización o la ejecución de un plan, idea, modelo científico, diseño,
especificación, estándar, algoritmo o política.
Mysql: es un sistema de gestión de bases de datos relacional,
multihilo y multiusuario con más de seis millones de instalaciones
Php: es un lenguaje de programación de uso general de código del
lado del servidor. Originalmente fue diseñado para el desarrollo web de
contenido dinámico.
Plataforma: es un sistema que sirve como base para hacer funcionar
determinados módulos de hardware o de software con los que es
compatible.
Semántica: es el campo que tiene que ver con el estudio riguroso
desde un punto de vista matemático del significado de los lenguajes.
Software: Es toda la información relacionada al desarrollo de
software (por ejemplo, cómo utilizar un método de diseño específico) o la
información relacionada al desarrollo de un software específico (por
ejemplo, el esquema de pruebas en un proyecto).
Web: es un sistema de distribución de documentos de hipertexto o
hipermedios interconectados y accesibles vía Internet.
Anexo 88
ANEXO Nº 1
PLUGINS DE DISEÑO DE WORDPRESS APLICADOS EN EL SITIO WEB DE LA FACULTAD DE INGENIERÍA INDUSTRIAL
Anexo 89
ANEXO Nº 2
PLUGINS DE ANÁLISIS WORDPRESS APLICADOS EN EL SITIO WEB DE LA FACULTAD DE INGENIERÍA INDUSTRIAL
Anexo 90
90
BIBLIOGRAFÍA
Biase, F. D.-A. (2010). Sistema de Información Computacional.
Dickinson, P &Morris, S (2000). Cómo conseguir una buena Web.
Escobar Arraigada, C., & Lagos Llancao, J. (2006). ‘WordPress’ y la
creación de un sitio Web dinámico.
Gil Alvarez, D. (2007). Metodologia para Creacion de Sitios Web.
Green, C. y. (2003). Studio MX Creacion de sitios web.
Hassan Montero, Y., & Martín Fernández, F. (2003). Diseño Inclusivo:
marco metodológico para el desarrollo de sitios.
Romero Zúñiga, R. (1999). Diseño de páginas web accesibles.
Romero Zúñiga, R. (2001). Metodología práctica de revisión de la
accesibilidad de sitios Web.
Rovira, L. C. (2006). La Web Semántica. Instituto Universitario de
Lingüística Aplicada.