1 / 11

SAPUI5 training in bangalore by experienced professionals

Peopleclick is providing best SAPUI5 training bangalore, the trainers have 12 years of experience in IT industry and groomed the candidates according to IT standards. Provide placement in various IT companies also.

PriyankaPatel
Télécharger la présentation

SAPUI5 training in bangalore by experienced professionals

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. www.peopleclick.in www.people-click.com SAPUI5 Peopleclick Techno Solution

  2. SAP UI5 SAP UI5 programmer is in great demand in the market , as IT companies are looking for SAP UI5 programmer to design the user interface for the user more efficient and attractive . As the demand of SAP UI5 is more in the market and the supply is less , the majority people are learning SAP UI5 course.

  3. What is SAPUI5? SAPUI5 is a programming language is used to design the user interface for the user. The developers are using SAP UI5 programming language to design the user interface much more user friendly and attractive for the users . It also make the application very handy for the user.

  4. Practical Implementation Practical Implementation is very important to clear the concept about SAP UI5. So, all the doubts will be cleared after implementation of this program.

  5. Creating HTML Page We start by creating an HTML page for the app. Here we have defined the meta tags, a script tag to load the SAPUI5 libraries, and a placeholder for the content of the app. <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" > <meta charset="utf-8"> <title>Hello World App</title> <script src="http://<<server>>:<<port>>/resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m"> </script> </head> <body class="sapUiBody" id="content"> </body> </html>

  6. Initialize the App The sap.m libraryprovide control called Appthat is the base control of an app. It initializes the content of the body tag, sets some meta tags on the HTML document for mobile devices, and can manage multiple pages and the animations when navigating. Just add this script within the header tags. <script type="text/javascript"> sap.ui.getCore().attachInit(function () { // create a mobile app and display page1 initially var app = new sap.m.App("myApp", { initialPage: "page1" }); }); </script>

  7. Add the content Pages <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" > <meta charset="utf-8"> <title>Hello World App</title> <script src="http://<server>:<port>/resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m"> </script> <script type="text/javascript"> sap.ui.getCore().attachInit(function () { // create a mobile app and display page1 initially var app = new sap.m.App("myApp", { initialPage: "page1" }); // create the first page varpage1 = new sap.m.Page("pagenew1", { title : "Hello World", showNavButton : false, content : new sap.m.Button({ text : "Go to Page 2", press : function () { // navigate to page2 app.to("pagenew2"); } }) }); // create the second page with a back button varpage2 = new sap.m.Page("page2", { title : "Hello Page 2", showNavButton : true, navButtonPress : function () { // go back to the previous page app.back(); } }); // add both pages to the app app.addPage(pagenew1).addPage(pagenew2); // place the app into the HTML document app.placeAt("content"); }); </script> </head> <body class="sapUiBody" id="content"> </body> </html>

  8. Further Procedure 1. Createsap.m.Page control and set its title. To keep this simple, the content is just one button that navigates to second page by calling app.to("page2") when the button is pressed. The parameter pagenew2 is the ID of the second page. You could also specify the animation type for the navigation. The default is a slide animation from right to left. 2. Notesap.m.Page controls can be used for the aggregation pages of the app control, but other controls could be used as well. The page has a scrollable content section for displaying information and will create a header and an optional footer area. Create the second page that displays the Back button. The property showNavButton is set to true to display a Back button. When it is pressed, the event handler function calls app.back(). This will bring the user back to the main page with an an inverse animation. 3. Add both pages to the app and place the app in the content area of the HTML file that you have defined as the body tag earlier

  9. Completion of APP Now, run the application “Hello World” app is created . You can run the app in any browser. Just place the html file in any folder . This is the architecture of SAP UI5 development of HTML5:

  10. Training Peopleclick is providing training on SAP UI5 and it is great demand in the market and also providing placement in various IT companies. This training program is very effective as the companies are looking for SAP UI5 trainees and providing good package. Peopleclick have many clients like TCS, Capgemini, Accenture and many more. The trainers provide full support and clarify doubts at very moment. This is one of the leading training institute of SAP UI5 . For more information can contact us on this number: 9161161200 or you can visit the website : www.peopleclick.in

  11. ANY HELP Head Office - Bangalore Peopleclick Techno Solutions Pvt. Ltd., “Sanctuary” at No. 102, 36th Main BTM 2nd Stage, Bangalore. Phone : 080-26689100 / 26683004Email: info@people-click.comWeb: www.peopleclick.in THANK YOU For Watching the slides

More Related