Tampilan menu utama e-Faktur

IKWAN 161021450062

fitur diskon Member

Dengan menggunakan Check Box

Fitur Report dengan Ms. Word

Bisa Print Out atau Menyimpan Data

Fitur Report dengan Ms. Excel

Bisa Print Out atau Menyimpan Data

Fitur Tanggal semi Otomatis

Dengan menggunakan Combo Box

Saturday, October 19, 2019

Aplikasi Nusantara dengan List View, Intent dan Toast

By  4:15 AM  No comments
Assalamualaikum, salam sejahtera bagi kita semua.
Kesempatan kali ini saya ingin memberikan tutorial membuat aplikasi android dengan Android Studio, dimana didalam programnya mengguankan beberapa macam Pallete atau komponen seperti LIST VIEW, INTENT dan TOAST. 
Aplikasi yang saya buat kali ini saya beri nama Aplikasi nusantara.
Seperti inilah tampilan Aplikasinya.
Aplikasi Nusantara
Tanpa berlama-lama langsung saja kita ke tutorialnya... check this out 😅
A. Deskripsi Aplikasi 
Aplikasi ini berupa list view nama - nama provinsi beserta keragaman adat istiadatnya, seperti pakaian, bahasa, rumah dan lain sebagainya. Aplikasi ini dibagi kedalam 3 bagian yaitu Form Login, Form Utama yaitu sebagai list view dan Form Kedua sebagai detail dari nama provinsi tersebut.

Aplikasi ini ditujuan untuk memenuhi nilai UTS mata kuliah Mobile Programing semester 6 STMIK Eresha Tangerang Selatan. Berikut ini saya lampirkan foto lembar jawaban UTS sebagai bukti mengikuti kegiatan UTS di kelas.


B. Pembahasan dan Program Aplikasi
1. Buka Aplikasi Android studio
2. Buat Project baru dengan memilih template Empty kemudian klik Finish
memilih template project
3. Masukan nama project dan lokasi penyimpanannya

menentukan nama project dan lokasi penyimapanan
Setelah itu kita masuk ke bagian mendesain layout serta script nya

4.Membuat  login_main.xml

SCRIPT login XML:
<?xml version="1.0" encoding="utf-8"?><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:background="@drawable/batik"
    android:orientation="vertical"
    android:scrollbarAlwaysDrawVerticalTrack="true"
    tools:context=".LoginMain">


    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/login_title"
        android:layout_marginLeft="30dp"
        android:layout_marginRight="30dp"
        android:layout_marginTop="70dp"
        android:background="#fff"
        android:elevation="4dp"
        android:orientation="vertical"
        android:padding="20dp"
        android:id="@+id/relativeLayout">


        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:paddingTop="30dp">



            android:layout_width="match_parent"

            android:layout_height="wrap_content">

            <EditText
                android:id="@+id/edittext_username"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:drawableStart="@drawable/username"
                android:drawableLeft="@drawable/username"
                android:hint="User Name"                android:inputType="textEmailAddress" /><![CDATA[




                android:layout_width="match_parent"

                android:layout_height="wrap_content">


            ]]>

            <EditText                android:id="@+id/edittext_password"                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:drawableStart="@drawable/password"
                android:drawableLeft="@drawable/password"
                android:hint="Password"                android:inputType="textPassword" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:paddingTop="5dp"
                android:text="Forgot Password?"/>

            <Button
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_margin="22dp"
                android:background="#d67601"
                android:text="Sign in"
                android:textAllCaps="false"
                android:textColor="#fff"
                android:textSize="18sp"
                android:onClick="Pindah"/>



        </LinearLayout>

    </RelativeLayout>

    <ImageButton
        android:id="@+id/user_profile_photo"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_below="@+id/login_title"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="16dp"
        android:background="@mipmap/nusantara1"
        android:elevation="4dp"
        android:src="@drawable/user_icon" />

    <TextView
        android:id="@+id/login_title"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="26dp"
        android:gravity="center_horizontal"
        android:text="Login"
        android:textColor="#fff"
        android:textSize="26sp"
        android:textStyle="bold"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true"        android:layout_alignParentLeft="true" />
</RelativeLayout>

 5. Membuat  LoginMain JAVA

SCRIPT login JAVA:
package com.ikwan.uts_ikwan_161021450062;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;


