Halo Sobat Overzealous
Pada postingan kali ini masih bertentangan dengan android Studio
Nah kali ini saya akan memberi tips pada watcher semua bagaimana sih membuat aplikasi form penjualan ?
Disini saya akan menjawab segala pertanyaan dari watcher semua dan saya akan memberikan tips pada kalian semua cara membuat aplikasi Form penjualan menggunakan aplikasi Android Studio pada pc anda. Jadi pastikan terlebih dahulu aplikasi Android Studio sudah terpasang / sudah diinstall yang bertujuan agar kita bisa membuat kalkulator pada pc tersebut.
- Langkah pertama adalah membuat project baru dengan cara mengklik pada Start a new Android Studio Project.
- Kemudian memberikan nama pada project nya dan menentukan letak penyimpanan untuk project yang akan kita buat. Lalu Next.
- Setelah itu pada tahap ini hanya mencentang pada pilihan Phone and Tablet, kemudian Next.
- Selanjutnya memilih Empty Activity. Kemudian menekan tombol Next.
- Kemudian mengisikan Activity Name dengan nama MainActivity. Kemudian menekan tombol Finish.
- Setelah itu akan muncul tampilan awal Android Studio seperti gambar dibawah ini.
- Pada main activity, kita akan membuat tampilan layout dimana kita membutuhkan 14 TextView, 4 Plan Text, dan 2 Button. Untuk memasukkannya yaitu dengan cara mendrag atau menyeret widget iconnnya ke layar Android, untuk lebih jelasnya ada di gambar berikut
- Bisa juga dengan memasukkan syntax berikut pada bagian text
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".FormPenjualan">
<TableRow
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginBottom="460dp"
app:layout_constraintBottom_toBottomOf="parent"
tools:layout_editor_absoluteX="0dp">
<TextView
android:id="@+id/textView"
android:layout_width="162dp"
android:layout_height="match_parent"
android:text="Nama Barang"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text=":"
android:textColor="@android:color/black"
android:textSize="24sp" />
<EditText
android:id="@+id/editTextnamabarang"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:ems="10"
android:inputType="textPersonName"
android:textColor="@android:color/black"
android:textSize="24sp"
tools:layout_editor_absoluteX="97dp"
tools:layout_editor_absoluteY="134dp" />
</TableRow>
<TableRow
android:id="@+id/tableRow4"
android:layout_width="match_parent"
android:layout_height="50sp"
android:layout_marginBottom="408dp"
app:layout_constraintBottom_toBottomOf="parent"
tools:layout_editor_absoluteX="0dp">
<TextView
android:id="@+id/textView3"
android:layout_width="162dp"
android:layout_height="match_parent"
android:text="Jumlah Barang"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text=":"
android:textColor="@android:color/black"
android:textSize="24sp" />
<EditText
android:id="@+id/editTextjumlahbarang"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="number"
android:textColor="@android:color/black"
android:textSize="24sp" />
</TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="50sp"
android:layout_marginBottom="356dp"
app:layout_constraintBottom_toBottomOf="parent"
tools:layout_editor_absoluteX="28dp">
<TextView
android:id="@+id/textView5"
android:layout_width="162dp"
android:layout_height="match_parent"
android:text="Harga Satuan"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textView6"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text=":"
android:textColor="@android:color/black"
android:textSize="24sp" />
<EditText
android:id="@+id/editTexthargasatuan"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="number"
android:textColor="@android:color/black"
android:textSize="24sp" />
</TableRow>
<TableRow
android:id="@+id/tableRow3"
android:layout_width="match_parent"
android:layout_height="50sp"
android:layout_marginBottom="304dp"
app:layout_constraintBottom_toBottomOf="parent"
tools:layout_editor_absoluteX="28dp">
<TextView
android:id="@+id/textView7"
android:layout_width="162dp"
android:layout_height="match_parent"
android:text="Total Harga"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textView8"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text=":"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textViewtotalharga"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="0"
android:textColor="@android:color/black"
android:textSize="24sp" />
</TableRow>
<TableRow
android:id="@+id/tableRow2"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginBottom="204dp"
app:layout_constraintBottom_toBottomOf="parent"
tools:layout_editor_absoluteX="0dp">
<TextView
android:id="@+id/textView9"
android:layout_width="162dp"
android:layout_height="match_parent"
android:text="Bayar"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textView10"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text=":"
android:textColor="@android:color/black"
android:textSize="24sp" />
<EditText
android:id="@+id/editTextbayar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="number"
android:textColor="@android:color/black"
android:textSize="24sp" />
</TableRow>
<TableRow
android:id="@+id/tableRow"
android:layout_width="match_parent"
android:layout_height="50sp"
android:layout_marginBottom="104dp"
app:layout_constraintBottom_toBottomOf="parent"
tools:layout_editor_absoluteX="0dp">
<TextView
android:id="@+id/textView11"
android:layout_width="162dp"
android:layout_height="match_parent"
android:text="Kembalian"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textView12"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text=":"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textViewkembalian"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:textColor="@android:color/black"
android:textSize="24sp" />
</TableRow>
<Button
android:id="@+id/cmdhasil"
android:layout_width="236dp"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:text="Jumlahkan"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.445" />
<Button
android:id="@+id/cmdhasil1"
android:layout_width="236dp"
android:layout_height="wrap_content"
android:layout_marginBottom="32dp"
android:layout_marginEnd="8dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:text="Kembalian"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.706" />
</android.support.constraint.ConstraintLayout>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".FormPenjualan">
<TableRow
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginBottom="460dp"
app:layout_constraintBottom_toBottomOf="parent"
tools:layout_editor_absoluteX="0dp">
<TextView
android:id="@+id/textView"
android:layout_width="162dp"
android:layout_height="match_parent"
android:text="Nama Barang"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text=":"
android:textColor="@android:color/black"
android:textSize="24sp" />
<EditText
android:id="@+id/editTextnamabarang"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:ems="10"
android:inputType="textPersonName"
android:textColor="@android:color/black"
android:textSize="24sp"
tools:layout_editor_absoluteX="97dp"
tools:layout_editor_absoluteY="134dp" />
</TableRow>
<TableRow
android:id="@+id/tableRow4"
android:layout_width="match_parent"
android:layout_height="50sp"
android:layout_marginBottom="408dp"
app:layout_constraintBottom_toBottomOf="parent"
tools:layout_editor_absoluteX="0dp">
<TextView
android:id="@+id/textView3"
android:layout_width="162dp"
android:layout_height="match_parent"
android:text="Jumlah Barang"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text=":"
android:textColor="@android:color/black"
android:textSize="24sp" />
<EditText
android:id="@+id/editTextjumlahbarang"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="number"
android:textColor="@android:color/black"
android:textSize="24sp" />
</TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="50sp"
android:layout_marginBottom="356dp"
app:layout_constraintBottom_toBottomOf="parent"
tools:layout_editor_absoluteX="28dp">
<TextView
android:id="@+id/textView5"
android:layout_width="162dp"
android:layout_height="match_parent"
android:text="Harga Satuan"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textView6"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text=":"
android:textColor="@android:color/black"
android:textSize="24sp" />
<EditText
android:id="@+id/editTexthargasatuan"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="number"
android:textColor="@android:color/black"
android:textSize="24sp" />
</TableRow>
<TableRow
android:id="@+id/tableRow3"
android:layout_width="match_parent"
android:layout_height="50sp"
android:layout_marginBottom="304dp"
app:layout_constraintBottom_toBottomOf="parent"
tools:layout_editor_absoluteX="28dp">
<TextView
android:id="@+id/textView7"
android:layout_width="162dp"
android:layout_height="match_parent"
android:text="Total Harga"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textView8"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text=":"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textViewtotalharga"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="0"
android:textColor="@android:color/black"
android:textSize="24sp" />
</TableRow>
<TableRow
android:id="@+id/tableRow2"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginBottom="204dp"
app:layout_constraintBottom_toBottomOf="parent"
tools:layout_editor_absoluteX="0dp">
<TextView
android:id="@+id/textView9"
android:layout_width="162dp"
android:layout_height="match_parent"
android:text="Bayar"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textView10"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text=":"
android:textColor="@android:color/black"
android:textSize="24sp" />
<EditText
android:id="@+id/editTextbayar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="number"
android:textColor="@android:color/black"
android:textSize="24sp" />
</TableRow>
<TableRow
android:id="@+id/tableRow"
android:layout_width="match_parent"
android:layout_height="50sp"
android:layout_marginBottom="104dp"
app:layout_constraintBottom_toBottomOf="parent"
tools:layout_editor_absoluteX="0dp">
<TextView
android:id="@+id/textView11"
android:layout_width="162dp"
android:layout_height="match_parent"
android:text="Kembalian"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textView12"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text=":"
android:textColor="@android:color/black"
android:textSize="24sp" />
<TextView
android:id="@+id/textViewkembalian"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:textColor="@android:color/black"
android:textSize="24sp" />
</TableRow>
<Button
android:id="@+id/cmdhasil"
android:layout_width="236dp"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:text="Jumlahkan"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.445" />
<Button
android:id="@+id/cmdhasil1"
android:layout_width="236dp"
android:layout_height="wrap_content"
android:layout_marginBottom="32dp"
android:layout_marginEnd="8dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:text="Kembalian"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.706" />
</android.support.constraint.ConstraintLayout>
- Setelah membuat tampilan pada activity_main.xml, selanjutnya membuat kode agar program dapat berjalan pada MainActivity.java
- Dan saatnya kita meng-run programnya dengan cara menekan tombol seperti digambar.
- Selanjutnya ketika di Run, pilih jenis Emulator. Yang akan kita gunakan untuk menjalankan program ini adalah smartphone android Sony C5503 yang dihubungkan dengan kabel USB.
- Setelah itu menunggu sampai prosesnya selesai. Proses ini akan berlangsung paling tidak 1 sampai 2 menit, jika proses ini gagal maka terdapat kesalahan pada pengcodingannya.
- Dan berikut adalah tampilan output dari Project yang telah kita buat.
Maka dapat saya simpulkan bahwa pada program dengan Fitur login ini kita juga menggunakan Database, jenis databasenya adalah SQLite dan pengcodingan Java Classnya bernama DataHelper.Java
Disini kita menggunakan 5 Class java, salah satunya adalah MainActivity sebagai pengcodingan untuk fitur Login dan HomeActivity sebagai pengcodingan tampilan awal selesai Login, Buat dan Update Biodata untuk pengcodingan menginputkan data atau mengubahnya jika telah selesai diinput, dan Lihat Biodata untuk pengcodingan agar bisa melihat data yang telah diinputkan.
Dan untuk menjalankan programnya disini menggunakan langsung smartphone Android Lolipop yang dihubungkan ke PC dengan kabel USB.
Apabila ada kesilapan mau pun unsur tidak sengaja mohon di maafkan sebesar besarnya semoga bermanfaat bagi wacther semua maka saya pamit undur diri
Keep respect and happy {\Coding} BYE BYE....
Cuma mau bilang berhasil gan programnya
ReplyDeleteTerimakasih yaa
Makasih gan ilmunya
ReplyDelete