Jersson Morocho UNL, Loja, jdmorochoc@unl.edu.

ec
Juan Maldonado UNL, Loja, jamaldonadoa@unl.edu.ec
Kevin Galvez UNL, Loja, kggalvezz@unl.edu.ec

DESARROLLO DE UNA RED UNIVERITARIA

Jersson Morocho, Kevin Galvez, Juan Maldonado
Universidad Nacional de Loja

Resumen
El alcance de nuestro proyecto esta definido
Orientados en el ámbito de la Programación Web primeramente con el registro de usuarios, Una ves
desarrollamos una aplicación basada en un rol online ingresado todos sus datos podrá ingresar a su cuenta con
como es una Red Social Universitaria con la que su correo y contraseña los cuales tendrá de gran
pretendemos una mejor comunicación entre la importancia para poder logearse a su cuenta propia.
comunidad universitaria de la UNL. Una Red Social es Una ves que el usuario pude acceder correctamente a su
una estructura formada por personas o entidades cuenta damos a conocer lo que podra realizar el usuario,
conectadas y unidas entre sí por algún tipo de relación comenzaremos con la pagina principal donde podremos
o interés común (parentesco, amistad, ideología, realizar comentarios dinámicamente los cuales podran
lengua, nacionalidad, aficiones, etc.). Las redes sociales ser vistos por todos los usuarios registrados en esta red
son, por tanto, servicios que tienen su escenario en social, también tendremos el acceso para buscar
Internet y que utilizan dispositivos, técnicas y modos usuarios el cual nos ayudara y facilitara a encontrar
de funcionamiento afines a los que caracterizan a la rápidamente Amigos y nos llevara al perfil de cada uno
Web 2.0. El funcionamiento de las redes sociales se con sus respectiva información y poder realizar el
establece mediante las acciones de los usuarios, que sistema de amigos. También tendremos todas las
interaccionan entre sí. La actividad social comienza solicitudes de los usuarios que han realizado en sistema
con el registro y la creación de una cuenta, tras lo cual de amigos logeando el usuario mediante la búsqueda,
es posible personalizar el perfil y enviar solicitudes a podremos ingresar su foto de perfil al igual que su de
otros miembros de la red para establecer una relación. portada. Nos facilita la actualización de sus datos y la
Los usuarios que aceptan la solicitud se convierten en visualización de todos sus amigos , para finalizar
miembros de la lista de contactos de quien ha tendremos el envío y recepción de mensajes
solicitado la relación, y viceversa. Una vez que los
usuarios han establecido un vínculo, ya pueden
relacionarse mediante diversas prácticas, las cuales
nos permitirán establecer una mejor relación de INTRODUCCION
comunicación entre profesores y estudiantes de la
comunidad universitaria. El internet es una de las herramientas mas usadas en la
actualidad los servicios que nos ofrece son llevados a
cabo por miles de ordenadores que están
Objetivo General: permanentemente encendidos y conectados a Internet,
esperando que los usuarios les soliciten los servicios y
sirviéndolos una vez son solicitados.
• Nuestro primer objetivo es crear una

plataforma para crear historias en grupos,
El proyecto de la Red Social Universitaria busca resolver
donde la comunicación entre usuarios tenga
y a su vez facilitar una comunicación orientada a la
un papel importante. Crear un lugar donde se
comunidad universitaria de la UNL donde los profesores
puedan crear historias con nuestros
y estudiantes puedan convivir y establecer una mejor
compañeros y profesores compartiendo
relación de comunicación compartiendo ideas, avisos,
información, experiencias, enseñanzas
información, todo lo que pueda conllevar a un mejor
historias de vida, unir ideas, etc.
rendimiento tanto de profesores como de estudiantes.

Para la elaboración de nuestra aplicación hemos usado
Objetivos Específicos:
tecnologías que nos permitieron la realización de dicha

aplicación como lo son las siguientes:
• Interactuar con el Usuario en la plataforma
para la comunicación e intercambio de JavaScript es un lenguaje de programación, al igual que
Información. PHP, si bien tiene diferencias importantes con éste.
JavaScript se utiliza principalmente del lado del cliente
• Reforzar los conocimientos desarrollados en
(es decir, se ejecuta en nuestro ordenador, no en el
el transcurso del Modulo.
servidor) permitiendo crear efectos atractivos y

dinámicos en las páginas web.


ALCANCE
jQuery es una biblioteca de JavaScript, creada
inicialmente por John Resig, que permite simplificar la
manera de interactuar con los documentos HTML,
manipular el árbol DOM, manejar eventos, desarrollar
animaciones y agregar interacción con la técnica AJAX
a páginas web.

Ajax es una técnica de desarrollo web para crear
aplicaciones interactivas o RIA (Rich Internet
Applications). Estas aplicaciones se ejecutan en el
cliente, es decir, en el navegador de los usuarios
mientras se mantiene la comunicación asíncrona con
el servidor en segundo plano. De esta forma es posible
realizar cambios sobre las páginas sin necesidad de
recargarlas, mejorando la interactividad, velocidad y
usabilidad en las aplicaciones.
Ajax es una tecnología asíncrona, en el sentido de que

