Android Studio | Tutorial Memberikan Icon Aplikasi

Assalamu'alaikum... Selamat Pagi...

Sekarang saya akan memberitahu bagaimana cara memberikan icon/logo untuk aplikasi menggunakan Android Studio. Jika kalian belum menginstall Android Studio, kalian bisa melihat pada postingan diawal saya > Cara Install Android Studio

1.  Buka Android Studio

     2. Akan muncul tampilan berikut. Pilih File > New > New Project. lalu beri nama aplikasi dan company domain yang ingin kalian buat. lalu klik Next.

     3. Dilanjutkan dengan mengisi Target Android Devices, ceklis Phone and Tablet lalu pilih minimum SDK Android versi  4.0.3 (IceCreamSandwich), lalu pilih Next.

     4. Selanjutnya Add an Activity to Mobile, pilih layout awal aplikasi yang ingin anda buat. disini saya memilih Basic Activity. lalu pilih Next.

    5. Lalu beri nama activity kalian. setelah itu pilih Next.

    6. Kemudian akan muncul tampilan awal activity dengan tulisan "Hello World" seperti pada gambar dibawah ini.

    7. lalu lihat pada bar Project disebelah kiri. pilih app > klik kanan pada res > new > Image Asset.

    8. Selanjutnya muncul Configure Image Asset. Pilih image pada asset type > cari gambar icon/logo aplikasi anda di path.

pilih OK > lalu Next. setelah itu akan muncul tampilan seperti gambar dibawah ini.

pilih Next untuk melanjutkan.

     

     9. Selanjutnya, Confirm Icon Path. pilih Finish.

    10. Lalu pilih Run app (shift+f10) pada bar diatas.

   
    11. setelah itu akan muncul pilihan device yang akan digunakan. disini saya menggunakan handphone sebagai device untuk menampilkan aplikasinya. lalu pilih OK.

   12. Tunggu sampai proses loading selesai, lalu aplikasi akan muncul pada handphone anda. seperti pada gambar.

tampilan icon aplikasi

tampilan dalam aplikasi.

Jadi seperti itu caranya. mudah bukan?? selamat mencoba....

terima kasih sudah membaca

Wasalamu'alaikum....

Read More →

Latihan HTML - part 2

Hai-hai... pada postingan saya ini, saya akan melanjutkan hasil dari latihan HTML-part 1 pada postingan sebelumnya.. 

gambar diatas merupakan cara membuat html table. Setiap baris tabel didefinisikan dengan tag <tr>. Sebuahheader tabel didefinisikan dengan tag <th>. Sebuah data / sel tabel didefinisikan dengan tag <td>. Selanjutnya...

Html list, terdapat 3 jenis yaitu unordered list (daftar tidak terurut), ordered list (daftar terurut), dan definition list (daftar definisi). seperti yang terlihat pada gambar, untuk unordered list yaitu menggunakan dot dengan tag awalan <ul>, untuk ordered list yaitu menggunakan angka pada listnya dengan tag awalan <ol>, dan definition list merupakan list dengan item/deskripsi disetiap listnya. definition list diawali dengan tag <dl> dan ada dua elemen lain, yaitu dt (definition term - istilah yang akan didefinisikan) dan dd (definition description - penjelasan dari istilah).

selanjutnya HTML layouts, Kebanyakan website telah menempatkan konten mereka pada beberapa kolom (Diformat seperti majalah atau koran). Beberapa kolom yang dibuat dengan menggunakan <div> atau <table> elemen. CSS digunakan untuk posisi elemen, atau untuk membuat latar belakang atau penampilan warna-warni untuk halaman.

pada notepad++, tag <div id="container" style="width:500px"> untuk mengatur lebar pada sel header diatas, style="background-color:#FFA500;" untuk memberi warna.

selanjutnya HTML form and input, html form digunakan untuk melewatkan data ke server. Bentuk HTML dapat mengandung unsur masukan seperti text field, checkboxes, radio-buttons, submit button dll. <form> merupakan tag awalannya dan diakhiri dengan </form>.

