TUTUTORIAL MEMBUAT APLIKASI List Mahasiswa dengan ANDROID STUDIO

Hallo sobat blogger, saya akan share cara membuat aplikasi List Mahasiswa menggunakan software android studio, langsung saja kuy ..

1.  Start a new Android Studio project

2.  New project dan beri nama project aplikasi tersebut pada Aplication Name misal Broadband14list, klik Next

3. Pilih target device mana aplikasi yang kita dapat berjalan kali ini saya memilih hanya phone dan tablet,Pilih minimum SDK yang diinginkan, kali ini saya memakai API 17 4.2 Jelly Bean sehingga aplikasi kalkulator ini dapat berjalan di Android Jelly Bean hingga yang terbaru, Klik Next

4. Pilih tampilan layout / activity untuk aplikasi yang akan dibuat, kali ini saya pilih Basic Activity, Klik Next

5. Beri nama pada Actvity Name, Layout Name, Title, dan Menu Resource Name, Klik Finish

6. Tunggu hingga proses setelah klik finish selesai, cari folder layout yang telah dibuatl,..

app > res > layout > activity_main.xml  masukan source code dibawah dengan klik text

Note, jika proses rendering gagal, ubah API menjadi 24 atau API 23

<?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout 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:fitsSystemWindows="true" tools:context="broadbandpnj.com.broadband14list.MainActivity"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/AppTheme.AppBarOverlay"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:popupTheme="@style/AppTheme.PopupOverlay" /> </android.support.design.widget.AppBarLayout> <include layout="@layout/content_main" /> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|end" android:layout_margin="@dimen/fab_margin" android:src="@android:drawable/ic_dialog_email" /> </android.support.design.widget.CoordinatorLayout>

Klik design akan ada muncul hasil tampilan dari source code yang telah dimasukan tadi

7. Klik app > res > layout > content_main.xml masukan source code dibawah dengan klik text
layout ini yang akan menampilkan  layout activity_main

<?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" app:layout_behavior="@string/appbar_scrolling_view_behavior" tools:context="broadbandpnj.com.broadband14list.MainActivity" tools:showIn="@layout/activity_main"> <ListView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/listView" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> </RelativeLayout>

Klik design akan ada muncul hasil tampilan dari source code yang telah dimasukan tadi

 8. Buat layout baru dengan cara..
Klik app > res > klik kanan layout > new > xml > layout xml file

 9. Beri nama layout file name dan root tag, kali ini saya beri nama layout di layout file name dan linear layout di root tag, klik finish 

10. Klik app > res > layout > layout.xml masukan source code dibawah dengan klik text

<?xml version="1.0" encoding="utf-8"?> <gridlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:layout_width="@android:dimen/notification_large_icon_width" android:layout_height="@android:dimen/notification_large_icon_height" android:id="@+id/imageView" android:layout_row="0" android:layout_column="0"/> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="left" android:gravity="left"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="NewText" android:layout_columnWeight="1" android:id="@+id/textViewName" android:layout_row="0" android:layout_column="1" android:textColor="@android:color/holo_red_dark" android:textSize="20dp"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="NewText" android:layout_columnWeight="1" android:id="@+id/textViewDesc" android:layout_row="1" android:layout_column="1"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="NewText" android:layout_columnWeight="1" android:id="@+id/textViewHp" android:layout_row="2" android:layout_column="1"/> </LinearLayout> </LinearLayout> </GridLayout>

Klik design akan ada muncul hasil tampilan dari source code yang telah dimasukan tadi

11.  Klik app > java > Pilih folder package misal yang saya buat yaitu broadbandpnj.com.broadband14list, Klik > Pilih MainActivity , Klik > masukan source code dibawah

