Aplikasi Brand Sepatu-Android Studio

Assalamualaikum, Hallo Teman-teman semuanya..
Nama saya Andri Yuliyanto saya mahasiswa dari STMIK ERESHA kali ini saya ingin memberikan langkah membuat aplikasi android dengan Android Studio, dimana didalam programnya menggunakan beberapa macam komponen seperti LIST VIEW, INTENT dan TOAST. 
Aplikasi yang saya buat ini ialah aplikasi spesifikasi sepatu branded
Seperti inilah tampilan Aplikasinya.
Aplikasi Brand Sepatu

A. Deskripsi Project 

Aplikasi ini dibuat dengan Android Studio dengan menggunakan List View yang isinya berbagai jenis merk sepatu dan spesifikasinya dan dalam aplikasi ini ada beberapa bagian yaitu: Form Activity di antaranya, Form Login, Form List View Merk Sepatu, Form List View type/model sepatu, dan Form Merk Sepatu.

Berikut lampiran foto dari Deskripsi Project yang saya buat guna memenuhi syarat dari mata kuliah Mobile Progamming.
Deskripsi Project


Yuk langsung saja ketahapan-tahapannya: 

1. Instal Aplikasi Android Studio terlebih dahulu
2. Jika sudah berhasil menginstal buka aplikasi Android Studio
3. Buat Project baru dengan memilih template Empty lalu klik Finish

Tampilan pemilihan template project
3. Masukan nama project dan lokasi penyimpanannya

Menentukan nama project dan tempat penyimpanannya
4.Setelah itu kita masuk ke bagian mendesain layout serta sourcecode nya

Membuat  login_main.xml

Source Code Login.XML-Android Studio

SourceCode 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/sepatuku"
    android:orientation="vertical"
    android:scrollbarAlwaysDrawVerticalTrack="true"
    tools:context=".MainActivity">


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


        <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: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: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:onClick="Pindah"
                android:text="Sign in"
                android:textAllCaps="false"
                android:textColor="#fff"
                android:textSize="18sp" />


        </LinearLayout>

    </RelativeLayout>

    <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 Form LoginMain.JAVA 
Source Code untuk Login Main Java-Android Studio
 
5. SourceCode LoginMain.JAVA 


package com.example.andri161021450030;

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;

import com.example.andri161021450030.R;
import com.example.andri161021450030.Sepatuku;


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

    @Override 
protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_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("andri")) && (text2.contains("123456"))) {
            Toast.makeText(this, "Login Sukses", Toast.LENGTH_SHORT).show();

            Intent intent = new Intent(MainActivity.this, Sepatuku.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();
        }
    }
}






Tampilan dari desainnya akan seperti ini: 


 






Desain Form Login-Android Studio
















6. Membuat  activity_sepatuku.xml (List View nama Brand Sepatu)



 




SourceCode ListView Sepatuku-Android Studio







Berikut ialah Source
Code dari desain  activity_sepatuku.xml
(List View nama Brand Sepatu)


 


<?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: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=".Sepatuku" >





<ListView

    android:id="@+id/listView1"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:background="@drawable/sepatuku"></ListView>



</RelativeLayout>







Inilah tampilan desain List view
dari Form List View Merk Sepatu.








Desain List View Merk Sepatu-Android Studio








Berikut ialah Source Code dari desain sepatuku.JAVA(List View nama Brand Sepatu)


  


package com.example.andri161021450030;

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.content.Intent;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

public class Sepatuku<position> extends AppCompatActivity {
    //deklarasi variabel listPlayer    ListView LV;
    String[] BrandHp = {"ADIDAS", "NIKE", "PUMA", "FILA",
            "CONVERS", "REEBOOK", "DIADORA",
            "AIRWALK", "VANS", "SKECHERS"};

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

        LV = (ListView) findViewById(R.id.listView1);

