Development Of An Information System Using Microsoft PowerApps - Part Two

Introduction

 
This is an article about the development of any type of Information System using Microsoft PowerApps. In this post, I am going to create an Information System. This concept can be used to create various Information systems for information such as Employee Information, Student Information, Vendor Information, Seller Information, etc. To develop an Information System, it is required to design a form that will be filled by the end-user in Microsoft PowerApps and the data will be saved in a SharePoint List.
 
Requirements
  1. Microsoft PowerApps
  2. Share Point Online
  3. Automate Flow
Developing this Information System requires the following steps to work out. I will segregate the steps into small parts in different articles which will make you understand every concept and will give steps to work upon.
  1. Creating a Share Point List (Part 1)
  2. Design a Form using Microsoft Power Apps Designer (Part 2)
  3. Connect the data of the designed Form with its corresponding Sharepoint List using Microsoft PowerApps Forumale and functions(Part 3)

Design a Form using Microsoft Power Apps Designer

 
Follow the below steps:
  • Open Microsoft PowerApps using this Link and Sign In with your Organization’s Office 365 ID or with your Windows ID.
 
After signing in, you will be redirected to the following portal.
 
Click on + Create and then select the Canvas app from blank.
 
 
Make your app by clicking on the Canvas app name your App and select either Tablet view or Phone View. Click on create.
 
 
A new screen will appear like the below image. The top of the screen is the Control Panel, from which you have options like File, Home, Insert, View, Action, etc. To the left is the Screen Control or Tree View, the right part is the property pane, and the middle part is the screen to insert or design the app. The top right corner Preview button is there to run the App.
 
 
Using Microsoft Power Apps designer, I have designed a User Information form by adding some Labels, Text Input, Drop Down, Radio buttons, Buttons, Icons, etc. I arranged them with the proper size and position from the property pane.
 
 
Rename the screen name, along with the controls with an appropriate name that will make it easy to identify & understand the controls of the app, and to code with the formula.
 
 

Conclusion

 
From this article, you can have an overview of how to take the first step towards the design a Form by using Microsoft Power Apps control. We saw how to identify the various  Microsoft Power Apps panels, arrange them in an appropriate manner, and rename the controls for better understanding. In the next article, we can be able to connect this with Share Point data with the help of a data source of Microsoft PowerApps. 
 
Thank you... I hope you enjoy the series...