Headline

Latihan Widget Sederhana

 

Latihan dasar widget

Buat Project Baru

 

Kemudian pada tampilan berikutnya, pilih Fullter sebagai frameworknya, kemudian pada SDK path (2), arahkan pada direktori tempat anda mengekstrak Flutter (3). Lalu tekan OK (4)

Tekan Next. Lalu pada tampilan berikutnya isi project nama (diawali huruf kecil) (1), isi deskripsi (opsional)(2), lalu tekan Finish

Pada Window baru yang muncul, perhatikan bagian kiri seperti gambar dibawah ini. Arahkan lalu klik 2x pada file main.dart

Untuk memudahkan pemahaman, klik pada tanda dibawah ini untuk menyingkat tampilan class, block dua class terakhir lalu hapus. Sehingga hanya ada class MyApp extends StatelessWidget

buka kembali class MyApp extends StatelessWidget, lalu perhatikan kotak-kotak pada gambar dibawah ini!

Edit bagian tersebut sehingga seperti ini,

Tambahkan file Dasboard

Klik kanan pada folder lib, pilih New, Dart File

Beri nama dasboard_view

Pada file dashboard_view, ketikkan syntax berikut

Menjalankan Program

Untuk menjalankan hasilnya, pilih pada bagian gambar diatas no 1, disini saya menggunakan chrome untuk simulasinya(2), lalu klik tombol segitiga hijau(3)

 

Jika terdapat error, coba ubah file pubspec.yaml, cari sdk, lalu ubah nilainya

sdk: ">=2.10.0 <3.0.0"

 

buka tab terminal dibagian paling bawah, lalu ketikkan flutter pub get. Setelah itu ulangi langkah menjalankan Program.

Hasilnya tampak seperti dibawah ini  menggunakan chrome dan emulator

 

Lain di depan, lain di belakang

Kisah ini di ilhami dari kisah nyata, yang semoga kita bisa ambil pelajaran dari kisah ini

Aku adalah seorang pria yang mempunyai kekasih semenjak SMA. Perjalanan kisah cinta yang pada umumnya orang berfikir sangat menyenangkan. Memang betul, hingga berlanjut selama 5 tahun kita memadu kasih. Sampai mengorbankan segalanya untuk mempertahankan cinta sejati dengan tulus dan ikhlas merawat cinta kita berdua.

Suatu hari orang tuaku menanyakan tentang hari lamaranku dengannya, berlanjut dari situ..aku kemudian menanyakan hal tersebut kepadanya, di lain kesempatan. Namun, ia belum mau membahas hal tersebut melihat usia dia yang memang masih muda. Ditambah lagi sudut pandang dia yang menilai orang tuaku belum serius mau menerimanya. Benar, hubungan kita pada 2 tahun di awal pacaran, orang tuaku tidak setuju tentang hubungan ini. Namun banyak sudah perjuangan yang aku tunjukan dan pengorbanan yang kulakukan membuat orang tuaku akhirnya meminta keseriusan hubungan ini.

Layaknya muda-mudi berpacaran, kita memang tidak setiap hari bertatap muka, namun dapat dipastikan setiap hari kita melakukan kontak walau hanya lewat telepon. Meski hanya sekedar bertanya "lagi apa?", "sama siapa?", "dimana?", "sudah makan?" atau pertanyaan lainnya yang meskipun berulang-ulang namun dapat mengobati rasa rindu yang sesaat. Kala itu, aku hendak berangkat ke kantor, yang kebetulan aku dapat shift malam. Sebelum berangkat, sudah kusiapkan bekal makan untuk istirahat ku nanti, bahkan kubawakan juga bekal yang nantinya akan aku berikan padanya ketika pulang dari tempat kerja untuk mampir ke rumahnya.

