SlideShare uma empresa Scribd logo
1 de 34
Backend,
Middleware y
Frontend
Almazán Guzmán Aury José
Nuñez Herrejón Nadia Eleonora
Sánchez Colin Virginia
3CM61
Introducción
Diseñar en 3 capas...trata sobre no poner todo tu código en
las interfaces de usuario de tu sistema. Para subsanar esto,
la idea es tener 3 niveles de funcionalidad bien definidos.
◍ Capa de presentación
◍ Capa de negocio (lógica del dominio). Aquí ira todo el
código que define las reglas de negocio (cálculos,
validaciones). Surge de los procesos que hemos encontrado
en el análisis.
2
Introducción
◍ Capa de acceso a datos. el código que permite acceder a
las fuentes de datos. Esencialmente trata sobre 4
operaciones básicas, llamadas CRUD (por Create-Retrieve-
Update y Delete), que se realizan sobre cualquier fuente
de datos (normalmente alguna base de datos relacional).
Este diseño corresponde a las 3 capas lógicas (3 layers).
◍ FrontEnd / MiddleWare / BackEnd,
3
1.
Frontend
capa de presentación
4
¿Qué son?
Es la capa visual que permite a
los usuarios/clientes la
interacción con el sistema, por
lo tanto es la capa que define
las experiencias de los usuarios
en el sistema y la única a la
que tienen acceso.
FrontEnd
¿Cuáles son sus funciones?
Son todas esas tecnologías que
viven en el navegador y con las
cuales se crea el diseño del
sistema. Cuando hablamos del
diseño de un sistema se trata de
la creación de las interfaces,
las propiedades que pretendemos
que tenga y la interacción de
las mismas.
5
2.
Backend
capa de persistencia (base de datos, por lo general)
6
¿Qué son?
Son las tecnologías que hacen
vida en la capa de acceso de
datos, están del lado
del servidor por lo tanto los
usuarios no tienen acceso a
ella.
BackEnd
7
BackEnd
¿Cuáles son sus funciones?
Esto se relaciona con el nivel de datos del software.
Normalmente, esta es la (s) base (s) de datos en la que se
basa el software que no se presenta directamente al usuario.
Es donde los datos se almacenan, los encuentra el software,
se recuperan y luego se muestran al usuario.
8
BackEnd
Las tecnologías back-end con las que se desarrollan sistemas son:
◍ Lenguajes de programación web interpretados de lado del
servidor.
◍ Frameworks (marcos de trabajo) elaborados en base a un lenguaje
de programación.
◍ Bases de datos.
◍ Servidores HTTP.
9
Por lo general, el código utilizado aquí incluirá
PHP, C, C ++, C #, Python y .Net junto con
una herramienta que se comunica con la
base de datos como MySQL. Esto permite a
los desarrolladores crear aplicaciones que
puedan buscar, localizar y presentar datos
de manera eficiente y rápida.
3.
Middleware
Responsable de sistema a sistema.
10
Middleware
Middleware es un software. Su finalidad es
la de facilitar la interacción entre
cliente y servidor.
11
¿Qué son?
Herramienta que se encarga
de conectar software con
software para que funcionen y
tengan sentido. Permite que los
datos fluyan entre aplicaciones
para crear unidades de sentido
que puedan visualizarse.
Middleware
¿Cuáles son sus funciones?
Su finalidad es la de facilitar
la interacción entre cliente y
servidor. El cliente suele ser
una aplicación que reside en el
frontend, con la que el usuario
interactúa. La tecnología
Middleware se encarga de conectar
el frontend con el backend, que
podría estar formado de bases y
servidores de datos
12
Middleware
Básicamente, cualquier software que se encuentre
entre el Kernel (software fundamental del
Sistema Operativo) y las aplicaciones podría
considerarse como Middleware. Si este servicio
se integra con la nube, se genera el llamado
MWaaS o Middleware as a Service.
13
Tipos de Middleware
API
(Interfaz de Programación de
Aplicaciones). Permiten
construir software de
aplicaciones mediante
herramientas y protocolos
específicos para este fin.
Aplication Server
Son plataformas para
desarrollar aplicaciones.
Permite crear servidores en
los que ejecutar las propias
apps.
Aplication Integration
Combinan datos de distintas
apps a través de un framework
o marco de trabajo
integrador.
Data Integration
Basado en la combinación de
datos de fuentes distintas en
un solo conjunto que los
usuarios pueden manipular y
visualizar.
TP
Controla las apps de
transacción, centrándose en
modelos de negocio y sus
normas.
RPC
Remote Procedure Call o
Llamada a Procedimiento
Remoto. Es la interacción
entre cliente y servidor que
permite a una app ser
distribuida a través de
distintas plataformas.
14
Tipos de Middleware
MOM
Message-Oriented Middleware
o Middleware Orientado al
Mensaje. Es la mejora
directa de RPC. Este recurso
permite que la interacción
entre cliente y servidor
suceda de forma asíncrona en
situaciones donde el nodo
objetivo es lento o está
ocupado.
ORB
Object Request Broker o
Agente de Solicitud de
Objetos. Este tipo de
Middleware facilita la el
acceso a servicios remotos
como si fueran locales. El
servidor registra los
registros con el ORB y los
clientes contactan con el
ORB para localizar los
servicios.
15
¿Dónde empieza y termina
cada uno?
16
Front-End
◍ Esta es la capa de presentación o
la capa con la que el usuario
final interactuará la mayor parte
del tiempo, si no todo el
tiempo. Esta capa es básicamente
la capa de interfaz de usuario, ya
que presenta qué elementos del
software o sistema serán visibles
y cómo interactuará el usuario
final con el sistema.
17
◍ Como el producto final debe ser visible para el
usuario final, el desarrollador de la interfaz
tendría que ser un experto en diseño web y
software de edición de gráficos como
photoshop. Normalmente, el código utilizado en la
etapa de inicio incluye HTML, CSS y
Javascript. Este código ayuda al desarrollador a
construir las partes que serán visibles para el
usuario final.
18
◍ Es posible que el
diseñador web no sepa por
qué algunos comandos dan
la respuesta requerida,
pero el diseñador web
será competente en el
diseño del aspecto del
sitio web. El diseñador
web trabajará con las
herramientas que ya
existen.
19
Back-End
◍ Esta es la parte de la capa
que no se presenta al usuario
final. La mayoría de las
veces, esta capa consiste en
la (s) base (s) de datos que
controla el software y no se
muestra al usuario final. Los
cambios en esta capa afectarán
el aspecto general y la
función del software o
sistema.
20
◍ Esta es la capa que
admite acciones como que
el usuario final haga
clic en un botón,
solicite datos o
información o emita un
comando para su
ejecución.
◍ Esta es la capa que
responde a la acción o
comando del usuario
final y envía la
información requerida.
21
◍ Los códigos utilizados en el
back-end incluyen PHP,
Python, C ++ y .Net. También
se necesitará una herramienta
que pueda comunicarse con la
base de datos. El objetivo de
esto es ayudar a los
desarrolladores a crear
aplicaciones que sean rápidas
en la búsqueda y presentación
de datos.
22
◍ Lo que tenemos para
los sitios web la
mayoría de las veces
son los webmasters que
actúan como diseñador
web y desarrollador
web.
◍
23
Middleware
◍ Esta es la capa intermedia de la aplicación, el
software o el sistema. Esta parte de la capa funciona
básicamente como un puente que une o une el extremo
frontal y el extremo posterior. También se puede decir
que es el pegamento que mantiene la interfaz de usuario
y los datos juntos.
24
◍ Normalmente, esta capa es
donde reside la capa
lógica. Los códigos
utilizados en este
middleware incluyen Java y
C # y las herramientas de
comunicación utilizadas en
toda la aplicación son
SOAP y JSON.
25
◍ Como la capa de middleware
es básicamente un software
dentro de un software, los
trabajos de middleware
serían en su mayoría
analistas de middleware
que podrían administrar
sistemas y realizar copias
de seguridad
automatizadas.
26
Diagrama de operación
27
1. Integración Front-End
28
• En esta implementación el
middleware intercepta las
interacciones entre
aplicaciones, actúa como un
servidor de aplicaciones de
nivel medio:
• Compaginación
• Administración
• Dirección
• De solicitudes y respuestas
de interaplicación.
29
Ventajas Desventajas
• Puede desarrollar una
cantidad de capas de
frontend para diferentes
usuarios y clientes.
• La interacción entre el
middleware y el backend es
síncrona.
• Todas las funcionalidades
deben ofrecerse a través de
una API basada en servicios.
• Toda la lógica empresarial y
de datos debe estar separada
en la capa de presentación.
1. Integración Front-End
30
• En esta implementación,
los usuarios interactúan
con una sola aplicación a
la vez de una manera
determinada por sus roles
de usuario.
2. Integración de Back-End
2. Integración de Back-End
31
Ventajas Desventajas
• La interfaz del frontend a
las aplicaciones no necesita
emplear la misma
arquitectura que las
aplicaciones.
• Es fácil administrar los
entornos de desarrollo y
prueba.
• Se proporcionan herramientas
gráficas para facilitar el
desarrollo
• 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 mpultiples y
diversos roles.
Ejemplo del Diagrama de
operación
32
33
Gracias!¿Preguntas?
34

