CERITA KULIAH BAGIAN 3

Yup kali ini saya akan mempost cerita saya di perkuliahan masih tentang perkenalan / basic aplikasi WP. tapi kali ini  ada  video tutorial perkenalan / basic aplikasi WP. langsung saja ga usah lama lama kita ke TKP !

video pertama “accepting input” kita akan dibimbing untuk membuat aplikasi, dimana aplikasi tersebut bisa menerima apapun sesuai yang di masukan ,dan saat user input sesuatu maka otomatis aplikasi akan memunculkannya. seperti yang tertera pada gambar di bawah ini

di saat kita memasukan atau mengetik kata apapun di textbox , maka akan muncul di textblock ,
Kemudian fungsi dari button clear  adalah menghapus semua tulisan yang sudah di ketik. Contohnya klik saja button clear tersebut dan otomatis kata-kata yang sudah diketik akan hilang.



dan  jangan lupa pertama kita lakukan adalah membuat sebuah file atau sebuah project. Pilih file – new project. Jangan lupa pilih windows phone application dan  pilih visual c#. beri nama file dengan “AcceptingInput”, pilih browse dan tempatkan filenya di folder yang kita inginkan. Dan samakan Name dan Solution Name nya. Dan klik ok.

Kemudian Pilih OS 7.1

pertama-tama kita harus memasukkan 3 hal ke dalam aplikasi kita yaitu textbox, textblock dan button seperti pada gambar di  bawah

textbox pun beri nama sesuai yang ada gambar dibawah , Textnya  dikosongkan.

Label textblock dengan nama mytextblock dan Text nya juga dikosongkan

Double klik pada button dan akan keluar MainPage.xaml.cs dan masukkan coding seperti yang ada digambar,  jalankan emulatornya dan ketik sesuatu apakah akan muncul teks yang sudah diketik.

stop emulatornya dan kita akan melakukan beberapa perbaikan. Coding yang tadi di comment dengan mengetikkan “//”. Dan ketik lagi coding yang 1 baris sesuai yang ada digambar. Jadi coding yang hanya sebaris ini sama dengan coding yang 3 baris. Ini adalah salah satu perbaikan yang kita lakukan, 3 baris coding ini akan di handle oleh coding yang 1 baris ini dan jalankan emulatornya kemudian coba ketik lagi maka hasilnya pun akan sama dengan yang tadi .

untuk ke depannya disarankan gunakan coding yang hanya sebaris ini dan tidak disarankan dengan coding 3 baris agar tidak membutuhkan pemrosesan data yang lain lagi.

perbaikan selanjutnya yang akan kita lakukan adalah bagaimana user mengetik kata dan langsung muncul ke textblock tanpa perlu menggunakan button Click Me, jadi tidak perlu klik button untuk memunculkan kata dari textbox, tetapi ketika user mengetik kata-kata, secara otomatis kata-kata tersebut langsung muncul di textblock. Selain properties, textbox ini memiliki event yang letaknya ada di sebelah kanan bawah, namanya Properties for the selected element, yang gambarnya listrik. Pilih dan klik dan akan muncul berbagai macam eventnya. Disini ada banyak, yang kita butuhkan adalah “TextChanged” jadi ketika teksnya berubah, maka “TextChanged” ini akan menjalankan sebuah fungsi. Pilih TextChanged dan double klik maka akan muncul MainPage.xaml.cs.

copy coding yang sebaris tadi dan paste di private void MyTextBox_TextChanged.. di save dan jalankan emulatornya.

udah terlihat beberapa perbaikan yaitu kita sudah mengurangi 1 pekerjaan yaitu klik button. Jadi kita tidak usah mengklik button tapi langsung ketika user mengetikkan pada inputan maka secara otomatis hasil ketikannya itu akan ditampilkan. Ini merupakan fungsi dari Event – TextChanged.

Sekian Postingan dari saya , dan tidak lupa saya ucapkan terima kasih sebesar besarnya kepada pihak pihak yang tak mungkin saya sebutkan semua terutama pada bapak dosen , sampai jumpa lagi dengan postingan saya berikutnya , akhir kata kesempurnaan hanya milik allah , kekurangan milik saya seorang .