sallykartikaa.files.wordpress.com · web viewpemrograman piranti bergerak. laporan resmi. menu “...

18
PEMROGRAMAN PIRANTI BERGERAK LAPORAN RESMI MENU “OPTION MENU” DOSEN : MUHAMMAD ROBIHUL MUFID, S.ST OLEH : SALLY KARTIKA SARI 2 TEKNIK INFORMATIKA-A TEKNIK INFORMATIKA AKADEMI KOMUNITAS NEGERI LAMONGAN

Upload: others

Post on 26-Oct-2020

10 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

PEMROGRAMAN PIRANTI BERGERAKLAPORAN RESMI

MENU “OPTION MENU”

DOSEN :MUHAMMAD ROBIHUL MUFID, S.ST

OLEH :SALLY KARTIKA SARI

2 TEKNIK INFORMATIKA-A

TEKNIK INFORMATIKAAKADEMI KOMUNITAS NEGERI LAMONGAN

PROGRAM STUDI DI LUAR DOMISILI KABUPATEN LAMONGANPOLITEKNIK ELEKTRONIKA NEGERI SURABAYA

2019

Page 2: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

Membuat Option Menu dengan Android StudioSaya membuat option menu dengan menambahkan haaman instagram, twitter, camera

dan facebook.1. Buka aplikasi Android Studio.

2. Membuat project baru.Klik Start a new Android Studio Project

3. Memilih project Pilih Phone and Tablet – Empty Activity – Next

Page 3: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

4. Mengkonfigurasi projectIsi kolom Name, Save Location, Minimum API Level kemudian Next

5. Gradle syncTunggu proses gradle snyc sampai selesai dan bertanda centang semua.

Page 4: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

6. Activity_main.xml<?xml version="1.0" encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayout 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" tools:context=".MainActivity" android:background="@drawable/img">

<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

Menambahkan background pada layout, kita harus menambahkan gambar terlebih dahuluKlik kanan drawable, kemudian copy paste gambar.

Kemudian pada layout tambahkan android:background="@drawable/img img adalah nama gambarnya (sesuaikan dengan nama gambar yang telah anda tambahkan)

7. Membuat directory baru dalam “res” yang akan digunakan untuk meletakkan music yang akan diputar. Caranya :

Page 5: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

Klik kanan res – New – Directory

Kemudian muncul pop up menambahkan nama baru dan isi nama directorynya dengan “menu”

8. Membuat Layout OptionMenuKlik kana pada direktori menu yang sudah dibuat > New > Menu Resource File

Isikan file name dengan optionmenu > Finish

Page 6: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

Jika sudah silahkan tambahkan kode-kode dibawah ini pada optionmenu.xml

<?xml version="1.0" encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:id="@+id/camera" android:enabled="true" android:visible="true" app:showAsAction="never" android:title="camera" /> <item android:id="@+id/instagram" android:enabled="true" android:visible="true" app:showAsAction="never" android:title="instagram" /> <item android:id="@+id/facebook" android:enabled="true" android:visible="true" app:showAsAction="never" android:title="facebook" /> <item android:id="@+id/youtube" android:enabled="true" android:visible="true" app:showAsAction="never" android:title="youtube" /> <item android:id="@+id/twitter" android:enabled="true" android:visible="true"

Page 7: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

app:showAsAction="never" android:title="twitter" />

<item android:id="@+id/about" android:title="About" app:showAsAction="never"/>

<item android:id="@+id/setting" android:title="Setting" app:showAsAction="never" />

<item android:id="@+id/help" android:title="Help" app:showAsAction="never"/>

</menu>Penjelasan : Tag menu digunakan untuk menampilkan menu, di dalamnya terdapat <item> yang

digunakan untuk menambahkan option menu. app:showaction digunakan untuk mengatur apakah menu di tampilkan pada action

bar atau tidak. Never digunakan untuk menampilkan menu ke bawah, Always digunakan untuk menampilkan menu pada action bar, sedangkan ifroom digunakan untuk menampilkan menu ketika ada space kosong pada action bar.

9. Membuat 3 Activity baruKetika option menu di tekan maka akan memunculkan 3 pilihan menu, yaitu: About,

