The document outlines a presentation about integrating TensorFlow with Flutter, focusing on the advantages of using these technologies for cross-platform mobile app development. Key topics include the definition and benefits of Flutter and TensorFlow Lite, installation guidelines, and coding best practices. The speaker, Muhammad Zhafran, shares his background and offers insights into using these frameworks for machine learning applications, followed by a coding tutorial.

1. Tensorflow integration w/ Flutter
Muhammad Zhafran
linkedin.com/in/zfrn
@zhafran_dev
Get to know more about the Tensorflow in Flutter Development

2. About Me:
● Core Team Mobile Dev GDSC Unsri
● Bangkit Graduate ML Cohort
● Finalist Gemastik XVI
● $10.000 Incubation Awardee by Google & Dikti
● Co-founder & Flutter developer at startup Catatmak
● Suka low quality meme & anime cringe
● tidak sombong
● tidak suka ngoding
● cita2 jadi discord mod
● suka main game single player nintendo (zelda, mario)

3. OUTLINE
Folks, here are what we’re going to talk about…
Wut is Flutter?
Advantage
What does it
have to do w/
Tensorflow?
Let’s Code
Re explain
TFlite
Build Model
using Teachable
Machine
The Features
QnA

4. 2017
Flutter = is an open-source UI (User Interface)
toolkit/framework developed by Google that allows
developers to create cross-platform mobile
applications.
Most importantly:
What does ”Flutter”
mean?
https://flutter.dev

5. https://flutter.dev

8. One Single Codebase
Kenapa harus Hybrid?
Lower cost
Simpler to build and test
Easier Maintain

9. Best practice
● MVP Startup
● Single code base
● Cross-platform development
● Pengembangan Cepat
● Kinerja seperti native
When to use Flutter?

10. What is tflite
TFLite adalah singkatan dari TensorFlow Lite. Ini adalah versi ringan
dari TensorFlow, framework pembelajaran mesin sumber terbuka yang
dikembangkan oleh Google. TFLite dirancang khusus untuk perangkat
seluler dan edge, memungkinkan inferensi pembelajaran mesin pada
perangkat dengan latensi rendah dan ukuran biner kecil.
Get to Know tflite

11. Best practice
● Mobile Applications
● Edge Devices and IoT
● Offline Applications
● Privacy-Sensitive Applications
● Real-Time Processing
When to use tflite?

12. Advantages
Why u Should use Flutter & Tensorflow

13. flutter.dev/get-started/install
Flutter Installation

14. Lalu apa saja yang harus install agar bisa membuat sebuah aplikasi?
Flutter SDK
Android studio -- SDK IDEA
https://developer.android.com/studio https://docs.flutter.dev/get-
started/install
https://code.visualstudio.com/d
ownload
*not dart SDK

17. Flutter new project
Menggunakan terminal/cmd
flutter_create NAMA_APP

18. Flutter new project
Menggunakan Command
Visual Studio Code
- Windows : ctrl + shift + P
- Mac: command + shift + P
- Lalu pilih, Flutter: New Project
Kemudian enter, pilih folder penyimpanan,
lalu ketikan nama project flutter nya:
Flutter_inside

20. Widget Tree
App
Widget
Widget
Widget
Widget
Widget
Widget
Widget
Widget
Widget

21. Scaffold

23. Container

25. Text

27. Button

28. Let’s Code!

29. Tutorial
Import the necessary packages

30. android/app/build.gradle
Setup Gradle

31. Tutorial
Code the UI

32. Tutorial
Code the UI

33. Tutorial
Create Model

34. Tutorial
Code the logics

35. Tutorial
Code the widget to display predictinon

36. Tips

37. Experience
being a
speaker
Knowledge
(if lucky)
Knowledge
from this
session
Knowledge
by actually
doing it

38. Q&A Session

39. Thank You! :D