Kamis, 28 Februari 2019

Mengenal Visual Studio Code [bagian 1]

Mungkin bagi kalian akan terdengar tidak asing dengan judul di atas. Yup! Visual Studio. Namanya hampir mirip dengan aplikasi Visual Studio. Namun, akan saya tekankan sekali lagi Visual Studio tidak sama dengan Visual Studio Code.


Contoh sederhananya, tampilan keluaran antara 2 aplikasi ini sangat berbeda. Jika kalian biasanya hanya melihat tampilan hitam putih monokrom tidak jelas seperti semut berjalan, kali ini mata kalian akan tercerahkan dengan warna. Maksudnya, tampilan keluaran Visual Studio Code ini dapat diubah warnanya sesuai yang diinginkan. Untuk melihat hasil keluaran, yang dilakukan adalah di-run-kan. Sedangkan pada Visual Studio Code, harus membuka file yang telah disimpan.

Kali ini, akan saya kenalkan dasar-dasarnya. Yang pertama kita coba adalah mengenali bagian strukturnya. Gambar di bawah ini adalah tampilan listing programnya.

Gambar 1.1 Struktur Dasar Visual Studio Code
Berikut ini adalah listing programnya.

<!DOCTYPE html>
<html>
<head><tite>Judul Web</title>
</head><body><h1>Judul Halaman</h1><p>Isi web.</p></body>
</html>

Berikut hasil keluarannya:
Gambar 1.2 Hasil Keluaran 

Penjelasan:
1. <!DOCTYPEhtml> menunjukkan tipe atau jenis dokumen menjadi HTML. Bagaimana jika dihilangkan? Kalau misal isi program kalian ada yang berwarna, maka warnanya akan kembali hitm seperti aslinya.
2. <html>...</html> menggambarkan sebuah dokumen HTML.
3. <head>...</head> memberikan informasi tentang dokumen.
4. <title>...</title> memberikan judul untuk dokumen.
5. <body>...</body> menggambarkan isi halaman yang terlihat. 
6. <h1>...</h1> menunjukkan judul. 
7. <p>...</p> menjelaskan isi. Ketika saya iseng menghilangkan fungsi ini, dokumen yang saya buat malah tidak tampil, kawan.

Seperti biasa, sekarang mari kita lanjut membuat dokumen biodata. Langsung saja tanpa basa basi, berikut listing programnya.
Gambar 2.1 Listing Program Biodata
<!DOCTYPE html>
<html>
<head>
<title>HELLO WORLD</title>
</head>
<body>
<h1><font color=purple>Biodata</h1></font>
<p>Assalamu'alaikum wr. wb.<br>
Nama :Ratna Anisa Ramadani<br>
<i>Kelas : 1 D3 EB</i><br>
Asal :<b>Politeknik Elektronika Negeri Surabaya</b><br><br>
<u>Sekian</u>, terimakasih dan Wassalamu'alaikum wr. wb. ...</font>
</p>
</body>
</html>

Keluarannya sebagai berikut.
Gambar 2.2 Biodata
Penjelasan:
1. <font color=purple>...</font> memberikan warna pada teks. Kenapa menggunakan 'color'? Karena pada Visual Studio Code ini menggunakan American English. Perhatikan spasi juga, kalian harus tahu kapan kalian menggunakan spasi dan kapan tidak.
2. <br> untuk 'enter' ke bawah jika kalian menambahkannya di belakang kalimat. Kalau diletakkan di depan, kalimat sebelumnya yang akan di'enter'. Mau diketik </br> atau <br> pun sama.
3. <b>...</b> untuk 'bold' menebalkan teks.
4. <i>...</i> untuk 'italic' memiringkan teks.
5. <u>...</u> untuk 'underline' memberikan garis bawah pada teks. Sebenarnya ketiga fungsi ini tidak jauh beda dengan fungsi-fungsi pada Microsoft World. Hanya saja, kalian perlu penasaran dan berani mencoba.

Sekian yang dapat saya sampaikan, selamat belajar dan jangan lupa Laporan Pemrograman Lanjutan nya dikerjakan!!
di Tidak ada komentar:

Kamis, 21 Februari 2019

Mengenal Bahasa Pemrograman C#

Assalamu'alaikum wr. wb.

Di kesempatan kali ini, saya akan membahas apa-apa tentang C#. Mungkin agak ambigu untuk kalimat apa-apa, namun begitulah adanya. Baik, akan saya mulai.

Yang pertama adalah bagaimana memulai membuat sebuah project baru. Aplikasi yang saya gunakan adalah Visual Studio 2012.
Gambar 1.Tampilan Awal
Pada pilihan menu 'FILE' yang harus dilakukan adalah memilih 'New' kemudian klik 'Project'. Maka tampilan berikut adalah yang didapatkan.
Gambar 2. Tampilan New Project
Pada template, pilih Visual C#. Setelah itu, pilih Console Application. Mengapa? Sebab yang masih saya pelajari adalah hal yang paling dasar dari C# itu sendiri, dan yang saya dengar dari dosen saya 'Kalau yang lain, itu untuk yang lebih pro'. Anda dapat mengganti nama file dan lokasi juga. Sedikit catatan, jika Anda ingin membuat nama maka jangan menggunakan tanda titik, sebab nantinya tampilan file program akan error. Jadi, sebaiknya tidak menggunakan tanda titik.

