Rabu, 28 September 2016

TUTORIAL MEMASUKAN IKON PADA ANDROID STUDIO

Written by Angela Tyas M on 08.22.00 with Tidak ada komentar

1. Buka aplikasi Android Studio dan pilih "Start a new Android Studio Project".

2. Isi Application Name dan Company Domain. Klik Next.

3. Pilih minimum SDK yang akan digunakan untuk projek kamu. Akan lebih baik jika kamu menggunakan SDK yang paling minimum yaitu IceCreamSandwich agar ketika Operating System kamu lebih tinggi dari SDK tersebut, akan tetap compatible ketika dihubungkan ke hape kamu. Klik Next.

4. Pilih tampilan awal untuk aktivitas projek kamu. Disini kita pilih Basic Activity. Klik Next.

5. Biarkan kolom-kolom tersebut terisi otomatis dari aplikasi tersebut. Klik Finish.

6. Pada tampilan awal projek kamu, kamu akan menemukan tulisan "Hello World!".

7. Pada folder "app", cari folder "res" kemudian klik kanan pada folder tersebut. Kamu akan menemukan banyak sekali option, lalu klik "New" kemudian "Image Asset".

8. Pada Asset Type pilih Launcher Icon, kemudian browse image untuk memasukan ikon. Klik Next.

9. Klik Finish.

10. Kemudian jalankan program dengan Klik Ikon Run pada toolbar.

11. Deployment Target, gunakan handphone kamu sendiri sebagai device nya untuk menampilkan tampilan ikon untuk aplikasi kamu.

12.Untuk screen shot terakhir tidak ada karena ikon tidak mau keluar pada handphone saya meskipun sudah tersambung dengan android stuudio.

Sekian tutorial dari saya, semoga bermanfaat bagi pembaca.

ARIGATOU GOZAIMASU! :D

PRACTICE WITH HTML 2

Written by Angela Tyas M on 05.55.00 with Tidak ada komentar

KONBANWA! :D
Kali ini saya akan memahas (masih) seputar HTML, namun kali ini akan sedikit lebih kompleks karena saya akan mencoba membuat beberapa tampilan yang saya sendiri masih coba-coba.. Hehehe.. So, let's get started!

1. TABLE
Pertama, saya akan mencoba membuat table dalam HTML. Kalian pasti tahu kegunaan dari tabel. Menurut saya pribadi, bentuk tabel dalam sebuah file sangat membantu dalam segi kerapihan dan ke-esifiensi-an (halah!), apalagi kalau data yang dimiliki sangat banyak dan ada kelompok-kelompoknya. Saya akan mencoba membuat tabel sederhana dalam HTML.

Pada HTML

Pada Chrome

Pada gambar diatas, tabel menggunakan header yang berfungsi untuk mengelompokkan nama dan makanan favorit. Untuk header, menggunakan awalan tag <th> dan diakhir dengan tag </th>. Untuk tabel, menggunakan tag <tr> dan <td>, dimana <tr> untuk sebuah baris dan <td> untuk kolom.

2. LISTS
List merupakan sebuah format dalam teks untuk mengurutkan sebuah data. Saya akan membuat LIST dalam HTML.

Pada HTML

Pada Chrome

Gambar diatas merupakan contoh LIST sederhana dalam HTML. LIST sendiri memiliki 3 jenis, yaitu: Unordered List, Ordered List, dan Definition List. Unordered List memiliki bentuk bulat atau circle, sedangkan Ordered List di list berdasarkan nomor atau angka. Definition List digunakan untuk mendiskripsikan suatu list.

3. LAYOUT

Selanjutnya adalah LAYOUT. LAYOUT yang saya beri contoh kali ini menggunakan tag <table>, dimana tag <table> ini bertujuan untuk membuat data berada di tengah layout (jadi seperti ada tabel didalam layout, kurang lebih itu yang saya pahami dari materi hehehe).

Pada HTML

Pada Chrome

4. FORMS AND INPUT

Lalu ada HTML FORMS and INPUT. biasanya HTML ini digunakan pada bagian log in atau sign up pada sebuah web atau aplikasi yang membutuhkan account (akun).

Pada HTML

Pada Chrome

5. IFRAMES

IFRAME digunakan untuk melihat sebuah page pada web dalam bentuk per-frame atau per-bagian dengan ukuran yang berbeda-beda.

Pada HTML

Pada Chrome

6. ENTITIES

Untuk menampilkan lambang atau simbol pada HTML

Pada HTML

Pada Chrome

Sekian pembahasan dari saya, mohon maaf kalau banyak yang masih kurang.. Ya namanya juga masih coba-coba dan belajar. Hehehehe.. Semoga pembahasan dari saya dapat berguna bagi pembaca.

Arigatou Gozaimasu! :D

PRACTICE WITH HTML

Written by Angela Tyas M on 08.11.00 with Tidak ada komentar

