Actividad 2

Framework`s en el Desarrollo Front- End

Presentado Por:

Diego Fernando Navarrete Acuña

ID 420624

Manuel Andrés Pérez Pachón

ID: 130295

Docente:

José Hember Solorzano Pardo

Ingeniería Web II

NRC 55290

UNIMINUTO

Bogotá D.C. 2023

1
 INTRODUCCIÓN

En el presente trabajo se evidencia la evolución en el desarrollo de las aplicaciones

web para múltiples usos, utilizando varios lenguajes de programación y teniendo como
objetivo mejorar la rapidez, productividad de los productos que se realicen, con esto se ha
surgido en el mercado un conjunto de soportes que incluyen a su vez un numero de
bibliotecas de gran utilidad y manejo para el desarrollo y unificación de varios proyectos
con los diferentes componentes denominados Frameworks.

OBJETIVOS

Con este trabajo podemos evidenciar que se puede crear estructuras de Framework,
cuyo núcleo es un conjunto de clases o de librerías mediante las cuales se desarrollan varias
aplicaciones web con navegación de manera rápida, ordena y segura.

2
 FRAMEWORK´S

1. ¿Qué es Frameworks?

Un framework, también conocido como entorno o marco de trabajo, es un código de

software ya desarrollado que proporciona estructura y funcionalidades para el desarrollo de
un software mayor. El framework se usa como base a la hora de desarrollar un software de
mayor tamaño. De esta forma, el código base del software ya está desarrollado y los
desarrolladores se pueden centrar en crear código y funcionalidades de mayor peso.

Una analogía de un framework puede verse en el caso de una empresa que quiere
empezar a producir post-its. Para ello han decidido que el tamaño de cada post-it será de
4x3cm. Entonces, medirán un folio y lo cortarán. Luego, usarán ese papel cortado como
molde en vez de medir folio por folio. Pues eso mismo, hace un framework. En lugar de
realizar el mismo tipo de tarea una y otra vez para el mismo tipo de aplicaciones, un
framework proporciona una forma de trabajo y las funciones para que la aplicación pueda
operar.

La mayoría de los frameworks usan una estructura conocida como arquitectura

MVC (Model-View-Controller). Esta arquitectura separa los componentes de una
aplicación en 3 grupos distintos: modelo, vista y controlador.

La capa modelo es donde se encuentran los datos de dominio. Por ello, la capa
modelo es la que se encarga de manipular los datos, almacenando la información del
sistema que está usando.

La capa vista es la responsable de generar la interfaz de la aplicación (pantallas,

páginas, etc.). Se puede comprender la capa vista como la forma en la que se presentan los
datos (cómo se ven).

Por último, también está la capa controladora. Esta capa actúa como intermediario entre
el usuario y la capa modelo, así como entre el modelo y la vista. De esta forma, cuando el
usuario interactúa con el sistema, el controlador consulta o actualiza la capa modelo para
mostrarle la vista adecuada.

3
 2. Para que se utiliza el Framework

Un framework sirve para acometer un proyecto en menos tiempo, y en el sector de la

programación, con un código más limpio y consistente, de manera rápida y eficaz. El
framework ofrece una estructura base que los programadores pueden complementar o
modificar según sus objetivos.

El uso de frameworks permite, principalmente, agilizar procesos de desarrollo porque

podemos reutilizar herramientas o módulos: ya tienes el ‘esqueleto’ sobre el que trabajar. El
hecho de escribir código o desarrollar una aplicación más fácilmente te sirve para tener una
mejor organización y control de todo el código elaborado, pudiendo usarlo nuevamente en
el futuro.

3. El uso del Código

El orden y control tanto del código como de los archivos es mucho mejor gracias al uso
de los frameworks. Cuando realizas una instalación de framework para lenguaje PHP o
cualquier otro lenguaje, estos ya incorporan una estructura definida.

Es una forma de mantener una cierta organización para encontrar los archivos que
necesites de forma rápida y es muy útil cuando el software empieza a tener años y por él
han pasado muchos desarrolladores diferentes. Al seguir todas las mismas reglas, la
información está más organizada y es más fácil encontrar los archivos.

4. Ventajas

 Proporciona funcionalidades integradas, estructura y una forma uniforme de

trabajar, lo que hace que sea más fácil desarrollar sistemas de software.
 Evita duplicidades de código, especialmente, en aquellos apartados que se
repiten como la conexión con las bases de datos, la validación de
formularios, etc.
 Facilita el desarrollo más rápido y económico, y con menos esfuerzo ya que
el framework proporciona la estructura y las funcionalidades estándares.

4
  Reduce la cantidad de errores y facilita su resolución. Un framework suele
estar creado y testado por varios desarrolladores y hay comunidades y foros
en las que se pueden hacer consultas y ver respuestas a consultas
relacionadas ya respondidas.
5. Desventajas

 La curva de aprendizaje de un framework es bastante larga debido a que hay

que entender cómo se estructuran, la forma en la que se comunican sus
componentes, etc.
 El uso de un framework aumenta el tamaño del programa a desarrollar
debido a que ya viene cargado de estructuras y funcionalidades que puede
que no se requieran.
 Un framework impone una forma de trabajar, por lo que no es muy flexible
y se necesitará seguir una serie de estándares de código para usarlo.
 Si el programa que se va a desarrollar es pequeño puede que no merezca la
pena usar un framework. Esto se debe a que, si es algo pequeño, el
framework puede hacer que una empresa tarde al final más al tener que
seguir todos los estándares para ponerlo en funcionamiento que si se creara
con código desde 0.

6. Utilidades de los Framework

Los frameworks tienen una serie de soluciones a la mayoría de problemas comuniones

al desarrollo de las aplicaciones web. Como lo son:

 Arquitectura de Desarrollo MVC (Modelo, Vista, Controlador).

 Autenticación de usuarios, niveles de control de acceso, sesiones, cookies…
 Estructura de Directorios y Archivos modulares.
 Manejo de Peticiones y Respuestas, (POST, GET, WebServices).
 Manejo de formularios y validación de datos.
 Manejo de localidades y multi-idioma.

5
 7. Las 5 Frameworks para el desarrollo web

a) Symfony 4

Es uno de los frameworks más utilizados y recomendados por las empresas digitales y
el preferido de muchos desarrolladores web. Symfony está compuesto por un amplio
número de componentes que se pueden reutilizar, además de contar con una comunidad
activa que siempre expone nuevos códigos para el desarrollo de posibles mejoras en las
actualizaciones.

b) Laravel

Es uno de los frameworks más jóvenes. Utiliza algunos componentes de Symfony y se

caracteriza por sus funcionalidades preparadas para el desarrollo de apps modernas de fácil
uso.

c) CakePHP

Framework de la “Old School” que se niega a doblar la rodilla ante los que van
llegando, por muy fuerte que vengan pisando. Desarrollado en 2005 cuenta hoy día con
licencia del MIT y ha llamado la atención de grandes empresas como Hyundai o BMW
para todos sus proyectos web.

Este veterano ha sacado a la luz su versión 3.6 con la que quiere volver a lo más alto del
top de los frameworks. Entre sus novedades cuenta con una gestión de las sesiones
mejorada, librerías independientes y componentes modulares para reducir el peso y mejorar
la personalización de los proyectos; entre otros tantos recursos de hoy día.

d) CodeIgniter

Este framework se creó en 2006 y durante mucho tiempo ha sido considerado uno de
los frameworks de referencia en el mundo PHP, pero últimamente ha perdido terreno con

6
los competidores. A pesar de esto Codeigniter no es complicado de aprender así que
continúa siendo una buena opción a la hora de elegir un framework PHP.

e) Drupal

Si estás pensando en una plataforma que te permita almacenar y gestionar grandes

volúmenes de datos con la que puedas trabajar en base a un diseño sobrio o escalando a un
desarrollo a medida, Drupal cumple con las necesidades de cualquier compañía, está
implementado para sitios web con una gran cantidad de tráfico, cuenta con un amplio
abanico de módulos, con los cuales puedes cubrir toda la casuística asociada a tu modelo de
negocio.

FRAMEWORK´S AL LADO DEL CLIENTE

Las aplicaciones de página múltiple están formadas por varias páginas HTML que,
por regla general, se abren al introducir la correspondiente dirección URL en el navegador
y que están conectadas entre sí mediante hipervínculos. La interfaz de usuario de una
aplicación de página única, por su parte, consta de una página HTML en la que convergen
todas las entradas del usuario. Esta puede estructurarse a través de paneles, pestañas o
tarjetas de registro, pero la dirección URL de una aplicación de página única no se modifica
durante la navegación.

Web frameworks del lado del servidor y del cliente

El modelo de programación de una aplicación web clásica se corresponde con el de

la World Wide Web, cuya arquitectura está marcada por el Hypertext Transfer Protocol
(HTTP). Cuando un usuario accede a una aplicación web, en ello participan tanto uno o
varios servidores como un programa cliente, por lo general, un navegador web. En función
de cómo esté diseñada la comunicación entre el servidor y el cliente se puede hablar de
aplicaciones centradas en el servidor (server-centric) o en el cliente (client-centric):

7
 Client-centric: Al iniciar una aplicación, la interfaz de usuario HTML, incluida la
lógica de la aplicación, se carga en su totalidad en el cliente, se puede hablar de
aplicaciones centradas en el cliente. Los cambios en la interfaz a causa de las entradas del
usuario son realizados por medio de lenguajes de programación del lado del cliente, como
por ejemplo JavaScript. Un enfoque de diseño como tal es el que se recomienda para
aplicaciones en las que los usuarios trabajan durante un espacio de tiempo prolongado en la
misma vista, ya que el servidor vuelve a cargar los datos de la interfaz. El enfoque o
planteamiento del lado del cliente se utiliza para desarrollar aplicaciones de página única y
es seguido por frameworks de JavaScript

PRÁCTICA

 Instalar el paquete de Angular

8
 Ingresamos a la carpeta del proyecto y creamos el nombre del proyecto

 Lanzamos el servidor

9
 Se evidencia el proyecto desde un servidor web

 Podemos ver la estructura de directorios.

10
 Almacenar en el repositorio de GitHub

 Estructura de Angular.json

11
 Estructura de package-lock. json

 Estructura de package.json

12
 CONCLUSIÓN

El diseño con angular es tan importante para los desarrolladores donde la

interfaz es la introducción de un usuario al portal. También es la clave de acceso a
los contenidos y servicios proporcionados por el portal. A medida que diseñamos e
implementamos portales, debemos considerar cómo organizar la información y las
aplicaciones de una manera que tenga sentido para los usuarios.

BIBLIOGRAFÍA

 https://rockcontent.com/es/blog/framework/

 https://www.bambu-mobile.com/los-mejores-frameworks-para-desarrollo-de-apps-
2023/

 https://platzi.com/blog/lenguajes-frameworks-librerias-backend/

 https://keepcoding.io/blog/los-5-mejores-frameworks-full-stack/

13