Está en la página 1de 12

Universidad de Managua

Desarrollo Web Entorno Clientes

Investigación

Docente: Elvis Villareyna

Alumno: Jason Manuel Gutierrez Ruiz

Grupo: DI07A Carrera: Ingeniería de Sistemas


Desarrollo Web Entorno a Clientes

FRONT END y BACK END.

Definición
El Font end es la parte amigable que interactúa con el usuario, su objetivo es
funcionar correctamente ya sea llamativamente con elementos de
interacción o con un diseño simple, pero estable.

El Back end es la parte caótica del lado del desarrollo, y como usuario nos
permite acceder al login, acceder a nuestros favoritos, acceder a contenido
de streaming a través de nuestra suscripción de paga, nos lleva a todas esas
acciones que nos permite interactuar y conectarnos a la base de datos, otras
características que no suelen verse muy específicos del lado visual pero que
si suceden para que puedan verse de parte del usuario.
Su objetivo es funcionar establemente con las bases de datos con los
parámetros de seguridad requeridos.

Evolución
Era temprana
Se le puede llamar la era de la Web 1.0, que es muy adecuada para pequeños
proyectos empresariales, independientemente del front-end y el back-end, a
menudo 3-5 personas realizan todo el desarrollo. Las páginas son generadas
en el servidor por ingenieros como JSP y PHP, y el navegador es responsable
de mostrarlas. Básicamente, es lo que el servidor muestra a cualquier
navegador, y el control de la presentación está en la capa del servidor web.
Desarrollo Web Entorno a Clientes

Era del back-end MVC


Para reducir la complejidad, con el back-end como punto de partida, existen
actualizaciones de la arquitectura de la capa del servidor web, como Structs,
Spring MVC, etc. Esta es la era del MVC de back-end.

La capacidad de mantenimiento del código se ha mejorado


significativamente. MVC es un muy buen modelo de colaboración. Desde el
nivel arquitectónico, los desarrolladores pueden entender en qué código se
debe escribir y dónde. Para hacer que la capa de Vista sea más y más simple,
también puede elegir Velocity, Freemaker y otras plantillas, para que no se
pueda escribir código Java en la plantilla. Parece que la función se ha
debilitado, pero es esta limitación la que hace que la división del trabajo
entre los extremos frontal y posterior sea más clara. Sin embargo, todavía no
está tan claro. 
Era del SPA traída por Ajax
La historia avanza. En 2004, la mujer como el viento de Gmail vino al mundo.
Ajax se propuso formalmente en 2005, y CDN comenzó a usarse para el
almacenamiento de recursos estáticos, por lo que apareció SPA (página única
de aplicación de página única devuelta por JavaScript rey). Aplicación) era.
Desarrollo Web Entorno a Clientes

En este modo, la división del trabajo entre los extremos frontal y posterior es
muy clara, y el punto clave de colaboración de los extremos frontal y
posterior es la interfaz Ajax. Se ve tan hermoso, pero si miras hacia atrás, no
es muy diferente de la era JSP. La complejidad se traslada del JSP del lado del
servidor al JavaScript del navegador, y el lado del navegador se vuelve muy
complicado. Similar a Spring MVC, una arquitectura en capas en el lado del
navegador comenzó a surgir en esta era:

Era de MV * front-end
Con el fin de reducir la complejidad del desarrollo front-end, además de
Backbone, han surgido una gran cantidad de marcos, como EmberJS,
KnockoutJS, AngularJS, etc. El principio general de estos marcos es la primera
capa por tipo, como Plantillas, Controladores, Modelos, y luego dividir en la
capa, como se muestra a continuación:
Desarrollo Web Entorno a Clientes

Era de la pila completa traída por Node


El modo MV * basado en el front-end resuelve muchos problemas, pero
como se mencionó anteriormente, todavía hay muchas deficiencias. Con el
surgimiento de Node.js, JavaScript tiene la capacidad de ejecutarse en el
servidor. Esto significa que puede haber un nuevo modelo de I + D:
Desarrollo Web Entorno a Clientes

Lenguajes de desarrollo

Los 10 principales lenguajes de programación de front end 


1. HTML
2. CSS
3. JavaScript
4. React
5. Vue
6. TypeScript
7. Elm
8. JQuery
9. Angular
10.Swift
Los 10 mejores lenguajes de programación back end
1. JavaScript
2. Python
3. Ruby
4. PHP
5. Java
6. C#
8. C++
9. Kotlin
10. Scala
Desarrollo Web Entorno a Clientes

Diferencias
1. Son conceptos diferentes
Cuando tratamos las diferencias entre Front-end y Back-end resulta evidente que ambas
ideas son distintas.
Como hemos mencionado antes, Front End es la parte del sitio web con la que puedes ver
e interactuar. Mientras, la parte trasera engloba el funcionamiento estructural y no es
visible por el cliente.
2. Roles distintos
Para que lo entiendas mejor, piensa que son dos caras de la misma moneda. Front-end
tiene que ver con aspectos visuales con los que experimentas.
Por su parte, al Back-end se le atribuye todo lo que sucede en segundo plano porque
facilita la interacción web.
3. Fundamentos esenciales
Los elementos esenciales del desarrollo web Back End incluyen lenguajes como:
 Java,
 Ruby,
 Python,
 PHP,
 .Net,
 entre otros.
Ahora, los lenguajes más comunes de Front-end son:
 HTML,
 CSS
 y JavaScript.
