Membuat Program zakat dan ngelink ke Web View

pada tanggal
Assalamu’alaikum Warahmatullahi Wabarakatu

 Kali ini saya kan membuat program kalkulator zakat profesi sederhana dan di sambungkan dengan website untuk memenuhi tugas UAS Pemograman mobile. 

Nama : Adlan Ismadika
NIM : 161011400273

1. Texfield
2. Button
3. Webview

 Berikut cara caranya

Pertama buat project baru dengan klik file new  pilih android aplication project buat 3 activity 
activity pertama adalah membuat menu yang disisipkan gambar juga.



 1. Menu Activity.Java
package com.example.zakat;

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

public class MenuActivity extends Activity {
    Button psn;
    Button psn2;
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_menu);
       
        psn=(Button) findViewById(R.id.button1);
        psn2=(Button) findViewById(R.id.button2);
        psn.setOnClickListener(new View.OnClickListener() {
           
            @Override
            public void onClick(View arg0) {
                // TODO Auto-generated method stub
                Intent intentpesan = new Intent (MenuActivity.this, KalkulatorActivity.class);
                MenuActivity.this.startActivity(intentpesan);
                MenuActivity.this.finish();
            }
        });
       
psn2.setOnClickListener(new View.OnClickListener() {
           
            @Override
            public void onClick(View arg0) {
                // TODO Auto-generated method stub
                Intent intentpesan2 = new Intent (MenuActivity.this, BayarActivity.class);
                MenuActivity.this.startActivity(intentpesan2);
                MenuActivity.this.finish();       
            }
        });
    }

    @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;
    }
}

 2. 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" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="48dp"
        android:src="@drawable/zakat" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="Kalkulator Zakat" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/button1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="26dp"
        android:text="Tunaikan Zakat" />

</RelativeLayout>
3. Activity kalkulator.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=".KalkulatorActivity" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="18dp"
        android:text="Zakat Profesi"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="38dp"
        android:layout_toLeftOf="@+id/textView1"
        android:text="Penghasilan perbulan"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView2"
        android:layout_marginTop="22dp"
        android:layout_toLeftOf="@+id/textView1"
        android:text="Pendapatan Lain"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@+id/textView1"
        android:text="Hutang/Cicilan"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
        android:id="@+id/textView5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView4"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="17dp"
        android:text="Zakat Yang di keluarkan"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <EditText
        android:id="@+id/bulan"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/textView3"
        android:layout_alignParentRight="true"
        android:ems="10"
        android:inputType="number" />

    <EditText
        android:id="@+id/tambah"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/textView3"
        android:layout_alignParentRight="true"
        android:ems="10"
        android:inputType="number" >

      
    </EditText>

    <EditText
        android:id="@+id/hutang"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/textView5"
        android:layout_alignParentRight="true"
        android:ems="10"
        android:inputType="number" />

    <EditText
        android:id="@+id/hitung"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView5"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="28dp"
        android:ems="10"
        android:inputType="number" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/hitung"
        android:layout_below="@+id/hitung"
        android:layout_marginTop="18dp"
        android:text="Hitung" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button1"
        android:layout_alignBottom="@+id/button1"
        android:layout_alignRight="@+id/textView5"
        android:layout_marginRight="16dp"
        android:text="Kembali" />

</RelativeLayout>

 4. Kalkulator activity.java

package com.example.zakat;


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

public class KalkulatorActivity extends Activity {

    EditText perbulan;
    EditText tambahan;
    EditText cicilan;
    EditText bayar;
   
    Button hitung;
    Button keluar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_kalkulator);
       
        perbulan=(EditText)findViewById(R.id.bulan);
        tambahan=(EditText)findViewById(R.id.tambah);
        cicilan=(EditText)findViewById(R.id.hutang);
        bayar=(EditText)findViewById(R.id.hitung);
       
        hitung=(Button) findViewById(R.id.button1);
        keluar=(Button) findViewById(R.id.button2);
       
        hitung.setOnClickListener(new OnClickListener(){

            @Override
            public void onClick(View arg0) {
                // TODO Auto-generated method stub
               
                double nbulan = Double.parseDouble(perbulan.getText().toString());
                double ntambahan = Double.parseDouble(tambahan.getText().toString());
                double ncicilan = Double.parseDouble(cicilan.getText().toString());
               
                double nbayar=(((nbulan+ntambahan)-ncicilan))*0.025;
               
                bayar.setText(""+nbayar);
                               
                }
           
                    });
       
keluar.setOnClickListener(new View.OnClickListener() {
           
            @Override
            public void onClick(View arg0) {
                // TODO Auto-generated method stub
                Intent intentback = new Intent (KalkulatorActivity.this, MenuActivity.class);
                KalkulatorActivity.this.startActivity(intentback);
                KalkulatorActivity.this.finish();
               
            }
        });
    }

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

}

 5. Activity bayar.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=".BayarActivity" >

     <WebView
        android:id="@+id/webView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" />

</RelativeLayout>

Agar Bisa terhubung ke internet seting juga AndroidManifest.xml sebagai berikut ;

 <?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.zakat"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />
    <uses-permission android:name="android.permission.INTERNET"/>
     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.zakat.MenuActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name="com.example.zakat.KalkulatorActivity"
            android:label="@string/title_activity_kalkulator" >
        </activity>
        <activity
            android:name="com.example.zakat.BayarActivity"
            android:label="@string/title_activity_bayar" >
        </activity>
    </application>

</manifest>

6. Activity bayar.java

package com.example.zakat;


import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.webkit.WebView;

public class BayarActivity extends Activity {
    private void tampilweb(String url){
        WebView webviewku = (WebView) findViewById(R.id.webView1);
        webviewku.loadUrl(url);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_bayar);
       
        tampilweb("https://sedekahonline.com/zakat/pembayaran?zakat=profesi");
    }

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

}















Sekian dari praktek saya. Terimakasih
Wasaalamualaikum Warahmatullahi Wabarakatu.
Lokasi: Indonesia

Komentar

Posting Komentar