<input> merupakan elemen yang paling penting yang digunakan untuk memilih informasi pengguna. Sebuah <input> elemen dapat bervariasi dengan banyak cara, tergantung pada jenis atributnya.

• <input type="text"> merupakan sebuah field input satu baris dimana pengguna dapat memasukan teks.
• <input type="password"> digunakan untuk menginput password
• <input type="radio"> digunakan untuk radio-button, dimana pengguna hanya bisa memilih satu dari beberapa pilihan,
• <input type="checkbox"> digunakan untuk mencentang dimana pengguna dapat memilih lebih dari satu dari beberapa pilihan.
• <input type="submit"> digunakan untuk tombol submit yang berfungsi untuk mengirim data formulir ke server.

selanjutnya...

HTML iframe dapat digunakan sebagai target frame untuk link. untuk menambahkan html iframe menggunakan <iframe src="URL"></iframe>

Selanjutnya HTML Entities, digunakan untuk membuat karakter yang tidak mungkin digunakan pada teks dalam HTML, seperti kurang dari (<), lebih dari (>), dan yang lainnya. seperti yang terlihat pada gambar diatas.

bagaimana?? mudah dipahamin bukan?? semoga postingan lanjutan saya ini bermanfaat bagi kalian... Selamat mencobaaa..::))))))


sumber:
https://bertzzie.com/knowledge/desain-web-dasar/List.html

Read More →

Latihan HTML - part 1

Selamat malam.... 
Pada postingan ini saya akan menunjukkan hasil dari latihan HTML yang sudah saya kerjakan.

dari gambar diatas merupakan tampilan dari notepad++ (sebelah kiri) ke tampilan web (sebelah kanan). Pada notepad++ meliputi tag html untuk heading, link, image, dan paragraf. Tag Heading biasa di gunakan untuk membuat judul pada sebuah artikel atau dokument. Spesifikasi Tag Heading  mempunyai berbagai tingkatan yang biasa disebut h1, h2, h3, h4, h5 dan h6. semakin tinggi tingkatan, semakin kecil tulisannya. seperti pada gambar. catatan untuk image, pastikan gambar yang ingin anda gunakan sudah dalam satu folder dengan file htmlnya.

pada gambar kedua ini meliputi tag html line break,text formatting, line dan comment. pada line break yaitu menambahkan <br> di tengah-tengah kalimat yang fungsinya untuk meng-enter kata atau kalimat setelahnya kebawah. pada text formatting <b> untuk bold text, <big> untuk big text, <em> untuk emphasized text, <small> untuk teks kecil, <sub> subscripted text membuat tulisan menjadi agak ke bawah, <sup> membuat tulisan atau teks menjadi agak ke atas, <ins>untuk menggaris bawahi teks, <del> membuat tulisan dicoret seperti yang terlihat di gambar. terakhir, ada line dan comment. untuk memberi garis menggunakan tag <hr>.

Pada gambar ketiga ini, merupakan teks untuk komputer. seperti yang bisa dilihat, semua teks terlihat sejenis.

sepertinya sudah jelas untuk gambar keempat ini untuk memberi warna pada background...

 pada gambar kelima ini merupakan Html style example untuk font, color dan size. Pada heading menggunakan font verdana dan pada paragraf menggunakan warna merah dan ukuran 20px.

seperti yang gamabar, merupakan tag html yang berfungsi untuk menempatkan teks di tengah.

Nah, itulah hasil-hasil dari latihan saya dan juga sebagai tugas kuliah saya hehe.... Semoga postingan ini bermanfaat bagi kalian-kalian yang baru belajar menggunakan HTML. Terimakasih sudah membaca:))
nantikan hasil latihan html saya yang selanjutnya.. masih coming soon...hehe

Read More →

HTML Intermediate