Jika sudah selesai, maka tekan 'OK'. Dan Anda sudah bisa membuat program.
Gambar 3. Tampilan Program
Nah, itu adalah hal yang harus Anda lakukan untuk membuat file baru. Selanjutnya, akan saya bahas mengenai bagian-bagian dari tampilan di atas....
1. using System : 'Using' digunakan untuk memasukkan namespace 'System' ke dalam program. Using System di sini fungsinya sebagai reference yang mana berisi fungsi-fungsi dalam program. Apabila fungsi-fungsi tersebut dinyatakan tanpa reference, maka program tidak akan berjalan.
2. namespace ConsoleApplication2 : Merupakan deklarasi namespace. Namespace sendiri merupakan nama Project Anda yang telah Anda masukkan ketika awal tadi.
3. class Program : Merupakan deklarasi class. Class sendiri bisa disebut kategori program apa yang ingin Anda inputkan.
4. static void Main(string[] args) : Biasanya dikatakan sebagai fungsi utama sebuah pemrograman. Di sini Anda dapat menginputkan fungsi pemrograman Anda.

Lalu, misal jika Anda ingin menambah komentar, maka dapat menggunakan //[komentar Anda]. Perlu diingat, tanda ini hanya berlaku untuk satu baris komentar saja.

Bagaimana? Apa Anda sudah paham? Mohon maaf jika ada kesalahan dan terimakasih sudah membaca postingan ini :)

di Tidak ada komentar:

Bahasa C# [Membuat Biodata 'Hello World!' dan Rumus Kecepatan, Segitiga, dan Persegi Panjang]

Assalamu'alaikum wr. wb.

Pagi! Siang! Sore! Malem! Bagi kalian yang membaca postingan ini. Kali ini, saya akan membagikan hasil belajar saya pada kalian semua yang membaca postingan ini. Oke, tidak perlu banyak cing-cong, langsung scroll ke bawah.

Namun, sebelumnya, apakah itu C#? C# merupakan salah satu turunan dari bahasa C yang merupakan bahasa ibu pemrograman. Salah satu turunan lainnya adalah bahasa C++. Aplikasi yang digunakan kali ini adalah Visual Studio 2012.

Kali ini, saya akan tunjukkan hal yang paling sederhana yaitu mengetik biodata kalian sendiri dengan bahasa C#.

Gambar 1.1 Program 'Biodata HELLO WORLD!'
Akan saya jelaskan sedikit, sebenarnya fungsi pada C# ini tidak jauh berbeda dengan C++. Namun, pada C# ini sedikit dipermudah sebab tidak perlu lagi mengetik 'header'-nya, melainkan sudah otomatis ada saat menjalankan aplikasi ini pertama kali.

Akan saya jelaskan sedikit mengenai fungsi-fungsi pada tampilan di atas:
1. Console.Write("[format isi]"); merupakan format tulisan atau data yang akan ditampilkan ke layar. Fungsi ini sama seperti 'printf("");' pada C++.
2. Console.WriteLine("[format isi]"); sebenarnya fungsi sama seperti fungsi di atas untuk menampilkan data. Perbedaannya terletak pada spasi, pada fungsi ini, akan ada perbedaan antara baris 1 dan 2. Sedangkan pada fungsi di atas, tidak ada. Line di sini sama halnya dengan '\n' pada C++.
3. Console.ReadKey(); agar saat sudah di-run, tampilan tidak langsung 'close'.
Sekedar catatan, INGAATTT!!! Kesalahan penulisan huruf kecil dan besar dapat mempengaruhi jalannya program, akan terjadi error.

Jika nanti dijalankan 'start' maka akan seperti ini.

Gambar 1.2 HELLO WORLD
Kalau sudah muncul seperti itu, artinya kalian sudah berhasil. Fix! Berhasil!

Sekarang, kita akan beralih pada tingkat yang lebih tinggi, yaitu 'Membuat Rumus Kecepatan, Segitiga, dan Persegi Panjang'.

Misalnya, kalian ingin menghitung jarak, berikut caranya.

Gambar 2.1 Program Rumus Kecepatan
Penjelasan singkat fungsi-fungsi di atas:
1. double merupakan tipe data untuk angka desimal.
2. Convert.ToInt32 untuk mengkonversi nilai ke tipe data Int32. Misal Convert.ToInt32 dihilangkan, maka program tidak dapat ditampilkan atau error. Berikut tampilannya.
3. Convert.ToDouble untuk mengkonversi nilai ke tipe data double.
4. Console.ReadLine() adalah fungsi untuk membaca keluaran program.
5. 'Console.Write(kec)' untuk menampilkan hasil operasi pada program.

Jika dijalankan, maka akan seperti ini.
Rumus jarak ini tidak berbeda jauh dengan rumus menghitung segitiga dan persegi panjang, maka akan seperti ini.


Berikut ini keluarannya.


Sekali lagi pesan saya, jangan menyerah mencoba dan ayo menjadi keren bersama. Maaf jika ada kekurangan dan semoga bermanfaat!
di Tidak ada komentar:
Langganan: Postingan (Atom)

Upload File dengan PHP dan MySQL

Upload file adalah salah satu bagian terpenting dalam membuat aplikasi, khususnya yang berbasis web.Contohnya saat kita harus mengupload ent...