los datos adicionales se solicitan al servidor y se cargan
en segundo plano sin interferir con la visualización ni
el comportamiento de la página, aunque existe la
Las actividades que se llevan a cabo en Scrum son las
posibilidad de configurar las peticiones como
síncronas de tal forma que la interactividad de la siguientes:
página se detiene hasta la espera de la respuesta por Planificación de la iteración
El primer día de la iteración se realiza la reunión de
parte del servidor.
planificación de la iteración. Tiene dos partes:
Css3 nos permite definir la estructura una página web,
las hojas de estilo en cascada (Cascading Style Sheets o 1. Selección de requisitos El cliente presenta al
CSS) son las que nos ofrecen la posibilidad de definir equipo la lista de requisitos priorizada del producto o
las reglas y estilos de representación en diferentes proyecto. El equipo pregunta al cliente las dudas que
dispositivos, ya sean pantallas de equipos de surgen y selecciona los requisitos más prioritarios que se
escritorio, portátiles, móviles, impresoras u otros compromete a completar en la iteración, de manera que
dispositivos capaces de mostrar contenidos web. puedan ser entregados si el cliente lo solicita.
Las hojas de estilo nos permiten definir de manera 2. Planificación de la iteración El equipo elabora
eficiente la representación de nuestras páginas y es la lista de tareas de la iteración necesarias para
uno de los conocimientos fundamentales que todo desarrollar los requisitos a que se ha comprometido. La
diseñador web debe manejar a la perfección para estimación de esfuerzo se hace de manera conjunta y los
miembros del equipo se autoasignan las tareas.
realizar su trabajo.
Ejecución de la iteración
Bootstrap es un framework de css, en otras palabras Cada día el equipo realiza una reunión de
es un conjunto de archivos CSS que incluyes en tu sincronización Cada miembro del equipo inspecciona el
página y puedes empezar a maquetar el sitio web en trabajo que el resto está realizando (dependencias entre
minutos, sin tocar una sola linea de CSS. tareas, progreso hacia el objetivo de la iteración,
obstáculos que pueden impedir este objetivo) para
METODOLOGIA SCRUM poder hacer las adaptaciones necesarias que permitan
cumplir con el compromiso adquirido. En la reunión
Esta metodología nos ayudo para trabajar cada miembro del equipo responde a tres preguntas:
colaborativamente en equipo y lograr obtener mejores
• ¿Qué he hecho desde la última reunión de
resultados en nuestra aplicación, realizando entregas
sincronización?
parciales y regulares de la aplicación final.
Proceso del SCRUM • ¿Qué voy a hacer a partir de este momento?
El Scrum se ejecuta en bloques temporales cortos y • ¿Qué impedimentos tengo o voy a tener?
fijos. Cada iteración tiene que proporcionar un • Elimina los obstáculos que el equipo no puede
resultado completo, un incremento de producto resolver por sí mismo.
final que sea susceptible de ser entregado con el
mínimo esfuerzo al cliente cuando lo solicite. • Protege al equipo de interrupciones externas
que puedan afectar su compromiso o su productividad.
Durante la iteración, el cliente junto con el equipo refinan
la lista de requisitos (para prepararlos para las
siguientes iteraciones) y, si es necesario, cambian o
replanifican los objetivos del proyecto para maximizar
la utilidad de lo que se desarrolla y el retorno de
inversión.
Inspección y adaptación
El último día de la iteración se realiza la reunión de
revisión de la iteración. Tiene dos partes:

1. Demostración El equipo presenta al cliente

los requisitos completados en la iteración, en forma de
incremento de producto preparado para ser entregado
con el mínimo esfuerzo. En función de los resultados
mostrados y de los cambios que haya habido en el
contexto del proyecto, el cliente realiza las
adaptaciones necesarias de manera objetiva, ya desde
la primera iteración, replanificando el proyecto.
2. Retrospectiva El equipo analiza cómo ha sido
su manera de trabajar y cuáles son los problemas que
podrían impedirle progresar adecuadamente,
mejorando de manera continua su productividad. El
Facilitador se encargará de ir eliminando los
obstáculos identificados.

TÉCNICAS Y HERRAMIENTAS
Código Jquery y css(stylus)
Editor de Código Sublime Tex
Pagina de Login
Conclusiones:
1. Con la futura implementación de esta aplicación
nos permitirá establecer una comunicación en toda
la comunidad universitaria.
2. La aplicación Red Social Universitaria agilizara el
envío de comunicaciones, avisos de manera
instantánea basta con que los estudiantes y
profesores tengan una cuenta y puedan acceder a
ella.

Recomendaciones:
1. Se deberá dar una capacitación e informar sobre
esta aplicación a toda la comunidad universitaria
para que puedan acceder a ella y registrarse.
2. Hacer un buen uso de esta aplicación, así como de
la información que cada uno de los usuarios
publique en esta aplicación.
Codigo html5 3. No crear malos entendidos con comentarios que
para otros no les guste y puedan crear conflictos
muy grabes.

Bibliografia

http://www.w3schools.com/js/

http://www.w3schools.com/php/default.asp

http://www.w3schools.com/css/default.asp

http://www.w3schools.com/html/default.asp

Consultas con PHP http://proyectosagiles.org/que-es-scrum/

 http://reduniversitaria.eshost.com.ar/

LINK DEL PROYECTO