Cara Membuat Aplikasi Pemesanan Makanan Sederhana Android Studio

Halo Sobat Sederhana! Pada kesempatan kali ini, kami akan berbagi cara membuat aplikasi pemesanan makanan sederhana menggunakan Android Studio. Aplikasi ini dapat membantu Anda untuk memesan makanan dengan mudah dan cepat melalui smartphone. Selain itu, dengan membuat aplikasi pemesanan makanan, Anda bisa belajar tentang pengembangan aplikasi Android.

Persiapan awal

Sebelum memulai membuat aplikasi pemesanan makanan, Anda harus memenuhi beberapa persyaratan terlebih dahulu. Pertama, pastikan Anda sudah menginstal Android Studio di komputer Anda. Android Studio adalah Integrated Development Environment (IDE) untuk pengembangan aplikasi Android. Kedua, pastikan Anda memiliki pengetahuan dasar tentang pemrograman Java dan XML. Ketiga, pastikan koneksi internet stabil karena kita akan menggunakan beberapa library yang akan diunduh dari internet.

Setelah Anda memenuhi persyaratan di atas, mari kita mulai membuat aplikasi pemesanan makanan sederhana.

Membuat tampilan utama

Tampilan utama aplikasi pemesanan makanan terdiri dari beberapa elemen, seperti judul aplikasi, daftar menu, keranjang belanja, dan tombol pesan. Untuk membuat tampilan utama, buatlah activity baru dengan nama MainActivity pada Android Studio.

Setelah membuat activity baru, buat layout XML untuk tampilan utama dengan mengklik kanan folder res/layout dan pilih New > Layout resource file. Beri nama layout XML dengan nama activity_main.xml.

Berikut contoh kode XML untuk tampilan utama:

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”tools:context=”.MainActivity”><TextViewandroid:id=”@+id/textViewJudul”android:layout_width=”wrap_content”android:layout_height=”wrap_content”android:text=”Pemesanan Makanan”android:layout_marginTop=”16dp”android:layout_centerHorizontal=”true”android:textSize=”24sp” /><ListViewandroid:id=”@+id/listViewMenu”android:layout_width=”match_parent”android:layout_height=”wrap_content”android:layout_below=”@+id/textViewJudul”android:layout_marginTop=”16dp” /><LinearLayoutandroid:id=”@+id/linearLayoutKeranjang”android:layout_width=”match_parent”android:layout_height=”wrap_content”android:layout_below=”@+id/listViewMenu”android:layout_marginTop=”16dp”android:orientation=”horizontal” ><TextViewandroid:id=”@+id/textViewJumlahPesanan”android:layout_width=”wrap_content”android:layout_height=”wrap_content”android:text=”Jumlah Pesanan: 0″android:textSize=”18sp” /><Buttonandroid:id=”@+id/buttonPesan”android:layout_width=”wrap_content”android:layout_height=”wrap_content”android:text=”Pesan”android:layout_marginStart=”16dp” /></LinearLayout></RelativeLayout>

Anda dapat mengubah tampilan utama sesuai dengan keinginan Anda. Setelah selesai membuat layout XML, hubungkan layout XML dengan activity MainActivity pada bagian onCreate().

Membuat daftar menu makanan

Daftar menu makanan adalah kumpulan menu makanan yang akan ditampilkan pada ListView di tampilan utama. Untuk membuat daftar menu makanan, buatlah class Java baru dengan nama Menu, kemudian tambahkan beberapa property seperti nama, harga, dan gambar. Berikut contoh kode Java untuk class Menu:

Java
public class Menu {private String nama;private int harga;private int gambar;public Menu(String nama, int harga, int gambar) {this.nama = nama;this.harga = harga;this.gambar = gambar;}public String getNama() {return nama;}public int getHarga() {return harga;}public int getGambar() {return gambar;}}

Setelah membuat class Menu, buatlah list menu makanan pada MainActivity. Buat juga adapter untuk menampilkan daftar menu makanan pada ListView. Berikut contoh kode Java untuk membuat list menu makanan:

Java

