TEKNIK INFORMATIKA

Langsung saja pada pembuatan yang pertama.

Buka Aplikasi Eclips-ADT
Buat Project dengan nama Pemasaran
Buat nama java seperti gambar di bawah ini.

Buat juga file xml di res-layout

Coding file java seperti ini :

CustomHttpClient.java

JsonParse.java

Kemudian kita akan membuat class pangan.

Jagung.java

Beras.java

Tomat.java

Bawang_M.java (Bawang_Merah)

Bawang_P.java (Bawang_P)

Sekarang kita akan membuat lagi file xml.

Menu.xml

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

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@drawable/bg_11"

android:paddingBottom="@dimen/activity_vertical_margin"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

tools:context=".Menu" >

<ImageView

android:id="@+id/imageView1"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:layout_marginLeft="5dp"

android:layout_marginTop="50dp"

android:src="@drawable/icon_jagung" />

<ImageView

android:id="@+id/imageView2"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:layout_marginLeft="100dp"

android:layout_marginTop="50dp"

android:src="@drawable/icon_beras" />

<Button

android:id="@+id/pilih1"

android:layout_width="20dp"

android:layout_height="37dp"

android:layout_alignLeft="@+id/imageView1"

android:layout_alignRight="@+id/imageView1"

android:layout_alignTop="@+id/imageView1"

android:layout_marginTop="75dp"

android:background="@drawable/icon_pilih" />

<ImageView

android:id="@+id/imageView3"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:layout_marginLeft="195dp"

android:layout_marginTop="50dp"

android:src="@drawable/icon_bawang_m" />

<Button

android:id="@+id/pilih2"

android:layout_width="20dp"

android:layout_height="37dp"

android:layout_alignRight="@+id/imageView2"

android:layout_alignTop="@+id/pilih1"

android:layout_toRightOf="@+id/imageView1"

android:background="@drawable/icon_pilih" />

<Button

android:id="@+id/pilih3"

android:layout_width="20dp"

android:layout_height="37dp"

android:layout_alignBottom="@+id/pilih2"

android:layout_alignRight="@+id/imageView3"

android:layout_toRightOf="@+id/imageView2"

android:background="@drawable/icon_pilih" />

<Button

android:id="@+id/btn_cabe"

android:layout_width="90dp"

android:layout_height="70dp"

android:layout_marginLeft="5dp"

android:layout_marginTop="10dp"

android:layout_alignLeft="@+id/pilih1"

android:layout_centerVertical="true"

android:background="@drawable/icon_cabe"/>

<Button

android:id="@+id/button2"

android:layout_width="90dp"

android:layout_height="70dp"

android:layout_alignBaseline="@+id/btn_cabe"

android:layout_alignBottom="@+id/btn_cabe"

android:layout_alignLeft="@+id/pilih2"

android:background="@drawable/icon_tomat"/>

<Button

android:id="@+id/button3"

android:layout_width="90dp"

android:layout_height="70dp"

android:layout_alignBaseline="@+id/button2"

android:layout_alignBottom="@+id/button2"

android:layout_alignLeft="@+id/pilih3"

android:background="@drawable/icon_bawang_p" />

<Button

android:id="@+id/pilih5"

android:layout_width="90dp"

android:layout_height="37dp"

android:layout_alignBottom="@+id/pilih4"

android:layout_alignRight="@+id/button2"

android:background="@drawable/icon_pilih"/>

<Button

android:id="@+id/pilih4"

android:layout_width="90dp"

android:layout_height="37dp"

android:layout_alignLeft="@+id/btn_cabe"

android:layout_below="@+id/btn_cabe"

android:background="@drawable/icon_pilih" />

<Button

android:id="@+id/pilih6"

android:layout_width="90dp"

android:layout_height="37dp"

android:layout_alignBottom="@+id/pilih5"

android:layout_alignRight="@+id/button3"

android:background="@drawable/icon_pilih"/>

<TextView

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:layout_alignRight="@+id/pilih6"

android:layout_marginBottom="44dp"

android:gravity="center"

android:textStyle="bold"

android:text="Silahkan Pilih Pangan Yang Akan Anda Beli..."

android:textAppearance="?android:attr/textAppearanceLarge" />

</RelativeLayout>

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

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@drawable/bg_loginn"

android:orientation="vertical"

android:paddingBottom="@dimen/activity_vertical_margin"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

tools:context=".Memesan" >

<TextView

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="54dp"

android:text="Pengguna Baru? Silahkan "

android:textSize="15dp"

android:textStyle="bold"

android:textAppearance="?android:attr/textAppearanceLarge" />

<TextView

android:id="@+id/textView2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="90dp"

android:text="Buat Akun Dulu"

android:textSize="15dp"

android:textStyle="bold"