public class LoginMain extends AppCompatActivity {
    EditText editText1, editText2;
    String text1,text2;

    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.login_main);
    }

    public void Pindah(View view) {
        editText1 = findViewById(R.id.edittext_username);
        editText2 = findViewById(R.id.edittext_password);
        text1 = editText1.getText().toString();
        text2 = editText2.getText().toString();
        if((text1.contains("ikwan")) && (text2.contains("123456"))) {
            Toast.makeText(this, "Login Sukses", Toast.LENGTH_SHORT).show();

            Intent intent = new Intent(LoginMain.this, ListProvinsi.class);
            startActivity(intent);
        }else if((text1.matches("")||text2.matches(""))){
            Toast.makeText(this, "Masukan Username dan Password", Toast.LENGTH_SHORT).show();
        }else{
            Toast.makeText(this,"Login Gagal /Username Password Salah", Toast.LENGTH_SHORT).show();
        }
    }
}

Maka tampilan desainnya akan seperti ini
desain form login
6. Membuat  list_provinsi.xml
script list_provinsi.xml
Maka tampilan desain List view dari List Provinsi akan nampak seperti gambar dibawah ini
tampilan desain list_provinsi.xml 


SCRIPT  list_provinsi.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout 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"    android:orientation="vertical"    tools:context=".ListProvinsi">



    <ImageView        android:layout_width="match_parent"        android:layout_height="100dp"        android:background="@drawable/nusantara"/>



    <ListView        android:id="@+id/listprovinsi"        android:layout_width="match_parent"        android:layout_height="match_parent">



    </ListView>



</LinearLayout>

7.  Membuat ListProvinsi JAVA

8. Membuat detail_provinsi.xml


Maka tampilan desain detail provinsi akan nampak seperti ini

 SCRIPT  detail_provinsi.xml
<?xml version="1.0" encoding="utf-8"?><ScrollView xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="wrap_content"    xmlns:android="http://schemas.android.com/apk/res/android">

    <LinearLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="vertical"        tools:context=".DetailProvinsi">

        <ImageView            android:layout_width="match_parent"            android:layout_height="200dp"            android:id="@+id/imgdetailprovinsi"            android:src="@drawable/nad" />

        <TextView            android:id="@+id/txtdetailnamaprovinsi"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:fontFamily="@font/belleza"            android:gravity="left"            android:text="Nama Provinsi"            android:textSize="20sp"            android:textStyle="bold" />

        <TextView            android:id="@+id/txtdetailprovinsi"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:fontFamily="@font/amarante"            android:text="Detail Provinsi"            android:textSize="14sp"            android:textStyle="bold" />

    </LinearLayout>

</ScrollView>

9. Membuat DetailProvinsi JAVA

Sampai disini sebenarnya kita sudah selesai membuat aplikasinya, tetapi karena kita memasukan icon pada list view nya, maka kita harus melakukan custom list view nya dengan custom list adapter. 
Caranya adalah sebagai berikut

10. Buat custom_listview.xml

Jika pada list provinsi yang pertama kita buat hanya berupa tulisan saja, maka dengan melakukan custom list adapter ini, tampilan akan seperti gambar dibawah ini.

SCRIPT custom_listview.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    android:orientation="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent">

        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        app:cardBackgroundColor="@color/colorAccent">

        <LinearLayout            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:orientation="horizontal">

            <ImageView                android:id="@+id/imgprovinsi"                android:layout_width="100dp"                android:layout_height="100dp"                android:scaleType="fitXY"                android:src="@drawable/nad" />

            <LinearLayout                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:layout_gravity="center"                android:orientation="vertical">

                <TextView                    android:id="@+id/txtprovinsi"                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:layout_gravity="center"                    android:layout_marginLeft="15dp"                    android:fontFamily="@font/kavoon"                    android:text="Nama Provinsi"                    android:textColor="#000000"                    android:textSize="18sp"                    android:textStyle="normal" />

            </LinearLayout>
        </LinearLayout>
    </LinearLayout>

11. Masukan script berikut ini di folder values -> strings.xml untuk menambahkan keterangan pada detail provinsi

 
<resources>
    <string name="app_name">UTS-IKWAN-161021450062</string>

        <string name="nad">
\nIbukota: Banda Aceh
\nRumah Adat : Rumoh Aceh atau Rumah Krong Bade
\nPakaian Adat : Pakaian Adat Pidie
\nTarian Tradisional : Tari Seudati, Tari Meuseukat,Tari Saman, Tari Mulia Ratep Aceh, Tari Kipah Sikarang Aceh, Tari Ranup Lam Puan, Tari Rapai Geleng Aceh, Tari Turun Kuaih Aunen Aceh, Tari Aceh Gempar.
\nSenjata Tradisonal : Rencong, Klewang, Peudeung oon Teubee dan Sikin Panyang,
\nLagu Daerah : Bungong Jeumpa, Lembah Alas, Sepakat Segenap, Tawar Sadenge
\nSuku  : Aceh, Gayo, Alas, Kluet, Tamiang, Singkil, Aneuk Jame, Simeleuw, Pulau, Haloban, Devayan, Sigulai, Lekon dan Julu,
\nJulukan : Kota Serambi Mekkah
\nBahasa Daerah :Aceh Gayo.
        </string>
        <string name="sulut">\nIbukota : Medan
