Responsive

Siva Prasad
A free video tutorial from Siva Prasad
SAP Trainer and Consultant
4.4 instructor rating • 10 courses • 75,857 students

Learn more from the full course

SAP S/4HANA Training - in Plain English

Simple Logistics for SAP Functional Consultants in Logistics ( SD, MM )

06:57:44 of on-demand video • Updated August 2018

  • Understand what is SAP HANA
  • Understand the design philosophy of SAP S/4HANA
  • Understand the future of SAP S/4HANA
English [Auto] So this is based on modern design principles so there are three main aspects of this joy. First thing is that it's adaptive or responsive. What do I mean by responsive. Think of the situation an employee in the company has applied for leave and the manager should probably. And what do you do in the corporate world. The manager either has to log into Sep on his desktop or laptop Mac or Windows and then select his workflow or go to the app or the pool his leave right a sales order has been created and the sales rep is waiting on the customer. The customer calls and says Yes I'm confirming my order. And what does a sales rep do. He goes logs into the system. Good visit you one create an order but the world has changed a lot doesn't it. People no longer use desktops or laptops the way they have been using them for the past 10 years. It's a mobile world. So does the SFP Gyi that you know of work on the mobile Well there are some tweaks and hacks. Overall it doesn't. Right. But the new UI 50 is designed to work responsively on any browser. The browser on your laptop Boser on your desktop browser on your Android browser on your iPhone. Any time anywhere you have a browser you can use that app. Right now what you see on the screen is firy on a laptop or a desktop. Right. The full form factor. I just want to show you that this works equally well on an iPhone or iPad. Well what's the difference between a desktop and my phone. It's the form factor right. An iPhone is just four inches across or five inches across. So the entire application has to work within the confines of that little rectangle. Right. And iPad maybe a little larger but still not the equal end of a desktop or laptop. Right. So let's begin to. And the way you pick an app is very simple it's like how you pick a title on your iPhone is on Android for example you want to do we want to create let's say but change just google purchasing right poaches order processing. All right and create Putsch's order that was easy isn't it. And then it least So a bunch of forecourts based on which you can create purchase orders. So say I want to create more to build on that. And click on create on the bottom right corner. Now since you're looking at this for the first time you know you might not understand where the buttons are what the search is until you get to that in the create. And here is your new porches or a screen. Right. It's not much different from what you see in the SEP UI you just a little bit pretty you've got your supplier or vendor and then company called currency Putsch's or this is all the stuff that you enter at the header of your purchase order. Then you enter materials quantities and the plant where you want to create it. For example I want to create it in 10 60. All right and I want a company called to be 60 as well. And what else. I think that should do. But there's an appraiser go internet place a $100 rate. Now this is you put yours on the screen that you would look at in a full fledged desktop or laptop. How would this look like on your iPhone. Well in the browser any browser Chrome Internet Explorer there is a functionality that you can see the different form factors of the same website. What I've done is just hit the wall on my keyboard and then click on this button. This toggles the form factor of different devices. So on that this is your regular full size. Got that again and then you have say an iPhone 6. OK. So this is the form factor for an iPhone 6 and this is how your website is going to look like you put it on the screen on an iPhone 6 cool isn't it. The same screen that was spread out horizontally is now worth dical. And that happens automatically. You don't have to be wrapped for that. The framework called you a file that Sep Fiori is based on IIS responsive and responsive. It's this adjustment of the different elements on the screen two different form factors form factors meaning sizes length and width of the length and width changes the way the elements on the screen that are displayed have to rearrange themselves. When an app or a website does that automatically. That Web site is called responsive so firy is based on a responsive framework to all apps work on all form factors and that's by default. You don't have to do anything for that you don't have to call it you know in a particular way to make it work on an iPhone or desktop the framework. Like I said you Wi-Fi. That's the technology behind it. IIS by default responsive. Now this is an iPhone 6 right. So you can do the same things that you that you do on your desktop. Right. All the buttons are here. And then there's a search here. Right. It's pretty easy to do. You know I've been using a rifle all along way and it works absolutely fine this way. And you can you can navigate around easily. You don't need to be trained on that. Right. It's so easy. You want to see it on a different form factor say an iPad. This is how it look on an iPad maybe in poor Pridmore but in landscape more. This is how it would look like. Right. You rotate it and then it goes to landscape mode. And this is how the app would look like. And this is all in word and DiFiore. All right. So so one of the key features of the firy UI is it's responsive. The second key feature is that it's a rule based. What do you mean by well-based.