Hands On Build Instructions
User Manual:
Open the PDF directly: View PDF 
.
Page Count: 21
| Download | |
| Open PDF In Browser | View PDF |
Create a SAP Business One Project on Build.me TABLE OF CONTENTS PREREQUISITES .............................................................................................................................................. 4 I. CREATE YOUR OWN BUILD ACCOUNT ........................................................................................ 4 STEP 1: PROJECT CREATION ....................................................................................................................... 6 STEP 2: IMPORT DATA FROM SAP BUSINESS ONE ................................................................................... 9 STEP 3: EDIT AND MODIFY THE PROJECT UI ........................................................................................... 11 STEP 4: SHARE YOUR PROJECT ................................................................................................................ 20 The objective of this hands on is to put in practice how to create a SAP Business One project on Build. Build is a free SAP website for building Fiori style UI5 mobile applications and afterwards connect this application to the WEB ID in order to provide the DI content behind the UI screens and also to enable all SCP services as IOT, ML, Analytics etc. The exercise will be composed by - Step 1: Project Creation Step 2: Import Data from SAP Business One Step 3: Edit and Modify the project UI Step 4: Share your project This hands-on exercise will require several steps, please follow them in the proposed order as each step is counting on the precedent steps. 3 PREREQUISITES I. CREATE YOUR OWN BUILD ACCOUNT Build is a free SAP website for building Fiori style UI5 mobile applications and afterwards connect this application to the WEB ID in order to provide the DI content behind the UI screens and also to enable all SCP services as IOT, ML, Analytics etc. Explanation Screenshot Go into www.build.me Press Sign Up Enter your email address and press PROCEED 4 Feel in your registration info and password. Enter your First Name Enter your Last Name Enter your Email (your user for build will be your email address) Enter your Password Read and confirm the Terms and Conditions Press Register 5 STEP 1: PROJECT CREATION A project in Build could have one or more prototype A prototype could be created from 3 different sources: - Image - Template - Collection In the exercise below, we will be using template. Explanation Screenshot You are now in WORKSPACE tab Press New Project Press Create New Project Enter Project Name Enter Project Description Press Start with Template 6 Explanation Screenshot Enter Prototype Name Enter Prototype Description Scroll Down, Choose template Worklist Press Select Press on + Press Object Page 7 Press Edit Page 8 STEP 2: IMPORT DATA FROM SAP BUSINESS ONE The Meta data and the data on a BUILD prototype could be created from 4 sources: - Manually - XML - Excel - SAP API Business Hub In the exercise below, we will be using Excel. Explanation Screenshot Press on DATA tab Press DATA EDITOR Press Import 9 Explanation Screenshot Choose excel file, Items_price_B1_exerci se Press Open The data will contain two objects: Items Prices And one relationship arrow Then Press Back Go to OUTLINE (bottom left) > Icon Tab Bar > icon Tab Errors Click on Table Go to PROPERTIES Tab (Top Right) TABLE of > Choose from list > Items The data on the table will be changed to B1 items 10 STEP 3: EDIT AND MODIFY THE PROJECT UI Explanation Screenshot How to link a row to another object Go to Actions (bottom right) Choose from list: Interaction > Item click Action > Navigate to Page > Page 2 Transition > Slide forward How to change title name Go to OUTLINE (bottom left) > Press Page 1 Go to PROPERTIES Tab (Top Right) > Page Header > change name Shoes Store How to delete tab Go to OUTLINE (bottom left) > Press Page 1 > Open Icon Tab Bar > right Click > Delete 11 Explanation Screenshot How to change tab name Go to OUTLINE (bottom left) > Press Page 1 > Open Icon Tab Bar > Icon Tab errors Go to PROPERTIES Tab (Top Right) > Text > change name All Items Changing name for second tab called Matching Items Changing Columns names on ‘All Items Tab’ Go to All Items tab > Press Document Number (If you couldn’t click on it use Table on the outline to get to the column header) Go to PROPERTIES Tab (Top Right) > Text > change name Code The columns should be: Item Code, Description, Quantity, Price, Currency 12 Explanation Screenshot Delete the unnecessary columns by right click on the column Or Delete the unnecessary columns from the PROPERTIES Go to All Items tab > Table in OUTLINE > Go to PROPERTIES > CHILDREN > Columns > click on the bin related to the column Changing Columns names on ‘Matching Items Tab’ Go to Matching Items tab > Press Document Number (If you couldn’t click on it use Table on the outline to get to the column header) Go to PROPERTIES Tab (Top Right) > Text > change name Document Number The columns should be: Image, Product ID, Name, Inventory Level, Score, Price Delete the unnecessary columns left 13 Explanation Screenshot Linking between the data model and the UI, drawing field from the data to the table Go to on All Items tab Go to OUTLINE > Page 1 > Icon Tab Bar > Icon Tab all Items > Press on Table, Go to PROPERTIES TABLE, unlink the Items (the field should be empty) Go to DATA tab > Items > click on ItemCode and drag and drop the field to the Item Code column Repeat the same dragging action for Description, Quantity Due to the 1:n relationship, the price could not be displayed it Build. Change the column Price and Currency Press on the Row in the table > go to CHILDREN > Cells > Click on Text (no.4) and change the Properties name to Price Repeat the action for the last column Currency 14 Explanation Screenshot Add an image to the UI Go to OUTLINE (bottom left) > Press Page 1 > Open Icon Tab Bar > Icon Tab Matching Items Go to Images Tab > Upload Files Choose a photo of a shoe Drag the Image to the OUTLINE and drop between Matching Items tab and Table Enlarge the Image If the Image doesn’t show, Go to LIBRARY button and choose the photo 15 Explanation Screenshot Add a search filed to the UI. Go to CONTROLS tab > type the word ‘search’ Drag the Search Field to the OUTLINE and drop below the Matching Items tab between the Image and Table 16 Explanation Screenshot Go to page 2 and link the Item info Go to OUTLINE > Page 2 Go to DATA > Items Drag and drop ItemCode into the header of page 2 on a link field (for example phone no) Repeat the action for ItemName Action button of Navigate back to page 1 Go to OUTLINE >Page2 > Object Page Header > Button action button Go to PROPERTIES Press LIBARARY 17 Explanation Screenshot Choose Icon Navigate Back On PROPERTIES > Text replace ‘Action Button’ with the word ‘Back’ Add a table to page 2 Go to CONTROLS tab > type the word ‘Table’ Drag the Table and drop it into the first Sub Section Title on ‘Some random Text’ 18 Explanation Screenshot Link the table to data Go to DATA > ItemPrices Drag and drop the Prices field into price field Repeat the action for Currency and Price list (on supplier name) Change title of Supplier to Price List No 19 STEP 4: SHARE YOUR PROJECT The last step after creating the prototype in order to be able to consume it on WebIDE is sharing it The are 2 ways of sharing: - Via link - Adding a person to the project Explanation Screenshot Sharing via link Go to the upper right corner of the screen and press SHARE 20 Explanation Screenshot Sharing with person Go back to WORKSPACE > Choose your project > Team Press Invite Team Enter the email and press Invite 21
Source Exif Data:
File Type : PDF File Type Extension : pdf MIME Type : application/pdf PDF Version : 1.7 Linearized : No Page Count : 21 Language : en-US Tagged PDF : Yes XMP Toolkit : 3.1-701 Producer : Microsoft® Word 2016 Creator : MARTINEZ GEA, Maria Trinidad Creator Tool : Microsoft® Word 2016 Create Date : 2018:07:16 10:26:04+03:00 Modify Date : 2018:07:16 10:26:04+03:00 Document ID : uuid:CC6725EF-1E51-4FA3-867E-F8C1C67D0D8B Instance ID : uuid:CC6725EF-1E51-4FA3-867E-F8C1C67D0D8B Author : MARTINEZ GEA, Maria TrinidadEXIF Metadata provided by EXIF.tools