Aku niatkan untuk menelponnya saat sampai di tempat kerja, sekedar memberitahukan bahwa sepulang nanti aku akan mampir ke rumahnya. Saat perjalanan ke tempat kerja, kulihat sepasang kekasih yang tengah asyik bermesraan. Tangan pria yang dengan penuh cinta melingkar di pinggang si wanita. Berjalan berirama bagaikan jalan milik berdua. Tapi, ada yang ganjil..kuperhatikan sang wanita tampak ada hal yang di sembunyikan. Wajahnya menunduk dan seperti takut membawa rasa bersalah. Hingga tak kurasa kendaraanku mulai jauh melewati mereka. Dalam sekejap pikiranku mulai mengingat pujaan hatiku Mengingat saat aku jalan dengannya.. caranya berbusana, langkahnya berjalan, bahkan aura tubuhnya sangat mengingatkanku pada wanita yang barusan kulewati.

Tak terasa kuberhentikan motor, lalu memutar arah untuk memastikan bahwa pikiran negatif ini memang salah. Kudekati pasangan tadi tepat di hadapan mereka. Jantung yang tak lagi berirama, seolah terkena serangan jantung. Nafas yang berat bagaikan terkena serangan virus Corona. Oh, tidak.. kakiku terasa lemas..mati rasa sampai tak kurasakan kaki ini masih menginjak bumi. Dia...wanita dihadapanku saat ini..adalah kekasihku.. iya, kekasih yang selama 5 tahun ini menjalin hubungan pacaran denganku. Dengan suara lirih dan gemetar kutanyakan padanya: "Sudah berapa lama kamu jadian dengan Dia?". Lalu dengan pertanyaan serupa dia arahkannya lagi pada cowo disampingnya. "Sudah 6 bulan", jawab cowo tersebut. Kubalas jawabannya dengan kalimat "Aku sudah berpacaran dengannya selama 5 tahun". Perempuanku tampak shock dengan ekspresi yang tak beraturan. Perempuanku..hanya bisa mencoba agar tidak terjadi pertikaian di antara aku dan kekasih barunya itu.

Tak tentu rasa yang kualami saat ini, bercampur aduk.. seperti cairan kimia dengan komposisi tak beraturan dan reaksi air mendidih menghasilkan uap, setetes cairan salah dapat meledakkan segalanya. Ya..itu yang kurasakan. Aku mencoba untuk mengendalikan suasana. Dan keinginan untuk segera pergi dari sini yang tak lagi dapat ku bendung. Saat keluar kata dari mulutku: "Dik, mau kemana sekarang?", perempuanku pasti tau ketika kalimat itu keluar dari mulutku. Pasti, aku akan membawanya ke tempat yang diinginkannya. Dengan rasa bersalah dia menjawab: "Adik ingin sama dia bang". "Dia" katamu? cowo yang jalan bersamamu? kamu memilih "Dia" dibandingkan pria yang telah 5 tahun bersamamu ini. Susah kutarik nafas, jantungku tak lagi memompa darah keseluruh tubuh. Hanya berfokus pada hati yang semoga tidak copot. Aku dikhianati, dan ini sakiiit...

Setelah jantungku mulai sadar akan fungsinya kembali, akupun langsung berkendara meninggalkan mereka. Hari-hariku tak lagi dihiasi rindu melainkan benci. Teleponku tak lagi menunjukkan tanda-tanda kehidupan..yang aku pun tak peduli. Sendiri... aku hanya ingin sendiri...

Seminggu setelah berlalu, waktu yang masih kurang untuk melupakan kejadian malam itu. Dia datang kerumah untuk meminta maaf. Dan... anehnya, meminta aku untuk menerimanya kembali. Jujur, aku masih mencintainya..
Tapi, tidak.. bukan hanya karena nilai kepercayaan yang sulit untuk kembali, tapi juga rasa sakit dikhianati pujaan hati. Yang mungkin jika dilanjutkan, bahkan sampai berkeluarga sekalipun, aku akan menyesalinya. Tidak..Tak bisa kulihat ketulusan cintamu lagi, untuk aku. Aku yang demimu harus melawan orang tua, demimu harus pengorbankan segalanya. Maafkan aku ayah, ibu.. aku telah salah. Ya Allah, ampuni dosaku, atas segala khilafku.

⧫⧫⧫

