MEMBUAT APLIKASI WEBLINK RESEP MAKANAN BERBASIS ANDROID
Assalammualaikum Wr. Wb.
Nama Saya Rizqy Dwi Syahputra
Saya akan memberikan tutorial bagaimana cara membuat Aplikasi Resep Makanan berbasis Android yang dapat digunakan untuk smartphone/ponsel dengan tampilan program yang sederhana sesuai dengan sistem yang praktis berupa aplikasi smartphone/ponsel yang dengan mudah dapat diakses dan hasilnya dapat diterima oleh masyarakat.
Alat dan Software:
- Laptop
- JDK
- Eclipse/Android Studio
- ADT
- SDK
- Referensi/buku buat panduan, dll.
Aplikasi ini memiliki 4 Activity yaitu:
- Halaman Menu Utama (TabHost)
- Menu Makanan
- Menu Minuman
- Menu Tentang
Aplikasi ini masih tahap pengembangan karena itu mungkin akan ada pembahruan, berikut untuk screenshot-nya :
- Tampilan Resep Makanan
-Tampilan Resep Minuman
-Tampilan Tentang
-Tampilan contoh video Resep Ayam Rica Rica
-Tampilan contoh Video Jus Jambu
1. MainActivty.java
package com.example.rizqy_161021401417;
import android.os.Bundle;
import android.app.TabActivity;
import android.content.Intent;
import android.widget.TabHost;
@SuppressWarnings("deprecation")
public class MainActivity extends TabActivity {
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
TabHost tabhost = getTabHost();
TabHost.TabSpec spec;
Intent intent;
intent = new Intent().setClass(this, ActivityMakanan.class);//content pada tab yang akan kita buat
spec = tabhost.newTabSpec("Resep Makanan").setIndicator("Resep Makanan",null).setContent(intent);//mengeset nama tab dan mengisi content pada menu tab anda.
tabhost.addTab(spec);//untuk membuat tabbaru disini bisa diatur sesuai keinginan anda
intent = new Intent().setClass(this, ActivityMinuman.class);
spec = tabhost.newTabSpec("Resep Minuman").setIndicator("Resep Minuman",null).setContent(intent);
tabhost.addTab(spec);
intent = new Intent().setClass(this, ActivityTentang.class);
spec = tabhost.newTabSpec("Tentang").setIndicator("Tentang",null).setContent(intent);
tabhost.addTab(spec);
}
}
2. ActivityMakanan.java
package com.example.rizqy_161021401417;
import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.view.View;
public class ActivityMakanan extends Activity {
@Override
public void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_makanan);
}
public void open1(View view) {
Intent browserIntent=new Intent(Intent.ACTION_VIEW, Uri.parse("https://www.youtube.com/watch?v=b7pcR_PhY50"));
startActivity(browserIntent);
}
public void onCreate1(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_makanan);
}
public void open2(View view) {
Intent browserIntent=new Intent(Intent.ACTION_VIEW, Uri.parse("https://www.youtube.com/watch?v=aevmFRd8Bzw"));
startActivity(browserIntent);
}
public void onCreate2(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_makanan);
}
public void open3(View view) {
Intent browserIntent=new Intent(Intent.ACTION_VIEW, Uri.parse("https://www.youtube.com/watch?v=_L8pmcvQCto"));
startActivity(browserIntent);
}
public void onCreate3(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_makanan);
}
public void open4(View view) {
Intent browserIntent=new Intent(Intent.ACTION_VIEW, Uri.parse("https://www.youtube.com/watch?v=y7pt5oTv7AU"));
startActivity(browserIntent);
}
public void onCreate4(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_makanan);
}
public void open5(View view) {
Intent browserIntent=new Intent(Intent.ACTION_VIEW, Uri.parse("https://www.youtube.com/watch?v=d6GT8JKrJW4"));
startActivity(browserIntent);
}
}
3. ActivityMinuman.java
package com.example.rizqy_161021401417;
import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.view.View;
public class ActivityMinuman extends Activity {
@Override
public void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_minuman);
}
public void open1(View view) {
Intent browserIntent=new Intent(Intent.ACTION_VIEW, Uri.parse("https://www.youtube.com/watch?v=TfgacBwlz24"));
startActivity(browserIntent);
}
public void onCreate1(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_minuman);
}
public void open2(View view) {
Intent browserIntent=new Intent(Intent.ACTION_VIEW, Uri.parse("https://www.youtube.com/watch?v=wH-l1CBaRR8"));
startActivity(browserIntent);
}
public void onCreate2(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_minuman);
}
public void open3(View view) {
Intent browserIntent=new Intent(Intent.ACTION_VIEW, Uri.parse("https://www.youtube.com/watch?v=98VKeqah1Nc"));
startActivity(browserIntent);
}
public void onCreate3(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_minuman);
}
public void open4(View view) {
Intent browserIntent=new Intent(Intent.ACTION_VIEW, Uri.parse("https://www.youtube.com/watch?v=_-nxvKfhIYQ"));
startActivity(browserIntent);
}
public void onCreate4(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_minuman);
}
public void open5(View view) {
Intent browserIntent=new Intent(Intent.ACTION_VIEW, Uri.parse("https://www.youtube.com/watch?v=cIzrEcQ20po"));
startActivity(browserIntent);
}
}
4. ActivityTentang.java
package com.example.rizqy_161021401417;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
public class ActivityTentang extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_tentang);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.activity_tentang, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}
5. activity_main.xml
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabhost"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TabWidget
android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom" />
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_gravity="bottom" />
</LinearLayout>
</TabHost>
6. activity_makanan.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"
android:orientation="vertical"
>
<Button
android:id="@+id/button1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="open1"
android:text="Ayam Rica Rica" />
<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="open2"
android:text="Nasi Goreng" />
<Button
android:id="@+id/button3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="open3"
android:text="Mie Ayam" />
<Button
android:id="@+id/button4"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="open4"
android:text="Es Campur" />
<Button
android:id="@+id/button5"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="open5"
android:text="Bebek Goreng" />
</LinearLayout>
7. activity_minuman.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"
android:orientation="vertical"
>
<Button
android:id="@+id/button1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="open1"
android:text="Jus Alpukat" />
<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="open2"
android:text="Jus Jambu" />
<Button
android:id="@+id/button3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="open3"
android:text="Jus Sirsak" />
<Button
android:id="@+id/button4"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="open4"
android:text="Just Jeruk" />
<Button
android:id="@+id/button5"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="open5"
android:text="Jus Mangga" />
</LinearLayout>
8. activity_tentang.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: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="com.menumakanandanminuman.ActivityTentang" >
<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="22dp"
android:text="Dibuat Oleh " />
<TextView
android:id="@+id/TextView02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/TextView01"
android:layout_centerHorizontal="true"
android:layout_marginTop="36dp"
android:text="Nama : Rizqy Dwi Syahputra" />
<TextView
android:id="@+id/TextView03"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/TextView02"
android:layout_centerHorizontal="true"
android:layout_marginTop="18dp"
android:text="NIM : 161021401417" />
<TextView
android:id="@+id/TextView04"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/TextView02"
android:layout_below="@+id/TextView03"
android:layout_marginTop="22dp"
android:text="06TPLM001 STMIK ERESHA" />
<TextView
android:id="@+id/TextView05"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="45dp"
android:text="Versi Aplikasi 0.1" />
</RelativeLayout>
9. Jangan lupa menambah codingan AndroidManifest.xml sebagai berikut
<uses-permission android:name="android.permission.INTERNET" />
10. Untuk link download apk bisa Disini
Demikian yang disampai kurang lebihnya mohon maaf, Semoga apa yang disampaikan dapat bermanfaat dan berfaedah untuk kita semua. Atas perhatiannya saya ucapkan terima kasih.
Wassalamualaikum Wr. Wb.
Tidak ada komentar:
Posting Komentar