Postingan kali ini saya akan mengulas mengenai HTML intermediate yang merupakan lanjutan dari postingan saya sebelumnya http://shavira-bmpnjbatch2.blogspot.co.id/2016/09/tag-dasar-html.html.

1. Formatting with Tables

Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Dalam HTML, sebuah HTML table dijelaskan dengan tag <table>. Setiap baris tabel didefinisikan dengan tag <tr>. Sebuah header tabel didefinisikan dengan tag <th>. Sebuah data / sel tabel didefinisikan dengan tag <td>. Dari masing-masing tag tersebut, tiap tag mempunyai tag penutup yaitu :

Tag <table> mempunyai tag penutup </table> 
Tag <tr> mempunyai tag penutup </tr> 
Tag <td> mempunyai tag penutup </td>

Berikut salah satu contoh tampilan dari HTML table

 untuk contoh selebihnya bisa klik disini.

2. FRAMES  

Window dalam browser dibagi menjadi beberapa windows yang disebut frame. Model ini sering digunakan untuk lebih memperjelas penyajian informasi, dengan menu sajian selalu ditampilkan. Fasilitas ini hanya dapat dijalankan pada browser web Internet Explorer 3.0 ke atas dan Netscape Navigator 2.0 ke atas. Sebuah HTML iframe dijelaskan dengan tag <frame> seperti ini,

<iframe src="URL"></iframe>

berikut adalah cara menampilan HTML iframe dari notepad++
pertama buka notepad++ lalu ketik seperti gambar berikut. lalu save dengan format .html

dan gambar dibawah ini adalah tampilan setelah dibuka di web

3. COLLECTING INFORMATION

Collecting Information atau sering juga disebut HTML Forms berfungsi untuk mengumpulkan (collect) data dari user. sebuah html form dijelaskan dengan tag <form>.

<input type =”text”> : Mendefinisikan bagian form yang dapat diinput text.

<input type = “radio”> : Menampilkan tombol audio untuk memilih suara.

<input type =”submit”> : Menampilkan bagian submit dari sebuah form.

Contoh dari tampilannya seperti pada tampilan login. Berikut ini contoh tag yang digunakan untuk membuat tampilan form.

Selamat Mencoba :))))

Sumber:
http://www.w3schools.com/html/html_tables.asp
http://mahadisuta.blogspot.co.id/2012/06/pengertian-table-dan-penerapannya-dalam.html
http://www.pro.co.id/fungsi-dan-tutorial-membuat-frame-di-html/
http://www.w3schools.com/html/html_iframe.asp 
http://www.w3schools.com/html/html_forms.asp

Read More →

Tag Dasar HTML

Pada postingan kali ini saya akan menjelaskan apa sih dasar-dasar dari HTML. Pengertian Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. 

Selain pengertiannya, saya akan memberitahu tag-tag dasar yang digunakan di HTML. Tag pada HTML dapat didefinisikan seperti sebuah perintah yang dimasukkan untuk menghasilkan output keluaran yang diinginkan. 

1. Basic Text Formatting

    Basic Text formatting yaitu pengaturan/konfigurasi/format dasar pada teks yang akan dijadikan isi dari sebuah halaman web. Kita dapat membuat macam-macam format teks seperti menampilkan teks bercetak tebal, miring, merubah ukuran teks besar dan kecil, dan masih banyak lagi. Selain teks, dapat juga menampilkan gambar atau video. 

   Hampir semua tag di dalam HTML ditulis secara berpasangan, yakni tag pembuka dan tag penutup, dimana objek yang dikenai perintah tag berada di antara tag pembuka dan tag penutup ini. Penulisan tag berada di antara dua kurung siku : “<” dan “>”.

Berikut adalah format dasar penulisan tag HTML:

<tag_pembuka>objek yang dikenai perintah tag</tag penutup>

 Perhatikan salah satu kode HTML berikut :

<p> ini adalah sebuah paragraf </p>

• <p> adalah tag pembuka, dalam contoh ini p adalah tag untuk paragraf.
• </p> adalah tag penutup paragraf. Perbedaannya dengan tag pembuka terletak dari tanda forward slash (/)