        ArrayAdapter adapsi = new ArrayAdapter(this, android.R.layout.simple_list_item_1, BrandHp);
        LV.setAdapter(adapsi);
        LV.setOnItemClickListener(new AdapterView.OnItemClickListener() {


            @Override            public void onItemClick(AdapterView<?> arg0, View arg1, int itemKe,
                                    long arg3) {
                // TODO Auto-generated method stub                String itemText = (String) LV.getItemAtPosition(itemKe);
                Toast.makeText(getBaseContext(), "Anda Meng Klik " + itemText, Toast.LENGTH_LONG).show();
                if (itemText.equals("NIKE")) {
                    Intent I = new Intent(arg0.getContext(), nike.class);
                    startActivityForResult(I, 0);

                } else if (itemText.equals("ADIDAS")) {
                    Intent Pop = new Intent(arg0.getContext(), adidas.class);
                    startActivityForResult(Pop, 0);


                }}
        });

    }
} 


  


Berikut Tampilan dari Form List View sepatuku.JAVA(List View nama Brand Sepatu)


 








 


 


Membuat Form List View Type/Model Sepatu (activity_adidas.xml)






SourceCode activity_adidas.xml-Android Studio




 



Berikut ialah Source
Code dari desain  adidas.xml(List
View Type/Model Sepatu) 






<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout 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: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=".adidas" >





     <ListView

         android:id="@+id/listView1"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:background="@drawable/sepatuku" />



</RelativeLayout>





Berikut ialah Source Code
dari desain  adidas.JAVA(List View
Type/Model Sepatu)


 


 package com.example.andri161021450030;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.content.Intent;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

public class adidas extends AppCompatActivity {
    ListView LV;
    String[] BrandHp = {"ADIDAS TUBULAR", "ADIDAS YEZZY", "ADIDAS ALPHABOUNCE", "ADIDAS ADVANTAGE",
            "ADIDAS QUESTAR", "ADIDAS STAN SMITH", "ADIDAS COUNTRY",
            "ADIDAS CAMPUS", "ADIDAS GAZELLE", "ADIDAS SUPERSTAR"};

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

        LV = (ListView) findViewById(R.id.listView1);

        ArrayAdapter adapsi = new ArrayAdapter(this, android.R.layout.simple_list_item_1, BrandHp);
        LV.setAdapter(adapsi);
        LV.setOnItemClickListener(new AdapterView.OnItemClickListener() {


            @Override 


 public void onItemClick(AdapterView<?> arg0, View arg1, int itemKe,long arg3) {
                // TODO Auto-generated method stub 


 String itemText = (String) LV.getItemAtPosition(itemKe);
 Toast.makeText(getBaseContext(), "Anda Meng Klik " + itemText, Toast.LENGTH_LONG).show();
                if (itemText.equals("ADIDAS TUBULAR")) {
                    Intent I = new Intent(arg0.getContext(), adidas_tubular.class);
                    startActivityForResult(I, 0);

                } else if (itemText.equals("ADIDAS YEZZY")) {
                    Intent Pop = new Intent(arg0.getContext(), adidas_yezzy.class);
                    startActivityForResult(Pop, 0);


                }


                }
            });

    }
}


 


 


Berikut Tampilan dari Form List View adidas.JAVA(List View Type/Model Sepatu)








SoureCode adidas.Java-Android Studio






 


Membuat Desain Form Merk Sepatu (activity_adidas_tubular.xml)


 






Tampilan Form Merk Sepatu-Android Studio









 Berikut ialah SourceCode dari Form List View
