Tugas Membuat Hello Word pada Aplikasi Android

Hallo teman-temanku jumpa lagi bersama saya disini  (????) . . . My BLOG ?(?e?)? 

Untuk memenuhi Tugas 1  Pemrograman Mobile, pada kesempatan kali ini saya ingin membagi tutorial cara membuat Hello World pada Aplikasi Android.. langsung saja ini tutorialnya mari disimak ^^`~~...

Buka Eclipse.exe kemudian jika muncul tampilan seperti dibawah ini, maka klik File -> New lalu pilih Andoid Application Project .. OH untuk pertamanya di laptop kita harus terinstall terlebih dahulu java (jdk,jre)

~~~~~~~~~~~~~~~~~~~~~~~~~~lalu tampilannya seperti ini~~~~~~~~~~~~~~~~~~~~~~~

Setelah muncul tampilan pada window seperti ini maka isikan nama aplikasi dan project yang teman-teman inginkan kemudian klik nect, pada contoh gambar dibawah ini project name yang saya isikan yaitu Hello Wolrd .. oh iya jangan lupa tidak boleh ada spasi bolehnya pada _ (underskor) hahaha kalo tidak salah namanya seperti itu kemudian di next

Setelah di next kemudian pilih pada Build Target Android 2.3.3 lalu di next lagi

Setelah di next pada Application Indo isikan nama pada Application Name dengan nama Hello_Wolrd dan Package name com.helloworld lalu di finish.

Lalu muncul tampilan seperti ini

~~~~~~~~~~~~~~~~~~~~~~~~~~lalu tampilannya seperti ini~~~~~~~~~~~~~~~~~~~~~~~~~

Pada medium text ditarik kemudian di double klik

Setelah itu muncul tampilan seperti ini..

Kemudian pada tulisan medium text diganti dengan nama seperti gambar dibawah ini

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~seperti ini~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Lalu klik pada kiri bawah yang ada pointer dibawah itu klik Graphical Layout maka akan muncul gambar seperti ini

Lalu klik pada kiri bawah yang ada pointer dibawah itu klik Graphical Layout maka akan muncul gambar seperti ini

Pada medium text ditarik kemudian di double klik maka akan muncul gambar seperti ini

Kemudian di double klik maka akan muncul tampilan seperti ini lagi kemudian dalam menu tulisan medium text ganti dengan Nim : A11.2011.05984 (SEBAGAI contohnya)

maka akan muncul gambar seperti ini

Pada Large text ditarik kemudian di double klik maka akan muncul gambar seperti ini

Kemudian di double klik maka akan muncul tampilan seperti ini lagi kemudian dalam menu tulisan large text ganti dengan Hello World Android Mobile

Setelah itu jadilah tampilan seperti gambar dibawah ini : 

Kemudian pada pointer yang sedang menunjukan ke arah tombol yg berwarna hijau maka klik tombol tersebut yang artinya RUN (jalankan proses tersebut)

Seperti inilah tampilan akhirnya .. mudah bukan :D selamat mencoba trimakasih sudah melihat Blog tutorial saya ini... 

(? ???)??? c) SELESAI DAN TRIMAKASIH (? ???)??? c) 

Tutorial Tugas Latihan 3 – Mengubah design fremaset pada pertemuan sebelumnya dengan menggunakan CSS (Cascading Style Sheet)

Pertama – tama buatlah file html dengan nama sesuai keinginan anda. Pada contoh dibawah ini nama file html nya yaitu index.html lalu simpanlah ditempat yang tidak membuat anda kebingungan untuk mencarinya. Kalau bisa ini disimpan juga pada localhost yang anda gunakan. Guna untuk menjaga agar file atau data jika terhapus ada duplikatnya. Hehehe sekedar info saja kalau itu ya teman-teman ^_^

Pertama-tama seperti inilah rancangan file-file yang akan dibentuk

Pada tahap awal ini kita pertamanya juga membuat master.css nya dulu ya.. gini nih caranya..

Kemudian,, pada tampilan index.html dari frameset yang sudah dibuat, kemudian buatlah file home.html dengan script seperti dibawah ini sebagai contohnya ...

Kemudian simpan maka akan muncul pada tampilan localhost anda dan contohnya seperti dibawah ini ;

Pada tampilan bagian_home.html dari css yang sudah dibuat, kemudian buatlah file bagian_registrasi.html dengan script seperti dibawah ini sebagai contohnya ...

Kemudian simpan maka akan muncul pada tampilan localhost anda dan contohnya seperti dibawah ini ;

Pada tampilan bagian_registrasi.html dari css yang sudah dibuat, kemudian buatlah file bagian_sewa.html dengan script seperti dibawah ini sebagai contohnya ...

Kemudian simpan maka akan muncul pada tampilan localhost anda dan contohnya seperti dibawah ini ;

Pada tampilan bagian_sewa.html dari css yang sudah dibuat, kemudian buatlah file bagian_profile.html dengan script seperti dibawah ini sebagai contohnya ...

Kemudian simpan maka akan muncul pada tampilan localhost anda dan contohnya seperti dibawah ini ;

Pada tampilan bagian_profile.html dari css yang sudah dibuat, kemudian buatlah file bagian_foto.html dengan script seperti dibawah ini sebagai contohnya ...

Kemudian simpan maka akan muncul pada tampilan localhost anda dan contohnya seperti dibawah ini ;

Pada tampilan bagian_foto.html dari css yang sudah dibuat, kemudian buatlah file bagian_jenis.html dengan script seperti dibawah ini sebagai contohnya ...

Kemudian simpan maka akan muncul pada tampilan localhost anda dan contohnya seperti dibawah ini ;

untuk tampilan index.html semuanya beginilah jadinya.. contoh pembuatan css nya seperti dibawah ini ;

Hehehe uda jadi deh tugas latihan 3 nya :D Semangat untuk membuatnya !! ganbate ! jiaa yooo .... bye :D