android:textAppearance="?android:attr/textAppearanceLarge" />

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:textStyle="bold"

android:text="Username" />

<EditText

android:id="@+id/ed_user"

android:layout_width="match_parent"

android:layout_height="wrap_content" />

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:textStyle="bold"

android:text="Password" />

<EditText

android:id="@+id/ed_pass"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:password="true" />

<Button

android:id="@+id/btn_login"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:textStyle="bold"

android:text="Masuk" />

<Button

android:id="@+id/btn_daftar"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:textStyle="bold"

android:text="Buat Akun" />

<TextView

android:id="@+id/txt_status"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="" />

</LinearLayout>

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

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@drawable/bg_loginn"

android:paddingBottom="@dimen/activity_vertical_margin"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

tools:context=".Registrasi" >

<TextView

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="30dp"

android:text="Silahkan Melakukan Pendaftaran "

android:textSize="15dp"

android:textStyle="bold"

android:textAppearance="?android:attr/textAppearanceLarge" />

<EditText

android:id="@+id/nama_p"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/textView1"

android:layout_centerHorizontal="true"

android:layout_marginTop="134dp"

android:hint="Nama"

android:ems="10" >

</EditText>

<EditText

android:id="@+id/No_Telp_R"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/nama_p"

android:layout_below="@+id/nama_p"

android:layout_marginTop="24dp"

android:hint="No_Telp"

android:ems="10" />

<EditText

android:id="@+id/user_R"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/No_Telp_R"

android:layout_below="@+id/No_Telp_R"

android:layout_marginTop="16dp"

android:hint="Username"

android:ems="10" />

<EditText

android:id="@+id/pass_R"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/user_R"

android:layout_below="@+id/user_R"

android:layout_marginTop="17dp"

android:hint="Password"

android:ems="10" />

<Button

android:id="@+id/daftar_R"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/pass_R"

android:layout_alignParentBottom="true"

android:layout_alignRight="@+id/pass_R"

android:textStyle="bold"

android:text="DAFTAR" />

<Button

android:id="@+id/button2"

android:layout_width="100dp"

android:layout_height="100dp"

android:layout_below="@+id/textView1"

android:layout_centerHorizontal="true"

android:layout_marginTop="20dp"

android:background="@drawable/unnamed" />

</RelativeLayout>

Jagung.xml

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

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@drawable/bg_jagungg"

android:paddingBottom="@dimen/activity_vertical_margin"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

tools:context=".Jagung" >

<TextView

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_centerVertical="true"

android:layout_marginLeft="10dp"

android:text="Jenis Jagung"

android:textSize="15sp"

android:typeface="serif"

android:textStyle="bold"/>

<TextView

android:id="@+id/textView2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_centerVertical="true"

android:layout_marginLeft="140dp"

android:text="="

android:textSize="15sp"

android:typeface="serif"

android:textStyle="bold"/>

<TextView

android:id="@+id/textView3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentRight="true"

android:layout_centerVertical="true"

android:layout_marginLeft="170dp"

android:text="Jagung Basah"

android:textSize="15sp"

android:textStyle="bold"

android:typeface="serif" />

<TextView

android:id="@+id/textView4"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/textView1"

android:layout_below="@+id/textView1"

android:layout_marginTop="20dp"

android:text="Harga per 1 Kg"

android:textStyle="bold"

android:typeface="serif" />

<TextView

android:id="@+id/textView5"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignBaseline="@+id/textView4"

android:layout_alignBottom="@+id/textView4"

android:layout_toRightOf="@+id/textView4"

android:text="="

android:layout_marginLeft="25dp"

android:textSize="15sp"

android:textStyle="bold"

android:typeface="serif" />

<TextView

android:id="@+id/textView6"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/textView3"

android:layout_alignTop="@+id/textView5"

android:text="Rp. 3.300"

android:textStyle="bold"

android:typeface="serif" />

<Button

android:id="@+id/btn_pesan"

android:layout_width="500dp"

android:layout_height="100dp"

android:layout_alignParentBottom="true"

android:layout_alignRight="@+id/textView3"

android:background="@drawable/icon_pesann" />

</RelativeLayout>

Silahkan konfigurasi file xml pangan seperti gambar di atas. Perhatikan baik-baik pada id, karena jangan ada yang sama pada penempatan idnya.

Mungkin hanya itu dulu tutorial saya untuk pembuatan aplikasi sederhana ini.

Mohon maaf jika ada kekurangan.

SELAMAT MENCOBAT ☺ ☺ ☺

Wassalamualikum Warahmatulahi Wabarakatu…

TEKNIK INFORMATIKA

Selasa, 26 Desember 2017

Membuat Aplikasi Pemasaran Hasil Panen Rempah-rempah

Gallery

About