Dart Basics & Introduction to Flutter Part 2.pptx

•Download as PPTX, PDF•

0 likes•23 views

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.

Technology

Universitas Sriwijaya
Dart Basics &
Introduction to Flutter
Part 2

About Me
Universitas Sriwijaya
github.com/mfazrinizar
linkedin.com/in/mfazrinizar
instagram.com/mfazrinizar
M. Fazri Nizar
• Mobile Development Team Member
at GDSC UNSRI

Universitas Sriwijaya
Table of Contents
• Why is it Flutter?
• Cross-platform development concept
• Overview of Flutter & setting up environment
• Introduction to Flutter (Widgets & Layout):
- Flutter development commands
- Understanding basic widgets & layout
- Debugging

Universitas Sriwijaya
Limitations
• Coding Flutter app from scratch.
• Complete Flutter application building
(differed into 4 days of session).

Universitas Sriwijaya
• UI (User Interface) Framework/Toolkit.
• Supports cross-platform development for
web, mobile, and desktop.
• Using Dart programming language.
2018,
1.0

Universitas Sriwijaya
flutter.dev
Kenapa harus belajar Flutter?

Universitas Sriwijaya
Backed by Cross-platform Clean Docs

Universitas Sriwijaya
Cross-Platform
Frameworks
Flutter
React Native
Xamari
n
Ioni
c

Universitas Sriwijaya
Cross-Platform
Mengapa
?
• Single codebase for all.
• Easier to maintain.
• Faster development.
• Lower cost.

Universitas Sriwijaya
Getting Started
https://docs.flutter.dev/get-started/install/windows/mobile
Flutter
SDK
Android SDK Toolchain
AVD/Android Emulator
VS Code with Flutter
Extension

Universitas Sriwijaya
Getting Started
USB Debugging
Use your own Android device
https://developer.android.com/codelabs/basic-
android-kotlin-compose-connect-device

Universitas Sriwijaya
Flutter Development Commands
• flutter doctor -
v
Important for checking missing/error in development toolchain

Universitas Sriwijaya
Flutter Development Commands
• flutter pub get
Important for getting/refreshing dependencies after cleaning workspace or cloning a repository

Universitas Sriwijaya
Flutter Development Commands
• flutter build apk --split-per-abi
Important for splitting APKs and reducing size

Universitas Sriwijaya
Flutter Development Commands
• flutter clean
• flutter run
• flutter create-app APP_NAME
• etc. (flutter help)

Universitas Sriwijaya
Widgets & Layouts
Packages
pub.dev

Universitas Sriwijaya Debugging
Make sure you have connected the correct device for debugging

Universitas Sriwijaya Debugging
Hot
Reload Hot Restart
/ Restart
Stop
Debuggin
g
Inspect
Widgets

Universitas Sriwijaya Debugging
Debug Console
Always be aware of errors, fix
immediately

Universitas Sriwijaya Debugging
GPT, Copilot, Bard, Gemini, etc. Ask Correctly
Explain Bugs
Searching is The Way
None encountered
before?

Universitas Sriwijaya Debugging
Becareful...

Universitas Sriwijaya
Quiz
1. Konsep yang didukung Flutter adalah...
A. Multiple codebases
B. Cross-native
C. Native
D. Cross-platform

Universitas Sriwijaya
Quiz
2. Flutter lebih dipilih daripada native
dalam kondisi tertentu karena...
A. Multiple codebases
B. Performa kecepatan setara native
C. Dapat dibangun dalam multi-platform
D. Ukuran bundle APK lebih kecil daripada native

Universitas Sriwijaya
Quiz
3. Alasan memilih framework cross-
platform adalah...
A. Butuh lebih sedikit developer
B. Pengembangan lebih cepat
C. Maintain satu codebase saja
D. Semuanya benar

Universitas Sriwijaya
Quiz
4. Jenis state widget Scaffold dalam
contoh counter app tadi adalah...
A. StatefulWidget
B. StatelessWidget
C. Tidak memiliki State
D. Semuanya salah

Universitas Sriwijaya
Quiz
5. Ketika Anda ingin membagikan folder proyek
Flutter setelah debugging, Anda perlu...
A. Eksekusi command flutter clean
B. Eksekusi command flutter pub get
C. Eksekusi command flutter upgrade
D. Eksekusi command flutter help

Similar to Dart Basics & Introduction to Flutter Part 2.pptx

Better Swift from the Foundation up #tryswiftnyc17 09-06

