📘Frontend

Selector Alummnos / Empresas

Definición de Frontend

Cuando hablamos de Front-end indefectiblemente también debemos hablar de back-end, ambos son términos que se relacionan con el principio y el final de un proceso. Estos términos adquieren una relevancia mayor en ciertas áreas particulares.

El frontend son todas aquellas tecnologías que corren del lado del cliente, es decir, todas aquellas tecnologías que corren del lado del navegador web, generalizandose más que nada en tres lenguajes, Html , CSS Y JavaScript.

La persona encargada del frontend, se dedica solo a estas tres tecnologías, aunque esto no significa que no sepa como trabaja el Backend, ya que es necesario para que pueda consumir datos y pueda estructurar correctamente un maquetado en HTML y CSS para su mejor comodidad y la comodidad del Backend a la hora de colocarlo sobre un servidor, normalmente en FrontEnd se encarga de estilizar la página de tal manera que la página pueda quedar cómoda para la persona que la ve, es decir, esta persona, debe de conocer técnicas de User Experience para dar una experiencia de usuario cómoda a la persona que visita la página, así mismo debe de saber de diseño de Interacción para que sepa colocar las cosas de tal manera que el usuario las pueda ubicar de manera rápida y cómoda, es decir, el Backend posteriormente se encargará de llenar las páginas de información (en ocasiones) y de colocar la página en un servidor, pero esto de nada sirve si la página es fea.

Por tanto, el programador del FrontEnd debe de saber un poco de diseño, ya que como he dicho anteriormente, este se va a encargar de que la página no solo se vea bonita para el usuario, si no que sea cómoda de utilizar, cómoda de navegar e intuitiva, existen muchas tecnologías relacionadas a estos tres lenguajes que se utilizan en el FrontEnd, por ejemplo, para JavaScript tenemos angular.js y backbone.js, que son tecnologías avanzadas que utiliza el frontend, este se puede apoyar en librerias de CS y de JavaScript como animate.css y JQuery para poder dar una solución amena y comoda.

Así mismo, debe de conocer lenguajes de transferencia de información como XML y JSON, y Ajax para hacer solicitudes sin necesidad de refrescar la página, en pocas palabras, el FrontEnd, es el que se encargará de dejar bonita la página, en ver que los datos se muestren de manera cómoda para el usuario, de que la interacción que realice sea llamativa y en la estética del sitio.

 

 

 

✒️+Comunidad Académica CVOSOFT

Para continuar aprendiendo, le invitamos a conocer las últimas 10 Publicaciones Académicas sobre el tema "Frontend" creadas y compartidas abiertamente por nuestros alumnos.

SAP Master

El SAP Gateway funciona como un conector que traduce las APIs de ABAP a entidades OData, permitiendo el consumo de datos de negocio de forma independiente a la plataforma cliente mediante principios REST . Técnicamente, sus antiguos add-ons se fusionaron en el componente unificado SAP_GWFND (Gateway Foundation) a partir de la versión AS ABAP 7.40 . La configuración depende de tres estrategias de despliegue: el Hub Deployment (con desarrollo en el servidor backend o frontend) y el Embedded Deployment, siendo este último el recomendado para SAP S/4HANA debido a que ofrece un mayor rendimiento al acceder directamente a los objetos de datos . Los pasos esenciales para la configuración básica son: Crear el...

Acceder a esta publicación

Creado y Compartido por: Oscar Orlando Ruiz Cano

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Master

La validacion de los servicios Odata desde el backend Transacciones /IWFND/GW_CLIENT: para hacer el test a los servicios. /IWFND/ERROR_LOG: permite el seguimiento de problemas identificados. /IWFND/MAINT_SERVICE - Activar y actualizar servicios. Creacion y guardar casos de prueba para servicios Odata. Simular un servicio en tiempo de ejecucion, entre otros. Se divide en 3 areas Catalogos de servicio Nodos ICF Alias del sistema /IWBEP/ERROR_LOG: Muestra los errores ocurridos al ejecutar un servicio OData en el backend (por ejemplo, errores en el DPC_EXT, SELECTs fallidos, excepciones, etc.) /IWFND/APPS_LOG: Muestra logs del Frontend (Hub Gateway). Registra problemas relacionados...

Acceder a esta publicación

Creado y Compartido por: Claudia Bibiana Monsalve Lopez

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Master

La relacion entre SAP Gateway y los servicios Odata La arquitectura cliente/servidor: es un modelo fundamental en sistemas informáticos donde las tareas se dividen entre dos tipos de entidades: Cliente: Es el dispositivo o aplicación que realiza solicitudes, puede ser un navegador web, una app de SAP Fiori, SAP GUI, etc. El cliente no contiene la lógica del negocio, solo presenta datos al usuario y envía solicitudes al servidor. Servidor (): Es el sistema que procesa las solicitudes del cliente. Contiene la lógica de negocio y el acceso a la base de datos. Devuelve los resultados al cliente después de ejecutar las operaciones requeridas. Los servicios de datos: son esenciales para permitir...

Acceder a esta publicación

Creado y Compartido por: Claudia Bibiana Monsalve Lopez

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Junior

