Firebase AI Extensions in Flutter Applications
A quick getting started guide for Flutter Developers
#F3Prague
Agenda
Introduction
03
Flutter and Firebase
05
Advantages of why they work well with Flutter
06
Introducing AI Firebase Extensions
07
Getting Started
08
Useful Resources
09
What are Firebase Extensions
04
Frequently asked questions (FAQ)
09
#F3Prague
Darren Ackers
Invertase
Guillaume Bernos
Invertase
Who we are?
Lead developer
With over a decade of experience software development. Darren is a known expert with Firebase and Firebase Extensions.
Lead developer
Working with Flutter since the alpha, always happy to share knowledge on how to combine Flutter and Firebase!
#F3Prague
So…What are Firebase Extensions?
Pre-packaged solutions
Fully customizable
Easy to install
Includes 3rd party integrations
Cross Platform (zero dependencies)
Over 80 extensions and counting!
Anyone can build one, you can even build your own!
#F3Prague
Cloud Triggers
Auth
Firestore
Storage
Real-time DB
$123/Month
$345/Month
$567/Month
$789/Month
Visit —>
https://firebase.google.com/docs/functions/firestore-events?gen=1st
Visit
https://firebase.google.docs
for a comprehensive list!
#F3Prague
Installation lifecycle
01
02
03
04
Install
Configure
Event Trigger
Cloud function
#F3Prague
Flutter and Firebase
Adding Firebase to Flutter is easy
#F3Prague
Why extensions work well with Flutter?
#F3Prague
Introducing AI Extensions
Firestore Semantic Search
Summarize Text with PaLM API
Speech to text
Language Tasks with PaLM API
Chatbot with PaLM API
Label Images with Cloud Vision AI
Detect Objects with Cloud Vision AI
Text to Speech
#F3Prague
Firestore PaLM API
Announced at Google IO 23!
#F3Prague
PaLM 2
Vertex AI
Chatbot with PaLM API
Summarize Text with PaLM API
Language Tasks with PaLM API
Semantic Search with Vertex AI
Call PaLM API Securely
Reverse Image Search with Vertex AI
Getting started
Create a Firebase Account A simple Firebase account is all you need to access Extensions.
Upgrade to Blaze. Firebase extensions use cloud functions, and require a Firebase Blaze plan to be setup.
Choose an Extension Select an extension and click to install
Complete the installation. All extensions allow customisable options, configure and install
Trigger through your applications. And that’s it, developer the front end and let extensions do the rest!
Visit
https://extensions.dev
#F3Prague
Demo Code
Quick Demo!
#F3Prague
Frequently Asked Questions
No, although those skills can augment functionality. Extensions are designed to be used by all developers!
Do I need to know back-end development?
Are there any additional costs?
Firebase Extensions use Cloud Functions. There is a very generous tier, so costs are very low!
Yes! But It is currently in Beta. Visit makersuite.google.com and sign up to access your Api key.
Can I access PaLM API now?
#F3Prague
Useful Resources
There are many guides, playgrounds and demos available for integrating Firebase Extensions
Extensions.dev
Url: https://Extensions.dev
A comprehensive platform offering a wide range of extensions to enhance and streamline your projects.
Invertase
Url: https://Invertase.io/blog
An invaluable repository for Firebase-related extensions that can save developers time and effort.
Zapp.run
Url: https://Zapp.run
A browser based editor for developing and showing Flutter based applications.
Demo: https://zapp.run/edit/flutter-z78066v7906?entry=lib/main.dart&file=lib/main.dart
#F3Prague
Thank you!
#F3Prague
Introduction
Darren (Lead Developer)
With over a decade of experience software development. Darren is a known expert with Firebase and Firebase Extensions.
Guillaume (Lead Developer)
Working with Flutter since the alpha, always happy to share knowledge on how to combine Flutter and Firebase!
Proud to be sharing decades of experience between us, while specialising in Google technology.
#F3Prague
Infographic
Lorem ipsum dolor sit amet, consectetur
Lorem ipsum dolor sit amet, consectetur
Lorem ipsum dolor sit amet, consectetur
01
02
03
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud exercitation ullam laboris nisi ut aliquip ex ea commodo
#F3Prague
What Is F3?
It is a form of communication that can be used to inform, persuade, or entertain an audience.
Public speaking can be a daunting task, but it is a skill that can be learned and improved with practice.
Public speaking can be used in a variety of settings, including business, education, and politics.
A
B
C
It is a form of communication that can be used to inform, persuade...
#F3Prague
The Different Types of Public Speaking
There are many different types of public speaking, each with its own purpose and style.
Informative Speaking
Ceremonial Speaking
Persuasive Speaking
Entertaining Speaking
#F3Prague
The Steps to Giving A Successful Public Speech
Here are some tips for giving a successful public speech:
Plan Your Speech
Practice Your Speech
Deliver Your Speech
#F3Prague
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
F3 Template
Title Here
Title Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
#F3Prague
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud exercitation ullam laboris nisi ut aliquip ex ea commodo consequat duis aute irured reprehenderit in voluptate velit esse.
#F3Prague
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
#F3Prague
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
02
F3 Template
Lorem ipsum dolor sit amet,
01
Lorem ipsum dolor sit amet,
02
Lorem ipsum dolor sit amet,
03
Lorem ipsum dolor sit amet,
04
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
#F3Prague
F3 Template
Title Here
Title Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
#F3Prague
#F3Prague
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
#F3Prague
F3 Template
Lorem ipsum dolor sit amet,
01
Lorem ipsum dolor sit amet,
02
Lorem ipsum dolor sit amet,
03
Lorem ipsum dolor sit amet,
04
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
#F3Prague
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud exercitation ullam laboris nisi ut aliquip ex ea commodo consequat duis aute irured reprehenderit in voluptate velit esse.
#F3Prague
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
$425k
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
#F3Prague
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
02
F3 Template
Title Here
Title Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Welcome
#F3Prague
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud exercitation ullam laboris nisi ut aliquip ex ea commodo
$425k
Lorem ipsum dolor sit amet,
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
02
#F3Prague
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud exercitation ullam laboris nisi ut aliquip ex ea commodo
#F3Prague
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud exercitation ullam laboris nisi ut aliquip ex ea commodo
#F3Prague
Text Here
Text Here
Text Here
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
02
#F3Prague
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud exercitation ullam laboris nisi ut aliquip ex ea commodo consequat duis aute irured reprehenderit in voluptate velit esse.
#F3Prague
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud exercitation ullam laboris nisi ut aliquip ex ea commodo
#F3Prague
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
02
#F3Prague
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
02
#F3Prague
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud exercitation
+1
John Doe
Lorem ipsum dolor sit amet, consectetur
Kurt Doe
Insert Postion Here
Lorem ipsum dolor sit amet, consectetur
Martin Doe
Insert Postion Here
#F3Prague
F3 Template
Chrissy Doe
Chrissy Doe
Chrissy Doe
Text Here
Text Here
Text Here
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
#F3Prague
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
02
#F3Prague
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
F3 Template
Lorem ipsum dolor sit amet, consectetur
Insert Text
Lorem ipsum dolor sit
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud exercitation ullam laboris nisi ut aliquip ex ea commodo
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
#F3Prague
Lorem ipsum dolor sit amet, consectetur
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet,
24k
#F3Prague
Insert Text
Lorem ipsum dolor sit
Lorem ipsum dolor sit amet, consectetur
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud exercitation ullam laboris nisi ut aliquip ex ea commodo
#F3Prague
Lorem ipsum dolor sit amet,
24k
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Text Here
Lorem ipsum dolor sit amet, consectetur adipis cing elit, sed do eiusmod
Text Here
Lorem ipsum dolor sit amet, consectetur adipis cing elit, sed do eiusmod
#F3Prague
Lorem ipsum dolor sit amet,
24k
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
02
#F3Prague
Lorem ipsum dolor sit amet, consectetur
F3 Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
02
#F3Prague
Infographic
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
02
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
03
#F3Prague
Infographic
$245
$345
$567
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
02
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
03
#F3Prague
Infographic
Insert Your Word
Lorem ipsum dolor sit
Insert Your Word
Lorem ipsum dolor sit
Insert Your Word
Lorem ipsum dolor sit
Insert Your Word
Lorem ipsum dolor sit
Lorem ipsum dolor sit amet, labore et dolore magna aliqua. Ut enim ad minim aliqua. Ut enim ad minim veniam, quis veniam, quis consectetur adipiscing elit, sed
Lorem ipsum dolor sit amet, labore et dolore magna aliqua. Ut enim ad minim aliqua. Ut enim ad minim veniam, quis veniam, quis consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
Lorem Ipsum Dolor
#F3Prague
Infographic
Idea
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
02
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
03
#F3Prague
01
Lorem ipsum dolor sit
02
Lorem ipsum dolor sit
03
Lorem ipsum dolor sit
04
Lorem ipsum dolor sit
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
02
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
03
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
03
#F3Prague
Infographic
2.Database
Lorem ipsum dolor sit
1. Storage
Lorem ipsum dolor sit
3.Authentication
Lorem ipsum dolor sit
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
02
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
03
#F3Prague