INDICE

INDICE 1

Introducción 1

Justificación 2

Objetivos 2

Obje vos generales 2

Desarrollo 2

Definir idea 2

Definir definir requerimientos 2

Definir diseño 3

Definir tecnologías 3

Conclusión 5

Bibliografias 6

El presente proyecto comprende del estudio y ayuda para la comunidad estudiantil de nuestro
instituto ya que muchos pueden compartir opiniones, compartir sus necesidades o tener idea de
algo en concreto para ayudar al instituto y no se ha considerado esas necesidades de nuestra
comunidad estudiantil.

La importancia de una herramienta que ayude a la interacción e inquietudes de la comunidad

estudiantil puedan ser tomadas en cuenta y ser compartida con el resto del instituto y así pueda ser
tomada en cuenta y a la vez pueda tener una votación para ver qué tan viable es dicha necesidad
ya que el resto de la comunidad estudiantil y administrativos sabrán si dicha necesidad realmente
es necesaria.

Una vez que la necesidad sea elegida por los alumnos esta se hará saber a los administrativos de
la institución para que estas necesidades puedan ser tomadas en cuenta y/o se pongan en obra,
así que la creación de esta herramienta pueda ser de ayuda tanto como para los administrativos
como a la comunidad estudiantil para la mejora de nuestra institución.

1
J

Los motivos que nos llevaron a la realización de esta herramienta son las necesidades que tiene la
comunidad estudiantil ya que cada semestre se genera nuevas necesidades, ideas u opiniones con
el fin de ayudar al instituto y que está a la vez no se vuelva tan vulnerable ante las necesidades de
los estudiantes. Se pretende entonces ayudar a la comunidad estudiantil, para generar y ayudar a
resolver las necesidades, para ello necesitamos la ayuda de los administrativos.

O
los principales objetivos generales de nuestro proyecto son los siguientes:

● Poder crear una plataforma de comunicación y entendimiento entre los directivos y el

alumnado del plantel
● Mejorar las actividades y estar siempre al dia con las tecnologías o eventos que suceden
afuera del tecnológico y que los alumnos logren mayor un conocimiento con todas esas
experiencias.

Objetivos especifico
● Integrar las bases de datos más modernas a la aplicación.
● crear una aplicación muy intuitiva para su fácil uso.
● integrar tecnologías web que permitan la escalabilidad del proyecto a futuro.
● impulsar la participación de los alumnos con ayuda de esta aplicación

D
La idea principal se puede resumir en una aplicación web en la que los alumnos y docentes puedan
sugerir eventos o ideas y estas puedan ser votadas para que se tomen en cuenta y se logren
cumplir, para el mejor aprendizaje y estancia de todos los que somos parte del tecnológico de
tláhuac II.

D
los requerimientos que definimos para nuestro proyecto son:

Computadoras con un editor de texto preferimos sublime text 3 por sus plugins y fácil uso.

2
cuenta de google para usar firebase.

Estamos buscando un hosting gratuito para subir nuestro proyecto.

D
Un diseño que sea intuitivo y muy fácil de usar para todos, optamos por un diseño minimalista.

Siguiendo con el minimalismo los colores básicos serían blanco, tonalidades de azul de claro hasta
azul marino.

Las secciones aún están por definirse pero no seran mas de 4.

El diseño está muy optimizado para móviles ya que es nuestro enfoque principal, sin olvidar el
diseño de escritorio.

A continuación vemos un poco del diseño material que es minimalista.

D
Las tecnologías que usaremos para realizar este proyecto son las siguientes:

html5:

usaremos este lenguaje de marcado para crear la estructura de nuestro proyecto.

css3:

usamos este lenguaje de hojas de estilo de cascada para crear el diseño que queramos para algún
uso específico.

3
MDBootstrap:

Usaremos MD Bootstrap que es un framework basado en material design el que nos facilitara la
creación de la interfaz ya que provee algunos componentes que son muy útiles por ejemplo,
entradas de texto tarjetas botones, etc.

La razón de porque elegimos MD Bootstrap es que muchas empresas y desarrolladores lo usan en

sus plataformas.

Firebase:

Usaremos firebase para las bases de datos qué es noSQL , esto representa una mayor fluidez de
respuesta además que proporciona bases de datos en tiempo real.

4
Swiper:

Es otro framework que nos provee de tarjetas y slides que funcionan con los eventos touch de los
móviles.

Elegimos Swiper ya que cuenta con las funcionalidades de tarjetas y slides que requerimos para
nuestro proyecto.

Análisis, diseño e implementación de una aplicación Web para el seguimiento del proceso
académico haciendo uso de la arquitectura

Con el fin de nuestro proyecto desarrollaremos una aplicación Web para el seguimiento vía Internet
del proceso para que los alumnos tengan voz y aporten más ideas a la institución tanto por ellos los
profesores y personal. La aplicación se ha implementado usando la arquitectura para el desarrollo
y la tecnología firebase para el acceso a datos. Todo ello se ha realizado usando el lenguaje de
programación orientado a objetos. El trabajo persigue principalmente dos objetivos: por un lado,
realizar todo el ciclo de vida de la aplicación Web, haciendo uso de los conocimientos adquiridos a
lo largo de la carrera en diferentes asignaturas, y con la tecnología firebase para acceder a las
bases de datos. En la memoria se describen todas las etapas llevadas a cabo para crear la
aplicación: captura de requisitos, análisis, diseño e implementación, y se puede apreciar
claramente cómo cada una de estas etapas nos encamina hacia la siguiente. También se hace una
breve explicación introductoria de las tecnologías usadas, centrándonos especialmente en MVC
(Modelo vista controlador). Se analizan los resultados obtenidos y cómo el desarrollo de la
aplicación nos ha permitido aprender la tecnología propuesta y alcanzar todos los objetivos

5
iniciales del trabajo. Finalmente se presentan algunos futuros cambios y añadidos que se podrían
realizar para mejorar el resultado obtenido.

También como resultado a obtener es el repaso y puesta en práctica de numerosos conceptos

alcanzados en diversos apoyos para que el alumnado y profesores puedan tener a lo largo de la
carrera una forma de dar a conocer sus propuestas de forma más simple y eficaz, por ello
especialmente de las asignaturas de programación, bases de datos. Se puede decir que se han
alcanzado todos los objetivos propuestos inicialmente, tanto por el desarrollo de la aplicación como
por los conocimientos adquiridos. Por otro lado, la propia redacción de la memoria es un ejercicio
recomendable para alcanzar una base sólida en redacción de documentación técnica.

B
1. Calvo Guillén, Ginnette Rediseño de un sitio web como sistema de información mediante la
arquitectura de información: en busca del fortalecimiento de la comunicación Revista
e-Ciencias de la Información, vol. 5, núm. 1, enero-julio, 2015, pp. 1-25 Escuela de
Bibliotecología y Ciencias de la Información UCR San José, Costa Rica.
2. Gómez Fermín, Loly Valentina; Moreno Poggio, Tomás Rafael Propuesta de modelo en
cinco capas para aplicaciones web SABER. Revista Multidisciplinaria del Consejo de
Investigación de la Universidad de Oriente, vol. 26, núm. 2, abril-junio, 2014, pp. 168-173
Universidad de Oriente Cumaná, Venezuela
3. Kendall KE, Kendall JE. 2005. Análisis y diseño de sistemas. Pearson, México, México, pp.
917.
4. Sommerville I. 2005. Ingeniería del Software (Séptima ed.). Pearson Educación S- A.,
Madrid, España.