SlideShare a Scribd company logo
Mobile Application
Introduction to Flutter (lanjutan)
Stateless Widget Stateful Widget
Input Data
Widget
Renders UI
Input Data
Widget
Renders UI
Internal State
Stateless Widget
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container()
}
}
Stateless Widget adalah Widget
yang tidak dapat dirubah atau tidak
akan pernah berubah
Stateful Widget
class MyWidget extends StatefulWidget{
@override
_MyWidgetcreateState() => _MyWidget();
}
class _MyWidget extends State<MyWidget>{
@override
Widget build(BuildContextcontext){
return Container();
}
}
• Stateful Widget adalah sebuah
widget yang menyimpan variable
(state).
• Widget dinamis.
• Misalnya : saat pengguna
berinteraksi dengan sebuah
tombol, dapat mengubah
status/variabel di dalam widget =>
Widget refreshed/diperbarui .
Tugas 3 Kelompok
• Buatlah tampilan widget seperti minggu lalu dan
tambahkan stateless widget dan stateful widget
minimal masing-masing 1 dari projek kalian,
• Kirimkan tugas dalam bentuk laporan lengkap
dengan screenshot tampilan, screenshot code,
dan penjelasan terhadap keduanya, tunjukkan
mana yang termasuk stateless widget dan stateful
widget
• Deadline 1 oktober pukul 23.59
• Pertemuan minggu depan tiap kelompok
tunjukan sebagai progress report
Format email
• Email : nadhilanurdin@usk.ac.id
• Subject : TIK-505-Tugas3_kelompok
ex: TIK-505-Tugas3_1
• file : Tugas3_Kelompok
ex : Tugas3_1

More Related Content

More from nurnur469094

Install-flutter-Mobile Application.pptx
Install-flutter-Mobile Application.pptxInstall-flutter-Mobile Application.pptx
Install-flutter-Mobile Application.pptx
nurnur469094
 
SQL.pdf
SQL.pdfSQL.pdf
SQL.pdf
nurnur469094
 
LANGUANGE MODELING.pdf
LANGUANGE MODELING.pdfLANGUANGE MODELING.pdf
LANGUANGE MODELING.pdf
nurnur469094
 
EFFICIENCY & Complexity.pptx
EFFICIENCY & Complexity.pptxEFFICIENCY & Complexity.pptx
EFFICIENCY & Complexity.pptx
nurnur469094
 
Intro-NLP.pdf
Intro-NLP.pdfIntro-NLP.pdf
Intro-NLP.pdf
nurnur469094
 
Pertemuan-12-normalisasi.pptx
Pertemuan-12-normalisasi.pptxPertemuan-12-normalisasi.pptx
Pertemuan-12-normalisasi.pptx
nurnur469094
 
Pertemuan-12.pptx
Pertemuan-12.pptxPertemuan-12.pptx
Pertemuan-12.pptx
nurnur469094
 
Pertemuan-11.pptx
Pertemuan-11.pptxPertemuan-11.pptx
Pertemuan-11.pptx
nurnur469094
 
Pertemuan-10.pptx
Pertemuan-10.pptxPertemuan-10.pptx
Pertemuan-10.pptx
nurnur469094
 
Pertemuan-9.pptx
Pertemuan-9.pptxPertemuan-9.pptx
Pertemuan-9.pptx
nurnur469094
 
Pertemuan-7.pptx
Pertemuan-7.pptxPertemuan-7.pptx
Pertemuan-7.pptx
nurnur469094
 
Pertemuan-6.pptx
Pertemuan-6.pptxPertemuan-6.pptx
Pertemuan-6.pptx
nurnur469094
 
Pertemuan-5.pptx
Pertemuan-5.pptxPertemuan-5.pptx
Pertemuan-5.pptx
nurnur469094
 
Pertemuan-MPD.pdf
Pertemuan-MPD.pdfPertemuan-MPD.pdf
Pertemuan-MPD.pdf
nurnur469094
 