public class MainActivity extends AppCompatActivity {private List<Menu> menuList = new ArrayList<>();private ListView listViewMenu;private MenuAdapter menuAdapter;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);listViewMenu = findViewById(R.id.listViewMenu);// tambahkan menu makananmenuList.add(new Menu(“Nasi Goreng”, 12000, R.drawable.nasi_goreng));menuList.add(new Menu(“Mie Ayam”, 10000, R.drawable.mie_ayam));menuList.add(new Menu(“Sate Ayam”, 15000, R.drawable.sate_ayam));menuList.add(new Menu(“Bakso”, 8000, R.drawable.bakso));menuList.add(new Menu(“Ayam Goreng”, 10000, R.drawable.ayam_goreng));menuList.add(new Menu(“Ikan Bakar”, 20000, R.drawable.ikan_bakar));menuList.add(new Menu(“Soto Ayam”, 12000, R.drawable.soto_ayam));menuList.add(new Menu(“Nasi Kepal”, 8000, R.drawable.nasi_kepal));// buat adapter untuk ListViewmenuAdapter = new MenuAdapter(this, menuList);listViewMenu.setAdapter(menuAdapter);}}

Setelah membuat list menu makanan, buatlah adapter untuk menampilkan daftar menu makanan pada ListView. Buatlah class Java baru dengan nama MenuAdapter, kemudian tambahkan kode berikut:

Java

public class MenuAdapter extends ArrayAdapter<Menu> {private Context context;private List<Menu> menuList;public MenuAdapter(Context context, List<Menu> menuList) {super(context, R.layout.list_menu, menuList);this.context = context;this.menuList = menuList;}@NonNull@Overridepublic View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);if (convertView == null) {convertView = inflater.inflate(R.layout.list_menu, null);}ImageView imageViewGambar = convertView.findViewById(R.id.imageViewGambar);TextView textViewNama = convertView.findViewById(R.id.textViewNama);TextView textViewHarga = convertView.findViewById(R.id.textViewHarga);imageViewGambar.setImageResource(menuList.get(position).getGambar());textViewNama.setText(menuList.get(position).getNama());textViewHarga.setText(“Rp ” + menuList.get(position).getHarga());return convertView;}}

Setelah membuat adapter, buatlah layout XML untuk item dalam list menu makanan dengan mengklik kanan folder res/layout dan pilih New > Layout resource file. Beri nama layout XML dengan nama list_menu.xml. Berikut contoh kode XML untuk item dalam list menu makanan:

XML

<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”android:layout_width=”match_parent”android:layout_height=”wrap_content”android:orientation=”horizontal”android:padding=”16dp”><ImageViewandroid:id=”@+id/imageViewGambar”android:layout_width=”80dp”android:layout_height=”80dp”android:layout_gravity=”center_vertical”android:src=”@drawable/nasi_goreng” /><LinearLayoutandroid:layout_width=”match_parent”android:layout_height=”wrap_content”android:layout_marginStart=”16dp”android:orientation=”vertical” ><TextViewandroid:id=”@+id/textViewNama”android:layout_width=”wrap_content”android:layout_height=”wrap_content”android:text=”Nasi Goreng”android:textSize=”18sp” /><TextViewandroid:id=”@+id/textViewHarga”android:layout_width=”wrap_content”android:layout_height=”wrap_content”android:text=”Rp 12000″android:textSize=”16sp” /></LinearLayout></LinearLayout>

Anda dapat mengubah layout XML untuk item dalam list menu makanan sesuai dengan keinginan Anda.

Membuat keranjang belanja

Keranjang belanja adalah tempat untuk menampung pesanan makanan yang akan diorder. Untuk membuat keranjang belanja, tambahkan LinearLayout pada layout XML tampilan utama seperti contoh kode di atas. Berikut kode Java untuk mengimplementasikan keranjang belanja:

Java

