Blognya Nabila

Di post sebelumnya saya telah menyinggung tentang  Android Studio, pada post kali ini saya akan membahas bagaimana membuat aplikasi sederhana di android studio. Aplikasi yang sederhana yang saya buat kali ini adalah kalkulator. Berikut adalah cara bagaimana membuat kalkulator di Android Studio.

1. Buka aplikasi android studio
 2. Buka New>New Project dan beri nama project yang akan kita buat, saya membuat project ini dengan NabilaCalculator
3. Pilih target device yang akan menggunakan aplikasi ini seperti minimal OS dan jenis device
4. Setelah itu pilih activity yang akan digunakan pada aplikasi ini, saya memilih basic activity

5. Beri nama activity yang telah dipilih
6. Buat desain kalkulator sedemikian rupa, untuk mempermudah saat coding bisa diganti nama ID dari masing-masing widget pada design seperti misalkan untuk tombol aritmatika nama ID digantikan menjadi kali,bagi,tambah dan kurang. Untuk mengganti ID bisa klik 2 kali pada widget yang digunakan
7. Tampilan teksnya seperti ini
8. Setelah design selesai, kita coding aplikasi pada Main.java


9. Setelah selesai di coding, kita dapat menyambungkannya ke hp dengan cara di debug
10. Setelah tersambung dengan hp maka aplikasi akan langsung running

Masih ingat kan dengan tutorial meng-install Android Studio? Kali ini akan saya ceritakan pengalaman saya menggunakan Android Studio pertama kalinya, saya juga akan melampirkan foto hasil percobaan saya. Berikut adalah hasilnya.

1. Pertama kita buka Android Studio dan pilih Make new project atau pilih File>New>New Project.
 2. Setelah pilih New Project, beri nama project tersebut. Saya menamakan project saya MyFirstAndroidApp dan namakan company nya
3. Kemudian pilih target android devices nya seperti devices yang dipakai untuk aplikasi ini, minimum sdk untuk aplikasi ini dan lain-lain.
4. Setelah itu pilih activity untuk aplikasi ini, saya pilih basic activity
5. Tulis nama dari activity tersebut
6. Android Studio sedang memproses
7. Jika tidak ada masalah maka Android Studio akan menampilkan Hello world pada layar aplikasi
8. Untuk menampilkan tampilan awal atau logo aplikasi kita, kita dapat memilih widgets > ImageButton kemudian copy paste file foto ke res>drawable. Maka hasilnya akan seperti ini


9. Sedangkan untuk menampilkan logo pada saat aplikasi di-launch kita harus men-generate file foto kita ke web ini terlebih dahulu untuk memudahkan Launcher Icon Generator kemudian copy hasil download zipnya ke res>mipmap
Sumber : http://www.okedroid.com/2015/12/belajar-cara-menampilkan-gambar-dan-icon-launcher-pada-aplikasi.html

Di post sebelumnya, sudah dijelaskan seperti apa HTML Intermediate itu, pada post kali ini saya akan menjelaskan tentang contoh dari HTML Intermediate seperti tabel, list, layout dan iframe.

1. Tables
Untuk membuat tabel digunakan element <table border = "1">  agar tabel memiliki garis. Untuk mengisi barisan digunakan <tr>  pada contoh ini kita tulis pada baris pertama adalah Fruit Name dan Percentage yang sebelumnya ditulis <td> yaitu untuk data cell karena Fruit Name dan Percentage adalah data cell. Kemudian dilanjutkan dengan barisan selanjutnya yaitu Apple dan persentasenya yaitu 44% dan seterusnya.
Berikut adalah hasil dari HTML di atas:
2. Table Heading
Table Heading ini sebenarnya sama saja dengan tabel di atas hanya saja pada baris pertama yaitu judul dari data cell diberi Heading agar tampil di tabel dengan bold. Cara membuat heading pada tabel adalah dengan menggunakan <th> dan </th>.
Dan hasilnya akan seperti ini :
3. Unordered List
Unordered List adalah pembuatan list yang tidak berurut atau menggunakan dot. Untuk membuat unordered list menggunakan <ul> dan </ul> dengan isi listnya menggunakan <li> dan </li>.
Hasilnya adalah sebagai berikut:
 4. Ordered List
Ordered list merupakan list yang berurutan yaitu menggunakan angka. Untuk mendapatkan hasil ordered list digunakan <ol> dan </ol> serta isi dari list nya adalah <li> dan </li>.
Hasilnya adalah:
5. Definition List
Definition list sebenarnya sama saja dengan list di atas hanya saja setiap list ada penjelasannya. Untuk mendapatkan definition list digunakan <dl> dan </dl> untuk mengisi list menggunakan <dt> dan </dt> dan untuk penjelasan list menggunaan <dd> dan </dd>.
Hasilnya adalah :


6. Layout
Layout digunakan sebagai tempat untuk menaruh konten di web dan dapat juga mengatur warna untuk web. Untuk membuat layout dari html caranya adalah menggunakan gabungan dari beberapa element seperti <body> dan </body>, <div> </div> untuk menaruh isi dari web, dan masih banyak lagi.Bisa kita lihat contohnya :
Hasil dari HTML nya :
7. Form Form di html digunakan untuk isian data diri pada web. Untuk mengisi nama menggunakan <input type = "text" name = "first/ last name">.
Hasilnya seperti ini :
Untuk mengisi password menggunakan <input type = "password" name = "pwd">

Untuk memilih suatu pilihan kita dapat menggunakan <input type = "radio" name = "sex" value = "male/female">

hasilnya adalah :
Sedangkan untuk memilih menggunakan check box kita dapat menggunakan dengan <input type = "checkbox" name = "vehicle" value = "I have a car/ bike">
hasilnya adalah :
Dan untuk meng-input hasil form dengan menggunakan <form name = "input" action= "html_form_action.asp" method ="get"> untuk meng-input kita memerlukan username, untuk memasukan username kita menggunakan <input type = "text" name = "user"> dan untuk meng-input hasil form menggunakan <input type = "submit" value = "Submit">
Hasilnya adalah :
8.Iframe
Iframe digunakan untuk men-display web page dalam web page. Untuk menggunakan iframe kita menggunakan element html <iframe src = "webpagename.htm"l> dan diakhiri dengan </iframe>. Dengan catatan web page yang dipilih harus satu folder dengan html iframe ini.
Hasilnya adalah :
Itu adalah contoh dari HTML Intermediate yang telah saya praktikan, semoga bermanfaat :)

HTML Intermediate merupakan tingkat lebih lanjut dari HTML, jika kita sudah bisa dengan HTML dasar kita dapat mencoba HTML dengan tingkat lebih lanjut. Berikut adalah konsep konsep HTML Intermediate.

1. Formatting with Tables

Jika kita ingin menambahkan link pada HTML, digunakan <a href = "http:// nama web" . com"> Tulisan untuk link </a>.Berikut adalah gambar contoh konsep dasar HTML yang sebelumnya dijelaskan.
Berikut adalah hasil dari contoh di atas.