3nd College Days | Windows Phone - 11 Oktober 2013

Introduction

Halo, apa kabar semuanya? semoga kalian semua sehat selalu.
Tidak seperti biasanya, pada pertemuan sebelumnya isi dari posting saya berisi cerita kuliah.
Tapi untuk kedepannya, saya akan menambahkan tutorial dari apa yang saya pelajari.

Baiklah, kali ini saya akan membahas apa yang saya pelajari pada pertemuan ke 3 minggu lalu.
Saya belajar dari tutorial video yang di buat oleh bapak dosen, dan saya cerna kembali untuk ditulis di sini.

Third Meeting | Tutorial #1 Accepting Input

Pada materi ini kami diminta untuk membuat suatu aplikasi sederhana, yakni memasukan sebuah karakter ke dalam aplikasi kami.
Selain itu juga, kami menambah kan sebuah "Button" yang berfungsi untuk menghapus text yang saya ketik tadi. Memang sederhana
tapi tentunya, ini hal penting yang harus kami pelajari.

Baiklah, mari buka applikasi Visual Studio Windows Phone pada PC Anda.

Langkah 1 : Membuat sebuah file/project

• klik "File", Lalu pilih "New Project..."

1.1 New Project

• Klik tab "visual C#", Lalu pilih "Windows Phone Application"

• Isikan nama: "Accepting Input" dan tentukan "Location" untuk tempat penyimpanan file tersebut.

• Lalu klik "OK"

1.2 New Project Overview

• Pada jendela selanjutnya, Pilih windows platform yang ingin anda gunakan, tapi di sini saya menggunakan "Windows Phone OS 7.1"

• Lalu klik "OK", maka file project anda telah berhasil dibuat.

1.3 Windows Phone Platform Overview

Langkah 2 : Membuat Applikasi menggunakan Textbox, Textblock, dan Button

• Pada toolbox, geser element "Textbox", "Textblock, dan "Button" ke dalam Designer. Liat seperti gambar dibawah ini:

2.1 Add Button, Textbox, Textblock

Lalu ganti properties pada masing-masing element di atas:

[Button]
Name : Click Me
Content : Click Me

[Textbox]
Name :  mytextbox
Text : (dikosongkan)

[Textblock]
Name : mytextblock
Text : (dikosongkan)

2.2 Propeties added

• Selanjutnya, klik kanan pada Button: click Me, pilih "view code" untuk menuju ke tempat pembuatan scriptnya.

ketik scrpit ini persis pada gambar di bawah:

2.3 Script sample #1

Script 1:

String newValue;<br> newValue = mytextbox.Text;<br> mytextblock.Text = "Anda mengetik: " + newValue;

atau yang lebih singkat
Script 2:

mytextblock.Text = "Anda mengetik: " + mytextbox.Text;

Tes program anda dengan cara menekan f5
coba anda inputkan text, lalu klik tombol "Click Me"
Maka lihatlah hasilnya.

2.4 My application

Langkah 3 : Menambahkan Event

• Pada designer, klik textbox.

• Pada properties, pilih "Events"

• Double klik pada "TextChanged", maka anda akan masuk ke tempat pembuatan scriptnya.

3.1 Event and Text Changed

• copy paste script di langkah 2 tadi.

coba lihat gambar di bawah ini

3.2 Script sample #2

• lalu coba tes aplikasinya dengan menekan f5

maka hasilnya, setiap text yang anda ketik akan langsung muncul tanpa perlu meng-klik tombol apapun.

Sekian dulu tutorial dari saya, mohon maaf bila masih ada kekeliruan pada postingan saya. Semoga ilmu yang saya tulis dapat bermanfaat bagi kita semua.