type/model sepatu (activity_adidas_tubular.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="id.giviews.daftarsepatu.SpesifikasiSepatu">



        <ImageView

            android:layout_width="match_parent"

            android:layout_height="200dp"

            android:id="@+id/imgbrandsepatu"

            android:src="@drawable/adidastubular" />



        <TextView

            android:id="@+id/txtbrandsepatu"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:gravity="left"

            android:text="BrandSepatu:ADIDAS \nModel:ADIDAS TUBULAR\nType:Slip-On"

            android:textSize="20sp"

            android:textStyle="bold" />



        <TextView

            android:id="@+id/txtsizeuk"

            android:layout_width="match_parent"

            android:layout_height="504dp"

            android:text="Size:39-43\nWarna:Grey/Black/Pink"

            android:textSize="20sp"

            android:textStyle="bold" />



        <TextView

            android:id="@+id/txttype"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:gravity="left"

            android:text="Type:Slip-On"

            android:textSize="20sp"

            android:textStyle="bold" />



        <TextView

            android:id="@+id/txtmodel"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:gravity="left"

            android:text="Model:ADIDAS TUBULAR"

            android:textSize="20sp"

            android:textStyle="bold" />



        <TextView

            android:id="@+id/txtwarna"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:gravity="left"

            android:text="Warna:Grey/Black/Pink"

            android:textSize="20sp"

            android:textStyle="bold" />





    </LinearLayout>



</ScrollView>







Berikut Tampilan Source
Code dari Form List View activity_adidas_tubular.xml








SourceCode activity_adidas_tubular.xml-Android Studio






 


 Berikut ialah Source Code dari desain  adidas_tubular.JAVA


 


 package com.example.andri161021450030;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class adidas_tubular extends AppCompatActivity {

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


 


Berikut Tampilan Source Code dari Form List View activity_adidas_tubular.JAVA


 


 




SourceCode adidas_tubular.JAVA-Android Studio






 


 Berikut ialah tampilan dalam model tampilan Aplikasi, pada bagian ini saya mengkoneksikan pada Handphone Samsung J5


 


 























  


Sekian penjelasan dari saya mahasiswa biasa kurang lebihnya mohon maaf, semoga bermanfaat.. 


 


































Komentar











Posting Komentar



















Postingan populer dari blog ini









Aplikasi Data Kependudukan




















Gambar







   Assalamualaikum Wr. Wb.     Balik lagi saya Andri Yuliyanto Mahasiswa STMIK Eresha ingin membuat aplikasi menggunakan Android Studio guna memenuhi syarat Ujian Akhir Semester di tahun 2020 ini.     1. Deskripsi Project     Di project ini saya membuat aplikasi sederhana tentang data kependudukan menggunakan menu login dan form pengisian data kependudukan yang disimpan ke databaseSQLite sebagai penyimpanan data dari akun yang akan masuk ke aplikasi.     2. Hasil foto dari Ujian tertulis dikampus      Foto dari Ujian tertulis                                                                                   3. Penjelasan dan Program Aplikasi   Disini saya langsung menjelaskan   ke program yang saya buat, saya anggap kalian sudah mengetahui langkah awal   pembuatannya atau bisa dicek diblog saya sebelumnya. Terima kasih 😊     Dibawah ini adalah sebagai   langkah-langkahnya:      a. Membuat Activty Login (activity_main.xml)      Screenshoot Form Login      Source Code activity_main.x...








Baca selengkapnya










UAS_BasisData II - Bon Pembelian SpareParts Motor dengan Koneksi SQL SERVER 




















Gambar







 Assalammualaikum WR, WB pada kali ini saya akan  memposting tugas UAS tentang Normalisasi database "Bon Pembelian  Spareparts Motor" yang dikonfersikan ke web menggunakan ASP.Net, dan dikoneksikan ke SQL Server 2014     1.1 Dibawah adalah gambar struk yang akan di normalisasi / Unnormalized Table.             https://rudiawan16.wordpress.com/normalisasi-database-beserta-pengertian-dan-contohnya/        Normal Form   Data yang dimasukkan secara mentah dalam suatu tabel pada  bentuk ini sangat mungkin terjadi anomali data.       1.2 Gambar dibawah Normal Form (1NF)            Normal Form (1NF)    Bentuk normal yang pertama atau 1NF mengsyaratkan beberapa kondisi  dalam sebuah database, berikut adalah fungsi dari bentuk normal pertama  ini.   Menghilangkan duplikasi kolom dari tabel yang sama.    Buat tabel terpisah untuk masing-masing kelompok data terkait dan  mengidentifikasi setiap baris dengan kolom yang unik (primary key).    1.3 Gambar dibawah Normal Form (2NF)     Tabel...








Baca selengkapnya