Está en la página 1de 30

FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS

Licenciatura en Informática y Medios Audiovisuales


Informe Final Diseño de Software Educativo

DISEÑO DE SOFTWARE EDUCATIVO

Programa: Licenciatura en Informática y Medios Audiovisuales


Semestre: VIII
Docente: Juan Carlos Giraldo Cardozo
Estudiantes: Karin Mestra, Ana Murillo, Hilda Madera, Jose Argumedo, Oscar
Salcedo.

UNIVERSIDAD DE CORDOBA
MONTERÍA – CÓRDOBA
2018

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

TABLA DE CONTENIDO

CAPÍTULO 1 INTRODUCCIÓN ................................................... 3

CAPÍTULO 2 PRESENTACIÓN DEL PROBLEMA .................. 4

2.1 Justificación ................................................................................................... 4


CAPÍTULO 3 ESTADO DEL ARTE.............................................. 6

3.1 Marco Teórico................................................................................................ 6


3.2 Antecedentes .................................................................................................. 6
3.3 Referentes Conceptuales ................................................................................ 7
CAPÍTULO 4 METODOLOGÍA .................................................... 9

4.1 Equipo de trabajo ........................................................................................... 9


4.2 Scrum – XP .................................................................................................. 10
4.3 Actividades Metodológicas de trabajo ......................................................... 10
4.4 Desarrollo De Actividades Metodológicas .................................................. 11
4.5 Wordpress .................................................................................................... 11
4.6 Instalación De Wordpress ............................................................................ 12
4.7 XAMPP ........................................................................................................ 12
CAPÍTULO 5 INFORMACIÓN DEL SITIO .............................. 14

5.1 Sistema de Navegación ................................................................................ 14


5.2 Páginas del Sitio........................................................................................... 14
CAPÍTULO 6 REFERENCIAS ..................................................... 30

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

Capítulo 1 Introducción

En el siguiente informe, se mostraran los diversos aspectos tenidos en cuenta para trabajar en el
proyecto de creación de software para el evento LimavFest, principalmente se plantearán las
necesidades tenidas en cuenta para la creación de dicho proyecto; así como la herramienta elegida
para trabajar en él, el uso de esta, y su aplicabilidad para proyectos que tengan que ver con la
creación de software.
Además, se darán a conocer proyectos con similitudes al realizado que han generado impacto tanto
en el sector educativo como comercial al ser creados, teniendo en cuenta el aporte de estos como
referentes para generar ideas de innovación aplicables al software de LimavFest.

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

Capítulo 2 Presentación Del Problema

En el año 2014 se inauguró LimavFest, el cual es un evento que trae consigo una variedad de
categorías y ha tenido un buen recibimiento por parte de los estudiantes quienes se motivan a
inscribirse y participar en las actividades, las cuales requieren un cronograma establecido para su
realización. Teniendo en cuenta esto, se ha observado que dicho evento presenta falencias ya que
no existe una página oficial a la cual la comunidad pueda acceder y encontrar la información más
detallada acerca de este; así como de los diversos eventos que ofrece, la forma de participar y los
formularios de registro para ser parte cada categoría que brinda de una manera ordenada y a alcance
de un solo lugar.

Resulta muy tedioso para los organizadores tener que llevar un registro en programas alternos y no
poder compartir con toda la comunidad tanto universitaria como por fuera del campus toda la
información, y aún más tediosos por parte de los estudiantes no encontrar los formularios en un
mismo sitio, ocasionando que no todos participen pues el estar buscando en diversas partes la
información es algo molesto.

Por tal motivo, se observa la necesidad de tener un sitio web propio y que pueda ser actualizado
cada año por parte de los organizadores para que más estudiantes se involucren en todo lo que se
ofrece y así mismo, conozcan versiones anteriores de LimavFest algo que sumaría a este evento
para poder destacarse dentro del marco de la semana cultural que es donde se lleva a cabo.

Justificación

La creación de un software enfocado a un evento educativo como es denominado LimavFest,