Cerita di atas semoga bisa dijadikan pelajaran, betapa banyaknya kepalsuan dalam pacaran. 
Banyaknya kebohongan dan kedustaan yang menghiasi pacaran. 
Demi image baik di mata sang primadona, 
rela berbohong, melawan orang tua,  melanggar aturan agama. 
Pacaran lama takkan menjamin kekuatan cinta, 
cinta pupus tinggallah derita. 

Lima tahun bukan waktu yang singkat, selama itu pula dosa yang telah dilakukan. 1800 hari lebih dosa yang kian bertambah.
Jika sudah menikah bisa cerai, apalagi yang pacaran. 
Jika pacaran sudah berani mengkhianati, 
dusta saat sudah menikah bukan hal biasa lagi. 

Dari Abdullah bin Mas'ud r.a berkata: Sesungguhnya Nabi Muhammad SAW pernah bersabda: "Perhatikan! Aku akan terangkan kepada kamu apakah dia al-Adhhu? Ia adalah umpatan yang biasa diucapkan di kalangan orang ramai. Sesungguhnya Nabi Muhammad SAW juga pernah bersabda: Seseorang yang biasa berlaku jujur, maka dia akan dicatat sebagai orang yang jujur. Sebaliknya orang yang biasa berbohong (berdusta) maka dia akan dicatat sebagai pembohong."

Adik-adik yang budiman, sering kali saya tekankan dalam pelajaran bahwa, 
Pintar tanpa akhlak hanya akan menjadi bencana,
Tapi ilmu ditangan orang berakhlak akan membawa berkah.
Orang yang biasa berkata baik, sulit ketika mulutnya hendak berkata kotor. Seolah mulutnya terkunci, ada yang menahan. Tapi orang yang biasa mengumpat, keluar bahasa kebun binatang, maka sudah tak asing mulutnya berkata hal yang bahkan akan lebih kasar lagi. 

Maka adik-adik, mari kita belajar untuk 
Biasakanlah kebenaran, bukan membenarkan kebiasaan 
Semoga kita bisa jadi orang yang berakhlak mulia mencontohkan Nabi Muhammad SAW. Aamiin YRA

Pola Kotak ABCDE dengan C Sharp

Selamat datang kembali di web ini.. Setelah artikel sebelumnya kita membahas tentang pola kotak menggunakan karakter bintang '*', kemudian sudah kita coba juga dengan menggunakan angka. Hm.. tertarik dengan mencoba yang lain? bagaimana kalau kita coba pola seperti dibawah ini!
Tugas 1
AAAAA
BBBBB
CCCCC
DDDDD
EEEEE

Atau yang satu ini?
Tugas 2
ABCDE
ABCDE
ABCDE
ABCDE
ABCDE

Silahkan coba dulu dibawah sini deh, terus klik tombol run

prerequisite 