Pertemuan-4.pptx
Pertemuan-4.pptxPertemuan-4.pptx
Pertemuan-4.pptx
nurnur469094
 
Pertemuan-3.pptx
Pertemuan-3.pptxPertemuan-3.pptx
Pertemuan-3.pptx
nurnur469094
 
MPD.pptx
MPD.pptxMPD.pptx
MPD.pptx
nurnur469094
 

More from nurnur469094 (17)

Install-flutter-Mobile Application.pptx
Install-flutter-Mobile Application.pptxInstall-flutter-Mobile Application.pptx
Install-flutter-Mobile Application.pptx
 
SQL.pdf
SQL.pdfSQL.pdf
SQL.pdf
 
LANGUANGE MODELING.pdf
LANGUANGE MODELING.pdfLANGUANGE MODELING.pdf
LANGUANGE MODELING.pdf
 
EFFICIENCY & Complexity.pptx
EFFICIENCY & Complexity.pptxEFFICIENCY & Complexity.pptx
EFFICIENCY & Complexity.pptx
 
Intro-NLP.pdf
Intro-NLP.pdfIntro-NLP.pdf
Intro-NLP.pdf
 
Pertemuan-12-normalisasi.pptx
Pertemuan-12-normalisasi.pptxPertemuan-12-normalisasi.pptx
Pertemuan-12-normalisasi.pptx
 
Pertemuan-12.pptx
Pertemuan-12.pptxPertemuan-12.pptx
Pertemuan-12.pptx
 
Pertemuan-11.pptx
Pertemuan-11.pptxPertemuan-11.pptx
Pertemuan-11.pptx
 
Pertemuan-10.pptx
Pertemuan-10.pptxPertemuan-10.pptx
Pertemuan-10.pptx
 
Pertemuan-9.pptx
Pertemuan-9.pptxPertemuan-9.pptx
Pertemuan-9.pptx
 
Pertemuan-7.pptx
Pertemuan-7.pptxPertemuan-7.pptx
Pertemuan-7.pptx
 
Pertemuan-6.pptx
Pertemuan-6.pptxPertemuan-6.pptx
Pertemuan-6.pptx
 
Pertemuan-5.pptx
Pertemuan-5.pptxPertemuan-5.pptx
Pertemuan-5.pptx
 
Pertemuan-MPD.pdf
Pertemuan-MPD.pdfPertemuan-MPD.pdf
Pertemuan-MPD.pdf
 
Pertemuan-4.pptx
Pertemuan-4.pptxPertemuan-4.pptx
Pertemuan-4.pptx
 
Pertemuan-3.pptx
Pertemuan-3.pptxPertemuan-3.pptx
Pertemuan-3.pptx
 
MPD.pptx
MPD.pptxMPD.pptx
MPD.pptx
 

Recently uploaded

Modul Ajar Statistika Data Fase F kelas
Modul Ajar Statistika Data Fase F  kelasModul Ajar Statistika Data Fase F  kelas
Modul Ajar Statistika Data Fase F kelas
ananda238570
 
SAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKAN
SAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKANSAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKAN
SAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKAN
NURULNAHARIAHBINTIAH
 
AKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdf
AKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdfAKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdf
AKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdf
opkcibungbulang
 
Lembar Kerja Asesmen Awal Paud ke sd.pptx
Lembar Kerja Asesmen Awal Paud ke sd.pptxLembar Kerja Asesmen Awal Paud ke sd.pptx
Lembar Kerja Asesmen Awal Paud ke sd.pptx
opkcibungbulang
 
Modul Ajar Bahasa Indonesia Kelas 7 Fase D Kurikulum Merdeka - [abdiera.com]
Modul Ajar Bahasa Indonesia Kelas 7 Fase D Kurikulum Merdeka - [abdiera.com]Modul Ajar Bahasa Indonesia Kelas 7 Fase D Kurikulum Merdeka - [abdiera.com]
Modul Ajar Bahasa Indonesia Kelas 7 Fase D Kurikulum Merdeka - [abdiera.com]
Fathan Emran
 
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdfPanduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
MildayantiMildayanti
 
