
Know what the course is about
Understand how the course is structured
Know how the Dairy Mobile App will work
Know the technologies and skills application
Explain what leaflet is
Create a Leaflet map
Create and Add shapes and events to the map
Explain What GeoJSON Objects are
Create and Add GeoJson objects to the map
Sign up, Get directions, Create and Manage API tokens, Use API examples
Sign up to Backendless
Create and Configure the App
Manage registered users
Create queries using the API console
Create and Manage App web map files hosted by Backendless
Create database tables that will store spatial and attribute data
Create a Login screen for authenticating users
Create a Registration Menu Screen for registering a farmer or a customer user
Create a Registration screen for adding a user to the App
Create a Customer Menu screen for navigating to the Order Management screen and viewing milk availability on a Leaflet map
Create a Settings Menu screen for saving attribute and spatial data for a user
Create an Order Management screen for placing an order for milk
Create a Webview for displaying a Leafleat Map
Create a Farmer Menu screen for navigating to the Inventory Management screen and for viewing a leaflet map for milk orders
Create an Inventory Management screen for adding milk volume quantities
Create ListItem, Location and Alert Helper classes that other classes will use in the App
Create a User class for persisting data from the user table, through out the login session, to make the App responsive
Create Customer class and getFarmer method to hold and retrieve attribute and spatial data respectively
Create a save method in the Customer class to save customer attribute and spatial data
Create Farmer class and to hold and retrieve attribute and spatial data
Create getFarmer method to retrieve attribute and spatial data
Create an order method for placing milk orders
Create an updateQtyBalance method to update inventory milk quantities
Create a post method to manage milk orders
Create a save method to save Farmer attribute and spatial data
Create JS Map Class and createMap method
Create drawMarkers method to draw the home and destination markers
Create drawRoute method to draw routes between farmers and customers
Create oneachfeature method to display popups
Create the Customer html file to display the Orders leaflet map
Create a getCustomers method to display customers spatial and attribute data
Create getRoute function to get the route coordinates and direction details
Create onPopUpOpen to extract the coordinates of the destination maker
Create Farmers html page to display the Milk Availability leaflet map and a getFarmers method to display farmers spatial and attribute data
Add a progress_dialog dependency, create an init method and declare variables
Create a Register Method and Register users
Declare variables and Add code to the onpressed method
Create a show menu method
Add geolocator dependency and declare variables
Create saveUser method to add and update spatial and attribute data of a customer and farmer user
Create retrieve method to populate settings screen and initState Method to call retrieve method
Create generateDropDownMenuItems method to generate Drop down list otems and get presentLocation method to extract coordinates of current location
Add code to widgets and Test the saving of attribute and spatial data
Declare variables and Create a getFamer method to populate parts of the screen
Create a post and initState Method, add code to the widgets and Test adding of inventory
Declare Variables to use in the code and Create a getFarmer method to populate parts of the screen
Create an order method to manage orders and test the ordering of milk
Create code to show milk availability and milk orders in leaflet maps
Download Full Source Code
Are you are a Full Stack Mobile App Developer or GIS expert that would like to build aesthetically pleasing interactive cross-platform Mobile GIS Mapping Applications quickly? If so, then you have come to the place you have been looking for.
Why use Leaflet and Flutter to build Mobile GIS Mapping Applications? Leaflet is a JavaScript Library with a small footprint of about 39KB in size that has the mapping features that you will need in your mapping projects. It was designed with simplicity, performance and usability in mind and works very well on mobile and desktop platforms. These characteristics have made Leaflet to be trusted by companies that include Flickr, Facebook, The Washington Post, and Foursquare.
Flutter uses an interface declarative language that will enable you to develop sleek and fluid user interfaces quickly using google material design tools. In addition, it uses a single code base for Android and iOS platforms that will save you time and effort without sacrificing the performance of the application. You will also increase the time to the market speed because of Hot Reload feature that applies changes almost instantly, without losing the current application state and because the framework provides a variety of ready-to-use widgets.
A practical approach has been used in delivering the course by developing a mobile Dairy application to link Dairy Farmers and Customers. The application will be built from scratch line by line. Furthermore, the course has been designed with engaging assignments at the end of sections that have a component of coding. The approach is aimed at providing a hands-on mastery of Leaflet GIS mapping skills using Flutter. The Full Source code for the Dairy App is available for download in the second last lecture.
By the end of the course, you will have acquired practical mobile GIS Leaflet mapping skills that will enable you to develop applications that will include Contact Tracing, Transport Routes Mapping, Property Management, Crime Mapping and Customer Location