Membuat Tutorial Validasi Email dengan Menggunakan Microsoft Visual Studio C#

Halo para YOLOerrss... Pada kesempatan kali ini saya akan share bagaimana cara membuat validasi untuk email yang sederhana dengan menggunakan Micrsoft Visual Studio C#. Langsung saja kita simak bersama-sama!

Langkah 1

  Buat Project baru dengan memilih File > New Project > pilih template Windows Form Application. Beri nama dan klik Ok.

Langkah 2

   Buat tampilan seperti ini.

   

Langkah 3

   Pada bagian ini kita akan fokus pada Coding. Yaitu, double click pada button submit, maka kita akan pindah ke halaman Coding. Saatnya kita membuat validasi dengan menggunakan fungsi If.

Pada tampilan diatas dapat diketahui bahwa, jika format email mengandung karakter seperti

- tidak memiliki "."

- tidak memiliki "@"

- memiliki ".@"

-memiliki "@."

maka validasi email akan dianggap sebagai error, karena tidak sesuai dengan kriteria.

Apabila validasi memenuhi kriteria, maka akan muncul pesan bahwa validasi tersebut berhasil, dan applikasi akan menangkap nama user (bla bla) sebagai indeks pertama, nama domain sebagai (yoloo) sebagai indeks kedua, dan com sebagai indeks ketiga.

Sekian sedikit tutorial dari saya mengenai pembuatan validasi email dengan menggunakan Microsoft Visual Studio C#. Saya mohon maaf apabila ada kesalahan kata dan tidak berkenan bagi pembaca. Semoga tutorial ini dapat berguna bagi pembaca sekalian.

Terima kasih atas perhatiannya
Salam YOLO.....

Jordan Febrian

1601216111

Information System and Management Student

Bina Nusantara University

www.binus.ac.id

Membuat Tutorial Proper Case dengan menggunakan Microsoft Visual Studio C#

Halo para YOLOerrss... Pada kesempatan kali ini saya akan share bagaimana cara membuat Proper Case yang sederhana dengan menggunakan Micrsoft Visual Studio C#. Proper Case merupakan salah satu metode dalam memanipulasi String atau memanipulasi data berupa huruf maupun kata dan tulisan. So.. langsung saja kita simak langkah - langkahnya!

Langkah 1

  Buat Project baru dengan memilih File > New Project > pilih template Windows Form Application. Beri nama dan klik Ok.

Langkah 2

   Buat tampilan seperti ini.

Langkah 3

    Pada Textbox2 buat enabled - nya menjadi "false" sehingga tidak bisa di edit. Karena TextBoxt 2 hanya berfungsi sebagai output akhir.

Pada langkah selalanjutnya kita akan beralih ke tahap Coding.

Langkah 4

    Kita double click pada button Lower case dan mulai memasukan logika dimana tulisan atau text pada textbox1 sama dengan textbox2 namun tulisannya dirubah menjadi tulisan cetak kecil semuanya.

   

   Lakukan hal yang sama dengan mendouble click button Upper Case namun hasilnya semua huruf dalam tulisan tersebut akan berubah menjadi huruf kapital.

  Untuk Proper case, caranya sedikit berbeda, yaitu pertama kita perlu membuat library seperti ini.

Library tersebut berguna untuk mendefinisikan Kelas CultureInfo yaitu kelas yang berfungsi menampung data tipe String, namun dengan persyaratan tertentu, sehingga jadilah proper case.

Setelah ini, applikasi  dapat di jalankan dan inilah hasilnya...

Jika Tombol Lower Case di klik.

Jika Tombol Proper Case diklik.

Jika Tombol Upper Case diklik.

   Sekian sedikit tutorial dari saya mengenai pembuatan Proper Case dengan menggunakan Microsoft Visual Studio C#. Saya mohon maaf apabila ada kesalahan kata dan tidak berkenan bagi pembaca. Semoga tutorial ini dapat berguna bagi pembaca sekalian.

Terima kasih atas perhatiannya
Salam YOLO.....

Jordan Febrian

1601216111

Information System and Management Student

Bina Nusantara University

www.binus.ac.id

Tutorial Membuat Calculator dengan Menggunakan C#

Halo para YOLOerss... mungkin saya ingin share sedikit bagaimana cara membuat kalkulator yang sangat sederhana dengan menggunakan Microsoft Visual C# 2010.. so check this out!

1. Langkah 1

       

      Buat Project baru dengan memilih File > New Project > pilih template Windows Form Application. Beri nama dan klik Ok.

2. Langkah 2

       

       Buat Desain form seperti ini :

      

     Untuk membuat ini cukup dengan menggunakan "Drag and Drop" melalui ToolBox di sebelah kiri

yaitu hanya dengan TextBox dan Button.

3. Langkah 3

       Lakukan langkah 2 hingga menjadi seperti ini :

    Pada bagian ini hanya mengedit dari Button dan Textbox - nya dengan cara mengklik kanan pada Button dan TextBox-nya lalu klik Properties dan nanti akan muncul di sebelah kanan bawah di layar monitor anda.

4. Langkah 4

      Selanjutnya klik TextBox dan lihat pada bagian Properties. Ubah name menjadi "result" (untuk pengubahan name bisa dilakukan dengan bebas, tidak harus result).

 Langkah selanjutnya kita akan lebih banyak berfokus kepada proses Coding. 

5. Langkah 5

       Selanjutnya kita bisa double klik pada pada salah satu Button ( Button 1,2,3,4,5,6,7,8,9,0 atau . )