Biografi Presiden Republik Indonesia.pdf
Biografi Presiden Republik Indonesia.pdfBiografi Presiden Republik Indonesia.pdf
Biografi Presiden Republik Indonesia.pdf
pristayulianabila
 
92836246-Soap-Pada-Pasien-Dengan-as-Primer.pdf
92836246-Soap-Pada-Pasien-Dengan-as-Primer.pdf92836246-Soap-Pada-Pasien-Dengan-as-Primer.pdf
92836246-Soap-Pada-Pasien-Dengan-as-Primer.pdf
tsuroyya38
 
PELAKSANAAN + Link2 Materi WORKSHOP Nasional _"Penerapan Regulasi Terbaru P...
PELAKSANAAN + Link2 Materi WORKSHOP Nasional _"Penerapan  Regulasi  Terbaru P...PELAKSANAAN + Link2 Materi WORKSHOP Nasional _"Penerapan  Regulasi  Terbaru P...
PELAKSANAAN + Link2 Materi WORKSHOP Nasional _"Penerapan Regulasi Terbaru P...
Kanaidi ken
 
Demonstrasi Konseptual Modul 2.1 - RPP Berdiferensiasi.pdf
Demonstrasi Konseptual Modul 2.1 - RPP Berdiferensiasi.pdfDemonstrasi Konseptual Modul 2.1 - RPP Berdiferensiasi.pdf
Demonstrasi Konseptual Modul 2.1 - RPP Berdiferensiasi.pdf
d2spdpnd9185
 
PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1
PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1
PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1
Arumdwikinasih
 
Modul Ajar Bahasa Inggris Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 11 Fase F Kurikulum MerdekaModul Ajar Bahasa Inggris Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 11 Fase F Kurikulum Merdeka
Fathan Emran
 
Kalender Pendidikan tahun pelajaran 2023/2024 Kabupaten Temanggung .pdf
Kalender Pendidikan tahun pelajaran 2023/2024  Kabupaten Temanggung .pdfKalender Pendidikan tahun pelajaran 2023/2024  Kabupaten Temanggung .pdf
Kalender Pendidikan tahun pelajaran 2023/2024 Kabupaten Temanggung .pdf
SDNBotoputih
 
LAPORAN BIMBINGAN TEKNIS TRANSISI PAUD - SD.pdf
LAPORAN BIMBINGAN TEKNIS TRANSISI PAUD - SD.pdfLAPORAN BIMBINGAN TEKNIS TRANSISI PAUD - SD.pdf
LAPORAN BIMBINGAN TEKNIS TRANSISI PAUD - SD.pdf
RosidaAini3
 
Modul Ajar Kimia Kelas 10 Fase E Kurikulum Merdeka
Modul Ajar Kimia Kelas 10 Fase E Kurikulum MerdekaModul Ajar Kimia Kelas 10 Fase E Kurikulum Merdeka
Modul Ajar Kimia Kelas 10 Fase E Kurikulum Merdeka
Fathan Emran
 
Projek Penguatan Profil Pelajar Pancasila SD.pdf.pdf
Projek Penguatan Profil Pelajar Pancasila SD.pdf.pdfProjek Penguatan Profil Pelajar Pancasila SD.pdf.pdf
Projek Penguatan Profil Pelajar Pancasila SD.pdf.pdf
anikdwihariyanti
 
Tokoh Pendidikan Universitas Negeri Jakarta.pdf
Tokoh Pendidikan Universitas Negeri Jakarta.pdfTokoh Pendidikan Universitas Negeri Jakarta.pdf
Tokoh Pendidikan Universitas Negeri Jakarta.pdf
Mutia Rini Siregar
 
