SUMARIO

2.- AGRADECIMIENTO ........................................................................................................... 2

3.- EPGRAFE ............................................................................................................................ 3
4.- RESUMEN ............................................................................................................................ 4
4.1.- ABSTRAC ...................................................................................................................... 4
5.- INTRODUCCION ................................................................................................................. 5
6.- QUE ES UN DISEO DE FRAMEWORK ...................................................................... 5
6.1. PROCESO DE DESARROLLO WEB ............................................................................ 6
6.1.1.- DEFINICIN DEL PROYECTO ............................................................................... 6
6.1.2.- DISEO Y MAQUETACIN .................................................................................... 6
6.1.3DESARROLLO DE LA LGICA DE LA WEB ....................................................... 7
7.- VENTAJAS DE USAR UN FRAMEWORK CON CSS...................................................... 7
7.1.- Ahorrar tiempo: ............................................................................................................ 7
7.2.- Testado en navegadores: .............................................................................................. 7
7.3.- Mobile first: .................................................................................................................... 7
7.4.- Escalabilidad: ................................................................................................................. 8
8.- FRAMEWORKS EN LA CONSTRUCCIN DE APLICACIONES WEB.................. 8
9.-ARQUITECTURA DEL SISTEMA ...................................................................................... 8
9.1.- Controlador: .................................................................................................................... 9
9.2.- Gestor de formularios: ................................................................................................... 9
9.3.- Gestor de acceso a datos: ................................................................................................ 9
10.- REFERENCIAS BIBLIOGRAFICAS .............................................................................. 10
 1.- DEDICATORIA

Primeramente a mis padres y hermanos por haberme brindado su apoyo en

todo momento econmicamente y moralmente, por sus consejos, por impartir
valores y Por la motivacin constante que nos ha permitido ser personas de
bien.

2.- AGRADECIMIENTO

Este presente trabajo agradezco a mis padres, familiares y Compaeros por

brindarme su apoyo tanto moral y econmico para Seguir estudiando y lograr
el objetivo trazado para un futuro mejor y Ser un orgullo para ellos y de toda
mi familia
De igual manera a mis queridos formadores en especial docente del Curso de
web II de la carrera de ingeniera de Sistemas.

3.- EPGRAFE

"Si queremos contar lneas de cdigo, no deberamos referirnos a ellas como

lneas producidas, sino como lneas consumidas"
-- Edsger Dijkstra
 4.- RESUMEN

Hay una amplia gama de frameworks para aplicaciones web disponibles, El uso
de Frameworks en la construccin de aplicaciones Web es un tema de reciente
desarrollo e investigacin en el rea del software, y est muy relacionado con el
concepto Web 2.0 y los sistemas modernos de informacin. Esta monografa
presenta avances del diseo y creacin de un Framework web robusto y
eficiente, implementado con herramientas de software libre, que facilite el
desarrollo de aplicaciones web corporativas a travs de asistentes, con su
estructura general (sesiones, seguridad y navegacin) y las diferentes pginas de
gestin, a partir del modelo de datos de la aplicacin.

4.1.- ABSTRAC
There is a wide range of frameworks for web applications available. The use of
Frameworks in web application construction is a subject of recent development
and research in the area of software, and is closely related to the concept "Web
2.0" and modern systems of information. This monograph presents advances in
the design and creation of a robust and efficient Web Framework, implemented
with free software tools, to facilitate the development of corporate web
applications through attendees, with its general structure (sessions, security and
navigation) and the different management pages, from the data model of the
application.
 5.- INTRODUCCION

El presente trabajo monogrfico de Diseo de FRAMEWORK Web, el cual

tiene como objetivo determinar la importancia del Diseo de FRAMEWORK
para el desarrollo dinmico de aplicaciones Web. El propsito de este tipo de
framework es permitir a los desarrolladores construir aplicaciones web y
centrarse en los aspectos interesantes, aliviando la tpica tarea repetitiva asociada
con patrones comunes de desarrollo web. La mayora de los frameworks de
aplicaciones web proporcionan los tipos de funcionalidad bsica comn, tales
como sistemas de plantillas, manejo de sesiones de usuario, interfaces comunes
con el disco o el almacenamiento en base de datos de contenido cacheado, y
persistencia de datos.
Es un trabajo Proveniente de las referencias bibliogrficas consultadas del cual
se recopilo la informacin.

