Building a Flutter App.pptx

•Download as PPTX, PDF•

0 likes•12 views

Firebase is a Backend-as-a-Service (BaaS) platform that helps developers develop web and mobile applications more easily and quickly. This platform provides various advanced features that are useful for building, managing, and improving applications.

Technology

me:
LinkedIn : https://www.linkedin.com/in/arrahmanulhakim
Github : https://github.com/arrahmanulhakim
Instagram : @arrahmanulhakim
Stackoverflow : stackoverflow.com/users/16932806/arrahmanul-h
Arrahmanul Hakim

●Introduction to Firebase
● Building Coffee List App
Outline

● Firebase Authentication
● Cloud Firestore (Firestore Database)
Limitations

What is Firebase?
Firebase adalah layanan dari google untuk
pengembangan aplikasi yang membantu
developer mem-build serta
mengembangkan aplikasi.

Cloud Firestore adalah sebuah database noSql dengan
menggunakan konsep collection.
Cloud Firestore (Firestore Database)

Firebase Authentication adalah salah satu
layanan back-end dan memiliki tampilan
interfaces yang siap pakai untuk
mengautentikasi pengguna ke aplikasi
Firebase Authentication

MyApp
Wrapper
Authenticate
SignIn SignUp
Home
CoffeList Settings
Root Widget
Listen for auth changes
Not logged in logged in

Layanan yang disediakan oleh Firebase untuk
penyimpanan data (seperti berkas doc, pdf, gambar,
audio) adalah?
a.Cloud Firestore
b.Realtime Database
c.Authentication
d.Cloud Storage

Pada Cloud Firestore menggunakan tipe database
jenis?
a.SQL
b.Graph
c.NoSQL
d.Cloud

Class yang digunakan untuk mendapatkan informasi
tentang media yang sedang digunakan, seperti jenis
perangkat, ukuran layar, orientasi layar ialah?
a.MediaQuery
b.OrientationBuilder
c.LayoutBuilder
d.GestureDetector

Pada folder proyek flutter, apa nama file yang
digunakan untuk melakukan import package
pada Flutter?
a..flutter-plugins
b.pubspec.yaml
c.README.md
d.pubspec.lock

Widget apa yang dibuat untuk membuat
ruang kosong dan bisa juga dibuat untuk
menentukan ukuran widget anaknya secara
eksplisit ?
a.Container
b.Card
c.SizedBox
d.Padding

widget tombol yang berbentuk bulat dan
mengapung di atas konten aplikasi adalah?
a.Container
b.FloatingActionButton
c.SizedBox
d.Padding

Additional
Asset : https://drive.google.com/drive/folders/1NjOmF9w8D58_FkCBRoeqMP6u2MjE-y4W
Repo: https://github.com/arrahmanulhakim/Coffee-List

Similar to Building a Flutter App.pptx

Makalah Mobile Programming

Vicinthia Veren

Tugas 2 0317-fahreza yozi-1612510832

fahreza yozi

Visual foxpro as prototyping tools

ferisulianta.com

Web api

I Gusti Ngurah Oka Prinarjaya

Presentasi cloud computing

minmon

Tugas 2 0317-nurul azmi-1412510587

nurul azmi

Tugas 2 0317-dewi apriliani-1412510602

dewiapril1996

Tugas 2 0317-imelda felicia-1412510545

imeldafelicia

Teknologi Open Source Server

RhusLyanto RhusLyanto

Kursus desain grafis - sedikit mengenal adobe bridge

Renra Sedoya

Tugas 2 rekayasa web 0317

esti setiasih

GDSC UTM Info Session - Flutter in Nutshell

RobbyAlamsyah3

Tugas pp rizki fitriani r

Vittryani Rezky Rahayu Rahayu

Panduan Memulai Firebase Android

Irfan Fediyanto

Module desain web

Dedy Setiawan

Pertemuan 3 Modelling Web Aplication.pptx

Tugas Pw Kel 3

Tugas Pw Kel 3

Tugas Pw Kel 3

Rekayasa Web 1-Teknologi Website

Khaerul Anwar

Similar to Building a Flutter App.pptx (20)

Makalah Mobile Programming

Tugas 2 0317-fahreza yozi-1612510832

Visual foxpro as prototyping tools

Web api

Presentasi cloud computing

Tugas 2 0317-nurul azmi-1412510587

Tugas 2 0317-dewi apriliani-1412510602

Tugas 2 0317-imelda felicia-1412510545

Teknologi Open Source Server

Kursus desain grafis - sedikit mengenal adobe bridge

Tugas 2 rekayasa web 0317

GDSC UTM Info Session - Flutter in Nutshell

Tugas pp rizki fitriani r

Panduan Memulai Firebase Android

Module desain web

Pertemuan 3 Modelling Web Aplication.pptx

Tugas Pw Kel 3

Rekayasa Web 1-Teknologi Website

More from pmgdscunsri