public class MainActivity extends AppCompatActivity {private List<Menu> menuList = new ArrayList<>();private ListView listViewMenu;private MenuAdapter menuAdapter;private LinearLayout linearLayoutKeranjang;private TextView textViewJumlahPesanan;private int jumlahPesanan = 0;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);listViewMenu = findViewById(R.id.listViewMenu);linearLayoutKeranjang = findViewById(R.id.linearLayoutKeranjang);textViewJumlahPesanan = findViewById(R.id.textViewJumlahPesanan);// tambahkan menu makananmenuList.add(new Menu(“Nasi Goreng”, 12000, R.drawable.nasi_goreng));menuList.add(new Menu(“Mie Ayam”, 10000, R.drawable.mie_ayam));menuList.add(new Menu(“Sate Ayam”, 15000, R.drawable.sate_ayam));menuList.add(new Menu(“Bakso”, 8000, R.drawable.bakso));menuList.add(new Menu(“Ayam Goreng”, 10000, R.drawable.ayam_goreng));menuList.add(new Menu(“Ikan Bakar”, 20000, R.drawable.ikan_bakar));menuList.add(new Menu(“Soto Ayam”, 12000, R.drawable.soto_ayam));menuList.add(new Menu(“Nasi Kepal”, 8000, R.drawable.nasi_kepal));// buat adapter untuk ListViewmenuAdapter = new MenuAdapter(this, menuList);listViewMenu.setAdapter(menuAdapter);// tambahkan listener untuk setiap item pada ListViewlistViewMenu.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position, long id) {Menu menu = menuList.get(position);// tambahkan pesanan ke keranjang belanjajumlahPesanan++;textViewJumlahPesanan.setText(“Jumlah Pesanan: ” + jumlahPesanan);}});// tambahkan listener untuk tombol PesanButton buttonPesan = findViewById(R.id.buttonPesan);buttonPesan.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {if (jumlahPesanan > 0) {Toast.makeText(MainActivity.this, “Pesanan berhasil diproses”, Toast.LENGTH_SHORT).show();jumlahPesanan = 0;textViewJumlahPesanan.setText(“Jumlah Pesanan: 0”);} else {Toast.makeText(MainActivity.this, “Silakan pilih menu terlebih dahulu”, Toast.LENGTH_SHORT).show();}}});}}

Setelah membuat keranjang belanja, aplikasi pemesanan makanan sederhana sudah bisa dijalankan. Selanjutnya, Anda dapat memperluas fitur-fitur pada aplikasi ini, seperti fitur login, fitur riwayat pesanan, dan lain-lain.

FAQ

1. Apa itu Android Studio?

Android Studio adalah Integrated Development Environment (IDE) untuk pengembangan aplikasi Android.

2. Apa persyaratan untuk membuat aplikasi pemesanan makanan?

Anda harus menginstal Android Studio di komputer Anda, memiliki pengetahuan dasar tentang pemrograman Java dan XML, dan koneksi internet yang stabil.

3. Apa itu ListView?

ListView adalah komponen Android untuk menampilkan daftar item dalam bentuk tampilan scrollable.

4. Apa itu adapter?

Adapter adalah komponen Android untuk menghubungkan data dengan tampilan. Dalam contoh ini, adapter digunakan untuk menampilkan daftar menu makanan pada ListView.

5. Bagaimana cara menambahkan item ke keranjang belanja?

Untuk menambahkan item ke keranjang belanja, Anda dapat menambahkan listener pada setiap item pada ListView, kemudian menambahkan jumlah pesanan sesuai dengan item yang dipilih.

6. Apa itu Toast?

Toast adalah komponen Android untuk menampilkan pesan singkat pada layar. Pada contoh ini, Toast digunakan untuk menampilkan pesan ketika tombol Pesan ditekan.

7. Apa yang harus dilakukan jika ingin memperluas fitur aplikasi pemesanan makanan?

Anda dapat menambahkan fitur-fitur seperti fitur login, fitur riwayat pesanan, dan lain-lain. Selain itu, Anda juga dapat memperbaiki performa aplikasi dan memperbaiki tampilan aplikasi.

Semoga Bermanfaat dan sampai jumpa di artikel menarik lainnya.

Cara Membuat Aplikasi Pemesanan Makanan Sederhana Android Studio