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/-/SAP+Bussiness+Application+Studio?alt\u003djson-in-script\u0026max-results\u003d50"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/-/SAP+Bussiness+Application+Studio?alt\u003djson-in-script\u0026max-results\u003d50"},{"rel":"alternate","type":"text/html","href":"http://www.sapui5tutors.com/search/label/SAP%20Bussiness%20Application%20Studio"},{"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":"5"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"50"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615.post-5954739278923238196"},"published":{"$t":"2021-05-03T03:39:00.002-07:00"},"updated":{"$t":"2021-05-03T03:47:55.840-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"SAP BAS"},{"scheme":"http://www.blogger.com/atom/ns#","term":"example of CAP"},{"scheme":"http://www.blogger.com/atom/ns#","term":"CAP"},{"scheme":"http://www.blogger.com/atom/ns#","term":"CDS"},{"scheme":"http://www.blogger.com/atom/ns#","term":"SAP Bussiness Application Studio"},{"scheme":"http://www.blogger.com/atom/ns#","term":"node.js"},{"scheme":"http://www.blogger.com/atom/ns#","term":"SAP CAP"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Cloud Application Programming Model"},{"scheme":"http://www.blogger.com/atom/ns#","term":"hello world application"},{"scheme":"http://www.blogger.com/atom/ns#","term":"design principles"}],"title":{"type":"text","$t":"What is SAP Cloud Application Programming Model (CAP)?"},"content":{"type":"html","$t":"\u003cp\u003e\u0026nbsp;In this tutorial series, we will focus on learning SAP Cloud Application\nProgramming Model (CAP).\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eCAP is a framework, that would not only guide developers,\u003c/span\u003e but\nalso take away some of the more technical or foundational tasks to help\nthem focus on their business logic. Business logic is the key\ndifferentiator for what you are developing.\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eSAP CAP is both open and opinionated.\u003c/span\u003e The programming model\nis a combination of tools, languages, and libraries that will help you\nbuild enterprise-grade services and applications.\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eThe goal is to guide developers\u003c/span\u003e and minimize boilerplate\ncontent, so they can focus on what's important the business logic.\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\"\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://lh3.googleusercontent.com/-7wdklXOSwfE/YI_RpSo3wjI/AAAAAAAAax0/Mwx6_bUakp0lLjsfNyDQm1VmY-cq_6NzwCLcBGAsYHQ/image.png\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg alt\u003d\"\" data-original-height\u003d\"208\" data-original-width\u003d\"222\" height\u003d\"240\" src\u003d\"https://lh3.googleusercontent.com/-7wdklXOSwfE/YI_RpSo3wjI/AAAAAAAAax0/Mwx6_bUakp0lLjsfNyDQm1VmY-cq_6NzwCLcBGAsYHQ/image.png\" width\u003d\"256\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cp\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eAs you can see in this graphic,\u003c/span\u003e we support both open-source\nand SAP tools and technologies.\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\"\u003e\u003cb\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eComponents of CAP\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/b\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\"\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://lh3.googleusercontent.com/-HOpZWBj2_HY/YI_RqjmeJTI/AAAAAAAAax4/dFPfSDJb3jc-0nn0FOzSK2FRQwlwbUjrwCLcBGAsYHQ/image.png\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg alt\u003d\"\" data-original-height\u003d\"174\" data-original-width\u003d\"271\" height\u003d\"205\" src\u003d\"https://lh3.googleusercontent.com/-HOpZWBj2_HY/YI_RqjmeJTI/AAAAAAAAax4/dFPfSDJb3jc-0nn0FOzSK2FRQwlwbUjrwCLcBGAsYHQ/image.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\u003cbr /\u003e\u003cp\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpFirst\" style\u003d\"margin-left: 27pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-align: left; text-indent: -0.25in;\"\u003e\u003c!--[if !supportLists]--\u003e\u003cb\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003cspan\u003e\u0026nbsp;\u0026nbsp; \u0026nbsp;\u003c/span\u003e1) Core Data Services\u003c/span\u003e\u003c/b\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e (CDS) is\nthe data modelling infrastructure. CDS is known as the backbone of the\nprogramming model,\u003c/span\u003e as it provides the means to capture service\ndefinitions and data models, queries, and expressions in plain\nobject notations.\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-align: left; text-indent: -0.25in;\"\u003e\u003c!--[if !supportLists]--\u003e\u003cb\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003cspan\u003e\u0026nbsp;\u0026nbsp; \u0026nbsp;\u003c/span\u003e2) Service SDKs - \u003c/span\u003e\u003c/b\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eIt\nsupports libraries available for both Java and Node.js,\u003c/span\u003e which can be\nused to provide and consume services through synchronous and asynchronous\nAPIs.\u003cb\u003e\u0026nbsp;\u003c/b\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eThe SDKs include out-of-the-box integration\u003c/span\u003e\nto lower-level platform services, such as authentication and\ncredential-flows or on and off-boarding of SaaS tenants.\u003c/p\u003e\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"text-align: left;\"\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-align: left; text-indent: -0.25in;\"\u003e\u003c!--[if !supportLists]--\u003e\u003cb\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003cspan\u003e\u0026nbsp;\u0026nbsp; \u0026nbsp;\u003c/span\u003e3) SAP BAS, Fiori Elements, SAP HANA - \u003c/span\u003e\u003c/b\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eSAP BAS is\nthe IDE of choice, there is Support for SAP HANA and SAP Fiori Elements\u003c/span\u003e.\u003cb\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/b\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cb\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003co:p\u003e\u0026nbsp;\u003c/o:p\u003e\u003c/span\u003e\u003c/b\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cb\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eDesign\nPrinciples\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/b\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eWhen\nit comes to design principles,\u003c/span\u003e there is open and opinionated concept.\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eIt's\n\u003cb\u003eopen\u003c/b\u003e because it gives you choice.\u003c/span\u003e You can choose which technology\nto use, you can select your architecture pattern, you can pick\nand choose the parts of the programming model that suit your development\nneeds best. But it's also \u003cb\u003eopinionated\u003c/b\u003e, because we provide but\nit's also opinionated, because we provide for you to follow SAP’s\nrecommended approach.\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://lh3.googleusercontent.com/-C5NDS5iWd48/YI_Rsmm8KaI/AAAAAAAAax8/WRjE48R6iQIxVQpvK5QY1L8OyDrLorHLwCLcBGAsYHQ/image.png\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg alt\u003d\"\" data-original-height\u003d\"252\" data-original-width\u003d\"411\" height\u003d\"196\" src\u003d\"https://lh3.googleusercontent.com/-C5NDS5iWd48/YI_Rsmm8KaI/AAAAAAAAax8/WRjE48R6iQIxVQpvK5QY1L8OyDrLorHLwCLcBGAsYHQ/image.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cp\u003e\u003c/p\u003e\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cb\u003eZero\nLock-In\u003c/b\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eYou\ncan choose any technology of your choice, that there is no locked-in, mandatory\npath\u003c/span\u003e with this programming model. To build your UI, you can use\nSAP Fiori Elements, or you can use any other alternative technology as\nwell.\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cb\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eNon-Intrusive\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/b\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eThe\nprogramming model is non-intrusive, i.e. it is completely free of assumptions. Here\nthe main goal here is to reduce boilerplate code,\u003c/span\u003e which would be the\nsame regardless of the architecture or methodology you choose.\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cb\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003ePlatform-Agnostic\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/b\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eYou\ncan build applications in a way that is independent\u003c/span\u003e from the underlying\ncloud infrastructure. To achieve this by using an API-first approach\nthat avoids hard wiring to any given technology.\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003co:p\u003e\u0026nbsp;\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eLet’s\nunderstand with an example Hello World application using CDS and node.js using\nSAP BAS as IDE.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eI\nhope you are well versed with the basics of SAP BAS. If you aren’t, please\ncheck my previous blog on introduction to SAP BAS and setting up.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003cspan color\u003d\"windowtext\"\u003e\u003ca href\u003d\"http://www.sapui5tutors.com/2020/11/getting-started-with-sap-bussiness.html\"\u003eIntroduction to SAP BAS\u003c/a\u003e\u003c/span\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003ca href\u003d\"http://www.sapui5tutors.com/2020/11/setting-up-sap-bussiness-application.html\"\u003e\u003cspan color\u003d\"windowtext\"\u003eSetting up SAP BAS\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eThis\nis the home page of SAP BAS.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://lh3.googleusercontent.com/-VUexS5ZYkmk/YI_RxCk94eI/AAAAAAAAayA/M4Oa5dVsIdgn_qS-oTUGU6CbuWzm9-TjQCLcBGAsYHQ/image.png\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg alt\u003d\"\" data-original-height\u003d\"283\" data-original-width\u003d\"624\" height\u003d\"181\" src\u003d\"https://lh3.googleusercontent.com/-VUexS5ZYkmk/YI_RxCk94eI/AAAAAAAAayA/M4Oa5dVsIdgn_qS-oTUGU6CbuWzm9-TjQCLcBGAsYHQ/w400-h181/image.png\" width\u003d\"400\" /\u003e\u003c/a\u003e\u003c/div\u003eGo\nTo terminal and enter cd projects\u003cp\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://lh3.googleusercontent.com/-L2vlAjYuWfc/YI_R3PK9LwI/AAAAAAAAayE/XM5_IUlK0VsC_6KkLtizrBAHoVYMkGQIACLcBGAsYHQ/image.png\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg alt\u003d\"\" data-original-height\u003d\"176\" data-original-width\u003d\"583\" height\u003d\"121\" src\u003d\"https://lh3.googleusercontent.com/-L2vlAjYuWfc/YI_R3PK9LwI/AAAAAAAAayE/XM5_IUlK0VsC_6KkLtizrBAHoVYMkGQIACLcBGAsYHQ/w400-h121/image.png\" width\u003d\"400\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: justify;\"\u003e\u003cspan style\u003d\"text-align: left;\"\u003eCDS\nInit helloworld create a new project template and you can search the project in\nthe projects directory.\u003c/span\u003e\u003c/div\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://lh3.googleusercontent.com/-eRBoJG2X8rQ/YI_R6SM4vgI/AAAAAAAAayM/zUalRBdB8LUgAjFLfLtEeDZDpCTsbB-dwCLcBGAsYHQ/image.png\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg alt\u003d\"\" data-original-height\u003d\"268\" data-original-width\u003d\"244\" height\u003d\"320\" src\u003d\"https://lh3.googleusercontent.com/-eRBoJG2X8rQ/YI_R6SM4vgI/AAAAAAAAayM/zUalRBdB8LUgAjFLfLtEeDZDpCTsbB-dwCLcBGAsYHQ/w292-h320/image.png\" width\u003d\"292\" /\u003e\u003c/a\u003e\u003c/div\u003eAs\nyou can see, by using cds init, the project structure was already created\nwith a folder for the services, for the database, and for the UI.\u003cdiv\u003eNow\nlets define a service in the srv folder and name it as say.cds\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://lh3.googleusercontent.com/-8j-aL9DZ528/YI_SBc4NoTI/AAAAAAAAayY/D5kGMwRolDAj22Lhl33NQnzukhjHbpBxQCLcBGAsYHQ/image.png\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg alt\u003d\"\" data-original-height\u003d\"216\" data-original-width\u003d\"624\" height\u003d\"138\" src\u003d\"https://lh3.googleusercontent.com/-8j-aL9DZ528/YI_SBc4NoTI/AAAAAAAAayY/D5kGMwRolDAj22Lhl33NQnzukhjHbpBxQCLcBGAsYHQ/image.png\" width\u003d\"400\" /\u003e\u003c/a\u003e\u003c/div\u003eNow,\nwe need to implement the service. To do so, we create another file say.js.\u003cp\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://lh3.googleusercontent.com/-W91UdraEsVg/YI_SFgkt4aI/AAAAAAAAayc/RlfXf4Byr6AktpIMR_JV7Bv9Y2j__u2ZACLcBGAsYHQ/image.png\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg alt\u003d\"\" data-original-height\u003d\"175\" data-original-width\u003d\"624\" height\u003d\"113\" src\u003d\"https://lh3.googleusercontent.com/-W91UdraEsVg/YI_SFgkt4aI/AAAAAAAAayc/RlfXf4Byr6AktpIMR_JV7Bv9Y2j__u2ZACLcBGAsYHQ/w400-h113/image.png\" width\u003d\"400\" /\u003e\u003c/a\u003e\u003c/div\u003eNow,\ngo to the terminal and we can run our little hello world application.\u003cp\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://lh3.googleusercontent.com/-m5lL6JWlK9k/YI_SNSRvWsI/AAAAAAAAayo/LRWERbMdy_8mA1Gfe8RffhThtfRiu4u8gCLcBGAsYHQ/image.png\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg alt\u003d\"\" data-original-height\u003d\"136\" data-original-width\u003d\"242\" height\u003d\"180\" src\u003d\"https://lh3.googleusercontent.com/-m5lL6JWlK9k/YI_SNSRvWsI/AAAAAAAAayo/LRWERbMdy_8mA1Gfe8RffhThtfRiu4u8gCLcBGAsYHQ/image.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003c/div\u003eSo\nusing cds run, we should get a running service.\u003cp\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://lh3.googleusercontent.com/-FhyGuxgf3yE/YI_SPvjggeI/AAAAAAAAays/iO03CeMwu94KiumK2bhx9AyfBw18z4pPgCLcBGAsYHQ/image.png\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg alt\u003d\"\" data-original-height\u003d\"219\" data-original-width\u003d\"291\" height\u003d\"240\" src\u003d\"https://lh3.googleusercontent.com/-FhyGuxgf3yE/YI_SPvjggeI/AAAAAAAAays/iO03CeMwu94KiumK2bhx9AyfBw18z4pPgCLcBGAsYHQ/image.png\" width\u003d\"319\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto; text-align: justify;\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eWe\ncan edit the url to run our hello world request.\u0026nbsp;\u003c/span\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://lh3.googleusercontent.com/-tS1Ls50ruRk/YI_SQzyDPuI/AAAAAAAAayw/u8ayDYN5xdU_BlR6c5guvu2LwRBg8lefwCLcBGAsYHQ/image.png\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg alt\u003d\"\" data-original-height\u003d\"40\" data-original-width\u003d\"390\" height\u003d\"33\" src\u003d\"https://lh3.googleusercontent.com/-tS1Ls50ruRk/YI_SQzyDPuI/AAAAAAAAayw/u8ayDYN5xdU_BlR6c5guvu2LwRBg8lefwCLcBGAsYHQ/image.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\u003co:p\u003e\u003c/o:p\u003e\u003cp\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003co:p\u003e\u0026nbsp;\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoListParagraphCxSpMiddle\" style\u003d\"margin-left: 27pt; mso-add-space: auto;\"\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://lh3.googleusercontent.com/-OF7Xfu7XHYw/YI_SR9IVjUI/AAAAAAAAay4/_rH5ZVnc1ys_HXCZ4aOcrY3cvkBMhfniACLcBGAsYHQ/image.png\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg alt\u003d\"\" data-original-height\u003d\"174\" data-original-width\u003d\"624\" height\u003d\"89\" src\u003d\"https://lh3.googleusercontent.com/-OF7Xfu7XHYw/YI_SR9IVjUI/AAAAAAAAay4/_rH5ZVnc1ys_HXCZ4aOcrY3cvkBMhfniACLcBGAsYHQ/image.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003eAnd\nwe'll see the value returned as \"Hello world\".So I hope\nyou learned how to build a small HelloWorld application using CDS and node.js\non SAP BAS. In the coming blogs, we will explore more about CDS and SAP CAP.\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https://www.sapui5tutors.com/feeds/5954739278923238196/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https://www.sapui5tutors.com/2021/05/what-is-sap-cloud-application.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/5954739278923238196"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/5954739278923238196"},{"rel":"alternate","type":"text/html","href":"https://www.sapui5tutors.com/2021/05/what-is-sap-cloud-application.html","title":"What is SAP Cloud Application Programming Model (CAP)?"}],"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://lh3.googleusercontent.com/-7wdklXOSwfE/YI_RpSo3wjI/AAAAAAAAax0/Mwx6_bUakp0lLjsfNyDQm1VmY-cq_6NzwCLcBGAsYHQ/s72-c/image.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615.post-2630184023685524407"},"published":{"$t":"2020-12-01T04:19:00.002-08:00"},"updated":{"$t":"2020-12-01T04:20:46.356-08:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"stage"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sapui5 github"},{"scheme":"http://www.blogger.com/atom/ns#","term":"push a project in github"},{"scheme":"http://www.blogger.com/atom/ns#","term":"push"},{"scheme":"http://www.blogger.com/atom/ns#","term":"SAP Bussiness Application Studio"},{"scheme":"http://www.blogger.com/atom/ns#","term":"commit"},{"scheme":"http://www.blogger.com/atom/ns#","term":"git"},{"scheme":"http://www.blogger.com/atom/ns#","term":"setup sap bussiness application studio"},{"scheme":"http://www.blogger.com/atom/ns#","term":"pull"},{"scheme":"http://www.blogger.com/atom/ns#","term":"github"}],"title":{"type":"text","$t":"GIT in SAP Bussiness Application Studio"},"content":{"type":"html","$t":"\u003cp\u003e\u003c/p\u003e\u003cp class\u003d\"MsoNormal\" style\u003d\"line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;\"\u003e\u003cb\u003e\u003cspan style\u003d\"background: white; color: #666666; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eWhat is\u0026nbsp;\u003c/span\u003e\u003cspan style\u003d\"color: #666666; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eSAP Business Application Studio?\u003c/span\u003e\u003c/b\u003e\u003cspan style\u003d\"color: black; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eSAP Business Application\nStudio\u0026nbsp;is a new SAP Cloud Platform service in SAP Cloud Foundry which\noffers a modular development environment tailored for efficient development of\nbusiness applications for the SAP Intelligent Enterprise.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 9pt; mso-outline-level: 2;\"\u003e\u003cspan style\u003d\"color: #666666; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u003cb\u003eCapabilities\u003c/b\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eIn\u0026nbsp;SAP Business\nApplication Studio, the developer is provided with one or more Development\nSpaces. As a developer, you can chose which tools will be installed on your dev\nspace by selecting the suitable extension pack.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-IZ-vLEs1hZM/X8Y09sAkq5I/AAAAAAAAWbQ/1rELX15JKcoRdhH-UOG5NxnSvgZMvhadgCLcBGAsYHQ/s200/download.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"200\" data-original-width\u003d\"200\" src\u003d\"https://1.bp.blogspot.com/-IZ-vLEs1hZM/X8Y09sAkq5I/AAAAAAAAWbQ/1rELX15JKcoRdhH-UOG5NxnSvgZMvhadgCLcBGAsYHQ/s0/download.png\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003cp\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eThese tools covers the\nend-to-end development cycle:\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: .25in; margin-left: 0in; margin-right: 0in; margin-top: 0in; margin: 0in 0in 0.25in; mso-list: l1 level1 lfo1; tab-stops: list .5in; text-indent: -0.25in;\"\u003e\u003c!--[if !supportLists]--\u003e\u003cspan style\u003d\"color: #333333; font-family: Symbol; font-size: 10pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: Symbol;\"\u003e\u003cspan style\u003d\"mso-list: Ignore;\"\u003e·\u003cspan style\u003d\"font: 7pt \u0026quot;Times New Roman\u0026quot;;\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c!--[endif]--\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eClone\nan existing project with a Git client or create new project using various\ntemplates.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: .25in; margin-left: 0in; margin-right: 0in; margin-top: 0in; margin: 0in 0in 0.25in; mso-list: l1 level1 lfo1; tab-stops: list .5in; text-indent: -0.25in;\"\u003e\u003c!--[if !supportLists]--\u003e\u003cspan style\u003d\"color: #333333; font-family: Symbol; font-size: 10pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: Symbol;\"\u003e\u003cspan style\u003d\"mso-list: Ignore;\"\u003e·\u003cspan style\u003d\"font: 7pt \u0026quot;Times New Roman\u0026quot;;\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c!--[endif]--\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eUse\neditors for SAP specific technologies.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: .25in; margin-left: 0in; margin-right: 0in; margin-top: 0in; margin: 0in 0in 0.25in; mso-list: l1 level1 lfo1; tab-stops: list .5in; text-indent: -0.25in;\"\u003e\u003c!--[if !supportLists]--\u003e\u003cspan style\u003d\"color: #333333; font-family: Symbol; font-size: 10pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: Symbol;\"\u003e\u003cspan style\u003d\"mso-list: Ignore;\"\u003e·\u003cspan style\u003d\"font: 7pt \u0026quot;Times New Roman\u0026quot;;\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c!--[endif]--\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eEasily\ntest your application on your dev space while consuming services from remote\nsources.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-left: 0in; mso-list: l2 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in; text-indent: -0.25in;\"\u003e\u003c!--[if !supportLists]--\u003e\u003cspan style\u003d\"color: #333333; font-family: Symbol; font-size: 10pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: Symbol;\"\u003e\u003cspan style\u003d\"mso-list: Ignore;\"\u003e·\u003cspan style\u003d\"font: 7pt \u0026quot;Times New Roman\u0026quot;;\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c!--[endif]--\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eBuild\nand deploy the application as multitarget applications (MTA).\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 9pt; mso-outline-level: 2;\"\u003e\u003cspan style\u003d\"color: #666666; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u003cb\u003eGIT\nIssue\u003c/b\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eThere is\u0026nbsp;\u003cb\u003eno\nprovision\u003c/b\u003e\u0026nbsp;to set the\u0026nbsp;\u003cb\u003eGit Repository\u003c/b\u003e\u0026nbsp;for new project\nwe create. Like\u0026nbsp;\u003cb\u003eWebIDE\u003c/b\u003e\u0026nbsp;, there is no provision to assign GIT\nrepository URL.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 9pt; mso-outline-level: 2;\"\u003e\u003cspan style\u003d\"color: #666666; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u003cb\u003eSolution\u003c/b\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eFor git, simply type\n“git” and a list of git commands will be filtered. Git clone is one of the\ncommands,\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003ePlease follow the below\nGIT Commands.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-left: 0in; mso-list: l0 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in; text-indent: -0.25in;\"\u003e\u003c!--[if !supportLists]--\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003cspan style\u003d\"mso-list: Ignore;\"\u003e1.\u003cspan style\u003d\"font: 7pt \u0026quot;Times New Roman\u0026quot;;\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c!--[endif]--\u003e\u003cb\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eInitialization\nof GIT\u003c/span\u003e\u003c/b\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: rgb(238, 238, 238); line-height: normal; margin-bottom: 19.2pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;\"\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003egit\ninit \u200b\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-left: 0in; mso-list: l0 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in; text-indent: -0.25in;\"\u003e\u003c!--[if !supportLists]--\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003cspan style\u003d\"mso-list: Ignore;\"\u003e2.\u003cspan style\u003d\"font: 7pt \u0026quot;Times New Roman\u0026quot;;\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c!--[endif]--\u003e\u003cb\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eSet\nRemote Origin URL\u003c/span\u003e\u003c/b\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: rgb(238, 238, 238); line-height: normal; margin-bottom: 19.2pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;\"\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003egit\nremote add origin https://github.com/user.name/test.git If already exist then\nuse below command git remote add origin https://github.com/user.name/test.git\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-left: 0in; mso-list: l0 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in; text-indent: -0.25in;\"\u003e\u003c!--[if !supportLists]--\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003cspan style\u003d\"mso-list: Ignore;\"\u003e3.\u003cspan style\u003d\"font: 7pt \u0026quot;Times New Roman\u0026quot;;\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c!--[endif]--\u003e\u003cb\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eStaging\nthe Changes of Project\u003c/span\u003e\u003c/b\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: rgb(238, 238, 238); line-height: normal; margin-bottom: 19.2pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;\"\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003egit\nadd .\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-left: 0in; mso-list: l0 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in; text-indent: -0.25in;\"\u003e\u003c!--[if !supportLists]--\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003cspan style\u003d\"mso-list: Ignore;\"\u003e4.\u003cspan style\u003d\"font: 7pt \u0026quot;Times New Roman\u0026quot;;\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c!--[endif]--\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u0026nbsp;\u003cb\u003eCommit\nyour changes\u003c/b\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: rgb(238, 238, 238); line-height: normal; margin-bottom: 19.2pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;\"\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003egit\ncommit -m \"GIT Comment\"\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-left: 0in; mso-list: l0 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in; text-indent: -0.25in;\"\u003e\u003c!--[if !supportLists]--\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003cspan style\u003d\"mso-list: Ignore;\"\u003e5.\u003cspan style\u003d\"font: 7pt \u0026quot;Times New Roman\u0026quot;;\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c!--[endif]--\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u0026nbsp;\u003cb\u003ePush\nyour changes into GIT\u003c/b\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: rgb(238, 238, 238); line-height: normal; margin-bottom: 19.2pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;\"\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003egit\npush origin master\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-left: 0in; mso-list: l0 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in; text-indent: -0.25in;\"\u003e\u003c!--[if !supportLists]--\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003cspan style\u003d\"mso-list: Ignore;\"\u003e6.\u003cspan style\u003d\"font: 7pt \u0026quot;Times New Roman\u0026quot;;\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c!--[endif]--\u003e\u003cb\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003ePull\nyour latest changes from GIT\u003c/span\u003e\u003c/b\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: rgb(238, 238, 238); line-height: normal; margin-bottom: 19.2pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;\"\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003egit\npull origin master\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003e\u003cspan style\u003d\"color: #333333; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eIf you wish to know more about SAP Bussiness Application studio, visit my blog on getting started on \u003ca href\u003d\"http://www.sapui5tutors.com/2020/11/getting-started-with-sap-bussiness.html\" target\u003d\"_blank\"\u003eSAP BAS\u003c/a\u003e\u003c/span\u003e\u003c/p\u003e\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003eYou can also learn about creating fiori application in SAP BAS through this \u003ca href\u003d\"http://www.sapui5tutors.com/2020/11/setting-up-sap-bussiness-application.html\" target\u003d\"_blank\"\u003eblog\u003c/a\u003e.\u003c/p\u003e\n\n\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003co:p\u003e\u0026nbsp;\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\u003cbr /\u003e\u003cp\u003e\u003c/p\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https://www.sapui5tutors.com/feeds/2630184023685524407/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https://www.sapui5tutors.com/2020/12/git-in-sap-bussiness-studio.html#comment-form","title":"1 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/2630184023685524407"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/2630184023685524407"},{"rel":"alternate","type":"text/html","href":"https://www.sapui5tutors.com/2020/12/git-in-sap-bussiness-studio.html","title":"GIT in SAP Bussiness Application Studio"}],"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://1.bp.blogspot.com/-IZ-vLEs1hZM/X8Y09sAkq5I/AAAAAAAAWbQ/1rELX15JKcoRdhH-UOG5NxnSvgZMvhadgCLcBGAsYHQ/s72-c/download.png","height":"72","width":"72"},"thr$total":{"$t":"1"}},{"id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615.post-6680130981905535882"},"published":{"$t":"2020-11-20T00:00:00.001-08:00"},"updated":{"$t":"2020-11-20T00:02:25.293-08:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"fiori app"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sap fiori application"},{"scheme":"http://www.blogger.com/atom/ns#","term":"local development"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sap fiori tools"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Visual studio code"},{"scheme":"http://www.blogger.com/atom/ns#","term":"SAP Bussiness Application Studio"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sap fiori elements"}],"title":{"type":"text","$t":"Get Started with Visual Studio Code for Fiori development using Fiori Tools"},"content":{"type":"html","$t":"\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003eIn this blog, we will look into a different possibility of Fiori development in local environment using Visual Studio using Fiori Tools.\u003c/span\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003cspan style\u003d\"font-family: times; margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"928\" data-original-width\u003d\"1406\" height\u003d\"264\" src\u003d\"https://1.bp.blogspot.com/-oa6Q88cI6EM/X7dx-8zn9yI/AAAAAAAAWGI/W8DgjJa8S-wQicDlI3vP8-KrV28ZBvfXgCLcBGAsYHQ/w400-h264/24.PNG\" width\u003d\"400\" /\u003e\u003c/span\u003e\u003c/div\u003e\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003eWe will mainly cover 2 topics here, i.e.\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003e1. How to set up Visual Studio on your system\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003e2. How to download SAP Fiori Tools from Microsoft's Visual Studio Marketplace\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003eBefore starting with this, I just want to highlight its totaly upto you, if you want to use SAP Bussiness Application Studio(a hosted Environment) or Visual Studio Code(a local Environment). SAP BAS does not require any kind of installation on your system, as its all on cloud, but in case of Visual studio code you would be required to install node.js and other dependancies on your local system.\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eSAP Fiori tools is an extension pack available for Visual Studio Code and SAP Business Application Studio that is designed to increase the efficiency of SAP Fiori elements app development. SAP Fiori is SAP’s user experience, intended to provide end-users with apps that are role-based, adaptive, coherent, simple, and delightful. SAP Fiori elements provides predefined page types for SAP Fiori development, allowing users to quickly create SAPUI5 apps while taking advantage of the user interface provided by SAP. SAP Fiori tools allows users to easily generate SAP Fiori elements apps, modify the app’s functionality, generate new pages, and preview the application with both backend and mock data.\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cspan style\u003d\"color: #333333;\"\u003e\u003cspan style\u003d\"background-color: white;\"\u003eIn this tutorial we will be using SAP Fiori tools to create an app featuring a list of objects,\u0026nbsp;\u003c/span\u003e\u003c/span\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003ewith additional pages that provide more detailed information about the items in the list. You will be able to preview this app using real backend data provided by SAP, as well as mock data.\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003eAs a prerequisite, you must be having an access to Gateway Demo System i.e. ES5 account, i.e.\u0026nbsp;\u003c/span\u003e\u003cspan style\u003d\"background-color: #e9e9e9; font-size: 14px;\"\u003ehttps://sapes5.sapdevcenter.com/sap/opu/odata/sap/SEPMRA_PROD_MAN/\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eIf you dont have access to this system, you can register to it using:\u0026nbsp;\u003c/span\u003e\u003c/span\u003e\u003cspan style\u003d\"color: #333333; font-family: times;\"\u003e\u003ca href\u003d\"https://developers.sap.com/tutorials/gateway-demo-signup.html\"\u003ehttps://developers.sap.com/tutorials/gateway-demo-signup.html\u003c/a\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"color: #333333; font-family: times;\"\u003e\u003cspan style\u003d\"background-color: white;\"\u003e1) Lets being with downloading Visual Studio Code from the officail website:\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003ca href\u003d\"https://code.visualstudio.com/download\" style\u003d\"background-color: white; box-sizing: border-box; color: #007db8; font-size: 16px; text-decoration-line: none;\" target\u003d\"_blank\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eDownload Visual Studio\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eHere are some resources to help you get started with Visual Studio Code\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003ca href\u003d\"https://code.visualstudio.com/docs/getstarted/userinterface#_basic-layout\" target\u003d\"_blank\"\u003eVisual Studio Basic Layout\u003c/a\u003e\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003ca href\u003d\"https://code.visualstudio.com/docs/getstarted/introvideos\" target\u003d\"_blank\"\u003eVisual Studio Code Introductory Videos\u003c/a\u003e\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e2) Now that you access to Visual studio code, you need to install the suite of SAP Fiori tools extension.\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eIn Visual Studio Code's Activity Bar, click the icon for extensions.\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-i_K8azao-uU/X7dvr4itYEI/AAAAAAAAWFs/-EnxPLcftQgFBH98t4cXLOOVb2aX8xdqgCLcBGAsYHQ/s412/21.PNG\" style\u003d\"background-color: white; clear: left; font-size: 16px; margin-bottom: 1em; margin-right: 1em; text-align: center;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"412\" data-original-width\u003d\"72\" height\u003d\"400\" src\u003d\"https://1.bp.blogspot.com/-i_K8azao-uU/X7dvr4itYEI/AAAAAAAAWFs/-EnxPLcftQgFBH98t4cXLOOVb2aX8xdqgCLcBGAsYHQ/w70-h400/21.PNG\" width\u003d\"70\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eNext, clear the\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003eSearch Box\u003c/strong\u003e\u0026nbsp;at the top of the\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003eExtensions\u003c/strong\u003e\u0026nbsp;view, type\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003e\u003ccode style\u003d\"border-radius: 4px; border: 1px solid rgb(233, 233, 233); box-sizing: border-box; color: #dd4a68; font-size: 12px; overflow-wrap: break-word; padding: 4px 8px;\"\u003eSAP Fiori tools\u003c/code\u003e\u003c/strong\u003e, and then press\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003eEnter\u003c/strong\u003e.\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eClick the extension called\u0026nbsp;\u003ccode style\u003d\"border-radius: 4px; border: 1px solid rgb(233, 233, 233); box-sizing: border-box; color: #dd4a68; font-size: 12px; overflow-wrap: break-word; padding: 4px 8px;\"\u003eSAP Fiori tools - Extensions Pack\u003c/code\u003e, and then click\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003eInstall\u003c/strong\u003e.\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eOnce you install the Extension pack, it is recommended that you restart Visual Studio Code\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003eNow that our Fiori Tools are installed in Visual Studio Code, we can now start developing a Fiori Application. In our case let's\u0026nbsp;\u003c/span\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003ecreate an SAP Fiori elements list report page displaying a list of products.\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"color: #333333; font-family: times;\"\u003e\u003cspan style\u003d\"background-color: white;\"\u003e3) We will be taking help of \u003cb\u003eApplication Generator\u003c/b\u003e, i.e. a wizard-style approach to create apps based on SAP Fiori Elements page types.\u0026nbsp;\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eIn Visual Studio Code, open the Command Palette using\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003eCMD/CTRL + Shift + P\u003c/strong\u003e, type\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003e\u003ccode style\u003d\"border-radius: 4px; border: 1px solid rgb(233, 233, 233); box-sizing: border-box; color: #dd4a68; font-size: 12px; overflow-wrap: break-word; padding: 4px 8px;\"\u003eApplication Generator\u003c/code\u003e\u003c/strong\u003e, and select\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003eSAP Fiori tools - Application Generator: Launch\u003c/strong\u003e.\u003c/span\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-kYWHj_CM5-k/X7dxUDGxtUI/AAAAAAAAWF8/tQJIhmMv36IQ3SHdTSl9jaD1XboP-h1KACLcBGAsYHQ/s989/22.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"266\" data-original-width\u003d\"989\" height\u003d\"173\" src\u003d\"https://1.bp.blogspot.com/-kYWHj_CM5-k/X7dxUDGxtUI/AAAAAAAAWF8/tQJIhmMv36IQ3SHdTSl9jaD1XboP-h1KACLcBGAsYHQ/w640-h173/22.PNG\" width\u003d\"640\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003cdiv\u003e\u003cspan style\u003d\"font-family: times;\"\u003eNow the command Pallete will close and a new window would open. Here, select\u0026nbsp;\u003cstrong style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px;\"\u003eSAP Fiori tools - Application Generator\u003c/strong\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e\u0026nbsp;tile and press\u0026nbsp;\u003c/span\u003e\u003cstrong style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px;\"\u003eNext\u003c/strong\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e.\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-_LkobEOGzCw/X7dx131BWGI/AAAAAAAAWGE/yCth42_qbHcg0N8HrwZp4ZoeMMQx2qqwgCLcBGAsYHQ/s797/23.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"797\" data-original-width\u003d\"774\" height\u003d\"320\" src\u003d\"https://1.bp.blogspot.com/-_LkobEOGzCw/X7dx131BWGI/AAAAAAAAWGE/yCth42_qbHcg0N8HrwZp4ZoeMMQx2qqwgCLcBGAsYHQ/s320/23.PNG\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003eYou need to select the page type to create. Since this tutorial involves a list report, select\u0026nbsp;\u003c/span\u003e\u003cstrong style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px;\"\u003eList Report Object Page\u003c/strong\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e, and then click\u0026nbsp;\u003c/span\u003e\u003cstrong style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px;\"\u003eNext\u003c/strong\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e.\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-oa6Q88cI6EM/X7dx-8zn9yI/AAAAAAAAWGI/W8DgjJa8S-wQicDlI3vP8-KrV28ZBvfXgCLcBGAsYHQ/s1406/24.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"928\" data-original-width\u003d\"1406\" src\u003d\"https://1.bp.blogspot.com/-oa6Q88cI6EM/X7dx-8zn9yI/AAAAAAAAWGI/W8DgjJa8S-wQicDlI3vP8-KrV28ZBvfXgCLcBGAsYHQ/s320/24.PNG\" width\u003d\"320\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e5) In the next step, we define our data source for our application, i.e. in our case \"\u003c/span\u003e\u003cspan style\u003d\"color: #333333;\"\u003eConnect to an OData Service\". Copy and paste this URL:\u0026nbsp;\u003c/span\u003e\u003cspan style\u003d\"font-size: 14px; white-space: inherit; word-spacing: normal;\"\u003ehttps://sapes5.sapdevcenter.com/sap/opu/odata/sap/SEPMRA_PROD_MAN/\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cspan style\u003d\"font-size: 14px; white-space: inherit; word-spacing: normal;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003eYou may be prompted to enter credentials to access the service. Enter your username and password, and click the\u0026nbsp;\u003c/span\u003e\u003cstrong style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px;\"\u003eNext\u003c/strong\u003e\u003cspan style\u003d\"background-color: white; color: #333333; font-size: 16px;\"\u003e\u0026nbsp;button.\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eAfter successfully connecting to the supplied OData service, click\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003eNext\u003c/strong\u003e\u0026nbsp;to customize the template.\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eTwo more fields will appear. One for the\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003eMain Entity\u003c/strong\u003e\u0026nbsp;and another for the\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003eNavigation Entity\u003c/strong\u003e. Since this list report is intended to display products, select\u0026nbsp;\u003ccode style\u003d\"border-radius: 4px; border: 1px solid rgb(233, 233, 233); box-sizing: border-box; color: #dd4a68; font-size: 12px; overflow-wrap: break-word; padding: 4px 8px;\"\u003eSEPMRA_C_PD_Product\u003c/code\u003e\u0026nbsp;for\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003eMain Entity\u003c/strong\u003e. The application is simply meant to display a list of products, so set the\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003eNavigation Entity\u003c/strong\u003e\u0026nbsp;to\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003e\u003ccode style\u003d\"border-radius: 4px; border: 1px solid rgb(233, 233, 233); box-sizing: border-box; color: #dd4a68; font-size: 12px; overflow-wrap: break-word; padding: 4px 8px;\"\u003eNone\u003c/code\u003e\u003c/strong\u003e.\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eClick\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003eNext\u003c/strong\u003e.\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eWith the page type and data source defined, the next step is to configure the main project attributes:\u003c/span\u003e\u003c/p\u003e\u003ctable style\u003d\"background-color: white; border-collapse: collapse; color: #333333; display: block; font-size: 16px; margin-bottom: 20px; overflow-x: auto;\"\u003e\u003cthead style\u003d\"box-sizing: border-box;\"\u003e\u003ctr style\u003d\"border-top: 1px solid rgb(204, 204, 204); box-sizing: border-box;\"\u003e\u003cth align\u003d\"left\" style\u003d\"border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 6px 13px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eField Name\u003c/span\u003e\u003c/th\u003e\u003cth align\u003d\"left\" style\u003d\"border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 6px 13px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eValue\u003c/span\u003e\u003c/th\u003e\u003c/tr\u003e\u003c/thead\u003e\u003ctbody style\u003d\"box-sizing: border-box;\"\u003e\u003ctr style\u003d\"border-top: 1px solid rgb(204, 204, 204); box-sizing: border-box;\"\u003e\u003ctd align\u003d\"left\" style\u003d\"border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 6px 13px;\"\u003e\u003cstrong style\u003d\"box-sizing: border-box;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eWhat is the module name for your application?\u003c/span\u003e\u003c/strong\u003e\u003c/td\u003e\u003ctd align\u003d\"left\" style\u003d\"border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 6px 13px;\"\u003e\u003cstrong style\u003d\"box-sizing: border-box;\"\u003e\u003ccode style\u003d\"border-radius: 4px; border: 1px solid rgb(233, 233, 233); box-sizing: border-box; color: #dd4a68; font-size: 12px; overflow-wrap: break-word; padding: 4px 8px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003edemofioriapp\u003c/span\u003e\u003c/code\u003e\u003c/strong\u003e\u003c/td\u003e\u003c/tr\u003e\u003ctr style\u003d\"background-color: #f8f8f8; border-top: 1px solid rgb(204, 204, 204); box-sizing: border-box;\"\u003e\u003ctd align\u003d\"left\" style\u003d\"border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 6px 13px;\"\u003e\u003cstrong style\u003d\"box-sizing: border-box;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eWhat is the title for your application?\u003c/span\u003e\u003c/strong\u003e\u003c/td\u003e\u003ctd align\u003d\"left\" style\u003d\"border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 6px 13px;\"\u003e\u003cspan style\u003d\"color: #dd4a68; font-family: times;\"\u003e\u003cspan style\u003d\"font-size: 12px;\"\u003e\u003cb\u003eFiori App\u003c/b\u003e\u003c/span\u003e\u003c/span\u003e\u003c/td\u003e\u003c/tr\u003e\u003ctr style\u003d\"border-top: 1px solid rgb(204, 204, 204); box-sizing: border-box;\"\u003e\u003ctd align\u003d\"left\" style\u003d\"border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 6px 13px;\"\u003e\u003cstrong style\u003d\"box-sizing: border-box;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eWhat is the namespace for your application?\u003c/span\u003e\u003c/strong\u003e\u003c/td\u003e\u003ctd align\u003d\"left\" style\u003d\"border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 6px 13px;\"\u003e\u003cstrong style\u003d\"box-sizing: border-box;\"\u003e\u003ccode style\u003d\"border-radius: 4px; border: 1px solid rgb(233, 233, 233); box-sizing: border-box; color: #dd4a68; font-size: 12px; overflow-wrap: break-word; padding: 4px 8px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003edemo\u003c/span\u003e\u003c/code\u003e\u003c/strong\u003e\u003c/td\u003e\u003c/tr\u003e\u003ctr style\u003d\"background-color: #f8f8f8; border-top: 1px solid rgb(204, 204, 204); box-sizing: border-box;\"\u003e\u003ctd align\u003d\"left\" style\u003d\"border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 6px 13px;\"\u003e\u003cstrong style\u003d\"box-sizing: border-box;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eWhat is the description for your application?\u003c/span\u003e\u003c/strong\u003e\u003c/td\u003e\u003ctd align\u003d\"left\" style\u003d\"border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 6px 13px;\"\u003e\u003cspan style\u003d\"color: #dd4a68; font-family: times;\"\u003e\u003cspan style\u003d\"font-size: 12px;\"\u003e\u003cb\u003eA demo Fiori application.\u003c/b\u003e\u003c/span\u003e\u003c/span\u003e\u003c/td\u003e\u003c/tr\u003e\u003ctr style\u003d\"border-top: 1px solid rgb(204, 204, 204); box-sizing: border-box;\"\u003e\u003ctd align\u003d\"left\" style\u003d\"border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 6px 13px;\"\u003e\u003cstrong style\u003d\"box-sizing: border-box;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eChoose your project folder\u003c/span\u003e\u003c/strong\u003e\u003c/td\u003e\u003ctd align\u003d\"left\" style\u003d\"border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 6px 13px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eClick the folder selection icon and select where to save your project.\u003c/span\u003e\u003c/td\u003e\u003c/tr\u003e\u003c/tbody\u003e\u003c/table\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eClick\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003eFinish\u003c/strong\u003e.\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eAt this point, your application folder will be generated based on the input you have provided.\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eOnce your project has been generated, you will have the option to add it to your existing workspace. Verify that your project has been created and it looks similar to this:\u003c/span\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-Fh_qXzG8m0U/X7dz2HjodPI/AAAAAAAAWGY/swu8oLk4SA4l6OplY_iYStMdbS-Nznl3wCLcBGAsYHQ/s608/25.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"608\" data-original-width\u003d\"519\" height\u003d\"400\" src\u003d\"https://1.bp.blogspot.com/-Fh_qXzG8m0U/X7dz2HjodPI/AAAAAAAAWGY/swu8oLk4SA4l6OplY_iYStMdbS-Nznl3wCLcBGAsYHQ/w341-h400/25.PNG\" width\u003d\"341\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eSince the given OData service came with pre-configured backend annotations, you can preview your app right away.\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e6) From the Visual Studio Code\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003eExplorer\u003c/strong\u003e\u0026nbsp;on your left, right-click your project and select\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003ePreview Application\u003c/strong\u003e.\u003c/span\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-QpVsc3NRF6g/X7d0IMLPeKI/AAAAAAAAWGg/yW0v8xhx9VkMv48syAm2hJzqaeHlVA8EQCLcBGAsYHQ/s718/26.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"506\" data-original-width\u003d\"718\" height\u003d\"283\" src\u003d\"https://1.bp.blogspot.com/-QpVsc3NRF6g/X7d0IMLPeKI/AAAAAAAAWGg/yW0v8xhx9VkMv48syAm2hJzqaeHlVA8EQCLcBGAsYHQ/w400-h283/26.PNG\" width\u003d\"400\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eFrom the options, you will need to select a npm script. Select\u0026nbsp;\u003ccode style\u003d\"border-radius: 4px; border: 1px solid rgb(233, 233, 233); box-sizing: border-box; color: #dd4a68; font-size: 12px; overflow-wrap: break-word; padding: 4px 8px;\"\u003estart\u003c/code\u003e\u0026nbsp;and press\u0026nbsp;\u003cstrong style\u003d\"box-sizing: border-box;\"\u003e\u003ccode style\u003d\"border-radius: 4px; border: 1px solid rgb(233, 233, 233); box-sizing: border-box; color: #dd4a68; font-size: 12px; overflow-wrap: break-word; padding: 4px 8px;\"\u003eEnter\u003c/code\u003e\u003c/strong\u003e\u0026nbsp;to preview your app with backend data. A new browser window will open with your List Report Object Page application running.\u003c/span\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-fcXEn2fQBaY/X7d0d8twazI/AAAAAAAAWGo/5aPqC7_mfyA42dXJxvo0i1s0STo4MIwWgCLcBGAsYHQ/s1013/27.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"218\" data-original-width\u003d\"1013\" height\u003d\"138\" src\u003d\"https://1.bp.blogspot.com/-fcXEn2fQBaY/X7d0d8twazI/AAAAAAAAWGo/5aPqC7_mfyA42dXJxvo0i1s0STo4MIwWgCLcBGAsYHQ/w640-h138/27.PNG\" width\u003d\"640\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-Q2DenwiMQUc/X7d14khmfTI/AAAAAAAAWG0/plafKrSm8fQZOwl0fc28973v7MWHddCdQCLcBGAsYHQ/s1901/28.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"891\" data-original-width\u003d\"1901\" height\u003d\"300\" src\u003d\"https://1.bp.blogspot.com/-Q2DenwiMQUc/X7d14khmfTI/AAAAAAAAWG0/plafKrSm8fQZOwl0fc28973v7MWHddCdQCLcBGAsYHQ/w640-h300/28.PNG\" width\u003d\"640\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eI hope this tutorial was helpful in understanding the basics of SAP Fiori tools in Visual Studio Code. Moreover we learnt how to gevelop a list report page fiori elements project generated by SAP Fiori tools and a running application using real backend data.\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: border-box; color: #333333; font-size: 16px; line-height: 24px; margin: 0px 0px 20px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eStay tuned for my futher tutorial blogs!\u003c/span\u003e\u003c/p\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https://www.sapui5tutors.com/feeds/6680130981905535882/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https://www.sapui5tutors.com/2020/11/get-started-with-visual-studio-code-for.html#comment-form","title":"1 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/6680130981905535882"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/6680130981905535882"},{"rel":"alternate","type":"text/html","href":"https://www.sapui5tutors.com/2020/11/get-started-with-visual-studio-code-for.html","title":"Get Started with Visual Studio Code for Fiori development using Fiori Tools"}],"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://1.bp.blogspot.com/-oa6Q88cI6EM/X7dx-8zn9yI/AAAAAAAAWGI/W8DgjJa8S-wQicDlI3vP8-KrV28ZBvfXgCLcBGAsYHQ/s72-w400-c-h264/24.PNG","height":"72","width":"72"},"thr$total":{"$t":"1"}},{"id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615.post-4074755946319744614"},"published":{"$t":"2020-11-19T07:52:00.007-08:00"},"updated":{"$t":"2020-11-19T07:54:34.107-08:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"SAP Bussiness Application Studio"},{"scheme":"http://www.blogger.com/atom/ns#","term":"SAPui5 application on SAP bussiness application studio"},{"scheme":"http://www.blogger.com/atom/ns#","term":"setup sap bussiness application studio"}],"title":{"type":"text","$t":"Setting up SAP Bussiness Application Studio and Run your first SAPUI5 Application"},"content":{"type":"html","$t":"\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003eIn this blog, we will start using SAP BAS with a free Trial account and build our 1st Simple UI5 Application.\u0026nbsp;\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eSAP Business Application Studio is a new SAP Cloud Platform service in SAP Cloud Foundry which offers a modern development environment tailored for efficient development of business applications for the SAP Intelligent Enterprise such as SAP Fiori, S/4HANA extension, and Workflow.\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003eSAP BAS is kind of similar to Visual Studio in terms of command line, so if you are familiar with Visual Studio, then SAP BAS would be ever more easier for you to understand.\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003eI am guessing, you would already have a free trial account in SAP Cloud Platform.\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003eAlright, let's start this tutorial.\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003eLog onto SAP Cloud Platform\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"font-family: times;\"\u003e1.\u0026nbsp;\u003cspan style\u003d\"background-color: white; color: #333333; font-weight: 700;\"\u003eEnter Your Trial Account to access the Cloud Foundry\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-LERWdKCsiRY/X7aI9mz18dI/AAAAAAAAWDc/CC8WgdJAH3owGekj-e_1nOL6o22aRfRmACLcBGAsYHQ/s754/21.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"614\" data-original-width\u003d\"754\" height\u003d\"326\" src\u003d\"https://1.bp.blogspot.com/-LERWdKCsiRY/X7aI9mz18dI/AAAAAAAAWDc/CC8WgdJAH3owGekj-e_1nOL6o22aRfRmACLcBGAsYHQ/w400-h326/21.PNG\" width\u003d\"400\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/div\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eOnce you enter your trial account go to Subscriptions and Search for SAP Business Application Studio and Subscribe to that.\u003c/span\u003e\u003c/span\u003e\u003cp\u003e\u003c/p\u003e\u003cdiv\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-OlmjQ46H10M/X7aJWBJP_PI/AAAAAAAAWDo/YW7tKkoryg0SrX_a-SOLRjiGq01X6nT8wCLcBGAsYHQ/s887/22.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"760\" data-original-width\u003d\"887\" height\u003d\"343\" src\u003d\"https://1.bp.blogspot.com/-OlmjQ46H10M/X7aJWBJP_PI/AAAAAAAAWDo/YW7tKkoryg0SrX_a-SOLRjiGq01X6nT8wCLcBGAsYHQ/w400-h343/22.PNG\" width\u003d\"400\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003e2. Launch the Application\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eClick on go to Application or you can click on the shortcut link from the homepage\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-8UE9J5yoOvs/X7aJxj8PxoI/AAAAAAAAWD0/ndmDHs5Xg_cVvFZaQt340T2G5wW7wZALQCLcBGAsYHQ/s636/23.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"405\" data-original-width\u003d\"636\" height\u003d\"255\" src\u003d\"https://1.bp.blogspot.com/-8UE9J5yoOvs/X7aJxj8PxoI/AAAAAAAAWD0/ndmDHs5Xg_cVvFZaQt340T2G5wW7wZALQCLcBGAsYHQ/w400-h255/23.PNG\" width\u003d\"400\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e3. Create a Dev Space and run your 1st UI5 Application\u003cbr /\u003e\u003c/span\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-16dNU7N1Y3w/X7aKTJ9NCkI/AAAAAAAAWEA/dGZ67obbUpspNxLLaEozh83PE0BvNZDogCLcBGAsYHQ/s1911/25.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"557\" data-original-width\u003d\"1911\" height\u003d\"186\" src\u003d\"https://1.bp.blogspot.com/-16dNU7N1Y3w/X7aKTJ9NCkI/AAAAAAAAWEA/dGZ67obbUpspNxLLaEozh83PE0BvNZDogCLcBGAsYHQ/w640-h186/25.PNG\" width\u003d\"640\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003eBy now, your BAS would be loaded up and the screen would look somehting like this\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-nD1GeNPo394/X7aLGsLZO7I/AAAAAAAAWEM/0H3tGq4567cn6Lxf1uj34doCIip_zpYaACLcBGAsYHQ/s1707/26.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"792\" data-original-width\u003d\"1707\" height\u003d\"296\" src\u003d\"https://1.bp.blogspot.com/-nD1GeNPo394/X7aLGsLZO7I/AAAAAAAAWEM/0H3tGq4567cn6Lxf1uj34doCIip_zpYaACLcBGAsYHQ/w640-h296/26.PNG\" width\u003d\"640\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e4. Now to create our first SAPUI5 application, go to File\u0026gt;New Project From Template\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-9ooxhi79248/X7aLtV1Cc1I/AAAAAAAAWEU/DjSeo9TEl-4azzrLQS25W7n3qKYj-NMZACLcBGAsYHQ/s1913/27.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"868\" data-original-width\u003d\"1913\" height\u003d\"290\" src\u003d\"https://1.bp.blogspot.com/-9ooxhi79248/X7aLtV1Cc1I/AAAAAAAAWEU/DjSeo9TEl-4azzrLQS25W7n3qKYj-NMZACLcBGAsYHQ/w640-h290/27.PNG\" width\u003d\"640\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003eSelect SAP Fiori freestyle SAPUI5 application template, then select\u0026nbsp;\u003c/span\u003e\u003cspan style\u003d\"background-color: white; color: #616161;\"\u003eWhich type of SAP Fiori freestyle SAPUI5 application do you want to create?\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-zh9AXhUMDMI/X7aMnA8nSgI/AAAAAAAAWEg/RbC2sXuYeToJqaFBYNlFQC_9locs5y_-ACLcBGAsYHQ/s1858/28.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"881\" data-original-width\u003d\"1858\" height\u003d\"304\" src\u003d\"https://1.bp.blogspot.com/-zh9AXhUMDMI/X7aMnA8nSgI/AAAAAAAAWEg/RbC2sXuYeToJqaFBYNlFQC_9locs5y_-ACLcBGAsYHQ/w640-h304/28.PNG\" width\u003d\"640\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003eIn the Datasource, you can select according to your project requirements, as for this exercise I will select None.\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-Fzxwk2_3W2E/X7aNOJMq97I/AAAAAAAAWEo/8-U6rd-Pi5AEnvRrs8oX86B_SRB8H0ZigCLcBGAsYHQ/s1656/29.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"877\" data-original-width\u003d\"1656\" height\u003d\"338\" src\u003d\"https://1.bp.blogspot.com/-Fzxwk2_3W2E/X7aNOJMq97I/AAAAAAAAWEo/8-U6rd-Pi5AEnvRrs8oX86B_SRB8H0ZigCLcBGAsYHQ/w640-h338/29.PNG\" width\u003d\"640\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003cdiv\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eNext, you can set your project description and click on finish.\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cspan style\u003d\"background-color: white; color: #333333;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/span\u003e\u003c/div\u003e\u003cdiv\u003e\u003cp style\u003d\"background-color: white; box-sizing: inherit; color: #333333; margin: 0px 0px 1.5em; padding: 0px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eOnce you fill in all the details it will generate the project structure in the Work Space.\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: inherit; color: #333333; margin: 0px 0px 1.5em; padding: 0px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eNow, the project gets generated like the below structure\u003c/span\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-kQlWyUmnZEw/X7aNfyJutdI/AAAAAAAAWEw/R7Z62nceDwIrOywYeUempJ360NIsWk_BACLcBGAsYHQ/s1542/30.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"712\" data-original-width\u003d\"1542\" height\u003d\"296\" src\u003d\"https://1.bp.blogspot.com/-kQlWyUmnZEw/X7aNfyJutdI/AAAAAAAAWEw/R7Z62nceDwIrOywYeUempJ360NIsWk_BACLcBGAsYHQ/w640-h296/30.PNG\" width\u003d\"640\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003cp style\u003d\"background-color: white; box-sizing: inherit; color: #333333; margin: 0px 0px 1.5em; padding: 0px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e5. Lastly, we can run the application\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: inherit; color: #333333; margin: 0px 0px 1.5em; padding: 0px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eTo do so, we need to Create an Application Configuration for running the application\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: inherit; color: #333333; margin: 0px 0px 1.5em; padding: 0px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eClick on Run Configuration\u003c/span\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-Tj7P4GVEm3Y/X7aOAkzTA_I/AAAAAAAAWE8/XHHH3ayLoVMxxFjpqINRsw9se1UEu3sNwCLcBGAsYHQ/s1547/31.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"712\" data-original-width\u003d\"1547\" height\u003d\"294\" src\u003d\"https://1.bp.blogspot.com/-Tj7P4GVEm3Y/X7aOAkzTA_I/AAAAAAAAWE8/XHHH3ayLoVMxxFjpqINRsw9se1UEu3sNwCLcBGAsYHQ/w640-h294/31.PNG\" width\u003d\"640\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003cp style\u003d\"background-color: white; box-sizing: inherit; color: #333333; margin: 0px 0px 1.5em; padding: 0px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eClick on the Plus button to create an application configuration\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: inherit; color: #333333; margin: 0px 0px 1.5em; padding: 0px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eSelect your Application (UI5 App) –Demo Application (HTML5 Module Name)\u003c/span\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-BFJGup9cOvs/X7aSv1eFInI/AAAAAAAAWFI/1VOf0VNZwGwe_t6MR-YWpDCogJiBMZhHwCLcBGAsYHQ/s1118/32.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"582\" data-original-width\u003d\"1118\" height\u003d\"334\" src\u003d\"https://1.bp.blogspot.com/-BFJGup9cOvs/X7aSv1eFInI/AAAAAAAAWFI/1VOf0VNZwGwe_t6MR-YWpDCogJiBMZhHwCLcBGAsYHQ/w640-h334/32.PNG\" width\u003d\"640\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://1.bp.blogspot.com/-gSdjDsbahUE/X7aUHe8EHGI/AAAAAAAAWFU/ydcnz3KCfP0G9FS0SLNUIOQGvZHkOVZvwCLcBGAsYHQ/s1272/34.PNG\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"908\" data-original-width\u003d\"1272\" height\u003d\"456\" src\u003d\"https://1.bp.blogspot.com/-gSdjDsbahUE/X7aUHe8EHGI/AAAAAAAAWFU/ydcnz3KCfP0G9FS0SLNUIOQGvZHkOVZvwCLcBGAsYHQ/w640-h456/34.PNG\" width\u003d\"640\" /\u003e\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003cp style\u003d\"background-color: white; box-sizing: inherit; color: #333333; margin: 0px 0px 1.5em; padding: 0px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003eCheers!!\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: inherit; color: #333333; margin: 0px 0px 1.5em; padding: 0px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: inherit; color: #333333; margin: 0px 0px 1.5em; padding: 0px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: inherit; color: #333333; margin: 0px 0px 1.5em; padding: 0px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: inherit; color: #333333; margin: 0px 0px 1.5em; padding: 0px;\"\u003e\u003cspan style\u003d\"font-family: times;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/p\u003e\u003cp style\u003d\"background-color: white; box-sizing: inherit; color: #333333; font-family: \u0026quot;Libre Franklin\u0026quot;, \u0026quot;Helvetica Neue\u0026quot;, helvetica, arial, sans-serif; font-size: 16px; margin: 0px 0px 1.5em; padding: 0px;\"\u003e\u003cbr /\u003e\u003c/p\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https://www.sapui5tutors.com/feeds/4074755946319744614/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https://www.sapui5tutors.com/2020/11/setting-up-sap-bussiness-application.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/4074755946319744614"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/4074755946319744614"},{"rel":"alternate","type":"text/html","href":"https://www.sapui5tutors.com/2020/11/setting-up-sap-bussiness-application.html","title":"Setting up SAP Bussiness Application Studio and Run your first SAPUI5 Application"}],"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://1.bp.blogspot.com/-LERWdKCsiRY/X7aI9mz18dI/AAAAAAAAWDc/CC8WgdJAH3owGekj-e_1nOL6o22aRfRmACLcBGAsYHQ/s72-w400-c-h326/21.PNG","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615.post-6322624087011389806"},"published":{"$t":"2020-11-03T23:30:00.002-08:00"},"updated":{"$t":"2020-11-19T21:43:00.839-08:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"SAP BAS"},{"scheme":"http://www.blogger.com/atom/ns#","term":"ABAP"},{"scheme":"http://www.blogger.com/atom/ns#","term":"deploy to cloud foundry"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sap fiori"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Visual studio code"},{"scheme":"http://www.blogger.com/atom/ns#","term":"SAP Bussiness Application Studio"},{"scheme":"http://www.blogger.com/atom/ns#","term":"multi cloud environment"},{"scheme":"http://www.blogger.com/atom/ns#","term":"HANA"},{"scheme":"http://www.blogger.com/atom/ns#","term":"node.js"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sap ui5"},{"scheme":"http://www.blogger.com/atom/ns#","term":"cloud foundry"}],"title":{"type":"text","$t":"Getting started with SAP Bussiness Application Studio"},"content":{"type":"html","$t":"\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"font-size: 10pt; line-height: 107%;\"\u003eIn\nthis blog we will get to know more about this new platform to develop Applications,\ni.e. SAP Bussiness Application Studio.\u003c/span\u003e\u003cspan style\u003d\"background: white; color: #333333; font-size: 10pt; line-height: 107%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"font-size: 10pt; line-height: 107%;\"\u003e\u003c/span\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003cspan style\u003d\"font-size: 10pt; line-height: 107%;\"\u003e\u003ca href\u003d\"https://lh3.googleusercontent.com/-93rV9v3XgwA/X6J371aZzoI/AAAAAAAAVyE/BkPahc_yxXAQrKjEi7VDy4ZM1vCvdn8tQCLcBGAsYHQ/image.png\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg alt\u003d\"\" data-original-height\u003d\"308\" data-original-width\u003d\"450\" height\u003d\"219\" src\u003d\"https://lh3.googleusercontent.com/-93rV9v3XgwA/X6J371aZzoI/AAAAAAAAVyE/BkPahc_yxXAQrKjEi7VDy4ZM1vCvdn8tQCLcBGAsYHQ/image.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\u003cspan style\u003d\"font-size: 10pt; line-height: 107%;\"\u003e\u003cbr /\u003e\u003cbr /\u003e\u003c/span\u003e\u003cp\u003e\u003c/p\u003e\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"background: white; color: #333333; line-height: 107%;\"\u003eSAP has\ncome up with new cloud-based development environment i.e.\u0026nbsp;\u003c/span\u003e\u003cstrong style\u003d\"box-sizing: inherit;\"\u003e\u003cspan face\u003d\"\u0026quot;Calibri\u0026quot;,sans-serif\" style\u003d\"mso-ascii-theme-font: minor-latin; mso-bidi-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;\"\u003eSAP Business\nApplication Studio\u003c/span\u003e\u003c/strong\u003e, for multi-cloud environment. SAP Business\nApplication Studio is a very powerful development environment, tightly\nintegrated with the SAP Cloud Platform and well suited for developing business\napplications.\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"background: white; color: #333333; font-size: 10pt; line-height: 107%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eIt\nprovides you desktop-like experience in the cloud. Design of this studio is influenced\nby Microsoft Visual Studio code, making the developer productive. This is\nsuitable from basic level developer to Full-Stack developer with full control\ndevelopment environment from back-end to front-end.\u003c/span\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003e\u003cspan style\u003d\"color: #333333; font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eThis\nwould be the only environment for all kind of applications, by replacing all\nbelow tools into one tool SAP BAS.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\u003cul type\u003d\"disc\"\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l2 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eSAP\n     UI5 / FIORI apps using templates and elements – webIDE Full-Stack\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l2 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eHANA\n     Native – XS \u0026amp; XSJS – HANA webIDE \u0026amp; HANA Studio\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l2 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eABAP\n     on Cloud – RESTful Application Programming – Eclipse with cloud system\n     connectivity\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l2 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eCloud\n     Application Programming (CAP), Node.js \u0026amp; Java apps – Eclipse, Atom\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003e\u003cb\u003e\u003cu\u003e\u003cspan style\u003d\"color: #333333; font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eKey\nbenefits:\u003c/span\u003e\u003c/u\u003e\u003c/b\u003e\u003cspan style\u003d\"color: #333333; font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\u003cul type\u003d\"disc\"\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eSingle\n     environment for all kind of applications.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eNo\n     local installation \u0026amp; setup required\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eNo\n     JRE dependency\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eIndustry\n     best practices for developers without switching to multiple applications\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eIntegration\n     with API HUB, on-premise, on-cloud.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eProvide\n     the flexibility for all the developers, for e.g. templates, Git, Mock\n     servers, OPA5 testing for FIORI apps, etc.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eEnhances\n     the productivity with direct command execution through integrated command\n     line.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eRun\n     configuration feature makes it an easy option and offer single click to\n     simulate the test in locally or deploy your app on cloud directly\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003e\u003cb\u003e\u003cu\u003e\u003cspan style\u003d\"color: #333333; font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eTarget\nAudience:\u003c/span\u003e\u003c/u\u003e\u003c/b\u003e\u003cspan style\u003d\"color: #333333; font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\u003cul type\u003d\"disc\"\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eUI5/Fiori\n     developer\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eABAP\n     developer (Planed in future version)\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eNative\n     HANA developer (Planed in future version)\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eNode.js\n     (in future version) developer\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eJava\n     application developer\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eRESTful\n     Application programming (RAP) dev\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eCloud\n     Application programming (CAP) dev\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"font-size: 10pt; line-height: 107%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eHope this short intro to SAP BAS was\nhelpful. Check my \u003ca href\u003d\"http://www.sapui5tutors.com/2020/11/setting-up-sap-bussiness-application.html\" target\u003d\"_blank\"\u003enext \u003c/a\u003eblog where I will show how to setup SAP BAS, create a\nUI5 application, add a launchpad module for SAP UI5 application and deploy to\nCloud foundry from SAP Bussiness Application Studio.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003c/p\u003e\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"font-size: 10pt; line-height: 107%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u0026nbsp;\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https://www.sapui5tutors.com/feeds/6322624087011389806/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https://www.sapui5tutors.com/2020/11/getting-started-with-sap-bussiness.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/6322624087011389806"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/6322624087011389806"},{"rel":"alternate","type":"text/html","href":"https://www.sapui5tutors.com/2020/11/getting-started-with-sap-bussiness.html","title":"Getting started with SAP Bussiness Application Studio"}],"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://lh3.googleusercontent.com/-93rV9v3XgwA/X6J371aZzoI/AAAAAAAAVyE/BkPahc_yxXAQrKjEi7VDy4ZM1vCvdn8tQCLcBGAsYHQ/s72-c/image.png","height":"72","width":"72"},"thr$total":{"$t":"0"}}]}});