Mais conteúdo relacionado

Mais procurados

Modelos y capas de la ingenieria de software
Modelos y capas  de la ingenieria de softwareModelos y capas  de la ingenieria de software
Modelos y capas de la ingenieria de software
jhonatanalex
 
TAREAS DE LA ING. DE REQUISITOS
TAREAS DE LA ING. DE REQUISITOSTAREAS DE LA ING. DE REQUISITOS
TAREAS DE LA ING. DE REQUISITOS
xinithazangels
 
sql server
sql serversql server
sql server
Pcentro
 
UML - Casos de Uso y Diagramas de Clase
UML - Casos de Uso y Diagramas de ClaseUML - Casos de Uso y Diagramas de Clase
UML - Casos de Uso y Diagramas de Clase
Guillermo Díaz
 
Sistemas operativos de 32 bits vs 64 bits
Sistemas operativos de 32 bits vs 64 bitsSistemas operativos de 32 bits vs 64 bits
Sistemas operativos de 32 bits vs 64 bits
Walter Larreategui
 

Mais procurados (20)

Modelos y capas de la ingenieria de software
Modelos y capas  de la ingenieria de softwareModelos y capas  de la ingenieria de software
Modelos y capas de la ingenieria de software
 
Entrada/Salida de Sistemas Operativos
Entrada/Salida de Sistemas OperativosEntrada/Salida de Sistemas Operativos
Entrada/Salida de Sistemas Operativos
 