Juknis Materi KSM Kabkota - Pendaftaran[1].pdf
Juknis Materi KSM Kabkota - Pendaftaran[1].pdfJuknis Materi KSM Kabkota - Pendaftaran[1].pdf
Juknis Materi KSM Kabkota - Pendaftaran[1].pdf
HendraSagita2
 
Pemutakhiran Data dosen pada sister.pptx
Pemutakhiran Data dosen pada sister.pptxPemutakhiran Data dosen pada sister.pptx
Pemutakhiran Data dosen pada sister.pptx
ssuser4dafea
 
Perencanaan Berbasis Data Satuan Pendidikan Jenjang SMP
Perencanaan Berbasis Data Satuan Pendidikan Jenjang SMPPerencanaan Berbasis Data Satuan Pendidikan Jenjang SMP
Perencanaan Berbasis Data Satuan Pendidikan Jenjang SMP
TriSutrisno48
 

Recently uploaded (20)

Modul Ajar Statistika Data Fase F kelas
Modul Ajar Statistika Data Fase F  kelasModul Ajar Statistika Data Fase F  kelas
Modul Ajar Statistika Data Fase F kelas
 
SAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKAN
SAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKANSAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKAN
SAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKAN
 
AKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdf
AKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdfAKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdf
AKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdf
 
Lembar Kerja Asesmen Awal Paud ke sd.pptx
Lembar Kerja Asesmen Awal Paud ke sd.pptxLembar Kerja Asesmen Awal Paud ke sd.pptx
Lembar Kerja Asesmen Awal Paud ke sd.pptx
 
Modul Ajar Bahasa Indonesia Kelas 7 Fase D Kurikulum Merdeka - [abdiera.com]
Modul Ajar Bahasa Indonesia Kelas 7 Fase D Kurikulum Merdeka - [abdiera.com]Modul Ajar Bahasa Indonesia Kelas 7 Fase D Kurikulum Merdeka - [abdiera.com]
Modul Ajar Bahasa Indonesia Kelas 7 Fase D Kurikulum Merdeka - [abdiera.com]
 
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdfPanduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
 
Biografi Presiden Republik Indonesia.pdf
Biografi Presiden Republik Indonesia.pdfBiografi Presiden Republik Indonesia.pdf
Biografi Presiden Republik Indonesia.pdf
 
92836246-Soap-Pada-Pasien-Dengan-as-Primer.pdf
92836246-Soap-Pada-Pasien-Dengan-as-Primer.pdf92836246-Soap-Pada-Pasien-Dengan-as-Primer.pdf
92836246-Soap-Pada-Pasien-Dengan-as-Primer.pdf
 
PELAKSANAAN + Link2 Materi WORKSHOP Nasional _"Penerapan Regulasi Terbaru P...
PELAKSANAAN + Link2 Materi WORKSHOP Nasional _"Penerapan  Regulasi  Terbaru P...PELAKSANAAN + Link2 Materi WORKSHOP Nasional _"Penerapan  Regulasi  Terbaru P...
PELAKSANAAN + Link2 Materi WORKSHOP Nasional _"Penerapan Regulasi Terbaru P...
 
Demonstrasi Konseptual Modul 2.1 - RPP Berdiferensiasi.pdf
Demonstrasi Konseptual Modul 2.1 - RPP Berdiferensiasi.pdfDemonstrasi Konseptual Modul 2.1 - RPP Berdiferensiasi.pdf
Demonstrasi Konseptual Modul 2.1 - RPP Berdiferensiasi.pdf
 
PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1
PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1
PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1
 
Modul Ajar Bahasa Inggris Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 11 Fase F Kurikulum MerdekaModul Ajar Bahasa Inggris Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 11 Fase F Kurikulum Merdeka
 
Kalender Pendidikan tahun pelajaran 2023/2024 Kabupaten Temanggung .pdf
Kalender Pendidikan tahun pelajaran 2023/2024  Kabupaten Temanggung .pdfKalender Pendidikan tahun pelajaran 2023/2024  Kabupaten Temanggung .pdf
Kalender Pendidikan tahun pelajaran 2023/2024 Kabupaten Temanggung .pdf
 