maka kita akan masuk ke tampilan dimana semua code yang berjalan di form project kita, namun akan muncul satu method atau event yang telah disediakan dari Button yang telah kita pilih.

Setelah di double klik tampilan akan berubah menjadi tampilan yang ada di bawah ini:

      Bisa dilihat code diatas akan menampilkan angka 1 jika Button 1. Pada bagian "Button b = (Button) sender;" itu merupakan sebuah deklarasi yang dimana 'b' akan mewakili atau menampung Button dalam form yang akan kita buat. Pada "result.Text = result.Text + "1";" itu maksudnya apabila Button tersebut di klik maka hasilnya akan di tampilkan dalam TextBox (result).
namun yang tampilan di atas  jika dilakukan akan membuat semua tombol yang kita klik berubah menjadi angka 1, Lohh.. terus yang benar bagaimana? 

ini dia yang benar:

       Seperti yang telah saya jelaskan di atas variable 'b' berguna untuk menampung semua Button yang ada di form kita sehingga "result.Text = result.Text + b.Text;" akan menangkap text yang ada di Button dan akan ditampilkan di result atau TextBox.

        Selanjutnya kita akan menghilangkan angka 0 pada tampilan awal kalkulator pada umumnya. Jadi, jadi apabila kita mengklik Button angka, angka 0 itu akan lenyap dan berubah menjadi angka yang kita pilih.
Caranya kita menambahkan Code seperti ini:

       Jadi, jika text pada TextBox (result.Text) sama dengan 0, maka TextBox akan dikosongkan dan akan ditimpa oleh angka yang kita pilih.
     

6. Langkah 6
     
        Pada langkah ini saya akan masuk pada penerapan-penerapan pada fungsi dari operator aritmatika
(+, -,*, /), namun sebelum kita masuk kesana, ada beberapa pendeklarasian yang perlu kita buat, supaya angka yang muncul yang muncul merupakan data yang berupa angka sehingga bisa dihitung.

     Double berguna untuk menampung data berupa angka, sedangkan String berguna untuk menampung hasil perhitungan angka dan mengkonversikan angka tersubut menjadi sebuah text.

Selanjutnya kita akan kembali ke tampilan design dan menambahkan method pada Button operator aritmatka. Caranya cukup sama dengan cara menambahkan method untuk angka seperti yang di atas saya sudah jelaskan.

      Lakukan hal ini pada semua Button operator (+,-,*,/) , klik bagian event, pada menu Click beri nama Method yang diinginkan sama seperti yang diatas telah saya jelaskan. Setelah itu akan langsung muncul tampilan seperti ini.

      Tampilan ini berisikan method yang disediakan oleh keempat operator tersebut, namun masih kosong.
Mari kita isi kekosongan tersebut!

     Tadi saya sudah jelaskan mengapa kita perlu melakukan beberapa pendeklarasian sebelum kita memasuki penerapan method, yaitu untuk ini, dimana

            Button b = (Button)sender; berguna untuk menampung semua Button yang ada di form

            operation = b.Text;   untuk menangkap dan menghasilkan text yang ada di textbox

            value = Double.Parse(result.Text);    untuk menampung data berupa angka sehingga bisa dihitung                                                                           dan nanti angka tersebut akan dikonversi menjadi text.

Selanjutnya, kita akan menyembunyikan angka atau bilangan pertama yang telah kita masukan apabila kita mengklik Button operator seperti kalkulator pada umumnya. yaitu dengan menambahkan 1 deklarasi dan method lagi seperti pada tampilan berikut.

    Kita melakukan pendeklarasian dengan menggunakan data boolean dengan variable "operation_pressed".
Jika false artinya method dari tombol itu tidak akan diaktifkan ketika tombol operator diklik, sebaliknya jika true maka method dari tombol itu akan aktif apabila diklik.

Nah, sekarang kita akan memasukan method ke tombol sama dengan (=), yaitu dengan menggunakan method switch case seperti tampilan berikut.

Pertama - tama kita kembali ke halaman design dan kita double klik Button sama dengan (=), maka akan muncul satu method yang akan kita isi dengan "switch case".

 switch (operation)
            {
                case "+":
                    result.Text = (value + Double.Parse(result.Text)).ToString();
                    break;
                  ........
                default:
                    break;
            }//end switch

Potongan code diatas menunjukan fungsi-fungsi yang ada di operator aritmatika, yang berupa data hasil olahan atau perhitungan data angka yang hasilnya telah dikonversi menjadi tipe data tulisan atau Text.

Setelah ini seharusnya kalkulator sudah dapat digunakan, namun kita masih kurang 2 Button yang belum diimplementasikan, yaitu tombol Clear dan Clear Entry ( C dan CE). Kita kembali ke halaman design dan double click di tombol C dan CE.

Selama saya menggunakan kalkulator pada umumnya, tombol C dan CE memiliki kegunaan yang sama, yaitu untuk mengosongkan textbox dan mengubah kembali menjadi bentuk awal, yaitu 0 atau isitilahnya untuk me - "reset" kembali.
Berikut merupakan tampilan potongan Code -nya.

                                                                   Method tombol Clear (C)

                                                              Method tombol Clear Entry (CE)

Sekian sedikit tutorial dari saya mengenai pembuatan Calculator dengan menggunakan Microsoft Visual Studio C#. Saya mohon maaf apabila ada kesalahan kata dan tidak berkenan bagi pembaca. Semoga tutorial ini dapat berguna bagi pembaca sekalian.

Terima kasih atas perhatiannya
Salam YOLO.....

Jordan Febrian

1601216111

Information System and Management Student

Bina Nusantara University

www.binus.ac.id