Metodología WEB UWE
Metodología WEB UWEMetodología WEB UWE
Metodología WEB UWE
 
Couchdb
CouchdbCouchdb
Couchdb
 
TAREAS DE LA ING. DE REQUISITOS
TAREAS DE LA ING. DE REQUISITOSTAREAS DE LA ING. DE REQUISITOS
TAREAS DE LA ING. DE REQUISITOS
 
Que es api
Que es apiQue es api
Que es api
 
Unidad 3: Desarrollo de aplicaciones para dispositivos móviles
Unidad 3: Desarrollo de aplicaciones para dispositivos móviles Unidad 3: Desarrollo de aplicaciones para dispositivos móviles
Unidad 3: Desarrollo de aplicaciones para dispositivos móviles
 
introducción a flutter
introducción a flutterintroducción a flutter
introducción a flutter
 
sql server
sql serversql server
sql server
 
UML - Casos de Uso y Diagramas de Clase
UML - Casos de Uso y Diagramas de ClaseUML - Casos de Uso y Diagramas de Clase
UML - Casos de Uso y Diagramas de Clase
 
Tema N° 7 Atributos de Calidad del Software según Norma ISO 25010
Tema N° 7 Atributos de Calidad del Software según Norma ISO 25010Tema N° 7 Atributos de Calidad del Software según Norma ISO 25010
Tema N° 7 Atributos de Calidad del Software según Norma ISO 25010
 
Sistemas operativos distribuidos
Sistemas operativos distribuidosSistemas operativos distribuidos
Sistemas operativos distribuidos
 
PROGRAMACION CONCURRENTE
PROGRAMACION CONCURRENTEPROGRAMACION CONCURRENTE
PROGRAMACION CONCURRENTE
 
Metodologia Diseño Web
Metodologia Diseño WebMetodologia Diseño Web
Metodologia Diseño Web
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Sistemas operativos de 32 bits vs 64 bits
Sistemas operativos de 32 bits vs 64 bitsSistemas operativos de 32 bits vs 64 bits
Sistemas operativos de 32 bits vs 64 bits
 
Middleware
MiddlewareMiddleware
Middleware
 
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
 