The document discusses strategies for success in pursuing careers, drawing inspiration from the achievements of Kartini in overcoming obstacles to reach her goals. It emphasizes the importance of women succeeding in their careers, understanding oneself and one's passions, and provides tips for success including self-confidence, creativity, optimism, consistency, continuous learning, community involvement, self-image development, and balancing family and work responsibilities. The document also includes quotes and inspiration from Kartini to empower women to persevere and strive for success.

[InspireHER] Carving Success as Kartini: Strategies in Pursuing Careers

pmgdscunsri

Leveling Up your Branding and Mastering MERN: Fullstack WebDev

pmgdscunsri

Materi "Deep Learning for Computer Vision" mencakup konsep dasar deep learning dengan fokus pada transfer learning menggunakan TensorFlow, evaluasi model, dan proses deployment. Pada intinya, transfer learning memanfaatkan pengetahuan yang telah dimiliki oleh model yang telah dilatih sebelumnya untuk meningkatkan kinerja model pada tugas tertentu. Evaluasi model melibatkan penilaian kualitas dan keandalan model yang telah dibangun, sementara deployment mencakup implementasi model ke lingkungan produksi untuk penggunaan praktis. Materi ini memberikan pemahaman holistik tentang penerapan deep learning dalam konteks computer vision, melibatkan tahapan esensial dari pengembangan hingga implementasi model pada aplikasi dunia nyata.

Deep Learning For Computer Vision- Day 3 Study Jams GDSC Unsri.pptx

pmgdscunsri

Firebase integration with Flutter

pmgdscunsri

Flutter is an open-source framework developed by Google for building user interfaces (UI) for mobile, web, and desktop applications from a single source code. It allows developers to quickly create beautiful, responsive applications using the Dart programming language. OOP (Object-Oriented Programming) is a programming paradigm that focuses on organizing and modeling software based on objects that include data and methods that operate on that data. This approach allows developers to create structures that are more organized, modular, and easy to understand. Flutter state management is a way to manage and update state in a Flutter application. In application development, state Refers to data that can change over time, such as user text input, authentication status, or values obtained from API calls.

Dart Object-Oriented Programming (OOP) and Flutter State Management

pmgdscunsri

Convolutional Neural Networks (CNN) for Computer Vision represent a powerful approach in image analysis. The process begins with a comprehensive understanding of Artificial Neural Networks (ANN) as a foundational concept. Data preprocessing plays a crucial role, involving tasks like image normalization and augmentation to enhance model robustness. Leveraging the TensorFlow framework, the model is constructed, encompassing convolutional layers for feature extraction and fully connected layers for classification. Evaluation metrics such as accuracy and loss are employed to assess the model's performance. Finally, deployment involves integrating the trained CNN into real-world applications, ensuring its seamless integration and functionality for image recognition tasks.

Convolutional Neural Networks (CNN) for Computer Vision - Day 4 Study Jams G...

pmgdscunsri

This material covers the fundamental concepts of Linear Regression and Classification algorithms, as well as data processing in Time Series. Starting with the Data Preprocessing stage, various techniques such as data cleaning, normalization, and handling missing values are discussed. Moving on to the Modeling phase, the implementation of linear regression algorithms for continuous value prediction and classification for data categorization is explained. The next focus is on model evaluation, with an explanation of evaluation metrics such as Mean Squared Error and Confusion Matrix. The material also includes Optimization, discussing parameter tuning to enhance model performance. Additionally, discussions on Model Performance Improvement involve techniques such as ensemble learning. Data visualization is an integral element throughout the entire process, providing a better understanding of prediction outcomes and dataset characteristics. By integrating these concepts, this material offers a comprehensive insight into the implementation and analysis of regression, classification, and time series models.

Linear Regression, Classification and Data Time Series - Day 2 Study Jams GDS...

pmgdscunsri

The "Introduction to Machine Learning" material covers the fundamental aspects of machine learning and data science through a series of key concepts. Starting with the understanding of data and information, the material elaborates on various types of data and the distinctions between large data, high dimension data, and big data. It encompasses the stages of machine learning, such as Data Preparation, Training, and Testing, providing practical application examples. Terminology such as samples and features is introduced, while metrics like confusion metrics are utilized to evaluate model performance. Concepts like the learning curve, supervised learning, and the differences between classification and regression are also briefly explained. The material also includes basic techniques like cleaning data (handling missing values and duplicates) and data transformation (changing data types). Finally, the concept of data visualization is introduced through examples involving scatter plots, histograms, and other visualizations to enhance understanding and interpretation of data more effectively. Overall, this material establishes a strong foundation for comprehending machine learning concepts and acquiring practical skills in manipulating and analyzing data.

Introduction to Machine Learning - Day 1 Study Jams GDSC Unsri.pptx

pmgdscunsri

Dart is a programming language mainly backed by Google and developed with open source community. It is a client-optimized programming language for developing high-performance apps on multi-platform, such as mobile, desktop, web, and server. Dart was unveiled at the GOTO conference in Aarhus, Denmark, October 10–12, 2011. Long story short, during the keynote of Google Developer Days in Shanghai in September 2018, Google announced Flutter Release Preview 2, the last major release before Flutter 1.0. Until now, Flutter 3 and Dart 3 stable releases has been unveiled and performing very well both on market share and performance compared to other hybrid/cross-platform framework competitors.

