Slide 1

Slide 1 text

Flutter @Next’24 How Google did promoted Flutter

Slide 2

Slide 2 text

“ Google Cloud Next is Google's flagship annual conference focused on cloud computing, data analytics, artificial intelligence (AI), and other areas where Google Cloud offers solutions and services. Hosting this year (9-11 April) in Mandalay Bay Convention Center (Las Vegas)

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Google Highlights FLUTTER

Slide 5

Slide 5 text

8 breakout sessions about Flutter 30,000 attendees 2 Keynotes +500 breakout sessions Training Live Coding Showcase User’s Feedback

Slide 6

Slide 6 text

Develop a FlutterApp Software Architecture Connection with a backend … … powered by CloudRun Integration with Services & Framework

Slide 7

Slide 7 text

Develop a FlutterApp Web IDE & Code Assist zapp.run Project IDX Visual Studio Code

Slide 8

Slide 8 text

Flutter Highlights Five Pillars

Slide 9

Slide 9 text

❖ Improved performance that meets or exceeds native benchmarks ❖ Improved developer experience for large teams ❖ Improved developer experience for "add to app" ❖ Improved fidelity & developer experience of Flutter web apps ❖ Continued Impeller rollout ❖ Macros / static metaprogramming for Dart Flutter Highlights 2024 Roadmap

Slide 10

Slide 10 text

Appendix Flutter Breakout Sessions DEV246 APPLICATION DEVELOPERS Build full-stack Dart applications using Flutter and Serverpod YouTube - Presentation DEV222 APPLICATION DEVELOPERS Live-code an app with Cloud Run and Flutter YouTube - Presentation DEV252 APPLICATION DEVELOPERS Building AI-powered games with Gemini and Flutter YouTube - Presentation DEV245 APPLICATION DEVELOPERS Build real-world apps with Flutter, Firebase, and Gemini: A live coding exploration YouTube - Presentation DEV247 APPLICATION DEVELOPERS Live-coding a Flutter app with Firestore YouTube - Presentation IHWS112 APPLICATION DEVELOPERS Accelerate Firebase & Flutter app development with Gemini: A developer's productivity powerhouse Training Session DEV305 APPLICATION DEVELOPERS Modernize consumer devices with Google Cloud: Deep dive into MosquitoMax's story YouTube - Presentation IHLT107 APPLICATION DEVELOPERS From idea to full stack solutions with Dart and Google Cloud YouTube - Blog

Slide 11

Slide 11 text

The Section Title Placeholder

Slide 12

Slide 12 text

Title here Header here Lorem ipsum dolor sit amet, eu has accumsan deserunt inciderint, vis eu nullam necessitatibus. Erat delicata id quo, te dolores apeirian quo. Id enim detraxit honestatis mei. Ei nam omnis accusam. Nam viris tibique conclusionemque cu, mundi ridens tincidunt ei eos. Header here Lorem ipsum dolor sit amet, eu has accumsan deserunt inciderint, vis eu nullam necessitatibus. Erat delicata id quo, te dolores apeirian quo. Id enim detraxit honestatis mei. Ei nam omnis accusam. Nam viris tibique conclusionemque cu, mundi ridens tincidunt ei eos. Header here Lorem ipsum dolor sit amet, eu has accumsan deserunt inciderint, vis eu nullam necessitatibus. Erat delicata id quo, te dolores apeirian quo. Id enim detraxit honestatis mei. Ei nam omnis accusam. Nam viris tibique conclusionemque cu, mundi ridens tincidunt ei eos.

Slide 13

Slide 13 text

Lorem ipsum dolor sit amet, eu has accumsan deserunt inciderint, vis eu nullam necessitatibus. Erat delicata id quo, te dolores apeirian quo. Id enim detraxit honestatis mei. Ei nam omnis accusam. Nam viris tibique conclusionemque cu, mundi ridens tincidunt ei eos. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Subtitle here Title here

Slide 14

Slide 14 text

First list item Second list item Third list item Fourth list item Fifth list item + + + Title here + +

Slide 15