Setting, dan Help.  Sekarang buat 3 activity menu diatas dengan cara klik kanan pada nama

package yang ada di folder java > New > Pilih Activity > Empty Activity 

Isikan activity name dengan nama HelpActivity, AboutActivity, dan SettingActivity.

Page 8: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

Jika 3 activity baru sudah dibuat susunan folder project android option menu yang kita buat seharusnya seperti gambar dibawah ini.

10. MainActivity.javaTambahkan kode-kode berikut ini dibawah nama package pada MainActivity.java. 

package com.example.optionmenusally;import android.content.Intent;

Page 9: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

import android.net.Uri;import android.os.Bundle;import android.view.Menu;import android.view.MenuInflater;import android.view.MenuItem;import android.widget.Toast;import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); }

@Override public boolean onCreateOptionsMenu(Menu menu) { MenuInflater inflater = getMenuInflater(); inflater.inflate(R.menu.optionmenu, menu); return true; }

public boolean onOptionsItemSelected(MenuItem item) { if (item.getItemId()==R.id.about){ startActivity(new Intent(this, AboutActivity.class)); } else if (item.getItemId() == R.id.setting) { startActivity(new Intent(this, SettingActivity.class)); } else if (item.getItemId() == R.id.help) { startActivity(new Intent(this, HelpActivity.class)); } else if(item.getItemId() == R.id.instagram){ Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("https://instagram.com")); startActivity(browserIntent); return true; } else if(item.getItemId()== R.id.facebook) { Intent fbIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("https://facebook.com")); startActivity(fbIntent); return true; } else if (item.getItemId()== R.id.youtube) { Intent ytIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("https://youtube.com")); startActivity(ytIntent); return true; } else if(item.getItemId()== R.id.twitter) { Intent twIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("https://twitter.com")); startActivity(twIntent); return true; } else if(item.getItemId()== R.id.camera) { Intent cIntent = new Intent("android.media.action.IMAGE_CAPTURE"); startActivity(cIntent); return true; } return true;

Page 10: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

}}

penjelasan :

MenuInflater berfungsi untuk menampilkan menu yang sudah dibuat pada optionmenu.xml.

OptionItemSelected berfungsi untuk memberikan perintah ke setiap menu getItemId berfungsi mendapatkan id dari item yang dibuat pada optionmenu.xml

ketika di klik akan menampilkan activity yang dituju menggunakan intent.

11. AndroidManifest.xmlPastikan file AndroidManifest.xml menjadi seperti dibawah ini.<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.optionmenusally">

<application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".SettingActivity"></activity> <activity android:name=".AboutActivity" /> <activity android:name=".HelpActivity" /> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" />

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

</manifest>

Untuk mengganti icon, kita harus enambahkan gambar terlebih dahuluKlik kanan drawable, kemudian copy paste gambar.

kita bisa merubah pada android:icon="@mipmap/ic_launcher"

Page 11: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

Menjadi android:icon="@drawable/mi". @drawable/mi adalah nama folder dan nama gambarnya (sesuaikan dengan nama gambar anda)

12. Kemudian sambungkan HP android Anda menggunakan kabel USB dan aktifkan opsi debugging

13. Cek apakah HP sudah terhubung ke android studio, jika sudah tehubung maka llik tombol di sampingnya, yaitu tombol RUN

14. Tunggu proses build output selesai

Page 12: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

Kemudian, terdapat pemberitahuan installasi successfully seperti di bawah ini

15. Cek pada HP Anda, aplikasi telah terinstal

16. Buka dan jalankan aplikasi tersebut Layar utama

Page 13: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

Option menu

Ketika diklik activity about

Ketika diklik facebook

Page 14: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

Akan muncul ke laman facebook

Ketika diklik instagramAkan muncul ke aplikasi instagram

Dan lainnya.

Page 15: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

17. Selesai😊

Page 16: sallykartikaa.files.wordpress.com · Web viewpemrograman piranti bergerak. laporan resmi. menu “ option menu ” dosen : muhammad robihul mufid, s.st. oleh : sally kartika sari

DAFTAR PUSTAKA

https://badoystudio.com/membuat-option-menu-di-android/