Salam sejahtera untuk semua,
Disini saya akan mencoba membuat sebuah aplikasi 'Penjualan E-Book' dengan menggunakan sistem Android, Oh yaa... disini kita juga akan menggunakan program untuk membuat aplikasi tersebut yaitu dengan menggunakan Android Studio, namun untuk running aplikasinya saya tidak menggunakan emulator bawaan yang ada pada android studio, melainkan dengan menginstall langsung pada device android saya yaitu Asus Zenfone Selfie 5,5 inch dengan versi atau sdk 'Marshmallow'.
Pertama kita siapkan dan buka android studio
Kedua kita pilih template atau desain utamanya
Ketiga kita desain isian text dan button klik untuk desai yng diinginkan
Untuk desain saya buat sesederhana mungkin karea masih dalam tahap belajar
Source code untuk desain xmlnya
Desain untuk proses dimana kita kita bisa mengetahui total belanja dan uang kembaliannya
Source code untuk desain proses dimana akan muncul total belanja dan brapa kembaliannya
Source cod main activuty untuk tampilan dan pengisian pertama
Source code untuk proses aplikasinya
Tampila dimana device sudah diplugin dan siap untuk diinstall pada device android
Tampilan utk mengetahui kalau device berhasil di install
Setelah dirunning kemudian ada tampilan proses installing pada device android dan berhasil
tampilan notifikasi proses install berhasil
Tampilan event log dari mulai grade build sampai install sukses
Tampilan ikon hasil instal pada device android seperti dibawah ini
Tampilan setelah aplikasi dibuka
Tampilan hasil pengisian pada kolom teks
Tampilan halaman kedua dengan text ttal belanja dan uang kembali
Aplikasi bisa direset ulang maka tampilan akan kosong kembali
Source Code Main Activity
Source Code Proses Java
Source Code Activity Main xml
Source Code Proses xml
Untuk tambahan list viewnya saya tinggal menambahkan file strings.xml yang sudah berisikan array list viewnya... source codenya seperti dibawah ini yaa
listbook.xml
listbook.java
belajarcoding.xml
belajarcoding.java
Demikianlah alur pembuatan aplikasi sederhana yaitu aplikasi penjualan ebook dengan metode sederhana namun dengan tampilan dan masih bisa dikembangkan kembali agar tampilan lebih baik lagi. Semoga ilmu belajar coding membuat aplikasi android ini dapat bermanfaat untuk kita semua yang sedang ingin belajar mobile programming. Bilamana ada kesalahan dalam menulis dan pengambilan gambar sekiramya dapat dimaaffkan, tiada salahnya tetap berusaha belajar.... Wassalamu'alaikum wr wb.
Pertama kita siapkan dan buka android studio
Kedua kita pilih template atau desain utamanya
Ketiga kita desain isian text dan button klik untuk desai yng diinginkan
Untuk desain saya buat sesederhana mungkin karea masih dalam tahap belajar
Source code untuk desain xmlnya
Desain untuk proses dimana kita kita bisa mengetahui total belanja dan uang kembaliannya
Source code untuk desain proses dimana akan muncul total belanja dan brapa kembaliannya
Source cod main activuty untuk tampilan dan pengisian pertama
Source code untuk proses aplikasinya
Tampila dimana device sudah diplugin dan siap untuk diinstall pada device android
Tampilan utk mengetahui kalau device berhasil di install
Setelah dirunning kemudian ada tampilan proses installing pada device android dan berhasil
tampilan notifikasi proses install berhasil
Tampilan event log dari mulai grade build sampai install sukses
Tampilan ikon hasil instal pada device android seperti dibawah ini
Tampilan setelah aplikasi dibuka
Tampilan hasil pengisian pada kolom teks
Tampilan halaman kedua dengan text ttal belanja dan uang kembali
Aplikasi bisa direset ulang maka tampilan akan kosong kembali
Source Code Main Activity
package com.example.jualapp; import androidx.appcompat.app.AppCompatActivity; import android.content.Intent;import android.os.Bundle;import android.view.View;import android.widget.Button;import android.widget.EditText;import android.widget.TextView;import android.widget.Toast; public class MainActivity extends AppCompatActivity { private EditText edtnamapel, edtnamabar, edtjumlahbel, edtharga, edtuangbay; private Button btnproses; private Button btnhapus; private Button btnexit; private TextView txtnamapel; private TextView txtnamabar; private TextView txtjumlahbel; private TextView txtharga; private TextView txtuangbay; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); getSupportActionBar().setTitle("Asep Somala Shop"); edtnamapel = (EditText) findViewById(R.id.namapelanggan); edtnamabar = (EditText) findViewById(R.id.namabarang); edtjumlahbel = (EditText) findViewById(R.id.jumlahbeli); edtharga = (EditText) findViewById(R.id.harga); edtuangbay = (EditText) findViewById(R.id.uangbayar); btnproses = (Button) findViewById(R.id.tombol1); btnhapus = (Button) findViewById(R.id.tombol2); btnexit = (Button) findViewById(R.id.tombol3); txtnamapel = (TextView) findViewById(R.id.namapelanggan); txtnamabar = (TextView) findViewById(R.id.namabarang); txtjumlahbel = (TextView) findViewById(R.id.jumlahbeli); txtharga = (TextView) findViewById(R.id.harga); txtuangbay = (TextView) findViewById(R.id.uangbayar); //memberikan action pada tombol proses btnproses.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { String namapelanggan = edtnamapel.getText().toString().trim(); String namabarang = edtnamabar.getText().toString().trim(); String jumlahbeli = edtjumlahbel.getText().toString().trim(); String harga = edtharga.getText().toString().trim(); String uangbayar = edtuangbay.getText().toString().trim(); double jb = Double.parseDouble(jumlahbeli); double h = Double.parseDouble(harga); double ub = Double.parseDouble(uangbayar); String textUangBayar = Double.toString(ub); double total = (jb * h); String textTotal = Double.toString(total).trim(); //pemberian if dan else untuk aturan pemberian bonus String bonus; if (total >=200000){ bonus = "Bonus : Mouse"; } else if (total >=50000){ bonus = "Bonus : Keyboard"; } else if (total >=40000){ bonus = "Bonus : Harddisk"; } else { bonus = "Bonus : Tidak Ada Bonus"; } double uangkembalian = (ub - total); String textUangkembalian = Double.toString(uangkembalian); Intent x = new Intent(MainActivity.this, Proses.class); x.putExtra("tb", textTotal); x.putExtra("uk", textUangkembalian); x.putExtra("bn", bonus); x.putExtra("ub", textUangBayar); startActivity(x); } }); btnhapus.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { txtnamapel.setText(" "); txtnamabar.setText(" "); txtharga.setText(" "); txtuangbay.setText(" "); txtjumlahbel.setText(" "); Toast.makeText(getApplicationContext(),"Data sudah direset", Toast.LENGTH_LONG).show(); } }); btnexit.setOnClickListener(new View.OnClickListener() { public void onClick(View view) { moveTaskToBack(true); } }); } }
Source Code Proses Java
package com.example.jualapp; import android.content.Intent;import android.os.Bundle;import android.os.PersistableBundle;import android.widget.TextView;import android.widget.Toast; import androidx.annotation.Nullable;import androidx.appcompat.app.AppCompatActivity; public class Proses extends AppCompatActivity { TextView totalBelanja; TextView uangKembali; TextView bonus; TextView keterangan; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.proses); getSupportActionBar().setTitle("Asep Somala Shop"); totalBelanja = (TextView) findViewById(R.id.totalbelanja); uangKembali = (TextView) findViewById(R.id.uangkembali); bonus = (TextView) findViewById(R.id.bonus); keterangan = (TextView) findViewById(R.id.keterangan); Intent y = getIntent(); String tb = y.getStringExtra("tb"); String uk = y.getStringExtra("uk"); String bn = y.getStringExtra("bn"); String ub = y.getStringExtra("ub"); double totBayar = Double.parseDouble(tb); double totUb = Double.parseDouble(ub); double totUk = Double.parseDouble(uk); totalBelanja.setText("Total Belanja : Rp. "+tb); uangKembali.setText("Uang Kembali : Rp. "+uk); bonus.setText(bn); if (totUb < totBayar){ keterangan.setText("Keterangan : uang bayar kurang Rp " + (-totUk)); uangKembali.setText("Uang Kembali : Rp 0" ); }else{ keterangan.setText("Keterangan : Tunggu Kembalian"); uangKembali.setText("Uang Kembali : " + totUk); } } }
Source Code Activity Main xml
<?xml version="1.0" encoding="utf-8"?><ScrollView 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:padding="30dp" android:orientation="vertical" tools:context=".MainActivity"> <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Nama Pembeli : " android:textStyle="bold" android:textColor="@color/colorPrimary"/> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/namapelanggan" android:text="" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Judul Ebook : " android:textStyle="bold" android:textColor="@color/colorPrimary"/> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/namabarang" android:text="" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Jumlah Beli: " android:textStyle="bold" android:textColor="@color/colorPrimary"/> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/jumlahbeli" android:text="" android:inputType="number"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Harga : Rp " android:textStyle="bold" android:textColor="@color/colorPrimary"/> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/harga" android:text="" android:inputType="number" android:layout_marginBottom="8dp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Uang Bayar: Rp " android:textStyle="bold" android:textColor="@color/colorPrimary"/> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/uangbayar" android:text="" android:inputType="number"/> </LinearLayout> <Button android:layout_marginTop="30dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/tombol1" android:text="PROSES" android:background="@color/colorAccent" android:textStyle="bold" android:textColor="#ffffff" android:layout_marginBottom="8dp" /> <LinearLayout android:layout_marginTop="20dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:orientation="horizontal"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/tombol2" android:text="RESET DATA" android:background="@color/colorAccent" android:textStyle="bold" android:textColor="#ffffFF"/> <Button android:layout_width="wrap_content" android:layout_marginLeft="20dp" android:layout_height="wrap_content" android:id="@+id/tombol3" android:text="KELUAR" android:background="@color/colorAccent" android:textColor="#FFFFFF" android:textStyle="bold"/> </LinearLayout> </LinearLayout></ScrollView>
Source Code Proses xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" xmlns:tools="http://schemas.android.com/tools" android:layout_margin="10dp" android:orientation="vertical" tools:context=".Proses"> <TextView android:layout_marginTop="20dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Total Belanja :" android:textColor="@color/colorPrimary" android:id="@+id/totalbelanja" android:textStyle="bold" android:textSize="18dp" android:layout_marginBottom="8dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Uang Kembali :" android:textColor="@color/colorPrimary" android:id="@+id/uangkembali" android:textStyle="bold" android:textSize="18dp" android:layout_marginBottom="8dp"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Bonus :" android:textColor="@color/colorPrimary" android:id="@+id/bonus" android:textStyle="bold" android:textSize="18dp" android:layout_marginBottom="8dp"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Keterangan :" android:textColor="@color/colorPrimary" android:id="@+id/keterangan" android:textStyle="bold" android:textSize="18dp" android:layout_marginBottom="8dp"/> </LinearLayout>
Untuk tambahan list viewnya saya tinggal menambahkan file strings.xml yang sudah berisikan array list viewnya... source codenya seperti dibawah ini yaa
listbook.xml
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout 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=".listebook"> <LinearLayout android:id="@+id/line1" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:layout_marginBottom="10dp" android:orientation="horizontal"> <TextView android:id="@+id/text1" android:textColorHighlight="@color/colorPrimaryDark" android:layout_width="match_parent" android:layout_height="wrap_content" android:textAlignment="center" android:textSize="16dp"/> </LinearLayout> <ListView android:id="@+id/listebook" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@+id/line1"/> </RelativeLayout>
listbook.java
package com.somala.aplikasipenjualane_book;import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.TextView; import android.widget.Toast; import java.util.ArrayList; import java.util.Collection; import java.util.Collections; public class listebook extends AppCompatActivity { TextView text; ListView listebook; //data yang akan dimasukkan ke listview private String [] masak = {"1. Ebook Belajar Coding","2. Ebook Belajar Matematika", "3. Ebook Belajar Program Web", "4. Ebook Belajar Desain Web","5. Ebook Belajar Arsitek Komputer","6. Ebook Belajar Jaringan Komputer","7. Ebook Belajar Komputer Grafik","8. Ebook Merakit Komputer","9. Ebook Belajar Komputer","10. Ebook Belajar Desainer Grafis"}; //ArrayList untuk menampung data ebook private ArrayList<String> data; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.listebook); text = (TextView) findViewById(R.id.text1); text.setText("Selamat Belajar : "); listebook = findViewById(R.id.listebook); ArrayAdapter adapter = new ArrayAdapter(this,android.R.layout.simple_list_item_single_choice,masak); listebook.setAdapter(adapter); listebook.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) { int itemke=i; String itemText=(String) listebook.getItemAtPosition(i); Toast.makeText(getBaseContext(), "Anda Meng Klik " +itemText, Toast.LENGTH_SHORT).show(); if (itemText.equals("1. Ebook Belajar Coding")){ Intent belajarcoding= new Intent(adapterView.getContext(),belajarcoding.class); startActivityForResult(belajarcoding, 0); } } }); } }
belajarcoding.xml
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout 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=".belajarcoding"> <TextView android:id="@+id/textbelajarcoding" android:textColorHighlight="@color/colorPrimaryDark" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="20dp" android:textSize="14dp" android:textAlignment="gravity" android:text="@string/belajarcoding"/> </RelativeLayout>
belajarcoding.java
package com.somala.aplikasipenjualane_book; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.text.method.ScrollingMovementMethod; import android.widget.TextView; public class belajarcoding extends AppCompatActivity{ @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.listebook); TextView tv = (TextView) findViewById(R.id.textbelajarcoding); tv.setMovementMethod(new ScrollingMovementMethod()); } }
Demikianlah alur pembuatan aplikasi sederhana yaitu aplikasi penjualan ebook dengan metode sederhana namun dengan tampilan dan masih bisa dikembangkan kembali agar tampilan lebih baik lagi. Semoga ilmu belajar coding membuat aplikasi android ini dapat bermanfaat untuk kita semua yang sedang ingin belajar mobile programming. Bilamana ada kesalahan dalam menulis dan pengambilan gambar sekiramya dapat dimaaffkan, tiada salahnya tetap berusaha belajar.... Wassalamu'alaikum wr wb.
No comments:
Post a Comment