Cara Membuat Aplikasi Weblink Pesan Makanan Online berbasis Android

MEMBUAT APLIKASI WEBLINK PEMESANAN MAKANAN SECARA ONLINE BERBASIS ANDROID

Assalamualaikum Wr. Wb

Pada postingan kali ini saya akan men-share cara membuat aplikasi android. Syarat pertama untuk memulai harus memiliki :

- Eclipse

- Android SDK

- Komputer/Laptop

- Koneksi Internet

Karena ini untuk adalah UTS, maka dari itu saya membuat aplikasi ini juga memberikan source codenya. Di dalam aplikasi akan terdapat halaman web ada GO-JEK dan KFC

Berikut di bawah ini merupakan langkah-langkah yang dilakukan untuk membuat Aplikasi tentang harga hotel

1. Login

Berikut di bawah ini merupakan xml script untuk activity_login.xml :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#ffff"
    android:orientation="vertical" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="Username" />

    <EditText
        android:id="@+id/user"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:gravity="center"
        android:textColor="#808080" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="67dp"
        android:gravity="center" >

        <EditText
            android:id="@+id/password"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:ems="10"
            android:gravity="center"
            android:inputType="textPassword"
            android:textColor="#808080" >

            <requestFocus />
        </EditText>

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:text="Password" />

    </RelativeLayout>

    <Button
        android:id="@+id/login"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#000000"
        android:text="LOGIN"
        android:textColor="#FFFFFF" />

</LinearLayout>

Tampilan form login

Berikut di bawah ini merupakan java script untuk LoginActivity.java :

package com.menumakanandanminuman;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class ActivityLogin extends Activity {

 EditText user, password;
 Button Login;

 @Override
  protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_login);
  user = (EditText) findViewById(R.id.user);
  password = (EditText) findViewById(R.id.password);
  Login = (Button) findViewById(R.id.login);
 
  Login.setOnClickListener(new View.OnClickListener() {
  
 @Override
  public void onClick(View arg0) {
  // TODO Auto-generated method stub
   login(arg0);
   }
  });
 }
  public void login(View view) {
   String Nama = user.getText().toString();
   String Pass = password.getText().toString();
   if (Nama.equals("admin") && Pass.equals("12345")) {
    Intent i = new Intent(this, ActivityMenu.class);
    startActivityForResult(i, 0);
  
   }
  else {
   Toast.makeText(getApplicationContext(),
    "Password atau username anda salah",
    Toast.LENGTH_LONG).show();
   }
 }

  @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_login, menu);
   return true;
  }

}

2. Menu Activity

Berikut di bawah ini merupakan xml script untuk activity_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"
    tools:context=".MenuActivity" >
   
    <TabHost
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
       
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
       
        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            ></TabWidget>
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <LinearLayout
                android:id="@+id/tab1"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="horizontal">
            </LinearLayout>
            <LinearLayout
                android:id="@+id/tab2"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="horizontal">
            </LinearLayout>
            <LinearLayout
                android:id="@+id/tab3"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="horizontal">
            </LinearLayout>
        </FrameLayout>
        </LinearLayout>
    </TabHost>

</RelativeLayout>

Berikut di bawah ini merupakan java script untuk ActivityMenu.java :

package com.menumakanandanminuman;

import android.os.Bundle;
import android.app.ListActivity;
import android.app.TabActivity;
import android.content.Intent;
import android.view.Menu;
import android.widget.TabHost;

public class ActivityMenu extends TabActivity {

 @Override
  protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_menu);
 
  TabHost tabhost = getTabHost();
  TabHost.TabSpec spec;
  Intent intent;
  intent = new Intent().setClass(this, ActivityGojek.class);
  spec = tabhost.newTabSpec("GO-JEK").setIndicator("GO-JEK",null).setContent(intent);
    tabhost.addTab(spec);
    intent = new Intent().setClass(this, ActivityKFC.class);
    spec = tabhost.newTabSpec("KFC").setIndicator("KFC",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);
 
 

  }

 @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_menu, menu);
  return true;
 }

}

3. ActivityGojek

Berikut di bawah ini merupakan xml script untuk activity_gojek.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.ActivityGojek" >
   
    <WebView
        android:id="@+id/webView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true" />

</RelativeLayout>

Berikut di bawah ini merupakan java script untuk TravolokaActivity.java :

import android.os.Bundle;

import android.app.Activity;

import android.webkit.WebView;

import android.webkit.WebViewClient;

public class TravolokaActivity extends Activity {

package com.menumakanandanminuman;

import android.os.Bundle;
import android.app.Activity;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class ActivityGojek extends Activity {

  private void tampilweb(String url){
  WebView webviewku = (WebView) findViewById(R.id.webView1);
  webviewku.loadUrl(url);
  webviewku.getSettings().setJavaScriptEnabled(true);
  webviewku.setWebViewClient(new WebViewClient());
  }

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_gojek);
  tampilweb("https://www.go-jek.com/go-food/");
 }

}

4. ActivityKFC

Berikut di bawah ini merupakan xml script untuk activity_kfc.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.ActivityKFC" >
   
    <WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true" />

</RelativeLayout>

Berikut di bawah ini merupakan java script untuk ActivityKFC.java :

package com.menumakanandanminuman;

import android.os.Bundle;
import android.app.Activity;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class ActivityKFC extends Activity {
private void tampilweb(String url){
WebView webviewku = (WebView) findViewById(R.id.webview);
webviewku.loadUrl(url);
webviewku.getSettings().setJavaScriptEnabled(true);
webviewku.setWebViewClient(new WebViewClient());
}
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_kfc);
   tampilweb("http://www.kfcku.com/home-delivery-online ");
 }
}

Saat Di Run Configuration :

 

Untuk Download Aplikasinya bisa lewat link berikut :

https://drive.google.com/open?id=1nZe108AutEwOwaVnmiTRCxukSvSfc0UX

catatan : untuk masuk "username : admin" "password : 12345"

Sekian dari saya untuk penjelasan tutorialnnya, kurang lebihnya mohon maaf. Atas perhatiannya saya ucapkan terima kasih.