Introduccion a graficos mediante JAVA 2D
Introduccion a graficos mediante JAVA 2DIntroduccion a graficos mediante JAVA 2D
Introduccion a graficos mediante JAVA 2D
 
Control de concurrencias investigación
Control de concurrencias investigaciónControl de concurrencias investigación
Control de concurrencias investigación
 

Semelhante a Backend middleware frontend (2)

Programacion
ProgramacionProgramacion
Programacion
junino765
 
Programacion
ProgramacionProgramacion
Programacion
HRS1993
 
Unidad ii
Unidad iiUnidad ii
Unidad ii
Orlys05
 

Semelhante a Backend middleware frontend (2) (20)

Clase De Fds22
Clase De Fds22Clase De Fds22
Clase De Fds22
 
Framework
FrameworkFramework
Framework
 
Arquitectura Web
Arquitectura WebArquitectura Web
Arquitectura Web
 
Clase 1 Introducción al Desarrollo Web
Clase 1 Introducción al Desarrollo WebClase 1 Introducción al Desarrollo Web
Clase 1 Introducción al Desarrollo Web
 
Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 Capas
 
Arquitectura de Software
Arquitectura de SoftwareArquitectura de Software
Arquitectura de Software
 
Modelo vista controlador #ihcpfgigs_Diseñoweb
Modelo vista controlador #ihcpfgigs_DiseñowebModelo vista controlador #ihcpfgigs_Diseñoweb
Modelo vista controlador #ihcpfgigs_Diseñoweb
 
Programacion
ProgramacionProgramacion
Programacion
 
Programacion
ProgramacionProgramacion
Programacion
 
Framework
FrameworkFramework
Framework
 
Framework
FrameworkFramework
Framework
 
Sercicios web
Sercicios webSercicios web
Sercicios web
 
Olivares
OlivaresOlivares
Olivares
 
Unidad ii
Unidad iiUnidad ii
Unidad ii
 
Framework
FrameworkFramework
Framework
 
Framework
FrameworkFramework
Framework
 
Framework
FrameworkFramework
Framework
 
Desarrollo y reutilización de componentes software y multimedia mediante leng...
Desarrollo y reutilización de componentes software y multimedia mediante leng...Desarrollo y reutilización de componentes software y multimedia mediante leng...
Desarrollo y reutilización de componentes software y multimedia mediante leng...
 
Programación web con PHP con Tecnología Bootstrap.
Programación web con PHP con Tecnología Bootstrap.Programación web con PHP con Tecnología Bootstrap.
Programación web con PHP con Tecnología Bootstrap.
 
Israel tecnologias para desarrollo-web
Israel tecnologias para desarrollo-webIsrael tecnologias para desarrollo-web
Israel tecnologias para desarrollo-web
 

Mais de VirgCSan (9)

Biblios app
Biblios appBiblios app
Biblios app
 
Ambientes inteligentes
Ambientes inteligentesAmbientes inteligentes
Ambientes inteligentes
 
F domipancasoxp
F domipancasoxpF domipancasoxp
F domipancasoxp
 
Spira team
Spira teamSpira team
Spira team
 
Eprograming
EprogramingEprograming
Eprograming
 
Extreme Programing
Extreme ProgramingExtreme Programing
Extreme Programing
 
VoIP Expo equipo 2
VoIP Expo equipo 2VoIP Expo equipo 2
VoIP Expo equipo 2
 
Equipo 2 expo. Tencent
Equipo 2 expo. TencentEquipo 2 expo. Tencent
Equipo 2 expo. Tencent
 
Empresa Citrix-Empresa desarrolladora de software
Empresa Citrix-Empresa desarrolladora de softwareEmpresa Citrix-Empresa desarrolladora de software
Empresa Citrix-Empresa desarrolladora de software
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Último (11)

Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 