permitirá a toda la comunidad estudiantil interesada en el área de tecnología y lo que esta implica;
conocer y ser partícipes de actividades que enriquezcan el conocimiento así como el desarrollo de
habilidades en las ramas que componen a esta como robótica, diseño, etc., relacionadas a lo
tecnológico y educativo

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

Además, brindara una alternativa diferente para compartir la información relacionada a dicho
evento y que esta se almacene en un solo lugar, así no se hará tediosa la búsqueda por parte de
estudiantes y demás interesados a la hora de conocer lo que ofrece LimavFest y en tal motivo recae
la importancia de concentrar toda la información posible en un solo sitio pues también se podrá
notar la evolución de dicho evento en todas sus épocas realizadas, así como: los participantes,
patrocinadores, actividades realizadas, actividades comunes, sus categorías, los métodos de
inscripción, invitados especiales y demás.

Hoy en día el uso de dispositivos móviles y la internet, han hecho más fácil el compartir y conocer
información de todo tipo en cualquier lugar, la juventud es la más presta al uso de estas tecnologías
y la creación de un software como de este tipo para en la Universidad De Córdoba (En especial el
programa de Lic. En Informatica Y Medios Audiovisuales) contribuiría a llamar la atención de
todo público a nivel regional y nacional, al dar a conocer todo sobre el evento de tecnología e
informática más importante en el campus universitario, de manera organizada, y disponible en un
solo sitio web; enriqueciendo así el conocimiento del usuario sobre este y resolviendo todas las
dudas e inquietudes que pueda llegar a tener por medio de los medios de contacto estipulados.

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

Capítulo 3 Estado Del Arte

Para este capítulo se ha recolectado información, de diversas personas que han desarrollado
proyectos similares al planteado principalmente, además de incluir un conceptualización de la
temática a abordar en dicho proyecto.

Marco Teórico
LimavFest fue inaugurado en el año 2014, en el marco de los 20 años de la Licenciatura en
Informática y Medios Audiovisuales, el evento llegó a su segunda versión con una serie de
actividades en cuanto a Robótica, Gamers y Cultura Digital; de igual forma se emplearon, charlas,
foros, talleres, conversatorios en investigación y emprendimiento, con la participación de invitados
nacionales e internacionales (Tomado de boletín Unicor).

Este evento ha contado con varios prototipos de páginas en Facebook, twitter, que usaron para
expandir información dese el año 2014 al 2016, pero solo eran usadas durante los días que duraba
el evento y con el tiempo fueron quedando desactualizadas y sin uso alguno, al igual que una
página que estaba siendo diseñada para convertirla un sitio único para subir todo lo referente al
evento pero esta no se terminó, quedando la necesidad que abordamos con anterioridad de diseñar
una nueva y que contenga información actualizada de LimavFest.

Antecedentes
Teniendo en cuenta que para la realización de cualquier evento en la industria se necesita de una
previa planificación y que si estos eventos son de categoría multidisciplinaria pueden llegar a
generar altos costos, plantea la necesidad en el área de planificación de eventos III de la
Universidad de Palermo de creación de software para eventos de esta índole, logrando con su
creación una nueva alternativa a los equipos encargados de Planificar y evaluar, revisar escenarios,
precisar objetivos y al finalmente conocer los avances de estos, permitiendo resolver problemas y

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

obtener mejoras constantes en los resultado por facilidad de manejo en cuanto a información.
(Bruno, 2012)

Por otro lado, Blanco y Madrid (2011) llevan a cabo en su proyecto la creación de una aplicativo
software para la gestión de eventos académicos que se desempeñan en la universidad pontificia
bolivariana seccional Bucaramanga, toman como base la necesidad de tener un sitio web para
gestionar e integrar la información de los eventos realizados por la institución como son:
Congresos, Workshops, Seminarios, etc., y tomaron para creación de su interfaz el lenguaje de
programación php y soportando los datos en MySQL.