untuk lebih lengkapnya, anda bisa membuka link berikut http://www.w3schools.com/html/html_formatting.asp

2. Identifying Resources
    Identifying Resources merupakan fitur yang memungkinkan suatu web untuk dapat mengakses ke sebuah link tertentu dengan menggunakan tag tertentu dari HTML. Sama dengan konsep hyperlink pada umumnya. 
Berikut adalah tag dasar yang digunakan :

<a href="http://www.w3schools.com">This is a link</a>

note : masukan link yang anda tuju dalam tanda kutip seperti contoh di atas.

Link text akan menjadi hyperlink ke url yang dituju ketika halaman HTML ditampilkan.

3. Using graphic images basics

     Selain link, kita dapat menampilkan gambar pada halaman HTML. Using graphic images basics merupakan salah satu cara untuk menyisipkan gambar grafis agar tampilan pada HTML menjadi lebih menarik. HTML mendukung tiga jenis file gambar yaitu JPG, PNG, dan GIF.

Berikut adalah contoh tag dasar untuk menyisipkan gambar pada HTML :

<img src="w3schools.jpg" width="104" height="142"> 

note : pastikan gambar yang ingin ditampilkan dan file HTML notepad++ berada pada satu folder yang sama.

4. Background images

     Background images merupakan cara merubah tampilan/gambar pada latar belakang HTML sehingga tampak lebih menarik. Berikut adalah tag dasar untuk manambahkan background :

<body background=”namafile.jpg”>

 Bagaimana? Mudah bukan? Semoga Bermanfaat :)

Sumber :

https://id.wikipedia.org/wiki/HTML

http://www.duniailkom.com/belajar-html-pengertian-tag-elemen-dan-atribut-pada-html/ 

Read More →

Cara Install Android Studio

Cara Install Android Studio

Kali ini saya akan berbagi tutorial tentang cara menginstall Android Studio. Apa sih Android Studio?? Android Studio adalah sebuah IDE yang digunakan untuk pengembangan aplikasi Android, dan dikembangan oleh Google. Berikut adalah cara install Android Studio.

1. Pertama, anda bisa mendownload installernya disini.

2. Berikut adalah gambar setelah anda membuka installer Android studio. Tunggu sebentar selagi masih loading.

 

3. Lalu pilih "Yes" untuk mulai penginstallan.

 

4. Klik "Next" untuk melanjutkan.

 

5. Pastikan anda sudah menginstal  Java Development Kit (JDK) untuk bisa melanjutkan proses penginstallan Android Studio. Jika anda belum punya, maka tampilannya akan seperti gambar dibawah ini.

 

Anda bisa mendownloadnya dengan klik tulisan yang berwarna biru. 

6. Ceklis komponen yang ingin anda install. Lalu klik " Next >"

7. Jika kamu menyetujui ketentuan perjanjian tersebut maka klik “I Agree” untuk melanjutkan.

 

8. Pilih lokasi installasi Android Studio, setidaknya memiliki 500mb ruang kosong di hardisk anda dan pilih lokasi untuk installasi Android SDK, setidaknya harus memiliki 3.2GB ruang kosong di hardisk anda. Lalu klik "Next >" untuk melanjutkan.

 

9. Pilih nama folder yang anda inginkan untuk membuat shortcuts Android Studio di start menu. Jika tidak ingin, maka anda bisa menceklis pada  ceklis box “Do not create shortcuts”. Lalu klik “Install”.

 

10. Tunggu proses instalasi Android Studio sampai sukses/complete. Lalu klik “Next > “ untuk melanjutkan.

 

11. Android Studio sudah terinstall di computer anda. Ceklis ”Start Android Studio” jika anda ingin langsung mulai menggunakannya. Lalu klik “Finish”.

SELAMAT MENCOBA, SEMOGA BERMANFAAT  :)

   

       

Read More →