Selamat malaaaaam! Yeah, karena minggu ini sangat padat, saya baru sempat mencoba dan mem-posting apa yang saya latih dengan HTML.
.
.
So, let's check this out!
.
.
1. Dasar HTML

2. HTML Links

3. HTML Images

4. HTML Text Formatting

5.HTML Background

.
.
.
.
.
.
.
.
.
Sekian dulu postingan dari saya mengenai HTML kali ini, semoga bermanfaat bagi Readers.
See you at another post! :D

HTML Intermediate

Written by Angela Tyas M on 07.14.00 with Tidak ada komentar

1. Formatting with Tables: memungkinkan pengguna web untuk mengatur data seperti teks, gambar, links, dan tabel pada baris dan kolom dalam sebuah sel.

(Sumber: http://www.tutorialspoint.com/html/html_tables.htm)

2. Frames: frame pada HTML digunakan untuk membagi jendela browser menjadi beberapa bagian dimana pada setiap bagiannya dapat membuka dokumen HTML secara terpisah. Jendela ini memiliki prinsip seperti tabel, yaitu membaginya ke dalam baris dan kolom.

(Sumber: http://www.tutorialspoint.com/html/html_frames.htm)

3. Collecting Information: pengumpulan beberapa data dari visitor. Contohnya nama, alamat email, dsb.

(Sumber: http://www.tutorialspoint.com/html/html_forms.htm)

Tag Dasar HTML

Written by Angela Tyas M on 07.12.00 with Tidak ada komentar

1. Basic Text Formatting: melakukan pengaturan pada teks yang akan dijadikan isi sebuah halaman web. Pengaturannya meliputi heading (judul sebuah teks), alignment (pengaturan perataan pada teks, dan font (pengaturan jenis, ukuran, dan warna huruf.)

(Sumber: http://yadicucuklauk.blogspot.co.id/2011/12/text-formatting-pada-html.html)

2. Identifying Resources: memungkinkan kita sebagai pengguna internet untuk mengidentifikasi sebuah dokumen dalam suatu web atau segala sesuatu interaksi kita melalui jaringan (World Wide Web dengan menggunakan protokol tertentu.

(Sumber: https://id.wikipedia.org/wiki/Pengidentifikasi_sumber_seragam)

3. Using Graphic Images Basics: menggunakan image atau gambar untuk membuat orang-orang tertarik membaca informasi yang kita berikan melalui web, iklan, dll, dan juga untuk menambah keindahan pada tampilan informasi yang diberikan.

(Sumber: http://ihashimi.aurasolution.com/graphic_image_basics.htm)

4. Background Images: komponen desain yang cukup penting yang berfungsi untuk memberikan dekorasi visual pada sebuah elemen, juga meningkatkan kemudahan dalam bernalar tentang pengertian sebuah konten, contohnya pada sebuah website.

(Sumber: https://bertzzie.com/knowledge/desain-web-dasar/Background.html)

DEFINISI

Written by Angela Tyas M on 07.01.00 with Tidak ada komentar

1. HTTP
HTTP merupakan singkatan dari Hypertext Transfer Protocol yang berarti sebuah protokol yang digunakan untuk mengirim data atau dokumen untuk WWW atau World Wide Web. HTTP menetapkan bagaimana cara pesan diformat dan ditransmisikan, dan juga HTTP memperhatikan seperti apa respon yang diberikan oleh browser.

(sumber: http://www.kitapunya.net/2015/12/pengertian-fungsi-http.html )

2. Client Side Programming
Client Side Programming adalah salah satu jenis pemrograman dimana proses pengolahan dan penerjemahannya dilakukan oleh browser sendiri sebagai clientnya. Beberapa contoh dari Client Side Programming antara lain HTML, XHTML, JavaScript, dsb.

(sumber: http://www.it-jurnal.com/perbedaan-client-side-dan-server-side-web-programming/ )

3. Server Side Programming
Server Side Programming memiliki pengertian yang berbanding terbalik dengan Client Side Programming. Jika Client Side Programming proses pengolahan dan penerjemahannya dilakukan oleh browser, maka Server Side Programming proses pengolahan dan penerjemahannya dilakukan oleh web browser. Perbedaannya hanya terletak pada tempat proses eksekusinya. Beberapa contoh dari Server Side Programming antara lain search engines, database access, dan chat & bulletin board services.

(sumber: https://dimas05.wordpress.com/2009/03/27/server-side-dan-client-side/ )

4. Web Server
Web Server adalah sebuah aplikasi yang memberikan pelayanan berbasis data yang menerima permintaan HTTP atau HTTPS pada klien yang dikenal sebagai web browser dan mengirim hasilnya kembali dalam bentuk dokumen HTML. Beberapa jenis Web Server antara lain Apache Tomcat, Lighttpd, Zeus Web Server, dsb.

(sumber: https://bukainfo.com/pengertian-web-server-sebenarnya/ )