\nRumah Adat : Ruma Bolon atau Ruma gorga
\nPakaian Adat : Pakaian Adat Karo atau Ulos
\nTarian Tradisional : Tari Serampang Dua Belas, Tari Tor-tor, Tari Terang Bulan, Tari Kuala Deli Tanjung Katung Medan, Tari Maena, Tari Pesta Gembira, Tari Kemuliaan Man Dibata Karo, Tari Karo Lima Serangkai, Tari Bolo-Bolo Karo, Tari Begu Deleng Sumatera Utara, Tari Dembas Simenguda Tapanuli,.
\nSenjata Tradisonal : Piso Surit, Piso Gaja Dompak, Hujur, Podang, Belati,
\nLagu Daerah : Anju Ahu, Pantun Lama, Bungo Bangso, Cikala Le Pongpong, Butet,Dago Inang Sarge, Lisoi, Madekdek Magambiri, Mariam Tomong, Nasonang DohitaNadua, Rambadia, Sengko-Sengko, Siboga Tacinto, Sinanggar Tulo, Sing Sing So,Tapian Nauli
\nSuku : Batak Karo, Batak Simalungun, Batak Angkola, Batak Toba, Melayu, Nias, Batak Mandailing, Batak Pakpak, Melayu Langkat, Pesisir dan Maya-maya
\nJulukan : Kota Melayu Deli
\nBahasa Daerah :Batak.
        </string>
        <string name="sumbar">\nIbukota :  Padang
\nRumah Adat : Rumah Gadang
\nPakaian Adat  : Pakaian Adat Bundo Kanduang
        </string>
        <string name="riau">\nIbukota : Pekan Baru
\nRumah Adat : Rumah Melayu Selaso Jatuh Kembar
\nPakaian Adat  : Pakaian Adat Belanga
        </string>
        <string name="pekanbaru">\nIbukota: Tanjung Pinang
\nRumah Adat : Belah Bubung
\nPakaian Adat : Pakaian Adat Teluk Belanga dan Kebaya Labuh
        </string>
        <string name="jambi">\nIbukota :  Jambi
\nRumah Adat : Panggung Kajang Leko
\nPakaian Adat  : Pakaian Adat Melayu Jambi
        </string>
        <string name="sumsel">\nIbukota :  Palembang
\nRumah Adat : Rumah Limas
\nPakaian Adat   : Pakaian Adat Aisan Gede
        </string>
        <string name="babel">\nIbukota :  Pangkal Pinang
\nRumah Adat : Rumah Rakit, Rumah Limas
\nPakaian Adat  : Pakaian Adat  Paksian
        </string>
        <string name="bengkulu">\nbukota :  Bengkulu
\nRumah Adat : Bubungan Lima
\nPakaian Adat : Pakaian Adat Bengkulu
        </string>
        <string name="lampung">\nIbukota :  Bandar Lampung
\nRumah Adat : Nuwou Sesat
\nPakaian Adat  : Pakaian Adat Tulang Bawang
        </string>
</resources>

 12. Terakhir jangan lupa untuk memasukan script pada folder manifest -> AndroidManifest.xml

 
<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.ikwan.uts_ikwan_161021450062">

    <uses-permission android:name="android.permission.CALL_PHONE" />
    <application        android:allowBackup="true"        android:icon="@mipmap/nusantara1"        android:label="@string/app_name"        android:roundIcon="@mipmap/ic_launcher_round"        android:supportsRtl="true"        android:theme="@style/AppTheme">
        <activity android:name=".LoginMain">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".DetailProvinsi"/>
        <activity android:name=".ListProvinsi"/>

        <meta-data            android:name="preloaded_fonts"            android:resource="@array/preloaded_fonts" />
    </application>

</manifest>
Maka selesai sudah proses pembuatan aplikasi nusantara ini.

Note: untuk pembuatan form login bisa berkreasi sesuka hati dengan mengedit layout dan menambahkan icon yang diperlukan di aset image drawbale.

TAHAP UJI COBA

Setelah semua selesai dan tidak terdapat error maka saanya kita install di emulator atau hp kita
berikut ini tampilan setelah di install di hp.
                                       
                                                     Form Login
  
jika username / password salah


                             
                              Jika Username dan Password benar
   
Jika salah satu menu atau list dipilih atau di klik







































Selamat bercoding😉, mohon maaf atas segala kesalahan dan kekurangannya. Semoga bermanfaat.

Wassalamualaikum wr.wb😊
Read More