Simplyfyimg Firebase For Android Apps - I/O Tracker App

Google I/O 2017 Tracker App Codelab presentation

Transcript

1. +OlayinkaPeterOluwafemi @olayinkapeter99 Simplifying Using Firebase For Android GDG Lagos Dev Summit
2. I found something!
3. Google Transport Tracker
4. Firebase - Why Use It?
5. Google Transport Tracker Components • Data Store: A Firebase Realtime Database that stores the vehicle location data sent from the vehicle locator, and provides realtime data synchronization to the map and administrator's overview. • Vehicle Locator: An Android app that uses the fused location provider, in the Google Play services location APIs, to report its location to the Firebase Realtime Database. • Backend: The server-side component that manages the state of the Firebase Realtime Database. • Map: A web interface that displays schedule information and vehicle locations. • Administrator’s Overview: A web interface that gives administrators an overview of the tracked vehicles.
6. Google Transport Tracker io-bus-tracker.appspot.com
7. Step One: Get the code github.com/googlemaps/transport-tracker
8. Step Two: Set up a Firebase Realtime Database
9. Step Three: Get a Google Maps API key
10. Step Four: Set up the backend Get your Firebase web app credentials: • Click Add Firebase to your web app. • Go to the Service Accounts tab in your Firebase project's settings. • Click Generate New Private Key and confirm the action as prompted. • Firebase downloads an adminsdk JSON file containing your service account credentials. Store this file for later use. Copy the folder /backend/ and paste in your new project
11. Step Four: Set up the backend • Click Add Firebase to your web app.
12. Step Four: Set up the backend • Go to the Service Accounts tab in your Firebase project's settings.
13. Step Four: Set up the backend • Click Generate New Private Key and confirm the action as prompted.
14. Step Four: Set up the backend
15. Step Four: Set up the backend
16. Step Five: Create the Map
17. Step Six: Set up the vehicle locator Android app • Go to your cloned repo and open the android directory in Android Studio. • On Firebase console, click Add Firebase to your Android app, and follow the prompts. • Download and save the google-services.json file as directed. • Paste the file inside app level in your project
18. Step Six: Set up the vehicle locator Android app
19. Step Six: Set up the vehicle locator Android app • Enable email and password as an authentication method • Add a user
20. Step Six: Set up the vehicle locator Android app • Running the app Issues • Google Play Services and Google Repo • Package name (app id) • GPS just didn’t co-operate
21. Step Six: Set up the vehicle locator Android app
22. Step Six: Set up the vehicle locator Android app
23. Resources • github.com/googlemaps/transport-tracker • developers.google.com/maps/solutions/transport-tracker • codelabs.developers.google.com/codelabs/transport-tracker-backend • codelabs.developers.google.com/codelabs/transport-tracker-map
24. Or you can do half screen if you have text What are you going to build with Firebase?
25. @olayinkapeter99 +OlayinkaPeterOluwafemi Thanks