En su proyecto Suarez y Cuellar (2012) hablan de la propuesta realizada para empresas de la ciudad
de Neiva, acerca de una herramienta administrativa con la que contara con la que contaran estas,
la cual es un software que funcionara de acuerdo a las necesidades que posee el área operativa
para el manejo y administración del inventario de mercancías, la función de este es llevar la
coordinación e interacción permanente del área operativa con el área financiera específicamente
con el departamento de contabilidad, permitiendo con este analizar y además controlar las
cantidades exactas de mercancías con las que cuenta la empresa en un periodo de tiempo.

Referentes Conceptuales
Recurriendo al manual de conceptualización de software Oxford University Press 1993 Espinosa,
(2001) define este en un lenguaje técnico como; aquellos programas que aplican componentes de
un sistema informático y no son tangibles, es decir, que físicamente no se pueden tocar.
Resumiendo esto a que el software es el conjunto de acciones que dan funcionalidad a un
dispositivo sea móvil o computadora.

Teniendo en cuenta que la industria del software se plantea como objetivo principal el desarrollo
sistemático de productos y servicios y el cumplimiento de las necesidades y expectativas de los
clientes en el área digital, Cabrera, (2008) plantea que por tal motivo la realización e

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

implementación de un software en cualquier contexto debe cumplir unos estándares de calidad, de


acuerdo a la demanda del mercado y a la necesidad planteada por el usuario.

Pasando al contexto de software educativo (Apítulo, n.d.) Nos define este como un conjunto de
programas en la computación que se realizan con la intención de ser utilizados para facilitar el
proceso de enseñanza y aprendizaje, trayendo consigo algunas características particulares tales
como: la facilidad de uso, la interactividad y la posibilidad de personalización del tiempo de
aprendizaje por los usuarios.

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

Capítulo 4 Metodología

En este capítulo se dará a conocer los roles de cada integrante del grupo en cuanto a la elaboración
del sitio, además de la metodología escogida para la realización de las actividades en equipo y las
actividades que se llevaran a cabo así como una breve explicación de cómo se ejecutara la
realización de estas. Por último, se hará una breve muestra de las herramientas a utilizar y como se
llevan a cabo las instalaciones de estas.

Equipo de trabajo
Para la realización de dicho proyecto se cuenta con la participación de 5 personas donde cada una
cuenta con un rol a desempeñar, denominados de la siguiente manera:

Programador: Se contara con un participante en el área de programación, este estará a cargo del
código fuente utilizado para la creación del sitio, además de estar a cargo de la actualización del
sitio y su funcionamiento correcto a nivel de software.

Diseñadores: Un diseñador es parte fundamental para creación de un sitio web, pues es quien dará
estilo y una ambientación adecuada y llamativa a este, para el software de LimavFest se contaran
con dos; encargados del estilo, visualización del sitio, la creación y edición, imágenes que se
necesiten, organización del sitio, ambientación de colores y demás.

Coordinador: Este es un rol de gran importancia y que destaca en un grupo de trabajo, debido a
que el coordinador es la pieza fundamental para el orden de desarrollo de actividades y quien
liderara los procesos que se llevaran a cabo. Para la realización de sitio contaremos con uno,
encargado de asignar las tareas, velar por su cumplimiento y la entrega de estas en el tiempo y de
la forma que se hayan estipulado.

Pedagogo: se asignara este rol, para que la persona encargada que será una sola, este atenta a todo
lo referente al área de pedagogía es decir, examinara reglas gramaticales, por sus manos pasara la
información que se subirá al sitio para una revisión previa y correcciones.

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

Scrum – XP
Podemos decir que la programación extrema XP está enfocada al desarrollo en equipo, es por esto
que define un conjunto de valores que se deben tener en cuenta para la realización de un proyecto,
en nuestro caso para la realización del software LimavFest, además este incluye al cliente como
parte fundamental ya que sin él no se tendrían los requerimientos del producto. Scrum al igual que
XP tiene un equipo de trabajo, la única diferencia es que divide el equipo en Scrum master (líder),
DBA (administrador dela base de datos), Programadores, diseñadores y el product owner (el
cliente). A continuación se presentara una breve conceptualización de estos.