Slide 15 text

First list item + Second list item Third list item Fourth list item Fifth list item Title here + + + +

Slide 16

Slide 16 text

Subtitle here Title here 2 3 4 1 Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. 5 Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Slide 17

Slide 17 text

Subtitle here Title here 2 3 4 1 Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. 5 Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Slide 18

Slide 18 text

Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Headline Placeholder

Slide 19

Slide 19 text

Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Headline Placeholder

Slide 20

Slide 20 text

Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Iuvaret intellegam mei ne. Has latine corpora fastidii ea. Delectus intellegebat sed ne, ut autem aperiri duo. Sit at vidit nusquam oportere. Headline Placeholder Subtitle placeholder

Slide 21

Slide 21 text

Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Iuvaret intellegam mei ne. Has latine corpora fastidii ea. Delectus intellegebat sed ne, ut autem aperiri duo. Sit at vidit nusquam oportere. Headline Placeholder Subtitle placeholder

Slide 22

Slide 22 text

Headline Placeholder Subtitle placeholder Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius.

Slide 23

Slide 23 text

Headline Placeholder Subtitle placeholder Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius.

Slide 24

Slide 24 text

Headline Placeholder Subtitle placeholder Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius.

Slide 25

Slide 25 text

Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Headline Placeholder Subtitle placeholder

Slide 26

Slide 26 text

Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Headline Placeholder Subtitle placeholder

Slide 27

Slide 27 text

Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Headline Placeholder Subtitle placeholder

Slide 28

Slide 28 text

Headline Placeholder Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea.

Slide 29

Slide 29 text

Headline Placeholder Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea.

Slide 30

Slide 30 text

Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Headline Placeholder Subtitle placeholder

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

The Section Title Placeholder

Slide 33

Slide 33 text

The Section Title Placeholder

Slide 34

Slide 34 text

The Section Title Placeholder

Slide 35

Slide 35 text

The Section Title Placeholder

Slide 36

Slide 36 text

Important Metric 100% Quote or important info to share for impact

Slide 37

Slide 37 text

Important Metric 100% Quote or important info to share for impact

Slide 38

Slide 38 text

Headline here Utamur ceteros has et, democritum voluptaria deseruisse te eam. Quo ad magna regione delicatissimi. Populo possim labitur sit ad, ius id maiorum atomorum voluptaria. Ad nonumy eripuit nec. Pro ne postea tibique ocurreret, cu facilisi repudiandae his, illum accommodare vix no. Perfecto ocurreret honestatis cu ius. Lorem ipsum dolor sit amet, eu has accumsan deserunt inciderint, vis eu nullam necessitatibus. Erat delicata id quo, te dolores apeirian quo. Id enim officiis definiebas te, eum ne putent aeterno accumsan detraxit honestatis mei. Ei nam omnis accusam. Nam viris tibique conclusionemque cu, mundi ridens ei eos. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera mundi rid forabbi rid placerat ius at. Diceret fastidii at ius. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam.

Slide 39

Slide 39 text

Headline here Utamur ceteros has et, democritum voluptaria deseruisse te eam. Quo ad magna regione delicatissimi. Populo possim labitur sit ad, ius id maiorum atomorum voluptaria. Ad nonumy eripuit nec. Pro ne postea tibique ocurreret, cu facilisi repudiandae his, illum accommodare vix no. Perfecto ocurreret honestatis cu ius. Lorem ipsum dolor sit amet, eu has accumsan deserunt inciderint, vis eu nullam necessitatibus. Erat delicata id quo, te dolores apeirian quo. Id enim officiis definiebas te, eum ne putent aeterno accumsan detraxit honestatis mei. Ei nam omnis accusam. Nam viris tibique conclusionemque cu, mundi ridens ei eos. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera mundi rid forabbi rid placerat ius at. Diceret fastidii at ius. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam.

Slide 40

Slide 40 text

“ Begin at the beginning, and go on till you come to the end: then stop. — Lewis Carroll

Slide 41

Slide 41 text

“ Begin at the beginning, and go on till you come to the end: then stop. — Lewis Carroll