Dart Basics & Introduction to Flutter Part 2.pptx

pmgdscunsri

Dart Basics & Introduction to Flutter Part 1

pmgdscunsri

Seminar and DevTalk : Mastering UX Research - 5 Whys Framework

pmgdscunsri

Seminar and DevTalk : Mastering UX Research - What is UX Research

pmgdscunsri

Info Session Bangkit Academy "Empowering Through Bangkit: Unveiling the Essen...

pmgdscunsri

Sosialisasi Bangkit 2024: Discovering Bangkit Academy, Capstone, and Incubati...

pmgdscunsri

Computer security pertains to the implementation of safeguards and regulations aimed at guaranteeing the secrecy, reliability, and accessibility of information that undergoes processing and resides within a computer system. This encompasses a broad spectrum of efforts, ranging from shielding tangible information resources to upholding the security of data and adhering to prudent computer safety protocols. Also introduction to security on computer devices whose aim is to secure assets on computers starting from malware, suspicious anomalies.

Sharing Session Internal : Computer Security

pmgdscunsri

More from pmgdscunsri (15)

[InspireHER] Carving Success as Kartini: Strategies in Pursuing Careers

Leveling Up your Branding and Mastering MERN: Fullstack WebDev

Deep Learning For Computer Vision- Day 3 Study Jams GDSC Unsri.pptx

Firebase integration with Flutter

Dart Object-Oriented Programming (OOP) and Flutter State Management

Convolutional Neural Networks (CNN) for Computer Vision - Day 4 Study Jams G...

Linear Regression, Classification and Data Time Series - Day 2 Study Jams GDS...

Introduction to Machine Learning - Day 1 Study Jams GDSC Unsri.pptx

Dart Basics & Introduction to Flutter Part 2.pptx

Dart Basics & Introduction to Flutter Part 1

Seminar and DevTalk : Mastering UX Research - 5 Whys Framework

Seminar and DevTalk : Mastering UX Research - What is UX Research

Info Session Bangkit Academy "Empowering Through Bangkit: Unveiling the Essen...

Sosialisasi Bangkit 2024: Discovering Bangkit Academy, Capstone, and Incubati...

Sharing Session Internal : Computer Security

Building a Flutter App.pptx

1. Building a Flutter App

2. me: LinkedIn : https://www.linkedin.com/in/arrahmanulhakim Github : https://github.com/arrahmanulhakim Instagram : @arrahmanulhakim Stackoverflow : stackoverflow.com/users/16932806/arrahmanul-h Arrahmanul Hakim

3. ●Introduction to Firebase ● Building Coffee List App Outline

4. ● Firebase Authentication ● Cloud Firestore (Firestore Database) Limitations

5. What is Firebase? Firebase adalah layanan dari google untuk pengembangan aplikasi yang membantu developer mem-build serta mengembangkan aplikasi.

6. Services available on Firebase

7. Focus on…

8. Cloud Firestore adalah sebuah database noSql dengan menggunakan konsep collection. Cloud Firestore (Firestore Database)

9. Firebase Authentication adalah salah satu layanan back-end dan memiliki tampilan interfaces yang siap pakai untuk mengautentikasi pengguna ke aplikasi Firebase Authentication

10. Let's build the "Coffee List" app…

11. MyApp Wrapper Authenticate SignIn SignUp Home CoffeList Settings Root Widget Listen for auth changes Not logged in logged in

12. Layanan yang disediakan oleh Firebase untuk penyimpanan data (seperti berkas doc, pdf, gambar, audio) adalah? a.Cloud Firestore b.Realtime Database c.Authentication d.Cloud Storage

13. Pada Cloud Firestore menggunakan tipe database jenis? a.SQL b.Graph c.NoSQL d.Cloud

14. Class yang digunakan untuk mendapatkan informasi tentang media yang sedang digunakan, seperti jenis perangkat, ukuran layar, orientasi layar ialah? a.MediaQuery b.OrientationBuilder c.LayoutBuilder d.GestureDetector

15. ….

16. Q&A ??

17. Pada folder proyek flutter, apa nama file yang digunakan untuk melakukan import package pada Flutter? a..flutter-plugins b.pubspec.yaml c.README.md d.pubspec.lock

18. Widget apa yang dibuat untuk membuat ruang kosong dan bisa juga dibuat untuk menentukan ukuran widget anaknya secara eksplisit ? a.Container b.Card c.SizedBox d.Padding

19. widget tombol yang berbentuk bulat dan mengapung di atas konten aplikasi adalah? a.Container b.FloatingActionButton c.SizedBox d.Padding

20. Q&A ??

21. Thank You!

22. Additional Asset : https://drive.google.com/drive/folders/1NjOmF9w8D58_FkCBRoeqMP6u2MjE-y4W Repo: https://github.com/arrahmanulhakim/Coffee-List

Building a Flutter App.pptx

Recommended

Recommended

More Related Content

Similar to Building a Flutter App.pptx

Similar to Building a Flutter App.pptx (20)

More from pmgdscunsri

More from pmgdscunsri (15)

Building a Flutter App.pptx