package broadbandpnj.com.broadband14list; import android.os.Bundle; import android.support.design.widget.FloatingActionButton; import android.support.design.widget.Snackbar; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.Toolbar; import android.view.View; import android.view.Menu; import android.view.MenuItem; import android.widget.AdapterView; import android.widget.ListView; import android.widget.Toast; import java.util.TooManyListenersException; /** * Created by Meiwa on 19/10/2016. */ public class MainActivity extends AppCompatActivity { private ListView listView; private String names[]={ "Agustrian Maulana", "Angela Tyas Manna", "Annisa Pratiwi", "Ari Nurhayati", "Asri Mayanti Panggabean", "Dicky Putra Nugraha", "Dicky Putra Pratama", "Fully Oktriviani", "Gena Pradita", "Iman Nurachman", "Luthfi Naufal Gibrani", "Mega Widyawati", "Meiwa Rian Fahlevi", "Merdhika", "Millatu Fadhillah", "Nabila Shaffa Bestari", "Nurmiadha Nisa Karimah", "Ocha Armalia Fadelo", "Rahat Hidayat", "Rayhan Nirmala", "Reffy Mahesya", "Sarah Najmanita Silvelina", "Shavira Oktaviana", "Tasha Dinya", "Tiur Nova", "Ulima Larisa", "Widya Isti", "Zahra Jihad", "Maudy Rachma" }; private String desc[]={ "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia", "Jurusan : Broadband Multimedia" }; private String nim[] = { "NIM : 4314030020", "NIM : 4314030002", "NIM : 4314030031", "NIM : 4314030003", "NIM : 4314030021", "NIM : 4314030022", "NIM : 4314030023", "NIM : 4314030024", "NIM : 4314030004", "NIM : 4314030005", "NIM : 4314030006", "NIM : 4314030007", "NIM : 4314030008", "NIM : 4314030009", "NIM : 4314030010", "NIM : 4314030011", "NIM : 4314030012", "NIM : 4314030026", "NIM : 4314030027", "NIM : 4314030028", "NIM : 4314030013", "NIM : 4314030015", "NIM : 4314030016", "NIM : 4314030017", "NIM : 4314030018", "NIM : 4314030019", "NIM : 4314030029", "NIM : 4314030030", "NIM : 4313030013" }; private Integer imageid[]={ R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, R.drawable.mew, }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Mahasiswalist Mahasiswalist = new Mahasiswalist (this, names, desc, nim, imageid); listView = (ListView) findViewById(R.id.listView); listView.setAdapter(Mahasiswalist); listView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick (AdapterView<?> adapterView, View view, int i, long l){ Toast.makeText(getApplicationContext(), "You Clicked" + names[i], Toast.LENGTH_SHORT).show(); } }); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab); fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG) .setAction("Action", null).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.menu_main, 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(); //noinspection SimplifiableIfStatement if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } }

12.  Buat java class baru..
Klik app > java > klik kanan di folder misal yang saya buat yaitu broadbandpnj.com.broadband14list > New > Java Class

13. Beri nama class misal Mahasiswalist > klik ok

14. Klik app > java > Pilih folder package misal yang saya buat yaitu broadbandpnj.com.broadband14list, Klik > Pilih Mahasiswalist, Klik > masukan source code dibawah

package broadbandpnj.com.broadband14list; import android.app.Activity; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ArrayAdapter; import android.widget.ImageView; import android.widget.TextView; /** * Created by Meiwa on 24/10/2016. */ public class Mahasiswalist extends ArrayAdapter<string> { private String[] name; private String[] desc; private String[] hp; private Integer[] imageid; private Activity context; public Mahasiswalist(Activity context, String[] name, String[] desc, String[] hp, Integer[] imageid) { super(context, R.layout.layout, name); this.context = context; this.name = name; this.hp = hp; this.desc = desc; this.imageid = imageid; } @Override public View getView(int position, View convertView, ViewGroup parent) { LayoutInflater inflater = context.getLayoutInflater(); View listViewItem = inflater.inflate(R.layout.layout, null, true); TextView textViewName = (TextView) listViewItem.findViewById(R.id.textViewName); TextView textViewDesc = (TextView) listViewItem.findViewById(R.id.textViewDesc); TextView textViewHp = (TextView) listViewItem.findViewById(R.id.textViewHp); ImageView image = (ImageView) listViewItem.findViewById(R.id.imageView); textViewName.setText(name[position]); textViewDesc.setText(desc[position]); textViewHp.setText(hp[position]); image.setImageResource(imageid[position]); return listViewItem; } }

15. Jika sudah selesai dan tidak ada error, silahkan di run aplikasinya..

 Tekan Shift + 10 atau Segita Hijau

Note : Agar tidak lambat dalam saat runing, runinglah via HP, sebelum runing Instal Driver HP sesuai platform dan aktifkan USB Debuger pada menu pengembang

16. Tunggu sampai muncul notif seperti berikut, lalu piih device HP, Klik ok

17. Tunggu Hingga Aplikasi sudah terinstall, jika sudah terinstal maka akan ada icons aplikasinya

18. Klik Iconnya dan jalankan aplikasinya.

 Selesai .. Semoga bermanfaat :)

Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.