SCRUM: Es un método de desarrollo ágil de software concebido por Jeff Sutherland y su equipo
de desarrollo a principios de la década de 1990. Los principios de este son ágiles y se utilizan para
guiar actividades de desarrollo dentro de un proceso de análisis que incorpora las siguientes
actividades estructurales: requerimientos, análisis, diseño, evolución y entrega. Dentro de cada
actividad estructural, las tareas del trabajo ocurren con un patrón del proceso llamado sprint. El
trabajo realizado dentro de un sprint (el número de éstos que requiere cada actividad estructural
variará en función de la complejidad y tamaño del producto) se adapta al problema en cuestión y
se define y con frecuencia se modifica en tiempo real por parte del equipo Scrum (Pressman, R.
2010).

XP: Usa un enfoque en la programación extrema orientado a objetos como paradigma preferido de
desarrollo, y engloba un conjunto de reglas y prácticas que ocurren en el contexto de cuatro
actividades estructurales: planeación, diseño, codificación y pruebas.

Actividades Metodológicas de trabajo


La estructura organizacional de las actividades del proyecto consta de los siguientes pasos: primero
se hace una recolección de la información a través del banco de información que posee el director
de LimavFest, se selección la información más relevante para la estructuración del proyecto y la

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

creación de los contenidos, luego, se organizan los contenidos, posteriormente a esto y luego de
tener toda la información pertinente se selecciona el programa sobre el cual se va a hacer el sitio
web del proyecto, luego de seleccionar el programa se diseña la interfaz y por último se elabora el
sitio web.

Desarrollo De Actividades Metodológicas


El desarrollo de las actividades propuestas se hará de la siguiente manera: la información que se
recolectara data desde el 2014, año en el que se realiza por primera vez LimavFest, de esta
información se toman los lineamientos del proyecto, en qué áreas se desarrolla y cuáles son los
contenidos que lo conforman.

Para la organización de los contenidos basados en la estructura de los años anteriores se designan
las siguientes categorías: robótica en la que figura el concurso de robots luchadores, Gamers que
estará dividida en dos modalidades: concurso y entrada libre, cultura digital que consta de dibujo
digital, fotografía, diseño gráfico, investigación e innovación para emprendedores y sus proyectos
en el descubrimiento de negocios tic, en las que habrán concursos, conferencias y retos.

Luego de tener toda la información requerida para la construcción del sitio web se selecciona y se
da la implementación del programa wordpress elegido por su interfaz fácil de utilizar, su seguridad
y corrección de errores, el diseño del sitio web será por 3 secciones que tendrán subdivisiones, la
primera tendrá la información general sobre el proyecto, la segunda los lineamientos y reglas de
los eventos, y la tercera las categorías y requisitos que estas exigen.

Wordpress
Wordpress es un sistema de gestión de contenidos que permite crear y conservar un blog u otro
tipo de web, Contiene un sistema de Plugins, que permiten ampliar las capacidades sus principales
características son:
 Sus páginas y artículos se generan ágilmente a medida que se publica, por lo que la
actualización es fácil y rápida.

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

 Funciona sobre PHP y MySQL.


 Es fácilmente integrable con las redes sociales favoritas y las de los visitantes.
 Los artículos se organizan en categorías.
 Se pueden usar plantillas y temas y así crear rediseños de todo el sitio
 Permite programar la publicación de artículos y páginas.
 Se instala localmente en el propio servidor.
 Permite crear diferentes usuarios con distintos derechos de administración y edición de
contenidos.

Instalación De Wordpress
A continuación, mostraran la serie de pasos necesarios para la instalación de Wordpress en nuestro
equipo.
1. Se debe tener un lugar para instalar Wordpress, como lo es el equipo local y en este mismo tener
un servidor web el cual debe ser capaz de ejecutar PHP y soportar bases de datos MySQL.
2. Se descarga el instalador de Wordpress y descomprimirlo en la ruta donde se vaya a cargar la
web.
3. Se debe crear una base de datos MySQL y un usuario con acceso a esa base de datos.
4. Abrir la página donde hemos subido los archivos de Wordpress, para continuar con el proceso
de instalación se debe llenar los datos de conexión a la base de datos, tales como el nombre de
nuestra web, y los datos del usuario administrador.
5. Listo, puedes abrir Wordpress con la cuenta que se creó y empezar a modificar la página que vas
realizar.