4. Funciones de los desarrolladores de Front End y Back End
Un diseñador web se encarga de construir sitios web teniendo en cuenta los aspectos
visuales.
Los desarrolladores web de Back-end se aseguran de que los datos y sistemas solicitados
por el software funcionen de manera eficiente.
Ambos aspectos tienen un valor tremendo en el buen desarrollo de la interfaz de usuario.
Desarrollo Web Entorno a Clientes

Ventajas y desventajas
FRONT END

VENTAJAS
1) Desde la perspectiva del rendimiento y la experiencia del usuario, el
enrutamiento de backend envía una solicitud al servidor cada vez que
se accede a una nueva página, y luego el servidor responde a la
solicitud. Este proceso definitivamente se retrasará. El enrutamiento
de front-end solo cambia la ruta al acceder a una nueva página. Sin
demoras en la red, la experiencia del usuario mejorará enormemente.
2) En algunas ocasiones, el uso de la solicitud ajax puede hacer que la
página no se actualice, la página ha cambiado pero la URL no ha
cambiado y el usuario no puede copiar a la dirección deseada. Usar el
enrutamiento de front-end para hacer una página de una sola página
puede resolver este problema bien.
DESVENTAJAS
 La solicitud se reenviará cuando se utilicen las teclas de avance y
retroceso del navegador y la caché no se utilice correctamente.

BACK END

VENTAJAS
1) Es toda la lógica que está detrás de la interfaz de usuario, algoritmos,
manejo de base de datos, lógica de negocios.
2) Se utilizan lenguajes de programación Java, PHP, C#, Ruby y debe tener
conocimientos básicos de Back end.
3) Herramientas como editores de código como por ejemplo Netbeans,
Eclipse, Visual Studio, etc.
DESVENTAJAS
Desarrollo Web Entorno a Clientes

 Cada aplicación tiene una apariencia y un inicio de sesión diferente


 La interfaz de usuario tiene restricciones limitadas, lo que restringe a
los usuarios que actúan en múltiples y diversos roles

CARACTERISTICAS
Código Abierto Código de programación de la plataforma
denominado abierto (gratuito) que puede ser
modificado.
Varios idiomas La plataforma puede ser visualizada en varios
idiomas tanto en Administración como en
Visualización.
Comunidad de desarrolladores Programadores que utilizan la plataforma e
interactúan en foros para resolver problemas,
dudas, etc.
Integración de módulos Módulos que ofrezcan funcionalidades adicionales
a la plataforma (por ejemplo: comparativo de
productos, compartir en redes sociales, etc.).
Multi-tiendas Posibilidad de manejar varias tiendas con distintas
características (por ejemplo: productos, precios,
etc.) en la misma plataforma.
Multi-moneda Posibilidad de manejo de varias monedas (por
ejemplo: pesos, dólares, euros, etc.) en la
plataforma.
Nivel de instalación Complejidad para instalar, configurar y adecuar la
plataforma a un sitio web.
Personalización del sitio Flexibilidad para ajustar y adecuar la visualización
de la tienda virtual al diseño de un sitio web.
Administración Flexibilidad para administrar:
• Precios definidos bajo distintos formatos
(porcentaje, absoluto, etc.).
• Inventarios por zona, tienda o atributos (color,
talla, etc.).
• Diferentes perfiles de clientes (oro, platino, etc.)
en la plataforma.
• Catálogo por categorías, marcas, etc.
• Pedidos por zonas, empresas de mensajería,
tiempo de entrega, etc.
• Reglas de negocio en cuanto a clasificación de
clientes y aplicación de descuentos y
promociones, restricciones de productos.
Implementación de métodos de Posibilidad de implementar múltiples medios de
pago pago (tarjetas de crédito, débito, prepago,
Desarrollo Web Entorno a Clientes

concentradores de pago, tarjetas de regalo, etc.).


Desempeño de la aplicación Velocidad de respuesta de la aplicación. El
desempeño puede variar dependiendo de la
infraestructura.
APIs1 de conexión • Posibilidad de integrar la plataforma de e-
commerce con módulos de sistemas actuales de la
empresa (ERPs).
Integración móvil • Posibilidad de integrar y adecuar la plataforma a
sitios optimizados para dispositivos móviles
(tablets, teléfonos, etc).
Reporteo estándar • Presentación, detalle y calidad de la información
desplegada en reportes estándar de la plataforma.
Costos • Negociación de los costos de licencias,
mantenimiento e implementación.
Accesibilidad • Disponibilidad de la compañía que provee la
plataforma para brindar asistencia y soporte
(horarios, canales, etc.).

Ejemplos
Los componentes que se encuentran en la parte frontal del sistema son los
siguientes:
 pruebas de usabilidad y accesibilidad;
 lenguajes de diseño y marcado como HTML, CSS y JavaScript;
 diseño gráfico y herramientas de edición de imágenes;
 posicionamiento en buscadores o SEO;
 rendimiento web y compatibilidad del navegador.
Ahora bien, estos son algunos ejemplos prácticos de los conceptos asociados
con Back-end:
 lenguajes de programación y scripting como PHP y Python;
 escalabilidad y disponibilidad de red;
 transformación de datos y gestión de bases de datos;
 marcos de prueba automatizados;
 ciberseguridad y prácticas de respaldo de datos.
Desarrollo Web Entorno a Clientes
Desarrollo Web Entorno a Clientes

También podría gustarte