LAPORAN BIMBINGAN TEKNIS TRANSISI PAUD - SD.pdf
LAPORAN BIMBINGAN TEKNIS TRANSISI PAUD - SD.pdfLAPORAN BIMBINGAN TEKNIS TRANSISI PAUD - SD.pdf
LAPORAN BIMBINGAN TEKNIS TRANSISI PAUD - SD.pdf
 
Modul Ajar Kimia Kelas 10 Fase E Kurikulum Merdeka
Modul Ajar Kimia Kelas 10 Fase E Kurikulum MerdekaModul Ajar Kimia Kelas 10 Fase E Kurikulum Merdeka
Modul Ajar Kimia Kelas 10 Fase E Kurikulum Merdeka
 
Projek Penguatan Profil Pelajar Pancasila SD.pdf.pdf
Projek Penguatan Profil Pelajar Pancasila SD.pdf.pdfProjek Penguatan Profil Pelajar Pancasila SD.pdf.pdf
Projek Penguatan Profil Pelajar Pancasila SD.pdf.pdf
 
Tokoh Pendidikan Universitas Negeri Jakarta.pdf
Tokoh Pendidikan Universitas Negeri Jakarta.pdfTokoh Pendidikan Universitas Negeri Jakarta.pdf
Tokoh Pendidikan Universitas Negeri Jakarta.pdf
 
Juknis Materi KSM Kabkota - Pendaftaran[1].pdf
Juknis Materi KSM Kabkota - Pendaftaran[1].pdfJuknis Materi KSM Kabkota - Pendaftaran[1].pdf
Juknis Materi KSM Kabkota - Pendaftaran[1].pdf
 
Pemutakhiran Data dosen pada sister.pptx
Pemutakhiran Data dosen pada sister.pptxPemutakhiran Data dosen pada sister.pptx
Pemutakhiran Data dosen pada sister.pptx
 
Perencanaan Berbasis Data Satuan Pendidikan Jenjang SMP
Perencanaan Berbasis Data Satuan Pendidikan Jenjang SMPPerencanaan Berbasis Data Satuan Pendidikan Jenjang SMP
Perencanaan Berbasis Data Satuan Pendidikan Jenjang SMP
 

Introduction to Flutter(lanjutan).pdf

  • 2. Stateless Widget Stateful Widget Input Data Widget Renders UI Input Data Widget Renders UI Internal State
  • 3. Stateless Widget class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return Container() } } Stateless Widget adalah Widget yang tidak dapat dirubah atau tidak akan pernah berubah
  • 4. Stateful Widget class MyWidget extends StatefulWidget{ @override _MyWidgetcreateState() => _MyWidget(); } class _MyWidget extends State<MyWidget>{ @override Widget build(BuildContextcontext){ return Container(); } } • Stateful Widget adalah sebuah widget yang menyimpan variable (state). • Widget dinamis. • Misalnya : saat pengguna berinteraksi dengan sebuah tombol, dapat mengubah status/variabel di dalam widget => Widget refreshed/diperbarui .
  • 5. Tugas 3 Kelompok • Buatlah tampilan widget seperti minggu lalu dan tambahkan stateless widget dan stateful widget minimal masing-masing 1 dari projek kalian, • Kirimkan tugas dalam bentuk laporan lengkap dengan screenshot tampilan, screenshot code, dan penjelasan terhadap keduanya, tunjukkan mana yang termasuk stateless widget dan stateful widget • Deadline 1 oktober pukul 23.59 • Pertemuan minggu depan tiap kelompok tunjukan sebagai progress report
  • 6. Format email • Email : nadhilanurdin@usk.ac.id • Subject : TIK-505-Tugas3_kelompok ex: TIK-505-Tugas3_1 • file : Tugas3_Kelompok ex : Tugas3_1