New shoots in the plant keep emerging when hope is lost, or just seemed to have been lost. But, nothing is never lost for ever. It is just a pause to emerge more stronger than ever before and more determined to stay growing. What is the relevance of this to our article? We just wanted to write something motivating. 😛
With that we now head to the most anticipated part of this series, i.e. Fiori. Scary for some, hope for others. We leave it to the reading mind to decide after next, hmmm, 4 following tutorials may be. 🙂
Well in the preceding article we saw how the Fiori App looks in the preview. In the next few days and weeks the concept of actual implementation of Fiori App will be crystal clear to all of you diligent readers.
In the following few steps we shall begin our journey towards deploying an app in SAP Cloud Platform utilizing the OData service built in Article 9.
STEP 1:
Open the link for logging in into the SAP Cloud Platform.
STEP 2:
Click on “Trial Home” and then a colorful screen is seen.
STEP 3:
Click on “Launch SAP Web IDE”.
Wait until the Web IDE opens in New Tab. I said wait. Not sure how long. 🙂 Depends which part of the world you are !
I mean near the north pole, it would be rare to get this loaded in your computer screen. You know why? North Pole is fast changing its place very fran·ti·cal·ly.
STEP 4:
Once the Web IDE loads, look for the “</>” icon. What is the significance. Is it a warning sign. It tells the user:
“You are only the zone of TAGS !!! Beware no use of ABAP” 🙂
The icon “</>” is used to direct the user to the workspace. If you are logging for the very first time, it should look like:
STEP 5:
Right click on Workspace. Click on “New”. Choose “Project from Template” and click again.
STEP 6:
Make sure to select “Cloud Foundry” and SAP Innovation (1.78 ) or any latest SAPUI5 Version.
STEP 7:
Select the Multi-Target Application and click on “Next”.
Remember the shorthand notation, MTA. It is often used and to be qualified as a Full Stack Developer, you need to recall it and use it. 🙂
STEP 8:
Provide a meaningful project name and click on Next.
STEP 9:
Again an IMPORTANT step here: Never forget to CHECK the “Use HTML5 Application Repository”.
Click on Next.
STEP 10:
Click on Finish. Proud Moment as the very first of MANY UI5 Projects has been created successfully. Hurray !!!!
STEP 11:
You must be able to see the below screen. If not then refer next step.
*STEP 11:
Click on the eye opener and you must be able to see the details as seen above. Even if this is not helping, go back to STEP 1 and check again if anything is missing.
That’s all we have for this article!!! Hope you enjoyed and are feeling excited. It is an amazing journey of creating a SAPUI5 application. In the coming tutorials in this series, we will create some cool Fiori Applications on Cloud and actually see them in action. So, please join us in those articles as well.
We stop at this and in the next article we shall have a deep look at integrating the service from back end ABAP on Cloud environment.
Sl. No. | Article | Link | Artifact/Summary |
1 | ABAP on Cloud – 1 – Introduction | Click Here | |
2 | ABAP on Cloud – 2 – ABAP Trial Instance on Cloud | Click Here | Trial Account |
3 | ABAP on Cloud – 3 – Eclipse Set-up for ABAP Cloud | Click Here | Eclipse with ADT |
4 | ABAP on Cloud – 4 – Your First ABAP Cloud Project | Click Here | ABAP Cloud Project ABAP Cloud Package |
5 | ABAP on Cloud – 5 – Introduction to RESTFul ABAP Programming | Click Here | CDS and Introduction |
6 | ABAP on Cloud – 6 – DB Creation and Root View in ABAP Cloud | Click Here | DB Table with Fields Domain / Data Element Root Interface View |
7 | ABAP on Cloud – 7 – Insert Records through Class and Create Metadata Extension | Click Here | New ABAP Class in Cloud Metadata Extension |
8 | ABAP on Cloud – 8 – Behavior Definition and Service Definition and Binding & Output | Click Here | Behavior Definition Service Definition Service Binding Service Preview |
9 | ABAP on Cloud – 9 – Experimenting with Metadata Extension and CRUD Operations | Click Here | Explanation of CDS Types |
10 | ABAP on Cloud – 10 – Fiori Application – 1 | This Article | First MTA Project in Web IDE |
PENDING | How to Create a Fiori App | ||
PENDING | Extending Fiori App | ||
PENDING | Unmanaged Behavior Definition |
Comment Please!!
Please follow our LinkedIn Page,LinkedIn Group, Facebook Page, Twitter and Instagram.
Do not forget to SUBSCRIBE to our YouTube Channel for Free Courses and Unconventional Interesting Videos.
Save our number +1-646-727-9273 and send us a Whatsapp message ‘LEARN’ to be part of our Learning Community.
All ABAP on Cloud Tutorials
- ABAP on Cloud – 1 – Introduction
- ABAP on Cloud – 2 – ABAP Trial Instance on Cloud
- ABAP on Cloud – 3 – Eclipse Set-up for ABAP Cloud
- ABAP on Cloud – 4 – Your First ABAP Cloud Project
- ABAP on Cloud – 5 – Introduction to RESTFul ABAP Programming
- ABAP on Cloud – 6 – DB Creation and Root View in ABAP Cloud
- ABAP on Cloud – 7 – Insert Records through Class and Create Metadata Extension
- ABAP on Cloud – 8 – Behavior Definition and Service Definition and Binding & Output
- ABAP on Cloud – 9 – Experimenting with Metadata Extension and CRUD Operations
- ABAP on Cloud – 10 – First Fiori Project on Cloud – 1
- ABAP on Cloud – 11 – First Fiori Project on Cloud – 2
- ABAP on Cloud – 12 – First Fiori Project on Cloud – 3
- ABAP on Cloud – 13 – First Fiori Project on Cloud – 4
- ABAP on Cloud – 14 – Advanced Topics – 1 – On Screen Validation for Managed Scenario
- ABAP on Cloud – 15 – Advanced Topics – 2 – On Screen Validation for Managed Scenario
- ABAP on Cloud – 17 – ABAP Service & ABAP Instance in Trial SAP Cloud Platform
- ABAP on Cloud – 18 – Business Application Studio – 1
- ABAP on Cloud – 19 – Business Application Studio – 2
- How to Create SM30 Like Table Maintenance T-Code in SAP RAP – Part 1
- SAP BTP. Part 9. Handling the Business Logic in RAP – Part 1
- How to Create SM30 Like Table Maintenance T-Code in SAP RAP – Part 2 – Validations and Action via RAP
- Table Maintenance Generator from SAP RAP – Part 3 – FIORI UI App
Also, Check ABAP Programming for SAP Fiori Tutorials
- ABAP Programming Model for SAP Fiori – 1 – Overview
- ABAP Programming Model for SAP Fiori – 2 – CDS – Introduction
- ABAP Programming Model for SAP Fiori – 4 – OData Service Creation
- ABAP Programming Model for SAP Fiori – 5 – OData Service Generation
- ABAP Programming Model for SAP Fiori – 3 – CDS Views Creation
- ABAP Programming Model for SAP Fiori – 6 – Generating Read-Only Application in Fiori using Fiori Elements
- ABAP Programming Model for SAP Fiori – 7 – BOPF – Introduction
- ABAP Programming Model for SAP Fiori – 8 – Developing Transactional Application – CRUD Operations using BOPF
- ABAP Programming Model for SAP Fiori – 9 – Use of Determinations in BOPF
- ABAP Programming Model for SAP Fiori – 10 – Use of Actions in BOPF
- ABAP Programming Model for SAP Fiori – 11 – Enabling Draft Functionality for Transactional Apps
- ABAP Programming Model for SAP Fiori – 12 – Scenario of Transactional App with Draft Enabled Functionality
- ABAP Programming Model for SAP Fiori – 13 – How to Preview and Download PDF in Fiori Apps
- ABAP Programming Model for SAP Fiori – 14 : Dynamic handling of CUD Operations & Fields in the Transaction App
- ABAP Programming Model for SAP Fiori – 15 : Automatic Popup Confirmation for Custom Actions using ABAP Programming Model in S/4HANA
- ABAP Programming Model for SAP Fiori – 16 : Automatic Dialogue with Parameters for Custom Actions using ABAP Programming Model in S/4HANA
- Single Popup Instead Multiple Popup for BAPI Return and Custom Messages
- How to Create SM30 Like Table Maintenance T-Code in SAP RAP – Part 1
- How to Create SM30 Like Table Maintenance T-Code in SAP RAP – Part 2 – Validations and Action via RAP
- Table Maintenance Generator from SAP RAP – Part 3 – FIORI UI App
Excellent tutorial, what books / blogs fail to tell you little details we miss is covered in your tutorials. Kudos to Ruthivik
Hello Ruthvik,
Good explanation. But just need to understand, what you have said here is only to create a project work space.
1. But is there any relation comparing with the previous blog on Fiori App preview.
2. Also we have seen SD, SB and service preview. What we are going to do with that CDS. Can we deploy some where like in launchpad to use it as an application?