Carl Brown

Nascenia: Road to Software Industry

Nascenia IT

One App, Multiple Platforms

Mike Hartington

Performance, UI, and More: Flutter vs React Native Compared

Tien Nguyen

Bledar Gjocaj - Java open source

Open Labs Albania

Why Should we use Microsoft's Playwright

Knoldus Inc.

JAVA Training in Hyd PPT-converted.pdf

VijayVijji8

JAVA Training in Hyd PPT.pptx

VijayVijji8

Ravinder_Pal_Singh_Resume_Latest

Ravinder Singh

YouTube Link: https://youtu.be/8m9jzfjXxtM **Edureka Online Courses: https://www.edureka.co ** This Edureka PPT on "Flutter vs React Native" will give you a web developer's perspective into the two cross-platform mobile development framework Flutter and React Native. After watching this video, you will be able to make an informed decision on which framework would suit your needs to the best. The following topics are discussed in the PPT - What is Flutter? What is React Native? Flutter vs React Native Build your first flutter application! - http://bit.ly/Flutter_Tutorial Follow us to never miss an update in the future. YouTube: https://www.youtube.com/user/edurekaIN Instagram: https://www.instagram.com/edureka_learning/ Facebook: https://www.facebook.com/edurekaIN/ Twitter: https://twitter.com/edurekain LinkedIn: https://www.linkedin.com/company/edureka Castbox: https://castbox.fm/networks/505?country=in

Flutter vs React Native | Edureka

Edureka!

Tobin_EE_resume11d

Angela Tobin

Redefining Mobile App Testing pCloudy’s Comprehensive Framework Arsenal.pdf

pCloudy

Java Course training in Hamirpur Himachal Pradesh

Excellence Technology

19.12.2014 в креативном пространстве "Часопыс" состоялась очередная встреча от проекта GoIT, посвященная "вечному". Наши любимые преподаватели и менторы доносили следующее: • Виды QA и специфика работы в каждом из этих направлений; • Необходимые вспомогательные навыки, которыми должен обладать тестировщик; • Новинки мира QA. Наши спикеры: Николай Ковш - QA Engineer в Ciklum, которому успешно удалось перейти в сферу IT из маркетинга. Расскажет о необходимости тестировщикам уметь программировать. Алла Пенальба - QA Lead в компании invisibleCRM, работала в компании ПИКСУС, 4 года проживала в Бельгии, где работала Mobile QA Engineer. Марина Шевченко - Mobile QA Engineer в Ciklum. QA с опытом тестирования веб, десктопных и мобильных приложений. Расскажет о специфике тестирования мобильных приложений. Александр Майданюк - Head of Quality Assurance Solution в компании Ciklum. Занимал должности QA Lead, Manager, QA Consultant и Trainer. Эксперт и судья QA секции чемпионата UA Web Challenge. Соучредитель Киевского клуба тестировщиков QA Club.

Встреча "QA: в каких направлениях может найти себя тестировщик?"

GoIT

KrishnaToolComparisionPPT.pdf

QA or the Highway

The State of One Codebase For All The Platforms | Sanket Sahu | App.js Conf 2...

Sanket Sahu

QEWD.js: Have your Node.js Cake and Eat It Too

Rob Tweed

Content Brief-Java | Java Training

KosmikTech

Report1.docx

RajveerSingh621217

String class

TharuniDiddekunta

Similar to Dart Basics & Introduction to Flutter Part 2.pptx (20)

Better Swift from the Foundation up #tryswiftnyc17 09-06

Nascenia: Road to Software Industry

One App, Multiple Platforms

Performance, UI, and More: Flutter vs React Native Compared

Bledar Gjocaj - Java open source

Why Should we use Microsoft's Playwright

JAVA Training in Hyd PPT-converted.pdf

JAVA Training in Hyd PPT.pptx

Ravinder_Pal_Singh_Resume_Latest

Flutter vs React Native | Edureka

Tobin_EE_resume11d

Redefining Mobile App Testing pCloudy’s Comprehensive Framework Arsenal.pdf

Java Course training in Hamirpur Himachal Pradesh

Встреча "QA: в каких направлениях может найти себя тестировщик?"

KrishnaToolComparisionPPT.pdf

The State of One Codebase For All The Platforms | Sanket Sahu | App.js Conf 2...

QEWD.js: Have your Node.js Cake and Eat It Too

Content Brief-Java | Java Training

Report1.docx

String class

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

Building a Flutter App.pptx

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

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 (14)