1- Acceso al sistema SAP Puede acceder a sistemas sap con distintos frontend, aca vemos solo EL SAP LOGON SAP GUI Y SAP LOGON Si bien se puede acceder a sap con distintos front end, a casi todos los componentes se puede acceder con el frontend general -> SAP GUI Sap GUI conecta el front end con el sistema SAP Concreto. para iniciar SAP Gui, SAP proporciona SAP LOGON. Proceso de acceso al sistema. antes de acceder al sistema por primera vez, el responsable del sistema debe darle una contraseña inicial. 2- Navegacion por el sistema SAP La pantalla SAP Easy ACCESS es la pantalla inicial por defecto de los sistemas SAP y ahi dentro hay una estructura jerarquica en forma de arbol compuesta por los menus disponibles para el usuario en el...

Acceder a esta publicación

Creado y Compartido por: Franco Joel Mamani / Disponibilidad Laboral: FullTime

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Expert



Archivos en el Servidor en SAP ABAP En SAP ABAP, trabajar con archivos en el servidor es una necesidad común para operaciones como carga masiva de datos, exportación de reportes, o intercambio de información con otros sistemas. El acceso a estos archivos se realiza generalmente sobre el Application Server (servidor de aplicaciones), no directamente desde el cliente SAP GUI, para garantizar rendimiento, seguridad y control de accesos. Tipos de Archivos y Acceso SAP ABAP permite la manipulación de archivos en dos formas principales: Acceso Secuencial: Leer o escribir datos línea por línea. Es lo más común para archivos de texto plano (.TXT, .CSV). Acceso Binario: Para manejar archivos...

Acceder a esta publicación

Creado y Compartido por: David Ibarra / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Senior

Arquitectura Cliente/servidor Cliente Servidor Fornt-end Es todo lo que pasa del lado del cliente Back-end Es todo lo que pasa del lado del servidor Servicios de datos Conector SAP OData (Comunicación entre el Frontend y el backend SAP Gateway (Proporciona una interfaz abierta que implementa un acceso simple a SAP a través del protocolo OData REST Transferencia de estado Representacional (Arquitectura de servicio) Sintaxis universal para identificar los recursos Protocolo cliente/servidor sin estado (Stateless) Conjunto de operaciones bien definidas que se aplican a todos los recursos de información Protocolo OData Documentación OData (hhtps://www.odata.org/documentation/)...

Acceder a esta publicación

Creado y Compartido por: Roman Leandro Garrido Lagos / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Senior

Conceptos Clave: · Clase: CL_GUI_FRONTEND_SERVICES (Proporciona métodos para interactuar con el frontend). · Método para buscar archivos: FILE_OPEN_DIALOG · Muestra una ventana de diálogo para que el usuario seleccione un archivo de su PC. · Parámetros importantes: FILE_TABLE (devuelve la ruta del archivo seleccionado). · Método para leer datos: GUI_UPLOAD · Transfiere datos desde un archivo local a una tabla interna en ABAP. · Parámetros clave: · FILENAME: Ruta y nombre del archivo. · FILETYPE: Tipo de archivo (ej: 'ASC' para texto, 'BIN' para binario). · DATA_TAB: Tabla interna donde se almacenarán los...

Acceder a esta publicación

Creado y Compartido por: Mara Fadua Romero Hernandez

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Junior

Componentes de la arquitectura SAP Fiori SAP Cloud Connector :Software independiente que se instala en la infraestructura local del cliente y actúa como un túnel seguro entre los sistemas on-premise y SAP BTP con los sistemas locales de la empresa. Su función es actuar como un canal seguro entre internet y los datos corporativos, utilizando una VPN SSL, donde la comunicación se inicia desde dentro de la red corporativa hacia la nube, permitiendo que las aplicaciones en la nube accedan a servicios OData locales de forma segura, sin necesidad de abrir puertos entrantes en el firewall y manteniendo el control sobre qué recursos internos son accesibles. | Landscape de SAP Fiori :La arquitectura se divide en dos...

Acceder a esta publicación

Creado y Compartido por: Candela Analia Nuñez

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Master


Los archivos locales y el upload de datos Se explica la utilidad de la clase CliFrontEndServices para manejar archivos locales desde programas ABAP. Métodos utilizados como si fueran módulos de funciones. SE38 permite visualizar todos los métodos de la clase mediante el botón Modelo y la opción Patrón para objetos ABAP. SE24 también permite visualizar métodos dentro de la pestaña Métodos. Los tres métodos destacados: FileOpenDialog (selección de archivos), GuiDownload (descarga de datos a archivos locales), y GuiUpload (carga de archivos locales en la memoria del programa ABAP). Búsqueda y selección de archivos locales Método FileOpenDialog...

Acceder a esta publicación

Creado y Compartido por: Juan Ignacio Romero

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Senior

1.- La gestión de datos maestros de clientes. A diferencia del ECC en SAP S/4HANA Sales and distribución, se tiene una gestión centralizada de los datos maestros de las funciones de interlocutor, clientes y proveedores, desde esta gestión centralizada podemos crear, editar y visualizar el maestro de la nueva entidad denominada: Business Partner o BP. Transacción BP: Podemos crear proveedores y clientes, por ende, esta transacción sustituye a la XD-01/02/03, VD-01/02/03, FD-01/02/03, XK-01/02/03 y FK-01/02/03 que no estarán más disponibles en esta versión. La transacción nos permite crear, mantener y administrar los business Partners, podemos usarla también para realizar...

Acceder a esta publicación

Creado y Compartido por: Rodolfo Cardoso Alcaraz


👉Bueno, estos fueron los últimos artículos de más de 99.000 publicaciones académicas abiertas, libres y gratuitas compartidas con la comunidad, para acceder a ellas le dejamos el enlace a CVOPEN ACADEMY.