Backend middleware frontend (2)

  • 1. Backend, Middleware y Frontend Almazán Guzmán Aury José Nuñez Herrejón Nadia Eleonora Sánchez Colin Virginia 3CM61
  • 2. Introducción Diseñar en 3 capas...trata sobre no poner todo tu código en las interfaces de usuario de tu sistema. Para subsanar esto, la idea es tener 3 niveles de funcionalidad bien definidos. ◍ Capa de presentación ◍ Capa de negocio (lógica del dominio). Aquí ira todo el código que define las reglas de negocio (cálculos, validaciones). Surge de los procesos que hemos encontrado en el análisis. 2
  • 3. Introducción ◍ Capa de acceso a datos. el código que permite acceder a las fuentes de datos. Esencialmente trata sobre 4 operaciones básicas, llamadas CRUD (por Create-Retrieve- Update y Delete), que se realizan sobre cualquier fuente de datos (normalmente alguna base de datos relacional). Este diseño corresponde a las 3 capas lógicas (3 layers). ◍ FrontEnd / MiddleWare / BackEnd, 3
  • 5. ¿Qué son? Es la capa visual que permite a los usuarios/clientes la interacción con el sistema, por lo tanto es la capa que define las experiencias de los usuarios en el sistema y la única a la que tienen acceso. FrontEnd ¿Cuáles son sus funciones? Son todas esas tecnologías que viven en el navegador y con las cuales se crea el diseño del sistema. Cuando hablamos del diseño de un sistema se trata de la creación de las interfaces, las propiedades que pretendemos que tenga y la interacción de las mismas. 5
  • 6. 2. Backend capa de persistencia (base de datos, por lo general) 6
  • 7. ¿Qué son? Son las tecnologías que hacen vida en la capa de acceso de datos, están del lado del servidor por lo tanto los usuarios no tienen acceso a ella. BackEnd 7
  • 8. BackEnd ¿Cuáles son sus funciones? Esto se relaciona con el nivel de datos del software. Normalmente, esta es la (s) base (s) de datos en la que se basa el software que no se presenta directamente al usuario. Es donde los datos se almacenan, los encuentra el software, se recuperan y luego se muestran al usuario. 8
  • 9. BackEnd Las tecnologías back-end con las que se desarrollan sistemas son: ◍ Lenguajes de programación web interpretados de lado del servidor. ◍ Frameworks (marcos de trabajo) elaborados en base a un lenguaje de programación. ◍ Bases de datos. ◍ Servidores HTTP. 9 Por lo general, el código utilizado aquí incluirá PHP, C, C ++, C #, Python y .Net junto con una herramienta que se comunica con la base de datos como MySQL. Esto permite a los desarrolladores crear aplicaciones que puedan buscar, localizar y presentar datos de manera eficiente y rápida.
  • 11. Middleware Middleware es un software. Su finalidad es la de facilitar la interacción entre cliente y servidor. 11
  • 12. ¿Qué son? Herramienta que se encarga de conectar software con software para que funcionen y tengan sentido. Permite que los datos fluyan entre aplicaciones para crear unidades de sentido que puedan visualizarse. Middleware ¿Cuáles son sus funciones? Su finalidad es la de facilitar la interacción entre cliente y servidor. El cliente suele ser una aplicación que reside en el frontend, con la que el usuario interactúa. La tecnología Middleware se encarga de conectar el frontend con el backend, que podría estar formado de bases y servidores de datos 12
  • 13. Middleware Básicamente, cualquier software que se encuentre entre el Kernel (software fundamental del Sistema Operativo) y las aplicaciones podría considerarse como Middleware. Si este servicio se integra con la nube, se genera el llamado MWaaS o Middleware as a Service. 13
  • 14. Tipos de Middleware API (Interfaz de Programación de Aplicaciones). Permiten construir software de aplicaciones mediante herramientas y protocolos específicos para este fin. Aplication Server Son plataformas para desarrollar aplicaciones. Permite crear servidores en los que ejecutar las propias apps. Aplication Integration Combinan datos de distintas apps a través de un framework o marco de trabajo integrador. Data Integration Basado en la combinación de datos de fuentes distintas en un solo conjunto que los usuarios pueden manipular y visualizar. TP Controla las apps de transacción, centrándose en modelos de negocio y sus normas. RPC Remote Procedure Call o Llamada a Procedimiento Remoto. Es la interacción entre cliente y servidor que permite a una app ser distribuida a través de distintas plataformas. 14
  • 15. Tipos de Middleware MOM Message-Oriented Middleware o Middleware Orientado al Mensaje. Es la mejora directa de RPC. Este recurso permite que la interacción entre cliente y servidor suceda de forma asíncrona en situaciones donde el nodo objetivo es lento o está ocupado. ORB Object Request Broker o Agente de Solicitud de Objetos. Este tipo de Middleware facilita la el acceso a servicios remotos como si fueran locales. El servidor registra los registros con el ORB y los clientes contactan con el ORB para localizar los servicios. 15
  • 16. ¿Dónde empieza y termina cada uno? 16
  • 17. Front-End ◍ Esta es la capa de presentación o la capa con la que el usuario final interactuará la mayor parte del tiempo, si no todo el tiempo. Esta capa es básicamente la capa de interfaz de usuario, ya que presenta qué elementos del software o sistema serán visibles y cómo interactuará el usuario final con el sistema. 17
  • 18. ◍ Como el producto final debe ser visible para el usuario final, el desarrollador de la interfaz tendría que ser un experto en diseño web y software de edición de gráficos como photoshop. Normalmente, el código utilizado en la etapa de inicio incluye HTML, CSS y Javascript. Este código ayuda al desarrollador a construir las partes que serán visibles para el usuario final. 18
  • 19. ◍ Es posible que el diseñador web no sepa por qué algunos comandos dan la respuesta requerida, pero el diseñador web será competente en el diseño del aspecto del sitio web. El diseñador web trabajará con las herramientas que ya existen. 19
  • 20. Back-End ◍ Esta es la parte de la capa que no se presenta al usuario final. La mayoría de las veces, esta capa consiste en la (s) base (s) de datos que controla el software y no se muestra al usuario final. Los cambios en esta capa afectarán el aspecto general y la función del software o sistema. 20
  • 21. ◍ Esta es la capa que admite acciones como que el usuario final haga clic en un botón, solicite datos o información o emita un comando para su ejecución. ◍ Esta es la capa que responde a la acción o comando del usuario final y envía la información requerida. 21
  • 22. ◍ Los códigos utilizados en el back-end incluyen PHP, Python, C ++ y .Net. También se necesitará una herramienta que pueda comunicarse con la base de datos. El objetivo de esto es ayudar a los desarrolladores a crear aplicaciones que sean rápidas en la búsqueda y presentación de datos. 22
  • 23. ◍ Lo que tenemos para los sitios web la mayoría de las veces son los webmasters que actúan como diseñador web y desarrollador web. ◍ 23
  • 24. Middleware ◍ Esta es la capa intermedia de la aplicación, el software o el sistema. Esta parte de la capa funciona básicamente como un puente que une o une el extremo frontal y el extremo posterior. También se puede decir que es el pegamento que mantiene la interfaz de usuario y los datos juntos. 24
  • 25. ◍ Normalmente, esta capa es donde reside la capa lógica. Los códigos utilizados en este middleware incluyen Java y C # y las herramientas de comunicación utilizadas en toda la aplicación son SOAP y JSON. 25
  • 26. ◍ Como la capa de middleware es básicamente un software dentro de un software, los trabajos de middleware serían en su mayoría analistas de middleware que podrían administrar sistemas y realizar copias de seguridad automatizadas. 26
  • 28. 1. Integración Front-End 28 • En esta implementación el middleware intercepta las interacciones entre aplicaciones, actúa como un servidor de aplicaciones de nivel medio: • Compaginación • Administración • Dirección • De solicitudes y respuestas de interaplicación.
  • 29. 29 Ventajas Desventajas • Puede desarrollar una cantidad de capas de frontend para diferentes usuarios y clientes. • La interacción entre el middleware y el backend es síncrona. • Todas las funcionalidades deben ofrecerse a través de una API basada en servicios. • Toda la lógica empresarial y de datos debe estar separada en la capa de presentación. 1. Integración Front-End
  • 30. 30 • En esta implementación, los usuarios interactúan con una sola aplicación a la vez de una manera determinada por sus roles de usuario. 2. Integración de Back-End
  • 31. 2. Integración de Back-End 31 Ventajas Desventajas • La interfaz del frontend a las aplicaciones no necesita emplear la misma arquitectura que las aplicaciones. • Es fácil administrar los entornos de desarrollo y prueba. • Se proporcionan herramientas gráficas para facilitar el desarrollo • 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 mpultiples y diversos roles.
  • 32. Ejemplo del Diagrama de operación 32
  • 33. 33

Notas do Editor

  1. Bibliografía: http://saveti.kombib.rs/razlike-izmedju-front-end-back-end-and-middleware-developers&prev=search
  2. Bibliografía: http://saveti.kombib.rs/razlike-izmedju-front-end-back-end-and-middleware-developers&prev=search
  3. Bibliografía: http://saveti.kombib.rs/razlike-izmedju-front-end-back-end-and-middleware-developers&prev=search