6.- QUE ES UN DISEO DE FRAMEWORK

El uso de Frameworks en la construccin de aplicaciones Web es un tema de

reciente desarrollo e investigacin en el rea del software, y est muy
relacionado con el concepto Web 2.0 y los sistemas modernos de informacin.
Este artculo presenta avances del proyecto que plantea el diseo y creacin de
un Framework web robusto y eficiente, implementado con herramientas de
software libre, que facilite el desarrollo de aplicaciones web corporativas a
travs de asistentes, con su estructura general (sesiones, seguridad y navegacin)
y las diferentes pginas de gestin, a partir del modelo de datos de la aplicacin
 6.1. PROCESO DE DESARROLLO WEB
La ingeniera Web (IWeb) es el proceso con el que se crean WebApps de alta
calidad. La IWeb no es un clon perfecto de la ingeniera de software, pero toma
prestados muchos conceptos y principios fundamentales de ella. Adems, el
proceso IWeb acenta actividades tcnicas y administrativas similares. Existen
sutiles diferencias en la manera como se dirigen dichas actividades, pero el
mtodo primordial dicta un enfoque disciplinado para el desarrollo de un sistema
software. En el desarrollo de software, un framework es una estructura de
soporte definida en la cual otro proyecto de software puede ser organizado y
desarrollado.
6.1.1.- DEFINICIN DEL PROYECTO
Es uno de los puntos ms importantes, hay que tener lo ms claro posible el
alcance del proyecto, los requisitos que se quieren cumplir desde el inicio, que
cosas gustara que apareciesen ms adelante, etc. La definicin consiste en
muchos puntos, pero principalmente hay que hacer un estudio del proyecto,
describir los distintos apartados o secciones y qu se espera de cada una.

Para esto es necesario hacer una serie de mockups, o esquemas que muestren el
funcionamiento bsico y los componentes de cada seccin. De este modo, sin
necesidad de saber cmo va a disearse, qu imgenes van a aparecer o los
colores finales, se puede tener una idea clara de los elementos que contendr
cada apartado de nuestra web.
6.1.2.- DISEO Y MAQUETACIN
El diseo del sitio web es tan importante como el desarrollo, ya que definimos
el aspecto que va a tener, lo que nuestro pblico va a ver, los colores que
decidamos que van a acompaar a nuestra marca durante su inicio (no tiene por
qu mantenerse a lo largo de toda la vida del proyecto, hay muchos casos de
rediseos en empresas importantes).
6.1.3DESARROLLO DE LA LGICA DE LA WEB
Normalmente este tercer paso es el que ms largo suele ser de todos, ya que suele
consistir en escribir una gran cantidad de cdigo para que la web sea capaz de
interactuar con el usuario obteniendo sus datos de entrada, o mostrarle datos que
tenemos almacenados en alguna base de datos. Definir correctamente esta parte
es fundamental para el buen proceso de desarrollo, ya que ser el esqueleto de
nuestro proyecto, lo que hace que se mantenga en pie, cuanto ms robusto y a la
vez ligero sea, mejor funcionar nuestra web.

Es muy importante en este paso usar un lenguaje de programacin con el que

nos sintamos cmodos y seamos capaces de desarrollar la mayora de las
funcionalidades requeridas por nuestra aplicacin.

7.- VENTAJAS DE USAR UN FRAMEWORK CON CSS

Si ests pensando que quizs escribir todo el CSS desde cero para cada proyecto
no sea lo ms productivo para ti, es el momento de explorar el uso de un
framework CSS. Estas son las ventajas que aportan al diseo de una web:

7.1.- Ahorrar tiempo:

Escribir una y otra vez el mismo cdigo es repetitivo y no te lleva a ninguna
parte. Es uno de los principios que comentbamos en nuestro listado de
buenas prcticas para escribir CSS. Con un framework tendrs ya una base
sobre la que empezar a maquetar el diseo.
7.2.- Testado en navegadores:
La mayora de los frameworks son usados por muchos usuarios y los mismos
usuarios reportan los fallos o errores que encuentran en los distintos
navegadores, para que puedan ser arreglados. Esto hace que a medida que
pase el tiempo, el frameworks vaya mejorando su compatibilidad y no tengas
que preocuparte de si tu diseo se ve bien en Safari, Chrome, Firefox.
7.3.- Mobile first:
La mayora de los frameworks son responsive design, y adems estn
construidos basndose en la metodologa Mobile First, por lo que nos
aseguramos una ptima visualizacin en los dispositivos de menor resolucin
sin sobrecargar con estilos y propiedades innecesarias dichas resoluciones.
 7.4.- Escalabilidad:
Usar un Framework CSS permite a tu diseo tener la posibilidad de crecer en
el futuro. Si aadimos una nueva seccin, una nueva pgina o un nuevo
elemento no necesitaremos escribir nuevas lineas de CSS, podemos reutilizar
los estilos ya predefinidos, centrndonos en el HTML y en los detalles que
hagas a esa pgina singular respecto al resto.

8.- FRAMEWORKS EN LA CONSTRUCCIN DE APLICACIONES

WEB

Un framework para aplicaciones web es un framework diseado para apoyar

el desarrollo de sitios web dinmicos, aplicaciones web y servicios web. Este
tipo de frameworks intenta aliviar el exceso de carga asociado con actividades
comunes usadas en desarrollos web. Por ejemplo, muchos framework
proporcionan bibliotecas para acceder a bases de datos, estructuras para
plantillas y gestin de sesiones, y con frecuencia facilitan la reutilizacin de
cdigo.

9.-ARQUITECTURA DEL SISTEMA

La arquitectura del Framework es inherentemente Web para poder lograr los

requerimientos propuestos, pero una arquitectura Cliente/Servidor Web no le
da el valor agregado que s da la correcta definicin de componentes y
delegacin de responsabilidades a estos mismos dentro de la aplicacin. Esta
arquitectura deber aportar a la calidad del desarrollo, teniendo como objetivo
la escalabilidad, fiabilidad, desempeo y seguridad as que los componentes
a disear deben cumplir o permitir obtener estos puntos.

Para complementar la arquitectura escogida y enfrentar diferentes problemas

de interoperabilidad, seguridad, facilidad de acceso y desempeo, se
definieron los siguientes componentes
9.1.- Controlador:
Se encarga de procesar las solicitudes que se realizan desde la interfaz grfica
y las re-direcciona a los procesos especializados que devuelven su respuesta
mediante el mismo controlador. Gestor de Seguridad: Encargado de validar
los permisos del usuario en sesin para realizar la autenticacin y autorizacin
del mismo, este componente es accedido por el controlador en el momento de
requerir una accin determinada as se logra en el momento que la sesin del
usuario tenga cualquier cambio, que este se vea reflejado al usuario.

9.2.- Gestor de formularios:

Realiza todo el trabajo relacionado con la carga, validacin y operaciones
CRUD sobre los formularios, de esta manera se desacopla la operacin central
del Framework de lo relacionado con acceso a datos y gestin de seguridad.

9.3.- Gestor de acceso a datos:

Este componente se encarga de realizar el acceso a las Bases de datos que se
hayan configurado, as se centraliza el acceso y se permite el uso de diferentes
tipos de base de datos.

CONCLUSIONES
10.- REFERENCIAS BIBLIOGRAFICAS

Gmez Lpez, Julio, and Alcayde Garca, Alfredo. Construccin de

pginas web. Madrid, ES: RA-MA Editorial, 2014. ProQuest ebrary.

Zofo Jimnez, Javier. Aplicaciones web. Madrid, ES: Macmillan Iberia,

S.A., 2013. ProQuest ebrary.

Lerma-Blasco, Ral V., Murcia Andrs, Jos Alfredo, and Mifsud Taln,
Elvira. Aplicaciones web. Madrid, ES: McGraw-Hill Espaa, 2013.
ProQuest ebrary. Web.

Sistema de Informacin Cientfica Redalyc Red de Revistas Cientficas

de Amrica Latina y el Caribe, Espaa y Portugal Universidad Autnoma
del Estado de Mxico Versin 2.2 beta | 2015