SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
 
Diagrama de clases
Diagrama de clasesDiagrama de clases
Diagrama de clases
 
Modelamiento de software
Modelamiento de softwareModelamiento de software
Modelamiento de software
 
Java con bd
Java con bdJava con bd
Java con bd
 
Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 Capas
 
Algoritmo centralizado
Algoritmo centralizadoAlgoritmo centralizado
Algoritmo centralizado
 
Poo 3 herencia
Poo 3 herenciaPoo 3 herencia
Poo 3 herencia
 
sistema de inscripcion
sistema de inscripcionsistema de inscripcion
sistema de inscripcion
 
Diagrama de clases
Diagrama de clasesDiagrama de clases
Diagrama de clases
 
Servidor web
Servidor webServidor web
Servidor web
 
Cuadro comparativo metodos
Cuadro comparativo metodosCuadro comparativo metodos
Cuadro comparativo metodos
 
Apache Cassandra
Apache CassandraApache Cassandra
Apache Cassandra
 
modelo vista controlador
modelo vista controladormodelo vista controlador
modelo vista controlador
 
caracteristicas de lo usuarios
caracteristicas de lo usuarioscaracteristicas de lo usuarios
caracteristicas de lo usuarios
 
Metodologias para el desarrollo de aplicaciones web
Metodologias para el desarrollo de aplicaciones webMetodologias para el desarrollo de aplicaciones web
Metodologias para el desarrollo de aplicaciones web
 
Jsp
JspJsp
Jsp
 
Metodologia WEB RNA
Metodologia WEB RNAMetodologia WEB RNA
Metodologia WEB RNA
 
Arquitecturas de software exposicion
Arquitecturas de software   exposicionArquitecturas de software   exposicion
Arquitecturas de software exposicion
 
Disciplina de desarrollo rup
Disciplina de desarrollo rupDisciplina de desarrollo rup
Disciplina de desarrollo rup
 
Modelo Relacional (Base de Datos)
Modelo Relacional (Base de Datos)Modelo Relacional (Base de Datos)
Modelo Relacional (Base de Datos)
 

Ähnlich wie Backend, Middleware y Frontend

Clase De Fds22
Clase De Fds22Clase De Fds22
Clase De Fds22masa832
 
Modelo vista controlador #ihcpfgigs_Diseñoweb
Modelo vista controlador #ihcpfgigs_DiseñowebModelo vista controlador #ihcpfgigs_Diseñoweb
Modelo vista controlador #ihcpfgigs_DiseñowebPierina G. Abad
 
Programacion
ProgramacionProgramacion
Programacionjunino765
 
Programacion
ProgramacionProgramacion
ProgramacionHRS1993
 
Unidad ii
Unidad iiUnidad ii
Unidad iiOrlys05
 
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...Jomicast
 
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.Jose Fernandez
 
Israel tecnologias para desarrollo-web
Israel tecnologias para desarrollo-webIsrael tecnologias para desarrollo-web
Israel tecnologias para desarrollo-webimei_02
 
Fundam servclient
Fundam servclientFundam servclient
Fundam servclienttvazamar
 

Ähnlich wie Backend, Middleware y Frontend (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 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
 
Fundam servclient
Fundam servclientFundam servclient
Fundam servclient
 

Mehr von VirgCSan

Biblios app
Biblios appBiblios app
Biblios appVirgCSan
 
Ambientes inteligentes
Ambientes inteligentesAmbientes inteligentes
Ambientes inteligentesVirgCSan
 
F domipancasoxp
F domipancasoxpF domipancasoxp
F domipancasoxpVirgCSan
 
Spira team
Spira teamSpira team
Spira teamVirgCSan
 
Eprograming
EprogramingEprograming
EprogramingVirgCSan
 
Extreme Programing
Extreme ProgramingExtreme Programing
Extreme ProgramingVirgCSan
 
VoIP Expo equipo 2
VoIP Expo equipo 2VoIP Expo equipo 2
VoIP Expo equipo 2VirgCSan
 
Equipo 2 expo. Tencent
Equipo 2 expo. TencentEquipo 2 expo. Tencent
Equipo 2 expo. TencentVirgCSan
 
Empresa Citrix-Empresa desarrolladora de software
Empresa Citrix-Empresa desarrolladora de softwareEmpresa Citrix-Empresa desarrolladora de software
Empresa Citrix-Empresa desarrolladora de softwareVirgCSan
 

Mehr von 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
 

Kürzlich hochgeladen

_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdfBetianaJuarez1
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosAlbanyMartinez7
 
David_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDavid_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDAVIDROBERTOGALLEGOS
 
Viguetas Pretensadas en concreto armado
Viguetas Pretensadas  en concreto armadoViguetas Pretensadas  en concreto armado
Viguetas Pretensadas en concreto armadob7fwtwtfxf
 
Clasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxClasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxCarolina Bujaico
 
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxPLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxhasbleidit
 
Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfKarinaCambero3
 
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaYeimys Ch
 
Trabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointTrabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointValerioIvanDePazLoja
 
La electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfLa electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfcristianrb0324
 
PROYECCIÓN DE VISTAS planos de vistas y mas
PROYECCIÓN DE VISTAS planos de vistas y masPROYECCIÓN DE VISTAS planos de vistas y mas
PROYECCIÓN DE VISTAS planos de vistas y maslida630411
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024u20211198540
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1ivanapaterninar
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptxHugoGutierrez99
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docxobandopaula444
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfjeondanny1997
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfFernandoOblitasVivan
 
Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)JuanStevenTrujilloCh
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúCEFERINO DELGADO FLORES
 

Kürzlich hochgeladen (20)

_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos Juridicos
 
David_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDavid_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptx
 
Viguetas Pretensadas en concreto armado
Viguetas Pretensadas  en concreto armadoViguetas Pretensadas  en concreto armado
Viguetas Pretensadas en concreto armado
 
Clasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxClasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptx
 
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxPLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
 
Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdf
 
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
 
Trabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointTrabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power Point
 
La electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfLa electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdf
 
PROYECCIÓN DE VISTAS planos de vistas y mas
PROYECCIÓN DE VISTAS planos de vistas y masPROYECCIÓN DE VISTAS planos de vistas y mas
PROYECCIÓN DE VISTAS planos de vistas y mas
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 Testcontainers
 
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdf
 
Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
 

Backend, Middleware y Frontend

  • 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

Hinweis der Redaktion

  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