XAMPP
Es un sistema de gestión de bases de datos de MYSQL, el servidor web Apache y los intérpretes
para lenguajes de script PHP y Perl; a continuación se mostrara un resumen breve de los pasos para
su instalación.
 Ingresamos a la página oficial https://www.apachefriends.org/es/index.html
 Descargamos la versión para nuestros dispositivos

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

 Se descarará un ejecutable .exe


 El cual debemos abrir (dando doble clic), y darle el botón de siguiente hasta que finalice
la instalación.
 Por último, activamos las preferencias que deseamos trabajar (Apache, MySQL, etc.).

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

Capítulo 5 Información Del Sitio

Sistema de Navegación
En el siguiente grafico se muestra, como se encontrara distribuida la información en el sitio de
LimavFest, sirviendo como guía para que el usuario navegue sin contratiempos y conozca la
ubicación exacta de lo que desea conocer.

Páginas del Sitio


La visualización del contenido para el sitio de LimavFest estará organizado de la siguiente forma:
Parte Superior: estará localizado el logo del evento y el menú de navegación.
Pantalla de Bienvenido: Se mostrarán todas las últimas noticias acerca de eventos y actividades
próximas, las cuales se mostrarán por fecha de publicación.
Pantalla de Inicio: Se observará una slider de fotos propias del evento, después una breve
descripción del evento y lo que encontraras en este.

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

Pantalla de Eventos: En esta página encontraremos las versiones pasadas del evento con algunas
imágenes, juegos y categorías que se emplearon en este y una descripción propia de cada versión
del evento. Además, podremos encontrar un formulario para la próxima versión del evento.
Pantalla de Quienes Somos: En este apartado encontramos información acerca de quienes
conforman el equipo de trabajo, y quienes crearon este proyecto.
Pantalla de Patrocinadores: Aquí se encuentran los logos de las marcas patrocinadores de las
versiones del evento por año y quienes son los promotores.
Pantalla de Contacto: En esta sección encontramos correos, teléfonos y demás información donde
nos podrá contactar, además un espacio donde podrá enviarnos un correo que nos llegará
directamente a nuestra bandeja de entrada.
Parte inferior (footer): Se encontraran las diferentes redes sociales, especialmente creadas para
difusión de información sobre LimavFest.

Arquitectura de la información

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

Taxonomía – Categorías

 INFORMACIÓN GENERAL
Bienvenida Calendario Formulario Redes
a la pagina de inscripción sociales

Al abrir la Este le Este le Por medio


página Limav permitirá al permitirá al de estas el
Fest, el usuario usuario estar en la usuario inscribirse usuario podrá
contará con un página y poder en las diferentes estar informado
mensaje de organizarse de actividades. acerca de que es
bienvenida el acuerdo a los días Limav Fest y sus
cual será breve. en que se diversas
realizaran eventos actividades a
realizar.

 MENU

Anuncios Eventos
Esta subcategoría le Aquí se VERSIONES
dará a conocer los eventos encontrarán las ANTERIORES
que se realizaran, así como actividades, eventos ACTIVIDADES
ganadores de las distintas anteriores con sus
actividades e información respectivos años, y los PATROCINADO

importante para los usuarios. patrocinadores de RES

estos eventos.
VERSIONES ACTIVIDADES PATROCINADORES
ANTERIORES
En esta subcategoría En esta sección se Se da a conocer los
se da a conocer las versiones muestran las categorías de distintos patrocinadores de

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

anteriores de Limav Fest por las actividades y el tipo de los eventos estos pueden
año participantes. variar dependiendo las
categorías.
2014- 2015- 2016 CATEGORIAS PARTICIPANTES
 Robótica  Logística
 Challenges  Estudiantes
 Talleres  Docentes.
 Gamers
 Conferencias

