1 Introducción
En estos últimos años con la aparición de la tecnología e internet nos ha llegado a abrir
un sinfín de posibilidades de ayuda con grandes emprendimientos para cualquier tipo
de institución pública o privada, incluyendo sobre manera las instituciones educativas,
ya que podemos observar que maneja gran información y tiene diversas necesidades
de optimizar distintas tareas en diferentes niveles, ya sea en el registro de información
de cursos, publicación de eventos, publicación de noticias y necesidad de
retroalimentación entre otras cosas.
Por estas características, el hecho de implementar un sistema web que sea
adecuado a las necesidades de la institución pública o privada, ya es prácticamente
una obligación para los diversos campos del área de la educación, logrando que la
unidad educativa obtenga ventajas en cuanto a disponibilidad de información,
comunicación de gran variedad de datos y más aún en el tiempo y eficiencia que le
brinda un sistema web informático.
La Facultad Politécnica de la Universidad Autónoma Gabriel René Moreno
(U.A.G.R.M.) realiza diversas actividades en su tarea formativa tanto a nivel de
pregrado y postgrado universitario, mostrando gran necesidad de publicación de
información a estudiantes, docentes y la comunidad en general de las diversas
actividades complementarias a los procesos de formación así como información de
fechas de realización, ejecución y resultados de cursos, ferias y procesos de ingreso
y egreso de la Facultad, teniendo además la necesidad de poder necesitar
retroalimentación de los usuarios ante determinados eventos realizados o a realizar.
En consideración a lo antes mencionado, el propósito del presente proyecto es la
implementación de un sistema web donde con el uso de la tecnología se pueda
modernizar la distribución y recolección de información brindada y recolectada por
la Facultad Politécnica a la y de la comunidad en general, con dirección principal a
sus estudiantes y docentes.
2 Fase de Análisis
Dentro de esta fase, se logró conocer las respuestas a varias interrogantes, que
justificaron la creación del sistema web, ya que permitieron cubrir determinados vacíos,
antes de iniciar la creación del Sitio Web para la Facultad Politécnica de la U.A.G.R.M.
Las interrogantes que se vió pertinente responder son las siguientes:
i. ¿Se necesita realmente el sitio web?
Si, para difundir información necesaria de la Facultad Politécnica de la
U.A.G.R.M.
ii. ¿Para qué se necesita el sitio web?
Para que los usuarios conozcan más a fondo información, cursos, noticias
relevantes que brinda o genera la Facultad Politécnica, asi como para poder
conocer opinión de la comunidad al respecto de algunos de estos temas.
iii. ¿Qué es lo que buscarán los usuarios en el sitio Web?
Buscarán un sitio web de facil navegación, que no este congestionado de
información e imágenes innecesarias, agradable a la vista del usuario y que
contenga información necesaria
iv. ¿Qué imagen se desea proyectar con el sitio web a los usuarios?
Una imagen real de lo que es la Facultad, sus actividades, cursos, noticias y
eventos relevantes entre otros aspectos importantes.
v. ¿Con que recursos se cuenta para el desarrollo del sitio web?
La Facultad Politécnica, a través de la carrera de Lic. En Ofimática cuenta con
recursos personales, ya que el proyecto se realizará como proyecto de fin de
materia de Gestión de Sitios Web, el sitio será subido inicialmente en un equipo
virtual con un ambiente completo de trabajo, luego del final de la materia, el
sistema será donado para que la Facultad lo administre y hagan uso del mismo
a su agrado.
vi. ¿Cuál es el tiempo que debe ser invertido en el desarrollo del sitio web?
Un mes y medio aproximadamente
vii. ¿Qué es lo que busca lograr la Facultad Politécnica con el sitio web?
Darse a conocer a la comunidad brindando información actualizada e relevante
referente a la facultad, permitiendo entre otras cosas atraer a nuevos estudiantes
a postularse e ingresar a una de las carreras de la facultad, a la vez que da a
conocer los servicios que brinda a la sociedad.
viii. ¿Qué impacto causará el sitio web en los usuarios?
Un impacto positivo, ya que una Facultad tan importante como la Politécnica
debe contar con un sitio web a través del cual pueda informar a la comunidad los
servicios, noticias, eventos, cursos entre otros elementos relevantes de la
unidad.
Las respuestas a estas interrogantes nos permitieron elaborar la siguiente lista de
requerimientos funcionales y no funcionales para la creación del sitio web para la
Facultad Politécnica:
2.1 Requisitos Funcionales
• En el sitio web, se dará a conocer la ubicación de la Facultad Politécnica de la
U.A.G.R.M., además de los números de teléfonos, correos electrónicos y redes
sociales de la misma.
• En el sitio web, se pondrá misión, visión, función y objetivos de la Facultad
• En el sitio web, se dará a conocer los nombres de las autoridades y sus cargos en
la Facultad.
• El sitio web contará con secciones de noticias, publicación de eventos futuros,
actividades realizadas, publicación de resultados, consultas y solicitud de
información de sus carreras.
• El sitio web brindará información relevante de las unidades importantes
dependientes de la facultad politécnica, en los que se especificará su ubicación,
función y horarios de atención.
• El sitio web debe permitir publicar encuestas para conocer la opinión de la
comunidad sobre un tema o el nivel de información del mismo
• El sitio web tendrá sección de descarga de archivos importantes
• El sitio web debe contar con una sección de galería de imágenes y videos
2.2 Requisitos no Funcionales
• El sitio web debe utilizar tecnología open source
• El sitio web debe ser creado usando el CMS Wordpress
• El sitio web debe contar con una interfaz agradable a la vista de los usuarios, con
tonos no escandalosos, letra clara e imágenes acordes a los temas.
• El sitio web tendrá su buscador interno
2.3 Selección de Objetivos
Tomando en cuenta los requerimientos del sistema y las expectativas de la Facultad, se
definieron los siguientes objetivos:
2.3.1 Objetivo General
Crear un sitio web dinámico para la Facultad Politécnica, que permite a los usuarios un
facil acceso, a información clara e importante de la Facultad para que los mismos
puedan estar informados a tiempo de las actividades que realiza la Facultad y sus
dependencias.
2.3.2 Objetivos Específicos
• Identificar el tipo de información que necesita brindar la Facultad Politécnica para
categorizarla y brindar información clara y actualizada a sus usuarios.
• Comprender la forma de trabajar de wordpress para facilitar el desarrollo del sitio
web en dicha herramienta
• Determinar los componentes (temas, plugins y otros) adicionales de wordpress que
se utilizarán para poder construir un sitio web acorde a los requerimientos definidos.
• Estructurar un sitio web acorde a los requerimientos que utilizando el CMS
establecido brinde facilidades en la gestión de la información que luego de la puesta
en linea se necesite disponer.
• Elaborar un manual de usuario del sitio web para facilitar la administración posterior
del mismo por los administrativos de la Facultad Politécnica
2.3.3 Selección de usuarios
El sitio web va dirigido a toda persona, sobre todo del departamento de Santa Cruz –
Bolivia que necesite información de la Facultad Politécnica. Para que el sitio sea visitado
cuando este en linea, el mismo será difundido por la Unidad dentro de la Universidad,
en sus redes sociales y en los medios de difusión de la Institución.
2.3.4 Expectativas del usuario
• Los usuarios esperan encontrar información que necesitan de la facultad de manera
facil y clara.
• Los usuarios esperan ver una interfaz agradable con información dispuesta en forma
que no canse su lectura.
• Los usuarios esperan poder navegar facil y sin perderse, pudiendo encontrar de
forma facil lo que necesitan.
• Los usuarios esperan tiempos de respuestas que no sean demasiado lentos
• Los usuarios esperan encontrar información actualizada
2.3.5 Expectativas de la organización
• La facultad espera que la información que ofrecerá pueda ser accedida por usuarios
en todo el mundo que cuente con un navegador compatible y una conexión a internet
• La facultad espera poder averiguar el nivel de información que tienen sus usuarios
sobre un tema habilitando encuestas sobre el tema en particular o sobre el sitio web
para mejorarlo
• La facultad espera poder brindar información que permita además atraer nuevos
estudiantes para las carreras de la facultad y/o para su unidad de postgrado.
3 Fase de Planificación
3.1 Selección de Software
Para el servidor de desarrollo y pruebas
• Sistema operativo Rocky Linux 9.2
• Servidor Web Apache 2.x
• Sistema gestor de base de datos MariaDB 10.4 o superior
• php 8.1 o superior
• Openssh server para acceso remoto
• Bind9 como servidor DNS propio
• Dovecot y Postfix como servidor de correo
• Wordpress 6.3.x o superior
Para el equipo de cliente de desarrollo y pruebas
• Sistema Operativo Windows 10 Pro
• Navegador Firefox o Chrome
• Adobe Illustrator editor grafico
• Adobe Premier editor de video
• ThunderBird como cliente de correo
• VMWare Profesional 17
Para el usuario
• Navegador Firefox y Chrome
3.2 Selección de Hardware
Equipo personal con las siguientes características:
• Procesador Intel i7 de sexta generación o superior
• 16 GB de RAM o superior
• Disco Dura SSD de 512 GB
• Tarjeta de Red Ethernet Giga Bit
• Tarjeta de Red Wifi
• Tarjeta de Video NVidia GForce MX940 con 2GB de RAM
3.3 Selección de equipo adecuado
El presente proyecto es un proyecto de materia de gestión de sitios web, el cual es de
elaboración personal, por lo cual el proyecto será realizado por mi persona y para su
construcción desempeñare los papeles de Jefe de Proyecto, Diseñador Multimedia,
Editor, Escritor, Técnico de software y pruebas.
3.4 Benchmarking
Para el estudio comparativo de otros sitios similares, se seleccionó los sitios de algunas
facultades de otras universidades con la finalidad de diseñar un sitio de calidad y útil,
dentro de los cuales se analizará:
i. [Link]
ii. [Link]
iii. [Link]
Son sitios de facultades que proveen información de su respectiva facultad bien
estructurada, actualizada, simples de usar, intuitivos, permitiendo a sus usuarios
obtener información precisa y confiable utilizando un navegador.
Luego de realizar el análisis comparativo de estos sitios podemos concluir que no se
debe abusar de la información, las imágenes, no utilizar animaciones con tecnologías
no contempladas dentro del estandar de HTML5 ni que sean innecesarias, ya que la
navegabilidad se hace defectuosa, lo ideal es crear un sitio con una interfaz gráfica
agradable, que refleje los requerimientos del cliente, así los usuarios quedarán
satisfechos. Eso es lo que sucede en los sitios web más visitados y conocidos, estos
son sencillos, fáciles de navegar, y de mucha utilidad para los usuarios.
3.5 Estructura de navegación
La estructura de navegación, que será aplicada en la creación del sitio web la Facultad
Politécnica, es la estructura jerárquica, con esta estructura, se obtendrá un sitio web de
fácil acceso, donde el usuario no tendrá problemas para navegar, los enlaces de acceso
serán organizados en forma jerárquica a través de menús con el uso adicional de
botones y otros elementos de navegación, de modo que no se tendrá problemas en
regresar a la página de inicio o ir alguna otra página del sitió.
3.6 Costo de inversión
Para calcular el costo de inversión para la creación del sitio web para la Facultad
Politécnica, dividiremos la hora unidades de 30 minutos las cuales tendrán un costo de
50 Bs. y a partir de las unidades que se apliquen en cada actividad se determinará el
costo de inversión del proyecto.
Costo de inversión según la metodología que estamos aplicando:
Etapa Actividad Unidades Costo
Necesarias
Análisis Elaboración y 4 Unidades 200 Bs.
realización de
cuestionario inicial
Elaborar lista de 6 Unidades 300 Bs.
requerimientos
Selección de 4 Unidades 200 Bs.
Objetivos
Selección de 2 Unidades 100 Bs.
usuario
Establecer 2 Unidades 100 Bs.
expectativas de
Usuarios
Establecer 2 Unidades 100 Bs.
expectativas de
Institución
Total, Etapa de 20 Unidades 1000 Bs.
Análisis
Planificación Selección de 3 Unidades 150 Bs.
Software
Selección de 2 Unidades 100 Bs.
hardware
Selección de 1 Unidad 50 Bs.
equipo adecuado
Selección de 2 Unidades 100 Bs.
estructura de
navegación
Benchmarking 6 Unidades 300 Bs.
Costo de Inversión 4 Unidades 200 Bs.
Beneficios a 3 Unidades 150 Bs.
obtener
Total etapa de 21 Unidades 1050 Bs.
Planificación
Contenido Detallar el 25 Unidades 1250 Bs.
contenido
jerárquicamente de
cada página del
sitio web
Total, etapa de 25 Unidades 1250 Bs.
Contenido
Diseño Interacción de 20 Unidades 1000 Bs.
elementos
multimedia
Accesibilidad del 1 Unidades 50 Bs.
computador
Accesibilidad de 2 Unidades 100 Bs.
navegación
Accesibilidad de las 3 Unidades 150 Bs.
paginas web
Total, etapa de 25 unidades 1250 Bs.
diseño
Programación Codificación del 30 unidades 1500 Bs.
sitio web
Total, etapa de 30 unidades 1500 Bs.
programación
Testeo Comprobación en 4 Unidades 200 Bs.
navegadores
Detección de 2 Unidades 100 Bs.
vínculos rotos
Comprobar tiempo 2 Unidades 100 Bs.
de carga
Total, etapa de 8 Unidades 400 Bs.
testeo
Mercadeo y Selección del 2 Unidades 100 Bs.
Publicidad dominio
Publicidad y 4 Unidades 200 Bs.
propaganda
Total, etapa de 6 Unidades 300 Bs.
mercadeo
TOTAL GENERAL 135 Unidades 6750 Bs.
No se incluye en el costo de inversión actual los gastos por puesta en linea.
3.7 Beneficios a obtener
Con la creación del Sitio Web para la Facultad Politécnica de la U.A.G.R.M., se logrará
transmitir a los usuarios, la información, servicios que presta esta unidad, noticias de
educación relevantes, entre otros aspectos importantes, de una manera fácil desde
cualquier parte del mundo sin tener que visitar la institución.
4 Fase de Contenido
El sitio web de la Facultad Politécnica de la U.A.G.R.M., tendrá una sola plantilla general
con los colores de la facultad, el contenido textual solo cambiará en la sección de
comentarios de las publicaciones, si la publicación permite publicaciones y el contenido
de las publicaciones solo será cambiada a través del Dashboard de gestión de contenido
que ofrece Wordpress. El contenido será accesible a través de un menú principal,
enlaces y menús secundarios acorde al contenido de la página y botones adicionales
de llamada a la acción.
A continuación, realizamos la descripción de elementos relevantes del contenido del
sitio:
• En la parte superior estará el menú principal del sitio con las opciones y sub-
opciones de acceso a las páginas del sitio
• Debajo del menú principal y a la derecha, existirá un buscador interno del sitio
• Debajo del menú principal existirá un componente tipo presentación que
permitirá desplegar dinámicamente publicaciones relevantes.
• El menú principal tendrá enlaces a los contenidos de paginas con el mismo
nombre con el orden:
o Inicio: Donde ser observará el componente tipo presentación de las
publicaciones relevantes y los datos más relevantes de la unidad.
o Ubicación: Contará con la descripción de la ubicación y un componente
Map con la forma de llegar a la Facultad
o Misión: Desplegará una fotografía de la facultad junto a la misión de la
misma
o Visión: Desplegará una fotografía de la facultad junto a la visión de la
misma
o Carreras: Será un submenú a las diferentes carreras de la Facultad
o PostGrado: ….
o …
o Contacto: …..
o ….
• Pagina de cada Carrera contendrá:
o ….
• ….
5 Fase de diseño
Como ya se mencionó en la fase de contenido, el sitio web tendrá solo una plantilla
general con el tema University Hub de wordpress, Ya definimos que el contenido no
cambiará, salvo que el administrador a través del dashboard cambie la información
disponible. Tampoco cambiaran los módulos, aquí se describirá solamente el diseño de
la plantilla predeterminada.
• El sitio web, podrá ser visualizado en cualquier equipo utilizando los
navegadores Chrome o Firefox.
• El sitio utilizará como parte de las bondades ofertadas por wordpress un diseño
adaptativo, por lo cual que no restringirá el tamaño de la pantalla donde se
visualiza el sitio web.
• El usuario podrá navegar en el sitio web sin problemas, ya que este está
realizado basándose en las características de una estructura jerárquica.
• El componente de presentación será visualizado como parte del diseño de la
plantilla elegida.
ACA PODEMOS INCLUIR UN BOSQUEJO DE COMO SERÁ EL COMPONENTE
ANTES MENCIONADO
• El menú principal estará ubicado arriba en los colores que ofrece el tema
acompañado al lado izquierdo de una imagen pequeña la cual al hacerle clic
permitirá ir a la página de inicio del sitio.
ACA PODEMOS INCLUIR UN BOSQUEJO DE COMO SERÁ EL MENÚ ANTES
MENCIONADO CON LAS OPCIONES QUE TENDRÁ
• En el pié de página contaremos con…..
• El modulo de captura de información del usuario contará con un formulario que
solicitará los siguientes datos:….. Los datos serán enviados por correo a la
cuenta de correo electrónico ……. para su procesado por el responsable de
dicho correo.
• ………………
6 Fase de programación
En esta fase se explicará la creación del sitio web para la Facultad Politécnica de la
U.A.G.R.M., tomando en cuenta que para la elaboración del mismo se instaló y configuro
sobre el servidor web el CMS Wordpress, sobre el cual se instaló y edito el tema
seleccionado, se agregó los modulos definidos, se creó secciones, categorías,
documentos, vínculos, menús, de igual manera se insertó imágenes, videos y los
componentes adicionales como: WPForm, ….. Cabe mencionar que se explicará
solamente el procedimiento general que se usa para elaborar cada una de estas, para
no hacer demasiada extensa y redundante la explicación. Wordpress direcciona
automáticamente a la base de datos creada, toda la información respectiva de cada
tabla, las mismas que se crean al momento de la instalación, una tabla por cada
característica de Wordpress que requiera el uso base de datos.
Se instalo el tema University Hub a través del Dashboard de Wordpress utilizando….
SE PUEDE INCLUIR UNA O MÁS CAPTURAS DEL PROCESO
Se instaló el plugin WPForms a través del …..
SE PUEDE INCLUIR UNA O MÁS CAPTURAS DEL PROCESO Y DE COMO SE LO
CONFIGURÓ
Para las diferentes entrada, categorias y/o paginas describiremos el proceso de las más
importantes y listaremos las restantes
7 Fase de testeo
Se descripción de los errores más importantes encontrados en la fase de pruebas y la
forma de corregirlo, como por ejemplo…
Existieron algunos vínculos rotos al momento de visualizar por primera vez el sitio web
en internet, los mismos que fueron corregidos, por lo que se los actualizó, dentro del
servidor remoto.
8 Fase de mercadeo y publicidad
Si hay algun servicio contratado se describirá acá
El nombre de dominio completo del sitio web es: [Link], en el
cual no acarreará costos ya que será parte de un dominio que depende del dominio de
la U.A.G.R.M. y solo estará disponible para acceder es su etapa de demostración en los
laboratorios de Ofimática, desde donde los usuarios podrán acceder al sitio.
Al pie del sitio web, en un frame, consta un logotipo de la facultad, que identifica a la
asignatura de gestión de sitios web y mi persona como creadores del sitio web, y el
email donde podrán contactarme.
El sitio web será difundido en la institución y en sus redes sociales, con una pequeña
descripción del sitio web, su dirección web, para que este sea visitado en su etapa de
demostración.
PUEDE INCLUIRSE IMÁGENES DE COMO SE PUBLICITARÁ