Sudah ada yang bisa? kalau belum, kita akan mulai bahas bareng mulai dari hal yang perlu diketahui.
Hal, yang pertama yaitu tipe variabel char
char adalah type variabel yang hanya menampung satu karakter, sedangkan string dapat menampung lebih dari satu karakter. Pada penggunaannya pun terdapat perbedaan, jika char, karakternya diapit oleh kutip satu ( ' ) sedangkan string diapit oleh kutip dua ( " ). Karena tipe string bisa memiliki lebih dari satu tipe char, maka string sendiri bisa dikatakan variabel bertipe array char.

Pembahasan

Sekarang perhatikan syntax dibawah ini!
for (int j=1;j<=5;j++)
{
Console.Write(j);
}

Syntax diatas menunjukan hasil berikut:
12345
coba kita ubah variabel 'j' yang tadinya bertipe int, menjadi char. dan diawali dari karakter 'A' sampai 'E'.
Maka perubahannya menjadi:

for (char j='A';j<='E';j++)
{
Console.Write(j);
}

Silahkan kalian coba terlebih dahulu, dan hasilnya seperti tampak dibawah ini:
ABCDE

Jika ingin mengerjakan Tugas 1 diatas, maka hasil syntax seharusnya seperti ini:
using System;
     
public class Program
{
 public static void Main()
 {
  char i;
  char j;
  
  for (i='A';i<='E';i++)
  {
   for (j='A';j<='E';j++)
   {
    Console.Write(i);
   }
    Console.WriteLine();
  }
Console.ReadLine();  
 }
}

Kita dapat meletakkan tipe variabel, di awal/diluar scope/blok fungsi for. Hal ini lebih baik sebagai pembiasaan, agar ketika dikemudian hari ada perubahan syntax, akan lebih memudahkan kita mengubah nya untuk update, maupun perbaikan.
Berlanjut ke Tugas 2, jika Tugas 1 sudah kalian coba dan pahami, tentu Tugas 2 ini bukanlah hal yang sulit lagi. Kita cukup ganti variabel yang terletak di dalam Console.Write(i); menjadi variabel 'j'. Dan lihat hasilnya
Ada pepatah mengatakan,
ala bisa karena biasa
Jangan lupa berlatih, karena itu bagian dari belajar.
Semoga materi ini bisa bermanfaat dan menambah wawasan kita. Jangan lupa share agar lebih membawa manfaat dan amal ibadah bagi kita semua. Terima kasih, nantikan artikel selanjutnya..

Pola Kotak Deret Angka C sharp Ver 2

Halo semuanya, bagaimana materi belajarnya? semoga sudah mulai menguasai. Setelah sebelumnya kita belajar tentang membuat pola dengan bintang '*' kemudian angka, sekarang kode yang sebelumnya akan saya ubah agar lebih mudah untuk dimengerti. Kode yang sebelumnya seperti ini

using System;
    
public class Program
{
 public static void Main()
 {
  for(int forBaru=1;forBaru<=5;forBaru++)
  {
   for(int barisanBintang=1;barisanBintang<=5;barisanBintang++)
   {
   Console.Write(barisanBintang);
   }
   Console.WriteLine(); 
  }
  Console.ReadLine();
 }
}

dengan hasil seperti ini

12345
12345
12345
12345
12345

apabila dalam fungsi Console.Write(); nya adalah variabel barisanBintang, maka hasil seperti di atas bisa kita simpulkan bahwa variable barisanBintang merepresentasikan banyaknya jumlah kolom, dan forBaru merepresentasikan banyaknya jumlah baris. Sehingga akan lebih mudah jika kita ubah nama variablenya menjadi baris dan kolom seperti dibawah ini

using System;   

public class Program
{
 public static void Main()
 {
  for(int baris=1;baris<=5;baris++)
  {
   for(int kolom=1;kolom<=5;kolom++)
   {
   Console.Write(kolom);
   }
   Console.WriteLine(); 
  }
  Console.ReadLine();
 }
}

Sekarang kalau kita ingin menambahkan jumlah baris sebanyak 6?
maka syntax berikut for(int baris=1;baris<=5;baris++) ubah nilai 5 nya menjadi 6.
Sekarang coba ganti syntax Console.Write(kolom); ubah kolomnya menjadibaris. Maka hasilnya seperti dibawah ini. Syntax berikut akan menampilkan banyaknya baris sebanyak 6, dan kolomnya sebanyak 5. Dan kita sudah bisa membuat Kotak Angka versi 2
11111
22222
33333
44444
55555

Silahkan kalian lakukan percobaan dengan mengganti jumlah kolom dan barisnya di kolom di bawah ini.
Selamat berlatih :)

Pola Kotak Deret Angka C Sharp

Intermezo

Bagaimana tugas artikel sebelumnya? ada yang sudah mengerjakannya?
Sekilas info saja, karena artikel ini dibuat saat banyak negara sedang dilanda serangan virus corona. Bagi adik-adik di rumah, jangan lupa belajar, istirahat yang cukup, olah raga sebisanya, jaga kesehatan. Kita tetap masih bisa belajar dirumah dan beribadah dengan baik. Dan bagi teman-teman kita yang sedang sakit, semoga segera diberi kesembuhan.

Pendahuluan