Slide 42

Slide 42 text

“Begin at the beginning, and go on till you come to the end: then stop.” — Lewis Carroll

Slide 43

Slide 43 text

“Begin at the beginning, and go on till you come to the end: then stop.” — Lewis Carroll

Slide 44

Slide 44 text

THANK YOU! v

Slide 45

Slide 45 text

Colors, graphic elements, and icons

Slide 46

Slide 46 text

Color #041E3C #043875 #0468D7 #13B9FD #B8EAFE #E7F8FF #F58C90 #043875 #4A4A4A #D5D7DB #ECEEEF #FFFFFF

Slide 47

Slide 47 text

Graphic Elements

Slide 48

Slide 48 text

Dash

Slide 49

Slide 49 text

Dash

Slide 50

Slide 50 text

Dash

Slide 51

Slide 51 text

Dash

Slide 52

Slide 52 text

Dash

Slide 53

Slide 53 text

Device library

Slide 54

Slide 54 text

Modiy color of the icon by clicking on the icon and select fill from the menu Accessibility Expand Late Credit card Extension Thumb Up Remove Verified Q&A Finance Android Turn in Trash Actions Download History Store List Wallet Announcement Backup Document Favorite 1 Open Home Print Swap Account Ratio Tag Server Favorite 2 Grade/rate Lock Language Receipt Add shopping Chart Bug Event Find Page Page view Basket Time Work Icon Library

Slide 55

Slide 55 text

Modify color of the icon by clicking on the icon and select fill from the menu Alarm Assessment Sync Exit App Movie Visibility Trolley Open Location Settings Assignment Check Explore Thumb Down Today Perm Media People search Airplane Signal Photo Play 1 Block Send Smartphone Style Walk Bluetooth WiFi Upload Play 2 Email Laptop iPhone Controls Bike Pie Chart Money Attachment Video Business Chromebook Security Notification Bus Icon Library

Slide 56

Slide 56 text

Modify color of the icon by clicking on the icon and select fill from the menu Developer Write Cloud Audio Key Desktop Mac Watch Person Car Devices Quote Folder Web Page Archive Desktop PC Flag World Boat Software Emotion Mic Call Cut headphones Camera Education Train Weather Link Movie Chart Paste Keyboard TV MMS Subway Hotel Laundry Location History Layers Offer Map Bar Pizza Web Icon Library

Slide 57

Slide 57 text

Modify color of the icon by clicking on the icon and select fill from the menu Accessibility Expand Late Credit card Extension Thumb Up Remove Verified Q&A Finance Android Turn in Trash Actions Download History Store List Wallet Announcement Backup Document Favorite 1 Open Home Print Swap Account Ratio Tag Server Favorite 2 Grade/rate Lock Language Receipt Add shopping Chart Bug Event Find Page Page view Basket Time Work Icon Library

Slide 58

Slide 58 text

Modify color of the icon by clicking on the icon and select fill from the menu Alarm Assessment Sync Exit App Movie Visibility Trolley Open Location Settings Assignment Check Explore Thumb Down Today Perm Media People search Airplane Signal Photo Play 1 Block Send Smartphone Style Walk Bluetooth WiFi Upload Play 2 Email Laptop iPhone Controls Bike Pie Chart Money Attachment Video Business Chromebook Security Notification Bus Icon Library

Slide 59

Slide 59 text

Modify color of the icon by clicking on the icon and select fill from the menu Developer Write Cloud Audio Key Desktop Mac Watch Person Car Devices Quote Folder Web Page Archive Desktop PC Flag World Boat Software Emotion Mic Call Cut headphones Camera Education Train Weather Link Movie Chart Paste Keyboard TV MMS Subway Hotel Laundry Location History Layers Offer Map Bar Pizza Web Icon Library

Slide 60

Slide 60 text

Flags Americas APAC EMEA US MX CA AR AU AT BE CH DE ES GB IE IT NL BO BR CL CO CR EC SV GT HN NI PA PE UY HK ID IN AU JP KR MY NZ PH SG TH TW FR Nordics PT