Membuat aplikasi jam analog berbasis android

Hallo sahabat2 blogers, kembali lagi bersama penulis hehehee, kali ini penulis ingin berbagi tutorial tentang bagaimana membuat aplikasi jam analog berbasis android. Baiklah sahabat2 sekalian dari pada panjang cerita langsung aja kita praktekan bersama2 bagaimana sich caranya..

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- iklan navigasi -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-3786943708043906"
     data-ad-slot="4760239182"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

1 . Tahap awal buka dulu software eclipse yang sahabat miliki.

2 . Buat project baru dengan cara klik menu file -> new , maka akan tampil jendela seperti gambar berikut:  

3 . Pilih android project dan klik tombol next seperti gambar diatas.

4 . Selanjutnya akan tampil jendela new project seperti gambar diatas. Buat nama projectnya dan target android yang teman2 sukai.!!

Sebagai contoh penulis mebuat nama projectnya Analagtime, targetnya Galaxi Tab, Nama aplikasinya Jam Analog, nama Paketnya com.fikri.analog, nama aktivitynya jamanalog, dan min SDK-nya 8 sesuai dengan API target android yang teman2 gunakan..!!

5 . Sampai tahap ini project yang kita buat telah selesai, tahap Selanjutnya adalah mendesain layaoutnya untuk mendesain layout klik project Analogtime -> res -> layout -> main.xml seperti gambar berikut :

6 . klik double main.xml dan ketikan coding nya seperti berikut:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="vertical"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:background="#97b3f2"

    >

<TextView 

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:text="fikriberbagi.blogspot.com"

    android:textColor="#000000"

    android:layout_gravity="center"/>

<AnalogClock

       android:id="@+id/AnalogClock01"

       android:layout_width="wrap_content"

       android:layout_height="wrap_content"

       android:layout_gravity="center"/>

<DigitalClock

       android:layout_width="wrap_content"

       android:id="@+id/DigitalClock01"

       android:layout_height="wrap_content"

       android:text="@+id/DigitalClock01"

       android:textSize="12pt"

       android:textColor="#000000"

       android:layout_gravity="center"/>

</LinearLayout>

7 . setelah mengetikan coding diatas maka akan terlihat desain layaout kita seperti gambar berikut:

8 . sekarang silahkan running programnya dengan cara klik kanan pada projectnya -> run as -> android application seperti gambar berikut:

9 . maka akan terlihat hasil akhir dari aplikasi kita seperti gambar berikut:

Setelah terlihat hasilnya seperti gambar diatas maka selesailah aplikasi yang kita buat, nah jika ada yang kurang jelas dari penjelasan diatas silahkan tinggalkan komentar..!!

Baiklah sahabat bloggers sampai disini dulu tutorial kali ini semoga bermanfaat dan terima kasih telah berkunjung..!