Menindaklanjuti artikel sebelumnya, kita sudah bahas pola awal, yaitu membuat kotak bintang menggunakan bahasa pemrograman C Sharp. Di artikel kali ini, saya akan coba kembangkan lagi dari yang menampilkan bintang '*' akan kita coba dengan menggunakan deret angka, sehingga kedepannya kita bisa membuat pola yang lebih variatif lagi berdasarkan deretan angka dan posisi yang akan kita pelajari dalam artikel ini. Baiklah bagi anda yang sudah mencoba dari artikel sebelumnya, berikut saya akan tunjukkan cara mengubah karakter bintang '*' menjadi angka. Pada dasarnya, kita cukup mengganti string "*" pada program sebelumnya, dengan angka. Namun, jika kita ganti, contoh saja dengan '1' maka program kita akan menjadi seperti ini

using System;
     
public class Program
{
 public static void Main()
 {
  for(int forBaru=1;forBaru<=5;forBaru++)
  {
   for(int barisanBintang=1;barisanBintang<=5;barisanBintang++)
   {
   Console.Write("1");
   }
   Console.WriteLine();  
  }
  Console.ReadLine();
 }
}
dengan output seperti berikut
11111
11111
11111
11111
11111
tentu itu bukan suatu deret angka yang kita inginkan. Lalu, bagaimana membuat deret angkanya? Sebelum itu, saya akan coba bahas sedikit tentang variable yang kita miliki. Dilihat dari program di atas.. kita punya dua variable, yaitu barisanBintang dan forBaru. Perhatikan blok perulangan dibawah.
for(int barisanBintang=1;barisanBintang<=5;barisanBintang++)
   {
   Console.Write("1");
   }
ketika pertama kali di eksekusi, berapa nilai variable barisanBintang nya? tepat sekali bagi kalian yang menjawab 1 :) lalu berapa isi variable barisanBintang untuk perulangan kedua kalinya? tentu akan menjadi 2. Dan selalu bertambah satu setiap kali mengeksekusi perulangannya. Maka, kita bisa gunakan variable ini untuk menampilkan deret bilangan. Sehingga program kita akan menjadi berikut;

Syntax

using System;
     
public class Program
{
 public static void Main()
 {
  for(int forBaru=1;forBaru<=5;forBaru++)
  {
   for(int barisanBintang=1;barisanBintang<=5;barisanBintang++)
   {
   Console.Write(barisanBintang);
   }
   Console.WriteLine();  
  }
  Console.ReadLine();
 }
}
Bagaimana, sudah ada gambaran tentang program kita ini? pada artikel berikutnya kita akan membahas lebih dalam lagi tentang pola kotak deret angka dari variannya. silahkan berlatih, selamat mencoba :)

Perulangan For Menggunakan Bahasa C Sharp

Dalam Bahasa C sendiri terdapat 3 jenis perulangan. Dan yang akan kita pergunakan adalah perulangan menggunakan for

Kenapa perulangan for? 

Mari kita pahami perbedaan yang sangat khas dari perulangan for ini; yaitu,
Penggunaan for akan lebih efisien apabila jumlah perulangan yang diinginkan telah diketahui
. Ketika kita akan menampilkan tulisan “saya suka pemrograman”, maka syntaxnya adalah

using System;
  
public class Program
{
 public static void Main()
 {
  Console.WriteLine("saya suka pemrograman");
 }
}

Contoh kasus

Di kasus lain, ada kondisi dimana kita perlu untuk mengulang pernyataan yang sama. Contoh disini kita akan mengulang kalimat "saya suka pemrograman" sebanyak 5 kali. Bisa saja kita tinggal ulang saja pernyataannya sebanyak 5 kali dengan copy-paste menjadi seperti berikut...

using System;
  
public class Program
{
 public static void Main()
 {
  Console.WriteLine("saya suka pemrograman");
  Console.WriteLine("saya suka pemrograman");
  Console.WriteLine("saya suka pemrograman");
  Console.WriteLine("saya suka pemrograman");
  Console.WriteLine("saya suka pemrograman");
 }
}
cara diatas tidak lah salah, tapi bayangkan bila kita harus menampilkan sebanyak seribu kalimat yang sama. Bahkan lebih dari itu, haruskah semuanya diketik manual, atau copy-paste? Tentu hal yang sangat merepotkan, belum lagi kita harus memastikan jumlahnya sesuai dari keinginan kita. Kasus diatas, sangat memungkinkan kita menggunakan perulangan dengan menggunakan fungsi
for , dikarenakan kita sudah mengetahui jumlah perulangan kalimat yang kita inginkan. Syntax dibawah ini mencontohkan untuk menampilkan kalimat "saya suka pemrograman" sebanyak 1000 kali.

