gdata.io.handleScriptLoaded({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$georss":"http://www.georss.org/georss","xmlns$thr":"http://purl.org/syndication/thread/1.0","xmlns$blogger":"http://schemas.google.com/blogger/2008","id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615"},"updated":{"$t":"2023-12-26T13:46:15.660-08:00"},"category":[{"term":"scp"},{"term":"SAP ABAP"},{"term":"Tutorial series on SAP Enterpise Portal"},{"term":"geocoder"},{"term":"export sapui5 project"},{"term":"events in classical reports"},{"term":"util"},{"term":"layout"},{"term":"pull"},{"term":"joins"},{"term":"tables"},{"term":"SEGW"},{"term":"viz charts"},{"term":"sap cloud platform mobile services"},{"term":"types of views"},{"term":"Security Considerations"},{"term":"sap web ide deprecated"},{"term":"pool"},{"term":"SAP ABAP function modules"},{"term":"tree table"},{"term":"cloud foundry"},{"term":"custom login page"},{"term":"sap cloud platform for portal sites"},{"term":"admin cockpit sap cloud mobile services"},{"term":"Introduction to SAP portal sites"},{"term":"srv"},{"term":"hcp"},{"term":"OOPs Concepts"},{"term":"sap fiori tools"},{"term":"SAP ABAP Blog."},{"term":"export sap projects"},{"term":"ui5"},{"term":"maintainability"},{"term":"associations"},{"term":"combo box"},{"term":"SAP BAS"},{"term":"Logon Page in Enterprise Portal"},{"term":"margins"},{"term":"Web IDE"},{"term":"mtar"},{"term":"CAP"},{"term":"ABAP Development"},{"term":"sap viz frame"},{"term":"sort"},{"term":"Plugin"},{"term":"appearance"},{"term":"workflow"},{"term":"Agile Development"},{"term":"architecture of sap fiori"},{"term":"outer join"},{"term":"SAP S/4HANA"},{"term":"sap fiori"},{"term":"Data Storage"},{"term":"file"},{"term":"SAP overview"},{"term":"function"},{"term":"Sapui5 jobs"},{"term":"Classical report"},{"term":"sap fiori tutorial"},{"term":"webIDE application"},{"term":"Installation of sap ui5 plugin"},{"term":"app router"},{"term":"Scalable Applications"},{"term":"smarttable"},{"term":"odata tutorial"},{"term":"sap enterprise portal"},{"term":"vizframe control"},{"term":"stage"},{"term":"events"},{"term":"selected index"},{"term":"tab"},{"term":"How to export SAP Web IDE Workspace projects"},{"term":"hello world application"},{"term":"SAPUI5 data communication"},{"term":"online training abap"},{"term":"SAP NetWeaver Portal"},{"term":"apps"},{"term":"pfcg"},{"term":"sap mobility jobs"},{"term":"commit"},{"term":"launchpad"},{"term":"DPC"},{"term":"Pass by value and return"},{"term":"routing in split app"},{"term":"Module Pool"},{"term":"sapui5 xml editor"},{"term":"sap.m.list"},{"term":"searching"},{"term":"tag"},{"term":"CAPM Apps"},{"term":"css folder"},{"term":"get expanded entity"},{"term":"ABAP Job Preparation"},{"term":"mta"},{"term":"custom image"},{"term":"xlsx"},{"term":"Mock data"},{"term":"multi target application"},{"term":"javascript"},{"term":"Routing"},{"term":"responsive table in sapui5"},{"term":"add and delete operation"},{"term":"csv upload validation"},{"term":"saml"},{"term":"external library"},{"term":"ALV programming examples"},{"term":"sap btp"},{"term":"Custom Controls"},{"term":"Project structure"},{"term":"openui5"},{"term":"dv"},{"term":"create destinations to connect mobile services from sap web ide"},{"term":"sap custom portal sites"},{"term":"modules"},{"term":"Interactive Reports"},{"term":"user experience sap"},{"term":"odata v2"},{"term":"ABAP New Features"},{"term":"Developer Tips"},{"term":"sap fiori launchpad configuration"},{"term":"Logon to SAP ABAP"},{"term":"cloud foundary"},{"term":"SAP ABAP Certification"},{"term":"Tutorials"},{"term":"ABAP Interview Questions"},{"term":"controller"},{"term":"Routing in sapui5"},{"term":"Environment variables"},{"term":"ALV reports"},{"term":"Transport Request Number"},{"term":"sap fiori enterprise portal"},{"term":"CSN"},{"term":"Parts"},{"term":"jwt token"},{"term":"register cloud platform"},{"term":"annotations"},{"term":"Navigation Properties"},{"term":"component.js"},{"term":"deman pop-in"},{"term":"configure catalogs and groups"},{"term":"Best practices"},{"term":"local service"},{"term":"sap web ide"},{"term":"i18n"},{"term":"Dialog sapui5"},{"term":"chrome"},{"term":"ABAP Coding Best Practices"},{"term":"HANA Modeling"},{"term":"charts in sapui5"},{"term":"sap fiori enterprise portal sites"},{"term":"google maps"},{"term":"SAP Business Technology Platform"},{"term":"formatters"},{"term":"resource bundle"},{"term":"Pass by reference"},{"term":"pass multiple values"},{"term":"projection views"},{"term":"sapui5 diagnostics window"},{"term":"web dynpro"},{"term":"webapp"},{"term":"get expanded entityset"},{"term":"Setting Up an App Router in SAP CAPM Project on BTP: A Step-by-Step Guide"},{"term":"help views"},{"term":"BDC"},{"term":"contrller"},{"term":"video tutorial on nested views and fragments"},{"term":"iwfnd"},{"term":"odata"},{"term":"debugging javascript files"},{"term":"smart table"},{"term":"SAP Programming"},{"term":"SAP Development"},{"term":"SAP netweaver gateway"},{"term":"api"},{"term":"Blobs in JavaScript"},{"term":"sap fiori apps"},{"term":"Visual studio code"},{"term":"How to Change logon Page of Enterprise Portal"},{"term":"dynamic"},{"term":"sapui5 code editor"},{"term":"git"},{"term":"xml code editor"},{"term":"Transaction code"},{"term":"parameter"},{"term":"ABAP on HANA interview questions and answers"},{"term":"Global sub routines"},{"term":"interactive reports example"},{"term":"layouts"},{"term":"ABAP List Viewer"},{"term":"JDK"},{"term":"filter"},{"term":"Fragment in sapui5"},{"term":"controller.js"},{"term":"video tutorial on globalization"},{"term":"CLASSICAL REPORTS"},{"term":"Sorting"},{"term":"odata v4"},{"term":"CRUD operations"},{"term":"create OData service"},{"term":"crud"},{"term":"Navigation"},{"term":"authorization"},{"term":"responsive"},{"term":"SAP functional modules"},{"term":"validate using headers"},{"term":"CDL"},{"term":"SUB ROUTINES"},{"term":"interactive reports events"},{"term":"sheet.js"},{"term":"MDK introduction"},{"term":"SAP Bussiness Application Studio"},{"term":"begin set"},{"term":"UI5 Inspector"},{"term":"get cursor"},{"term":"drag and drop"},{"term":"component preload"},{"term":"ABAP"},{"term":"spider chart"},{"term":"interview tips"},{"term":"view"},{"term":"Sap RAP"},{"term":"Answers"},{"term":"Templates and Accelerators in SAP Portal sites"},{"term":"work Area"},{"term":"SAP ABAP on HANA"},{"term":"sap webide"},{"term":"read"},{"term":"ABAP HANA Integration"},{"term":"sap MDK"},{"term":"ABAP 7.5"},{"term":"submitbatch"},{"term":"version"},{"term":"transparent"},{"term":"Microservices in SAP BTP"},{"term":"resources"},{"term":"import"},{"term":"SAP Data Presentation"},{"term":"create"},{"term":"SAP ECC"},{"term":"debug files in production environment"},{"term":"sap fiori configuration cockpit portal sites"},{"term":"SAP cloud solutions"},{"term":"speech recognition"},{"term":"groups"},{"term":"icf"},{"term":"ABAP 7.6"},{"term":"custom control"},{"term":"configuring destination in sap web ide"},{"term":"viz control"},{"term":"Mta yaml"},{"term":"odata deep structures"},{"term":"BAS"},{"term":"push"},{"term":"ios"},{"term":"data element"},{"term":"search"},{"term":"ALV Grid Report"},{"term":"Internal Tables"},{"term":"properties"},{"term":"minScreenWidth"},{"term":"configuring tiles"},{"term":"aggregation binding"},{"term":"grouping"},{"term":"controller hooks"},{"term":"portal site"},{"term":"import project"},{"term":"ABAP Developer Tips"},{"term":"json model"},{"term":"Introduction"},{"term":"branding"},{"term":"list"},{"term":"SAP Technical Interviews"},{"term":"android"},{"term":"package"},{"term":"SAP Fiori Configuration cockpit"},{"term":"create cloud foundary account"},{"term":"sap app"},{"term":"custom sapui5 app extension"},{"term":"edit"},{"term":"SAP ABAP views"},{"term":"excel"},{"term":"ABAP Code Examples"},{"term":"SmartForms"},{"term":"logo"},{"term":"sap freestyle portal sites"},{"term":"HANA Development"},{"term":"fiori apps"},{"term":"Image Upload"},{"term":"javascript code editor"},{"term":"OData v4 advantages"},{"term":"Development"},{"term":"index of list"},{"term":"offline capabilities"},{"term":"containers"},{"term":"portal"},{"term":"changeset"},{"term":"Binary Data Handling"},{"term":"distance"},{"term":"sap cloud foundary"},{"term":"technical interview questions"},{"term":"Cloud Application Programming Model"},{"term":"implementing SAP Fiori"},{"term":"odat v4"},{"term":"MockSever"},{"term":"Event Handling"},{"term":"local development"},{"term":"RAP Implementation"},{"term":"sap ui5 excel upload"},{"term":"Data types"},{"term":"How to get Selected table index value?"},{"term":"xml view"},{"term":"hierarchial ALV"},{"term":"extending apps"},{"term":"sap capm"},{"term":"manifest.json"},{"term":"DDIC"},{"term":"ABAP Data Modeling"},{"term":"reports"},{"term":"User Interaction"},{"term":"batch processing in OData"},{"term":"login"},{"term":"sap backend system"},{"term":"event"},{"term":"authentication"},{"term":"css"},{"term":"job search"},{"term":"types of subroutines"},{"term":"LOCAL SUB ROUTINES"},{"term":"mobile development kit"},{"term":"item"},{"term":"sap fiori portal site"},{"term":"enable sap web ide"},{"term":"use strict"},{"term":"json"},{"term":"routing in full application"},{"term":"Introduction to sap enterprise portal"},{"term":"doalog"},{"term":"CDS"},{"term":"chart.js"},{"term":"Mdk app"},{"term":"ALE"},{"term":"mfa"},{"term":"view extensions"},{"term":"sap abap tutorials"},{"term":"system objects"},{"term":"maint_service"},{"term":"introduction to sapui5"},{"term":"Dev Tools"},{"term":"Configure Catalog and Groups in SAP Fiori Portal Sites"},{"term":"design principles"},{"term":"component configuration"},{"term":"ABAP Job Interview Insights"},{"term":"rest"},{"term":"sap fiori launchpad"},{"term":"google maps api"},{"term":"MPC"},{"term":"inline expressions"},{"term":"data binding"},{"term":"table"},{"term":"cache buster"},{"term":"setup"},{"term":"tiles"},{"term":"HANA Performance Tuning."},{"term":"Pass by value (or) call by value"},{"term":"beginset"},{"term":"path"},{"term":"XS-UAA"},{"term":"model folder"},{"term":"sapui5"},{"term":"view replacement"},{"term":"introduction to ERP"},{"term":"example classical report example"},{"term":"SAP MTA"},{"term":"external style"},{"term":"Internal Table"},{"term":"step by step process to create odata"},{"term":"update"},{"term":"add"},{"term":"walkthrough admin cockpit"},{"term":"fiori"},{"term":"python"},{"term":"hello world"},{"term":"sapui5 code validator"},{"term":"responsiveness"},{"term":"node.js"},{"term":"Search Help in DDIC"},{"term":"backend components"},{"term":"custom fiori app"},{"term":"xs security"},{"term":"introduction to sap web ide"},{"term":"SAP CAP"},{"term":"SAP technical modules"},{"term":"inner join"},{"term":"string"},{"term":"internal style"},{"term":"lpd_cust"},{"term":"radar chart"},{"term":"csv"},{"term":"OData v2 vs. OData v4"},{"term":"validation"},{"term":"nested view"},{"term":"push a project in github"},{"term":"aggregations"},{"term":"charts"},{"term":"SAP Fiori Launchpad Portal Site"},{"term":"sapui5 project"},{"term":"introduction to odata annotations"},{"term":"export project"},{"term":"types of tables"},{"term":"operations on internal table"},{"term":"large string"},{"term":"Activate OData Service in SICF"},{"term":"sapui5 lint"},{"term":"Most common examples in sap ui5"},{"term":"video tutorial on formatter and inline expressions"},{"term":"pdf"},{"term":"fiori launchpad"},{"term":"extending sapui5 apps"},{"term":"sap mobile services"},{"term":"sap mobile services tutorial"},{"term":"sap portal site"},{"term":"Fragment"},{"term":"Configuring Fiori Tiles in sap portal sites"},{"term":"mdk"},{"term":"annotations in OData"},{"term":"sap mobile development kit"},{"term":"metadata.xml"},{"term":"SAP Mobile cards"},{"term":"SAP ABAP video tutorials"},{"term":"btp"},{"term":"setup sap bussiness application studio"},{"term":"ABAP Innovations"},{"term":"Introduction and DDIC"},{"term":"introduction to sap fiori"},{"term":"optimization"},{"term":"examples"},{"term":"- SAP ABAP performance optimization\n\n- ABAP performance tuning\n\n- SAP ABAP best practices\n\n- SAP ABAP performance tips\n\n- ABAP performance optimization techniques\n\n- SAP ABAP performance improvements"},{"term":"sap"},{"term":"SAP Tech Trends"},{"term":"sapui5 csv file upload import"},{"term":"sap.m.table"},{"term":"frontend components"},{"term":"Field Catalog"},{"term":"File Manipulation"},{"term":"SAP RAP Tutorial"},{"term":"js"},{"term":"mobile services in cloud foundary"},{"term":"sicf"},{"term":"roles"},{"term":"file reader"},{"term":"maintainence view"},{"term":"Security"},{"term":"SAP implementation."},{"term":"domain"},{"term":"sap cloud platform SDK"},{"term":"Globalization and localization"},{"term":"xml"},{"term":"marker"},{"term":"SAP Interview Prep"},{"term":"sap web IDE Workspace export"},{"term":"re usability"},{"term":"sapui5 nested view"},{"term":"voice recognition"},{"term":"sap fiori application"},{"term":"video tutorial on routing"},{"term":"Offline app"},{"term":"index"},{"term":"Latest ABAP FAQs"},{"term":"Naming conventions"},{"term":"fiori tiles"},{"term":"fiori jobs"},{"term":"SAPui5 application on SAP bussiness application studio"},{"term":"database views"},{"term":"upload"},{"term":"sapui5 excel import"},{"term":"Batch"},{"term":"sapui5 project structuring"},{"term":"token"},{"term":"handling localized texts"},{"term":"globalization"},{"term":"SAP HANA clould cockpit"},{"term":"deploy to cloud foundry"},{"term":"test Odata service"},{"term":"github"},{"term":"sap fiori jobs"},{"term":"sap cloud platform"},{"term":"capm"},{"term":"sapui5 github"},{"term":"formatter"},{"term":"cluster"},{"term":"ALV Grid Tutorial"},{"term":"controller extension"},{"term":"fiori app"},{"term":"view extension"},{"term":"Cloud-Native Architecture"},{"term":"HANA"},{"term":"multi cloud environment"},{"term":"interview questions"},{"term":"filtering"},{"term":"ABAP CDS Views"},{"term":"variable names"},{"term":"CQL"},{"term":"gulp"},{"term":"boolean"},{"term":"SAP modules"},{"term":"delete"},{"term":"logon page"},{"term":"introduction to sap abap"},{"term":"sapui5 apps"},{"term":"pull a project"},{"term":"split app"},{"term":"sapui5 best practices"},{"term":"read table"},{"term":"SAP OData"},{"term":"Debugging ABAP"},{"term":"universal worklist"},{"term":"expression"},{"term":"controls and views"},{"term":"Custom control to make a Radar Chart using Chart.js library in SAPUI5."},{"term":"Cache"},{"term":"view modification"},{"term":"odata tutorial series"},{"term":"xls"},{"term":"sap BTP CAPM"},{"term":"append operation"},{"term":"code quality"},{"term":"example of CAP"},{"term":"header item relationship"},{"term":"launchpad configuration"},{"term":"Latest ABAP Updates"},{"term":"sap ui5"},{"term":"dataset"},{"term":"register odata service"},{"term":"padding"},{"term":"RAP"},{"term":"OData v2 benefits"},{"term":"v4"},{"term":"ABAP Enhancements"},{"term":"responsive table"},{"term":"npm"},{"term":"RAP Model"},{"term":"catalogs"},{"term":"sap fiori elements"},{"term":"login configuration"},{"term":"Web Application Development"},{"term":"application"},{"term":"value"},{"term":"enterprise portal"},{"term":"selected"}],"title":{"type":"text","$t":"SAP Development: Mastering SAP UI5, BTP, Fiori, CAPM, RAP, ABAP; and More!"},"subtitle":{"type":"html","$t":"Welcome to the ultimate SAP UI5, BTP, Fiori, CAPM, RAP, ABAP blog! Explore comprehensive tutorials, interview questions, and real-world examples to master SAP development. Elevate your skills in creating stunning UI5 apps, harnessing the power of BTP, and building Fiori applications. Unlock the potential of CAPM, RAP, and ABAP, and learn to integrate seamlessly with the enterprise portal. Whether you're a beginner or an experienced developer, this blog is your go-to resource for SAP expertise!"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/-/Web+IDE?alt\u003djson-in-script\u0026max-results\u003d50"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/-/Web+IDE?alt\u003djson-in-script\u0026max-results\u003d50"},{"rel":"alternate","type":"text/html","href":"http://www.sapui5tutors.com/search/label/Web%20IDE"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"Sanjo Thomas"},"uri":{"$t":"https://www.blogger.com/profile/06687889588258406801"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"generator":{"version":"7.00","uri":"https://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"2"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"50"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615.post-1391162464407455166"},"published":{"$t":"2023-06-16T21:10:00.001-07:00"},"updated":{"$t":"2023-06-16T21:10:09.053-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"mdk"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Offline app"},{"scheme":"http://www.blogger.com/atom/ns#","term":"btp"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Web IDE"},{"scheme":"http://www.blogger.com/atom/ns#","term":"create"},{"scheme":"http://www.blogger.com/atom/ns#","term":"offline capabilities"}],"title":{"type":"text","$t":"Creating Offline Apps with SAP MDK on SAP BTP: A Step-by-Step Tutorial"},"content":{"type":"html","$t":"\u003cp\u003e\u0026nbsp;SAP Mobile Development Kit (MDK) is a powerful tool for developing mobile apps that can work offline. With MDK, developers can create apps that can perform tasks even when there is no network connection available. This can be extremely useful for field service workers or anyone working in areas with limited connectivity.\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1vRIlLoO62wKeSrJdmCCizRGEzMfZy_0shbqVKkt5adQWTwpJxyRFGS6TzzYREvIQ5Q_-RNdy3TuPkI4PvuOAizsmm94MuITv9YlgherSsylKiWwnKeA7QW9TpCsfe7WU856raoGQd45zgnPugJN_e2D1DOyFW5niRmA_hfaUWsruEg26O2DKAK8/s1128/IMG_2214.jpeg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"406\" data-original-width\u003d\"1128\" height\u003d\"115\" src\u003d\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1vRIlLoO62wKeSrJdmCCizRGEzMfZy_0shbqVKkt5adQWTwpJxyRFGS6TzzYREvIQ5Q_-RNdy3TuPkI4PvuOAizsmm94MuITv9YlgherSsylKiWwnKeA7QW9TpCsfe7WU856raoGQd45zgnPugJN_e2D1DOyFW5niRmA_hfaUWsruEg26O2DKAK8/s320/IMG_2214.jpeg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003eIn this step-by-step tutorial, we will walk you through the process of creating an offline app with SAP MDK on SAP BTP.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003eStep 1: Set up your development environment\u003c/b\u003e\u003c/p\u003e\u003cp\u003eThe first step in creating an offline app with SAP MDK is to set up your development environment. To do this, you will need to install the following software:\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e- SAP Web IDE Full-Stack\u003c/p\u003e\u003cp\u003e- SAP Mobile Services\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003eOnce you have installed these tools, you can begin developing your app using SAP MDK.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003eStep 2: Create a new project\u003c/b\u003e\u003c/p\u003e\u003cp\u003eTo create a new project in SAP Web IDE Full-Stack, follow these steps:\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e1. Open SAP Web IDE Full-Stack.\u003c/p\u003e\u003cp\u003e2. Click File \u0026gt; New \u0026gt; Project from Template.\u003c/p\u003e\u003cp\u003e3. Select the SAP Mobile Development Kit template.\u003c/p\u003e\u003cp\u003e4. Give your project a name and click Finish.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003eThis will create a new project with the necessary files and folders for developing an MDK app.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003eStep 3: Define your data model\u003c/b\u003e\u003c/p\u003e\u003cp\u003eThe next step is to define your data model. This is the structure of the data that your app will use. To define your data model, follow these steps:\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e1. Open the mdkproject.json file in the root directory of your project.\u003c/p\u003e\u003cp\u003e2. Scroll down to the \"data\" section and define the structure of your data using JSON.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003eFor example, if you were creating an app for managing inventory, your data model might include the following fields:\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e{\u003c/p\u003e\u003cp\u003e\u0026nbsp; \"ProductID\": \"string\",\u003c/p\u003e\u003cp\u003e\u0026nbsp; \"ProductName\": \"string\",\u003c/p\u003e\u003cp\u003e\u0026nbsp; \"Quantity\": \"number\",\u003c/p\u003e\u003cp\u003e\u0026nbsp; \"Price\": \"number\"\u003c/p\u003e\u003cp\u003e}\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003eStep 4: Define your app configuration\u003c/b\u003e\u003c/p\u003e\u003cp\u003eThe next step is to define your app configuration. This includes things like the user interface, navigation, and data sources. To define your app configuration, follow these steps:\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e1. Open the app.config.json file in the root directory of your project.\u003c/p\u003e\u003cp\u003e2. Define your app configuration using JSON.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003eFor example, your app configuration might include the following:\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e{\u003c/p\u003e\u003cp\u003e\u0026nbsp; \"navigation\": [\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; {\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \"title\": \"Home\",\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \"path\": \"/home\",\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \"page\": \"HomePage\",\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \"target\": \"MasterDetail\"\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; },\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; {\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \"title\": \"Products\",\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \"path\": \"/products\",\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \"page\": \"ProductPage\",\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \"target\": \"Detail\"\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; }\u003c/p\u003e\u003cp\u003e\u0026nbsp; ],\u003c/p\u003e\u003cp\u003e\u0026nbsp; \"dataSources\": [\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; {\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \"name\": \"Products\",\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \"serviceUrl\": \"/odata/Products\",\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp; \"offlineEnabled\": true\u003c/p\u003e\u003cp\u003e\u0026nbsp; \u0026nbsp; }\u003c/p\u003e\u003cp\u003e\u0026nbsp; ]\u003c/p\u003e\u003cp\u003e}\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003eStep 5: Build and deploy your app\u003c/b\u003e\u003c/p\u003e\u003cp\u003eThe final step is to build and deploy your app. To do this, follow these steps:\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e1. In SAP Web IDE Full-Stack, click Build \u0026gt; Build and Deploy.\u003c/p\u003e\u003cp\u003e2. Select the destination where you want to deploy your app.\u003c/p\u003e\u003cp\u003e3. Click Deploy.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003eOnce your app is deployed, you can access it from any device that has the SAP Mobile Services app installed.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003eIn conclusion, SAP MDK makes it easy to create offline apps with SAP BTP. By following the steps outlined in this tutorial, you can create a powerful mobile app that can work even when there is no network connection available.\u003c/p\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https://www.sapui5tutors.com/feeds/1391162464407455166/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https://www.sapui5tutors.com/2023/06/creating-offline-apps-with-sap-mdk-on.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/1391162464407455166"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/1391162464407455166"},{"rel":"alternate","type":"text/html","href":"https://www.sapui5tutors.com/2023/06/creating-offline-apps-with-sap-mdk-on.html","title":"Creating Offline Apps with SAP MDK on SAP BTP: A Step-by-Step Tutorial"}],"author":[{"name":{"$t":"Sanjo Thomas"},"uri":{"$t":"https://www.blogger.com/profile/06687889588258406801"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1vRIlLoO62wKeSrJdmCCizRGEzMfZy_0shbqVKkt5adQWTwpJxyRFGS6TzzYREvIQ5Q_-RNdy3TuPkI4PvuOAizsmm94MuITv9YlgherSsylKiWwnKeA7QW9TpCsfe7WU856raoGQd45zgnPugJN_e2D1DOyFW5niRmA_hfaUWsruEg26O2DKAK8/s72-c/IMG_2214.jpeg","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615.post-7176160433917962736"},"published":{"$t":"2023-06-07T19:44:00.001-07:00"},"updated":{"$t":"2023-06-07T19:44:15.292-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"RAP"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Sap RAP"},{"scheme":"http://www.blogger.com/atom/ns#","term":"fiori"},{"scheme":"http://www.blogger.com/atom/ns#","term":"custom fiori app"},{"scheme":"http://www.blogger.com/atom/ns#","term":"BAS"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Web IDE"}],"title":{"type":"text","$t":"Creating custom fiori app using SAP RAP"},"content":{"type":"html","$t":"\u003cp\u003eSAP Fiori is a user interface that allows users to interact with SAP systems across different platforms and devices. It is a modern, responsive interface that offers a consistent user experience across different SAP applications. SAP Fiori is built using SAPUI5, a JavaScript-based framework that can be used to build custom Fiori apps.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003eSAP Rapid Application Development (RAP) is a framework that can be used to build scalable and extensible applications on top of SAP HANA. SAP RAP provides a set of tools and libraries that developers can use to build custom Fiori apps. In this blog we will discuss the steps to create custom SAP Fiori apps using SAP RAP.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPxt2FcJOVr0qSOswnWL9AgWpbVXDNKdmZBRrMs_B6OC37qnT3UHgOgS6gJgS2qhOA06mnfyvQoyjJ4YxZbf7AgIJLKg_zZX8afYMfP0nU1v0VEAMCtbIlpX94saQNdgH0nXAno2Z4RXpBAYahQxICB8mMYjktxvUAdUEHLL_bRlhsXCfiN5cah0E/s1170/IMG_1906.jpeg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"658\" data-original-width\u003d\"1170\" height\u003d\"180\" src\u003d\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPxt2FcJOVr0qSOswnWL9AgWpbVXDNKdmZBRrMs_B6OC37qnT3UHgOgS6gJgS2qhOA06mnfyvQoyjJ4YxZbf7AgIJLKg_zZX8afYMfP0nU1v0VEAMCtbIlpX94saQNdgH0nXAno2Z4RXpBAYahQxICB8mMYjktxvUAdUEHLL_bRlhsXCfiN5cah0E/s320/IMG_1906.jpeg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\u003cb\u003e\u003cbr /\u003e\u003c/b\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003eStep 1: Define the business requirements\u003c/b\u003e\u003c/p\u003e\u003cp\u003eThe first step in creating your own SAP Fiori application is to define your business requirements. This includes understanding the business processes that the application will support, the data that will be used, and the user roles that will interact with the application. This information will help define the scope of the application and the features it should contain.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003eStep 2: Design the app\u003c/b\u003e\u003c/p\u003e\u003cp\u003eOnce the business requirements are defined, the next step is to design the application. This includes creating wireframes or mockups that illustrate the app's user interface and functionality. The design should be intuitive and easy to use, taking into account user needs and business requirements.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003eStep 3: Set up the development environment\u003c/b\u003e\u003c/p\u003e\u003cp\u003eIn order to create your own SAP Fiori apps using SAP RAP, you will need to set up a development environment. This includes installing the necessary software and tools such as SAP Cloud Platform, SAP Web IDE and SAP HANA Studio. You will also need to create a development project and configure the necessary settings.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003eStep 4: Define the data model\u003c/b\u003e\u003c/p\u003e\u003cp\u003eThe next step is to define the data model. This includes creating the necessary entities and relationships that will be used to represent the data in the application. The data model should be designed to support business processes and requirements and should be optimized for performance and scalability.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003eStep 5: Implement the business logic\u003c/b\u003e\u003c/p\u003e\u003cp\u003eOnce the data model is defined, the next step is to implement the business logic. This includes defining the rules and workflows that will be used to process data and support business processes. Business logic should be designed to be flexible and extensible to adapt to changing business requirements.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003eStep 6: Implement the user interface\u003c/b\u003e\u003c/p\u003e\u003cp\u003eThe next step is to implement the user interface. This includes creating the necessary views and controls that will be used to display data and allow users to interact with the application. The user interface should be designed to be intuitive and easy to use, taking into account user needs and business requirements.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003eStep 7: Test and deploy the application\u003c/b\u003e\u003c/p\u003e\u003cp\u003eAfter creating the application, the last step is to test and deploy it. This includes testing the application to ensure it meets business requirements and is free of bugs and errors. Once the application is tested, it can be deployed to a production environment and made available to users.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003eIn conclusion, building custom SAP Fiori applications using SAP RAP involves several steps, including defining business requirements, designing the application, setting up the development environment, defining the data model, implementing the business logic, implementing the user interface, and testing and deploying. application. Following these steps, developers can create custom Fiori apps that support their organization's business processes and requirements.\u003c/p\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https://www.sapui5tutors.com/feeds/7176160433917962736/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https://www.sapui5tutors.com/2023/06/creating-custom-fiori-app-using-sap-rap.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/7176160433917962736"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/7176160433917962736"},{"rel":"alternate","type":"text/html","href":"https://www.sapui5tutors.com/2023/06/creating-custom-fiori-app-using-sap-rap.html","title":"Creating custom fiori app using SAP RAP"}],"author":[{"name":{"$t":"Sanjo Thomas"},"uri":{"$t":"https://www.blogger.com/profile/06687889588258406801"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPxt2FcJOVr0qSOswnWL9AgWpbVXDNKdmZBRrMs_B6OC37qnT3UHgOgS6gJgS2qhOA06mnfyvQoyjJ4YxZbf7AgIJLKg_zZX8afYMfP0nU1v0VEAMCtbIlpX94saQNdgH0nXAno2Z4RXpBAYahQxICB8mMYjktxvUAdUEHLL_bRlhsXCfiN5cah0E/s72-c/IMG_1906.jpeg","height":"72","width":"72"},"thr$total":{"$t":"0"}}]}});