Etiquetas
ETIQUETAS DESCRIPCIÓN
Anuncios Se muestran los anuncios y publicidad
del evento.
Eventos Esta etiqueta se divide en tres
secciones: actividades, que se dividen según
las categorías, las versiones anteriores y los
patrocinadores del evento.
Resultados Se muestra los resultados de los
ganadores por categoría.
¿Quiénes somos? Se muestra una descripción de la
organización y dinamizadores del evento.
Contacto Se encuentran los contactos para
comunicarse con los organizadores.
Menú Se muestra una lista de todas las
opciones de la página.
Robótica Categoría del concurso de robots
luchadores, explicación de las reglas del
concurso y como se realiza

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

Gamers Video juegos presentados en dos


modalidades: concurso y entrada libre
challeng Desafíos para los estudiantes e
invitados
talleres Talleres que se darán durante el
trascurso de todo el evento, quien las dirigirá
y el tema a tratar
conferencias Conferencias que se darán durante el
trascurso de todo el evento, quien las dirigirá
y el tema a tratar
Programación Todas las actividades de todas
categorías a realizar
Actividades Las actividades de cada una de las
categorías

Interface de la Aplicación:
A continuación, te presentamos una vista previa de la interface de LIMAV FEST

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

Paleta de Colores
Para este ítem, se definieron los colores de acuerdo al logo oficial del evento, siendo estos el
color azul, verde, naranja y blanco. Por otro lado eligiendo el color negro para el texto. A
continuación su representación.

Tema
Como tema del proyecto, fue elegido Twenty Seventeen, un tema que le da vida a su sitio con
videos de cabecera e imágenes destacadas inmersivas. Con un enfoque en los sitios de negocios,
presenta múltiples secciones en la página principal, así como widgets, menús sociales y de

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

navegación, un logotipo y más. Personalice su cuadrícula asimétrica con un esquema de color


personalizado y muestre su contenido multimedia con formatos de publicación. Nuestro tema
predeterminado para 2017 funciona muy bien en muchos idiomas, para cualquier habilidad y en
cualquier dispositivo.

Arquitectura de la aplicación

Plugings: Los utilizados para el sitio son:

Login designer : es un plugin que permite la personalización de las páginas de inicio de sesión,
es de carácter gratuito y de código abierto, busca que cualquier usuario pueda personalizarla de
forma clara e intuitiva, sin tener que recurrir a diferentes secciones o paneles de configuración o
tener la necesidad de disponer de conocimientos técnicos.

Page builder de siteorigin: es un plugin que permite maquetar tus páginas y entradas sin ser
diseñador, Facilita la creación de contenido basado en columnas con capacidad de respuesta, Su
contenido se adaptará con precisión a todos los dispositivos móviles, este plugin permite diseñar

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

la estructura de una página web sin tener que tocar ni una línea de código e invirtiendo poco tiempo
y esfuerzo

Pie Register: es un complemento de registro de Wordpress rápido y fácil de usar que personaliza
los formularios de registro del sitio web, teniendo en cuenta funciones fáciles de usar como arrastrar
y soltar, registro solo por invitación, plantillas de correo electrónico, aplicar lógicas condicionales,
importar y exportar datos, implementar redirección basada en roles y puede convertir el sitio web
de WordPress en un sitio base de membresía.

Pods: es un plugin mediante el cual podemos crear y administrar tipos de contenido personalizados
y sus campos. Todo esto mediante una interfaz visual de administración.

SiteOrigin: es un plugin que brinda una colección de widgets que el usuario puede usar y
personalizar, es gratuito, aunque tiene una opción de pago para añadir más widgets adicionales,
pero no son necesarios para el correcto funcionamiento del plugin, Su descarga y activación se
realiza como cualquier otro plugin en el repositorio de plugins de WordPress