using System;
  
public class Program
{
 public static void Main()
 {
 for(int i=1;i<=1000;i++)
 {
  Console.WriteLine("saya suka pemrograman");
 }
 } 
} 

Penjelasan

for = adalah kata kunci yang kita gunakan untuk menggunakan fungsi for
int = jenis variable bertipe integer (bilangan bulat)
i = adalah variable yang kita buat untuk menampung nilai bilangan bulatint i=1; = variable i diberikan nilai awal 1
i<=1000; = lakukan perulangan selama c <= 1000
i++ = variable i akan bertambah satu setiap sekali perulangan

sehingga, syntax for(int i=1;i<=1000;i++)
bisa di pahami bahwa perintah tersebut, memerintahkan pernyataan dilakukan dari
i bernilai awal 1, dan lakukan perulangan selama i lebih kecil atau sama dengan 1000,
lalu nilai i, bertambah 1 setiap sekali perulangan.

Anda tidak perlu khawatir jika masih sedikit bingung. Lakukan praktek sendiri agar
lebih jelas, dan ikuti juga artikel berikutnya yang akan membahas contoh penggunaan
perulangan dalam membuat pola

Cara Membuat Pola Bintang Program C Sharp

Prerequirement 

Sebelum melatih skill kita dalam membuat pola bintang ini, sangat disarankan kita terlebih dahulu mengetahui basic tentang penggunaan syntax perulangan dalam Bahasa C. Karena kedepannya, kita akan banyak sekali menggunakan perulangan dalam membuat pola.
Disini diharapkan kalian sudah jelas dalam menggunakan perulangan for. Dan memahami perulangan di dalam perulangan, atau dalam istilah lainnya nested loop. 
Perhatikan contoh dibawah ini

using System;
     
public class Program
{
 public static void Main()
 {
  for(int barisanBintang=1;barisanBintang<=5;barisanBintang++)
  {
   Console.Write("*");
  }
  Console.ReadLine();
 }
}

Deret bintang

Jika kita menjalankan syntax diatas, makan outputnya akan menampilkan
***** bintang sebanyak 5 kali secara horizontal
lalu, bagaimana jika kita ingin mengulang output tersebut ***** sebanyak 5 kali?
menjadi |*****| |*****| |*****| |*****| |*****| ?
maka kita bisa melakukan perulangan di dalam perulangan. Sehingga for yang awal, berada di dalam for baru
maka syntax kita menjadi seperti berikut:

using System;
     
public class Program
{
 public static void Main()
 {
  for(int forBaru=1;forBaru<=5;forBaru++)
  {
   for(int barisanBintang=1;barisanBintang<=5;barisanBintang++)
   {
   Console.Write("*");
   }
  }
  Console.ReadLine();
 }
}

Kotak bintang

Sekarang kita akan memodifikasi syntaxnya agar terlihat seperti berikut
*****
*****
*****
*****
*****
dengan menggunakan tambahan code writeLine(); , setelah keluar dari perulangan yang mencetak deret bintang.
Perhatikan syntax berikut,

using System;
     
public class Program
{
 public static void Main()
 {
  for(int forBaru=1;forBaru<=5;forBaru++)
  {
   for(int barisanBintang=1;barisanBintang<=5;barisanBintang++)
   {
   Console.Write("*");
   }
   Console.WriteLine();
  }
  Console.ReadLine();
 }
}

keyword writeLine disini berfungsi untuk berpindah baris. Sehingga setelah mencetak satu deret bintang, maka deret bintang berikutnya akan dicetak di bawahnya karena perpindahan baris. coba kalian modifikasi karakter bintang dengan menampilkan deret angka! selamat berlatih dan tunggu jawabannya di artikel berikutnya :)

Popular Tags

Social Counter