Swifty Page Manager: es un plugin gratuito para WordPress, que permite ayudar a gestionar la
jerarquía de páginas de nuestro sitio web, mediante una tabla de acceso con unos filtros para hacer
búsquedas, Swifty Page Manager ayuda con la visualización de la estructura y con
la modificación.

WordPress simple membership: permite configurar para después del inicio de sesión, una página
de acceso para cada uno de los niveles de membresía que se han elaborado, además reenviará
automáticamente a los miembros hacia la página correspondiente después de hacer inicio de sesión
en su sitio.

Contenidos: están divididos de la siguiente forma.

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

Bienvenida: Bienvenido al sitio oficial de limav fest, en este espacio encontraras todo lo
relacionado al evento de tecnología más importante de la licenciatura en informática y medios
audiovisuales, entérate de todo lo que este trae para ti.

¿Qué es limav fest?: Es un evento realizado por estudiantes para estudiantes desde el semillero de
investigación Ambientes Virtuales Interactivos (AVI) Dirigido por el Profesor Juan Carlos Giraldo
Cardozo... (Continuación en el sitio oficial de LIMAV FEST)

Eventos
2015: La decana de la facultad de Educación y Ciencias Humanas, María Magdalena Bustos
González, dio apertura a esta gran fiesta tecnología que se vivió en la Universidad de Córdoba.
Montería el 5 de noviembre de 2015… (Continuación en el sitio oficial de LIMAV FEST)

2016: Los días 26 y 27 de octubre del 2016 en el marco de la semana cultural de la Universidad de
Córdoba se llevó a cabo LIMAVFEST en su tercera edición, superando al realizado en el año
anterior, hasta llegar a considerarse la FIESTA MULTIMEDIAL Y VIRTUAL PARA LA
ACREDITACIÓN DE LA UNIVERSIDAD DE CÓRDOBA… (Continuación en el sitio oficial de
LIMAV FEST)

Categorías:
Robótica: Actualmente la robótica ha ido evolucionando a pasos agigantados y ha dado lugar al
desarrollo de una serie de disciplina, encuentra en limav fest ideas creadas en esta área y las
diferentes actividades realizadas al respecto.
Gamers: Un espacio creado para los aficionados a los videos juegos, donde se ponen a prueba y
se premian todas las destrezas y habilidades de los Gamers participante.
Challenge: Los desafíos más divertidos en materia de educación y tecnología, estudiantes del
campus unicordoba e instituciones educativas de la ciudad se unen para poner a prueba sus
conocimientos.
Talleres: Creados para unir y hacer partícipe a toda la comunidad estudiantil, porque en limav fest
también puedes divertirte y poner a prueba tu creatividad. En este espacio te damos a conocer los

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

talleres que se han realizado, así como las temáticas tratadas en cada uno, conócelos y anímate a
participar en próximos.
Conferencias: Encuentra aquí el contenido tratado en las conferencias de limav fest, los invitados
de categorías nacional e internacional que han participado y el impacto que han causado en la
comunidad estudiantil participante.
Anuncios: Encuentra todas las actualizaciones y nuevas noticias que limav fest trae para ti.
Eventos: Explora las diferentes versiones de limav fest que se han realizado, así como todo lo que
se ha realizado en estas, ponte al tanto de todo lo que ha ocurrido en cada una de ellas y anímate a
participar en las próximas.

¿Quiénes somos?: Limav fest es un evento, creado para entretener a la comunidad educativa través
de actividades enfocadas al área de tecnología…

Producto Final
LIMAV FEST es un evento tecnológico, investigativo y cultural de la licenciatura en informática
y medios audiovisuales de la universidad de Córdoba. Su página web está diseñada para dos
funciones principales, la primera es proporcionar al usuario un sistema de información desde qué
es el evento hasta su estructura. La página esta organiza por diferentes secciones: información
general de limav fest, anuncios, eventos, la cual se encuentra dividida por actividades
estructuradas por cada una de las categoría y los resultados de todo el evento, y la segunda
función es proporcionar un banco de información sobre todas las versiones que se han
desarrollado de este evento.

Manual del Usuario


La página está diseña con el despliegue de todas sus secciones y un menú donde se encuentran
todas las secciones en una lista, las secciones están divididas en: información sobre el evento, ¿qué
es? ¿Para qué se utiliza? ¿Quiénes participan?, los eventos, divididos en actividades, que a su vez
se dividen según las categorías, que son: robótica, talleres, gamer, Challenge y conferencias, la
información sobre las versiones anteriores que data desde el desarrollo del evento hasta los anexos,

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

por último los patrocinadores del evento, la siguiente sección son los resultados del evento por
categoría y los ganadores.

 En la página principal encontraras ubicado el manu de inicio, una bienvenida y los post que
se han publicado recientemente.

 En el menú, al dar click en el botón de eventos, se despliega una lista donde encontraras las
secciones con las que este cuenta: patrocinadores, participantes, etc… también encontraras
un botón en el que puede agregar un evento nuevo.

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

 Di das click en cada una de las opciones que despliega el manu evento, te llevara a la
información que contiene cada uno y si deseas agregar te aparece la opción para hacerlo,
ejemplo: patrocinadores--agregar patrocinador.

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

 Continuando con la opción Novedades, encontraras las nuevas noticias sobre limav fest,
además de un botón adicional que te permitirá agregar una nueva novedad.

 Al dar click en la opción quienes somos, conocerás un poco sobre lo que es limav fest y
acerca de los desarrolladores del sitio.

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

 Finalmente, podrás registrarte en la opción de registro, te aparece un formulario, para que


ingreses tus datos y así luego poder acceder desde el botón acceso.

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

Conclusiones y Recomendaciones
Podemos concluir que durante la realización del sitio oficial de Limav Fest, se tuvo una buena
participación de todos los integrantes del grupo, para el cumplimiento de actividades y la
realización de tareas asignadas, el programa elegido para trabajar (WORDPRESS) en algunas
ocasiones genero inconvenientes para darle un uso óptimo y adelantar el proyecto, pero al final de
cuentas se lograba buscar una solución para que el sitio respondiera a lo que requeríamos.

Como recomendación se plantea que antes de tomar la tarea de realizar un sitio como limav fest,
se busques diferentes opciones de softwares, para elegir uno que sea más fácil de usar y no requiera
tanto acondicionamiento técnico, ya que al haber experimentado con Wordpress las experiencias
no fueron muy satisfactorias.

WWW.UNICORDOBA.EDU.CO
FACULTAD DE EDUCACIÓN Y CIENCIAS HUMANAS
Licenciatura en Informática y Medios Audiovisuales
Informe Final Diseño de Software Educativo

Capítulo 6 Referencias

Académica, P. (2012). UP –Organización De Eventos III., Universidad de Palermo.

Apítulo, C. (n.d.). 2.1. i, 18–32.

Blanco, C. & Madrid, J. (2011). IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA LA GESTIÓN
DE EVENTOS ACADÉMICOS DE LA UNIVERSIDAD PONTIFICIA BOLIVARIANA SECCIONAL
BUCARAMANG.

Cabrera, C. (2008). INTRODUCCIÓN A LA CALIDAD DE SOFTWARE., (39), 326–331.

Ceballos, K. (2015). Metodología de Desarrollo Ágil: XP y Scrum. [Online] INGENIERÍA DEL


SOFTWARE.

Espinosa, P. P. (2001). 1. Introducción., 1–9.

Esferahosting.com. (2018). Características del gestor de contenidos Wordpress | Alojamiento web


para PYMEs, profesionales y emprendedores | Esfera Hosting. [Online]

Sala, J. (2018). Qué es Wordpress - características principales. [Online] Webempresa.com.

Suarez, C. & Cuellar, O. (2012). DISEÑO E INPLEMENTACIÓN DE UN SOFTWARE DE REGISTRO Y


CONTROL DE INVENTARIOS

https://www.unicordoba.edu.co/prensa/boletines/1135-limavfest-cultural-digital-en-unicordoba

WWW.UNICORDOBA.EDU.CO

También podría gustarte