Membuat UI Cantik Dan Serasi Di Android Menggunakan Palette Library Material Design
|
|
- Adi Halim
- 6 tahun lalu
- Tontonan:
Transkripsi
1 Membuat UI Cantik Dan Serasi Di Android Menggunakan Palette Library Material Design Fitria Arnita Abstrak Material Design adalah panduan komprehensif untuk desain visual, gerak, dan interaksi lintas platform dan perangkat. Android kini menyertakan dukungan untuk aplikasi desain bahan. Untuk menggunakan desain bahan di aplikasi Android, ikuti panduan yang didefinisikan dalam spesifikasi desain bahan dan gunakan komponen dan fungsionalitas baru yang tersedia di Android 5.0 (API level 21) ke atas. bertujuan untuk pengubahan interface secara masal, melainkan langkah untuk menuju New Visually Representative language, yang berarti mewujudkan visualisasi agar menyerupai bentuk nyata baik dalam teksture, bayangan dan pencahayaan. Salah satu material design yang digunakan untuk masalah pewarnaan yaitu palette Library. Palette Ditujukan untuk membuat aplikasi berwarna, konsisten, masuk akal, dan mudah untuk digunakan. Secara dasar Palette akan memberikan pilihan warna yang mencolok seperti pada source asset dan menentukan elemen menjadi dark muted, dark vibrant, muted, vibrant, light muted, light vibrant. Kata Kunci: Palette, Material Design, Android Studio
2 Pendahuluan Baru-beberapa bulan lalu Google telah merilis Platform terbaru dari system operasi Android, system operasi tersebutdiberi nama Lollipop sebagai android versi 5.0 dalam system operasi Lollipop ini google telah menerapkan konsep Material Design. Material Design sendiri bukan bertujuan untuk pengubahan interface secara masal, melainkan langkah untuk menuju New Visually Representative language, yang berarti mewujudkan visualisasi agar menyerupai bentuk nyata baik dalam teksture, bayangan dan pencahayaan. Sebelum adanya Material design, para pengembang yang berfokus pada User Interface (UI) dan User Experience (UX) lebih mengusung bentuk tiga dimensi dimana banyak gradient yang memiliki kesan Timbul dari layar. Tetapi dalam beberapa kasus, design seperti itu sudah terlihat jadul dan using, sehingga tidak popular lagi dan mulai ditinggalkan oleh para designer, baik yang menutamakan UI maupun UX. Material design sendiri cenderung menggunakan warna-warna solid dan tanpa gradient, dan hanya menggunakan efek pencahayaan sederhana namun tetap terkesan simple dan elegan. Material Design adalah bahasa pemrograman visual yang dibuat oleh Google. Bahasa pemrogaman ini menggunakan tampilan visual yang menarik tapi sederhana. Material Design bukan menawarkan konsep perubahan secara masive, tetapi ini adalah langkah yang signifikan untuk menuju New Visually Representative language. Teknologi ini akan memicu design berbasis artificial yang diwujudkan kedalam bentuk yang nyata. Sebelum trend material design "menukik", banyak designer yang berusaha membuat tampilan (contohnya tombol / button) menggunakan style 3D agar bagaimana output yang dihasilkan menyerupai bentuk asli di dunia nyata. Tetapi hal itu sudah tidak populer lagi, hal yang menjadi prioritas utama sekarang adalah kecepatan akses yang menjadi salah satu bagian dari material design karena secara garis besar mengutamakan pewarnaan objek yang solid tanpa memaksakan menggunakan gambar-gambar yang tidak diperlukan. Istilah tersebut sering kita
3 sebut dengan flat design yang tidak mengutamakan penggunaan background yang terlalu rumit tetapi simple agar membuat para pengguna dapat lebih mudah dan tidak bingung untuk menggunakan objek tersebut. Palette Ditujukan untuk membuat aplikasi berwarna, konsisten, masuk akal, dan mudah untuk digunakan. Secara dasar Palette akan memberikan pilihan warna yang mencolok seperti pada source asset dan menentukan elemen menjadi dark muted, dark vibrant, muted, vibrant, light muted, light vibrant. Pembahasan Kali ini saya akan membahas salah satu fitur dari library Android Material Design yang sering digunakan, yaitu Palette. Dengan menggunakan class Palette, kita bisa dengan mudah mengekstrak/mengambil warna dari sebuah gambar, yang akan berguna dalam penerapan style/tema aplikasi supaya sesuai dengan images/gambar yang sedang ditampilkan. Contohnya pada aplikasi MP3 player, dimana dengan menggunakan Palette tema warna background dan warna tombol bisa disesuaikan dengan gambar cover album yang dimainkan, sehingga terasa serasi Di benak kita mungkin mengekstrak warna dari gambar terdengar susah dan butuh skill coding tingkat tinggi, namun untungnya Palette class sangat mempermudah kita dalam hal ini. Tidak hanya itu Palette class bahkan membedakan warna ke dalam beberapa tipe sehingga memudahkan kalian untuk mengambil mana warna yang benar-benar cocok untuk aplikasi kalian. kita akan mulai dengan membuat sebuah project Android baru di Android Studio terlebih dahulu. Kemudian update dependencies pada file build.gradle kalian dengan mengimport Palette library seperti di bawah ini : dependencies {... compile 'com.android.support:palette-v7:24.2.1'
4 }... Jika sudah, kita akan membuat style baru yang akan digunakan untuk TextView pada res/values/styles.xml bernama tvpalletestyle <style name="tvpalletestyle"> <item name="android:layout_height">40dp</item> <item name="android:layout_width">match_parent</item> <item <item name="android:textstyle">bold</item> <item name="android:paddingleft">5dp</item> </style> Selanjutnya, kita menambahkan beberapa strings baru juga pada strings.xml : <string name="vibrant">vibrant</string> <string name="vibrant_light">vibrant Light</string> <string name="vibrant_dark">vibrant Dark</string> <string name="muted">muted</string> <string name="muted_light">muted Light</string> <string name="muted_dark">muted Dark</string> Kemudian untuk margin kita akan mengupdate dimens.xml : <resources> <!-- Default screen margins, per the Android Design guidelines. --> <dimen name="activity_horizontal_margin">16dp</dimen> <dimen name="activity_vertical_margin">16dp</dimen> <dimen name="card_margin">16dp</dimen> </resources>
5 Setelah itu, pada file activity_main.xml masukkan kode seperti di bawah ini : <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" 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" android:orientation="vertical"> <ImageView android:id="@+id/ivwallpaper" android:layout_width="match_parent" android:layout_height="275dp" android:src="@drawable/face2" /> <TextView android:id="@+id/tvvibrant" style="@style/tvpalletestyle" android:layout_margintop="10dp" android:text="@string/vibrant" /> <TextView android:id="@+id/tvvibrantlight" style="@style/tvpalletestyle" android:text="@string/vibrant_light" />
6 <TextView /> <TextView /> <TextView /> <TextView /> </LinearLayout> Yang terakhir, kita akan mengupdate class MainActivity.java. Di class inilah kita akan menggunakan Palette untuk mengambil warna dari gambar Bitmap, Di dalam Palette sendiri, kita akan mempunyai banyak Swatch (mirip seperti Photoshop), dan di tiap Swatch ada satu color. Palette secara default akan mencoba untuk mengambil 16 tipe warna, namun pada praktiknya hanya ada 6 profil warna yang akan sering kita gunakan, yaitu : Vibrant : gunakan getvibrantcolor() method untuk mendapatkan warna vibrant. Vibrant dark : gunakan getdarkvibrantcolor() method untuk mendapatkan warna vibrant dark.
7 Vibrant light : gunakan getlightvibrantcolor() method untuk mendapatkan warna vibrant light. Muted : gunakan getmutedcolor() method untuk mendapatkan warna muted. Muted dark : gunakan getdarkmutedcolor() method untuk mendapatkan warna muted dark. Muted light : gunakan getlightmutedcolor() method untuk mendapatkan warna muted light. import android.graphics.bitmap; import android.graphics.bitmapfactory; import android.os.bundle; import android.support.v7.app.appcompatactivity; import android.support.v7.graphics.palette; import android.support.v7.widget.toolbar; import android.widget.textview; /** * Created by Herdi_WORK on */ public class MainActivity extends AppCompatActivity{ private TextView vibrantview; private TextView vibrantlightview; private TextView vibrantdarkview; private TextView mutedview; private TextView mutedlightview; private TextView protected void oncreate(bundle savedinstancestate) {
8 super.oncreate(savedinstancestate); setcontentview(r.layout.activity_pallete); } initviews(); painttextbackground(); private void initviews() { vibrantview = (TextView) findviewbyid(r.id.tvvibrant); vibrantlightview = (TextView) findviewbyid(r.id.tvvibrantlight); vibrantdarkview = (TextView) findviewbyid(r.id.tvvibrantdark); mutedview = (TextView) findviewbyid(r.id.tvmuted); mutedlightview = (TextView) findviewbyid(r.id.tvmutedlight); muteddarkview = (TextView) findviewbyid(r.id.tvmuteddark); } private void painttextbackground() { Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.lena); Palette.from(bitmap).generate(new Palette.PaletteAsyncListener() public void ongenerated(palette palette) { // ambil warna dari gambar menggunakan Palette int defaultvalue = 0x000000; int vibrant = palette.getvibrantcolor(defaultvalue); int vibrantlight = palette.getlightvibrantcolor(defaultvalue); int vibrantdark = palette.getdarkvibrantcolor(defaultvalue); int muted = palette.getmutedcolor(defaultvalue);
9 int mutedlight = palette.getlightmutedcolor(defaultvalue); int muteddark = palette.getdarkmutedcolor(defaultvalue); }); } vibrantview.setbackgroundcolor(vibrant); vibrantlightview.setbackgroundcolor(vibrantlight); vibrantdarkview.setbackgroundcolor(vibrantdark); mutedview.setbackgroundcolor(muted); mutedlightview.setbackgroundcolor(mutedlight); muteddarkview.setbackgroundcolor(muteddark); } }
10 Contohnya seperti ini :
11 Penutup Material Design adalah bahasa pemrograman visual yang dibuat oleh Google. Bahasa pemrogaman ini menggunakan tampilan visual yang menarik tapi sederhana. Material Design bukan menawarkan konsep perubahan secara masive, tetapi ini adalah langkah yang signifikan untuk menuju New Visually Representative language. Teknologi ini akan memicu design berbasis artificial yang diwujudkan kedalam bentuk yang nyata. Salah satu fitur dari library Android Material Design yang sering digunakan, yaitu Palette. Dengan menggunakan class Palette, kita bisa dengan mudah mengekstrak/mengambil warna dari sebuah gambar, yang akan berguna dalam penerapan style/tema aplikasi supaya sesuai dengan images/gambar yang sedang ditampilkan. Contohnya pada aplikasi MP3 player, dimana dengan menggunakan Palette tema warna background dan warna tombol bisa disesuaikan dengan gambar cover album yang dimainkan, sehingga terasa serasi. Palette Ditujukan untuk membuat aplikasi berwarna, konsisten, masuk akal, dan mudah untuk digunakan. Secara dasar Palette akan memberikan pilihan warna yang mencolok seperti pada source asset dan menentukan elemen menjadi dark muted, dark vibrant, muted, vibrant, light muted, light vibrant.
12 Referensi Biografi hai hai nama saya Fitria Arnita, saat ini saya sibuk kuliah dan bekerja. Saya kuliah di salah satu Perguruan Tinggi ilmu komputer di Tangerang angkatan 2014 sampai saat ini. Rumah saya berada di daerah Kabupaten Tangerang beralamat Dasana Indah. Kalo dengan hobi, saya lebih menyukai anime (kartun jepang), saya sampai saat ini belum pernah mengikuti organisasi, saya jurusan Sistem Informasi dan konsentrasinya Sistem Informasi Manajemen, memang saya tidak terlalu mengerti tentang IT tetapi saya belajar untuk menggelutinya. Untuk lebih tahu tentang saya, silahkan cek facebook: fitria arnita dan Ig :fitriaarnita23. Terima kasih ya semoga bermanfaat
Membuat Tab Layout Menggunakan Android Material Design
Membuat Tab Layout Menggunakan Android Material Design Fitria Arnita fitriaarnita23@gmail.com Abstrak Material Design adalah panduan komprehensif untuk desain visual, gerak, dan interaksi lintas platform
Lebih terperinciMembuat Chating Messager Di Android
Membuat Chating Messager Di Android Fitria Arnita fitriaarnita23@gmail.com Abstrak Dengan fitur telepon genggam yang lengkap saat ini dan tarif dari operator yang semakin murah maka banyak orang lebih
Lebih terperinciUNIVERSITAS KOMPUTER INDONESIA
UNIVERSITAS KOMPUTER INDONESIA BAB III. HELLO WORLD Dosen Pembina : Bella Hardiyana, S. Kom, M. Kom HelloWorld1 (1) Buatlah sebuah proyek baru dengan spesifikasi dibawah ini : @Override public boolean
Lebih terperinciTutorial Aplikasi Android Sederhana dengan Action Button
Tutorial Aplikasi Android Sederhana dengan Action Button Deskripsi Aplikasi : Dapat menerima masukan dari pengguna berupa string. Lalu masukan tersebut dapat ditampilkan dengan menekan button. Terdapat
Lebih terperinciPraktikum IV Komponen UI (Radio Button, CheckBox dll)
Praktikum IV Komponen UI (Radio Button, CheckBox dll) Pokok Bahasan: Membuat aplikasi user interface android sederhana Mengenal komponen user interface di android Tujuan Belajar Setelah mempelajari modul
Lebih terperinciPertemuan 2. Pemrograman Mobile. 3 SKS Semester 7 S1 Sistem Informasi. Nizar Rabbi Radliya
Pemrograman Mobile 3 SKS Semester 7 S1 Sistem Informasi Nizar Rabbi Radliya nizar.radliya@yahoo.com Pertemuan 2 Universitas Komputer Indonesia 2015 Activity Service Content Provider Resource Views Notification
Lebih terperinciPraktikum VI Activity dan Intent
Praktikum VI Activity dan Intent Pokok bahasan: Membuat aplikasi yang melibatkan activity lebih dari satu Memahami konsep activity dan Intent Tujuan Belajar: Setelah mempelajari modul ini mahasiswa diharapkan
Lebih terperinciPenggunaan Button di Android
Penggunaan Button di Android Oleh: Almibi Akmal Hallo sobat JK, kali ini saya berbagi tutorial bagaimana menggunakan button di android. Button merupakan salah satu bagian penting dari android. Ada dua
Lebih terperinciMembuat preferensi atau pengaturan pada aplikasi android
Membuat preferensi atau pengaturan pada aplikasi android Oleh: Jefri Rendra Wiratmaja Sempat bertanya - tanya pada diri ini "Bagiamana sih membuat pengaturan pada aplikasi android layaknya pengaturan pada
Lebih terperinciCara Membuat Background Dinamis di Android
Cara Membuat Background Dinamis di Android Oleh: Yudi Setiawan Sebenarnya judulnya agak aneh ya. Mengapa? karena, maksud dari tutorial ini ialah membuat background seperti aplikasi Instagram. Bagi Anda
Lebih terperinciStuktur Folder Project Di Android Studio
Stuktur Folder Project Di Android Studio Fitria Arnita fitria.arnita@raharja.info Abstrak Android Studio build system adalah toolkit yang digunakan untuk membangun, test, menjalankan, dan membuat paket
Lebih terperinciTUTORIAL PEMBUATAN APLIKASI SEDERHANA TOUCH AND GESTURE PADA ANDROID
TUTORIAL PEMBUATAN APLIKASI SEDERHANA TOUCH AND GESTURE PADA ANDROID Di dalam bahasan kali ini, terdapat tutorial pembuatan aplikasi sederhana touch and gesture pada android. Dalam touch and gesture ini
Lebih terperinciPAPB-C. Yang harus dipersiapkan: 1. Eclipse 2. AVD/GenieMotion 3. JDK Membuat Android Application Project Baru
User Notification adalah pesan yang diterima oleh user yang tidak muncul dalam user interface utama tapi ada dalam bentuk icon dan dengan detail notifikasinya dalam notification area. Tujuan dari munculnya
Lebih terperinciMembuat list dengan RecylerView dan dependency injection ButterKniffe
Membuat list dengan RecylerView dan dependency injection ButterKniffe Oleh: Adriyadi Savana Buat kalian yang sudah pernah mengenal ListView mungkin pernah mendengar RecylerView, yap! RecyclerView adalah
Lebih terperinciMembuat Interface Dinamis Menggunakan FrameLayout
Membuat Interface Dinamis Menggunakan FrameLayout Oleh: Hasyemi Rafsanjani Asyari Pada tutorial kali ini kita akan belajar membuat aplikasi android dengan fragment. Seperti yang kita ketahui aplikasi android
Lebih terperinciAndroid - Apa itu.this dan.class
Android - Apa itu.this dan.class Oleh: Andika Kurniawan Apa itu.this dan.class? Di dalam Android terdapat kode-kode yang keliahatan nya 'aneh'. Salah kode yang aneh adalah.this dan.class. Di sini saya
Lebih terperinci[Pelatihan Pemrograman Android]
2012 [Pelatihan Pemrograman Android] Safaruddin Hidayat Al Ikhsan, S.Kom, M.Kom Modul Untuk Peserta Pelatihan di Lab TBI, Departemen Teknik Mesin dan Biosistem, IPB 12/21/2012 Lisensi Dokumen: Copyright
Lebih terperinciMembuat project Android di Eclipse Struktur project pada eclipse Mengenal Tag Layout User Interface
Membuat project Android di Eclipse Struktur project pada eclipse Mengenal Tag Layout User Interface TextView Absolute Layout Table Layout Jalankan Eclipse Pilih Menu File > New > Other Setelah muncul
Lebih terperinciModul Pengembangan Aplikasi Android Berbasis Client- Server Aplikasi sederhana android Versi 1.0
Modul Pengembangan Aplikasi Android Berbasis Client- Server Aplikasi sederhana android Versi 1.0 I Ketut Resika Arthana, M.Kom http://www.rey204.com resika.arthana@gmail.com Disajikan dalam mata kuliah
Lebih terperinciMOBILE PROGRAMMING. Oleh : CHALIFA CHAZAR
MOBILE PROGRAMMING Oleh : CHALIFA CHAZAR MATERI 8 HTTP CONNECTION Tujuan: Mahasiswa memahami dan mampu menerapkan penggunaan http connection dalam pembuatan suatu aplikasi Android. Pustaka: Abdul Kadir,
Lebih terperinciMOBILE PROGRAMMING. Oleh : CHALIFA CHAZAR
MOBILE PROGRAMMING Oleh : CHALIFA CHAZAR MATERI 5 LOOPING STATEMENT Tujuan: Mahasiswa memahami dan mampu memnggunakan struktur kondisi pengulangan untuk mendukung pembuatan suatu aplikasi Android. Pustaka:
Lebih terperinciMembuat Spash Screen
Membuat Spash Screen Oleh: christiawan eko saputro Tutorial ini sangat simple,pasti udah tau kan Splash Screen, semacam kaya Loading gitu lah :) Buat Project File New SplashScreen dan Beri nama Activity
Lebih terperinciBAB 5 Android Event Handling Mahardeka Tri Ananta
BAB 5 Android Event Handling Mahardeka Tri Ananta deka.kelas@gmail.com Konten Event pada Widget Event Handler Event Listener Event Event adalah suatu cara untuk mengumpulkan data tentang interaksi pengguna
Lebih terperinciUNIVERSITAS KOMPUTER INDONESIA
UNIVERSITAS KOMPUTER INDONESIA BAB IX. PENGGUNAAN MENU DENGAN VIEW Dosen Pembina : Bella Hardiyana, S. Kom Julian Chandra, S. Kom Menu Menu berguna untuk menampilkan pilihan tambahan yang tidak langsung
Lebih terperinciCara membuat Aplikasi Android : CheckBox dengan Eclipse
Cara membuat Aplikasi Android : CheckBox dengan Eclipse by webmaster - Monday, December 28, 2015 http://umarrokhimin.student.akademitelkom.ac.id/index.php/2015/12/28/cara-membuat-aplikasi-androidcheckbox-dengan-eclipse/
Lebih terperinciINTERFACING APLIKASI PENGHITUNGAN LUAS SEGITIGA DI ANDROID. Dibuat Oleh : Nama : Zunar Fitrianto NIM : Kelas : 13.5B.11
INTERFACING APLIKASI PENGHITUNGAN LUAS SEGITIGA DI ANDROID Dibuat Oleh : Nama : Zunar Fitrianto NIM : 13081343 Kelas : 13.5B.11 Akademi Manajement Informatika dan Komputer Bina Sarana Informatika 2010
Lebih terperinciCara Mengembalikan Yang Sudah Terkirim di Gmail
Cara Mengembalikan E-mail Yang Sudah Terkirim di Gmail Fitria Arnita fitriaarnita23@gmail.com Abstrak Seiring dengan kemajuan teknologi yang semakin hari semakin melesat maka tidak terelakkan lagi akan
Lebih terperinciPraktikum XI Animasi dan Multimedia
Praktikum XI Animasi dan Multimedia Pokok bahasan: Animasi dan multimedia Membuat aplikasi yang melibatkan komponen multimedia Tujuan Belajar: Setelah mempelajari modul ini mahasiswa diharapkan mengetahui:
Lebih terperinciPraktikum 9 Pemprograman Android GUI 2 Layar
Praktikum 9 Pemprograman Android GUI 2 Layar Dosen : Ir. Nanang Syahroni M.Kom Pokok Bahasan Konsep pemprograman Java OOP pada Android Deklarasi pemprograman Android Penggunaan Button, Textview, Textfield,
Lebih terperinciMOBILE PROGRAMMING. Oleh : CHALIFA CHAZAR
MOBILE PROGRAMMING Oleh : CHALIFA CHAZAR MATERI 6 PENGGUNAAN ACTIVITY Tujuan: Mahasiswa memahami siklus hidup suatu activity dan mampu menerapkan penggunaan intent dalam pembuatan suatu aplikasi Android.
Lebih terperinciMOBILE PROGRAMMING. Oleh : CHALIFA CHAZAR
MOBILE PROGRAMMING Oleh : CHALIFA CHAZAR MATERI 3 MENULISKAN KODE Tujuan: Mahasiswa memahami dan mampu menggunakan komponen dan penulisan kode untuk pembuatan suatu aksi pada aplikasi Android. Pustaka:
Lebih terperinciClass yang dipakai Untuk membuat tampilan map pada Android, kita bisa memanfaatkan MapView sebagai berikut:
Pemrograman Android GPS MAP Part 3 [Pemrograman Android GPS MAP 03][Level: Menengah] Andi Taru Nugroho Nur Wismono S.Kom.,M.Cs. andi.taru@gmail.com Lisensi Dokumen: Copyright 2012 JavaClopedia.com Seluruh
Lebih terperinciUNIVERSITAS KOMPUTER INDONESIA
UNIVERSITAS KOMPUTER INDONESIA BAB VII. USER INTERFACE (UI) PART 4 LIST VIEW Dosen Pembina : Bella Hardiyana, S. Kom Julian Chandra, S. Kom Tipe List View List view adalah view yang memperbolehkan untuk
Lebih terperinciStruktur & Pemakaian Teknologi Game Pembuatan Activity
Struktur & Pemakaian Teknologi Game Pembuatan Activity Activity Suatu Activity mewakili satu layar tunggal sebagai UI. Masing-masing Activity berdiri sendiri. Suatu Aplikasi dapat terdiri dari beberapa
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN Setelah melakukan analisa dan perancangan terhadap aplikasi informasi seluruh provider perdana di indonesia yang ada di kota Jakarta, pada bab ini akan dibahas mengenai
Lebih terperinciMembuat Blockquote Di Wordpress
Membuat Blockquote Di Wordpress Fitria Arnita fitriaarnita23@gmail.com Abstrak Sebuah kata kunci yang menjadi sorotan penting dari sebuah pembicaraan. Tapi sejak abad Internet, Blockquote akhirnya menciut
Lebih terperinciDAPATKAN SEGERAA!!!!! PERSEDIAAN TERBATASS!
DAPATKAN SEGERAA!!!!! PERSEDIAAN TERBATASS! PERTAMA ebook Bahasa Indondesia! Dilengkapi PEMBAHASAN Jelas dan mudah dipahami Sangat Cocok untuk PEMULA!!! Di JAMIN Bisa! Baca Coba Berhasil! L A B. A N D
Lebih terperinciANDROID FOR BEGINNER MODUL 2
ANDROID FOR BEGINNER MODUL 2 [ANDROID WIDGET] SUDARYATNO yatnosudar@gmail.com @dodulz facebook : yatno.sudar 1 of 11 ANDROID WIDGET Widget adalah komponen view android yang digunakan untuk memudahkan end
Lebih terperinciTutorial berikut akan mengajarkan rekan-rekan cara membuat kalkulator sederhana di android.
Kalkulator Sederhana Tutorial berikut akan mengajarkan rekan-rekan cara membuat kalkulator sederhana di android. pertama-tama pastikan di komputer anda telah terinsal AVD dan eclipse. 1. Buat projek android
Lebih terperinciMembuat Alert Dialog Pada Android
Membuat Alert Dialog Pada Android Oleh: Wian Caniggia Eka Putra Hai Sobat.. Kali ini saya akan bagi tutorial android mobile. Kali ini saya akan menjelaskan tentang gimana cara membuat alert dialog pada
Lebih terperinciLocation Based Services
Location Based Services Location Based Service (LBS) atau layanan berbasis lokasi adalah sebuah layanan informasi yang dapat diakses dengan perangkat bergerak melalui jaringan dan mampu menampilkan posisi
Lebih terperinciMOBILE PROGRAMMING. Oleh : CHALIFA CHAZAR
MOBILE PROGRAMMING Oleh : CHALIFA CHAZAR MATERI 6 PENGGUNAAN ACTIVITY & INTENT Tujuan: Mahasiswa memahami siklus hidup suatu activity dan mampu menerapkan penggunaan intent dalam pembuatan suatu aplikasi
Lebih terperinciUNIVERSITAS KOMPUTER INDONESIA
UNIVERSITAS KOMPUTER INDONESIA BAB VIII. MENAMPILKAN GAMBAR DENGAN VIEW Dosen Pembina : Bella Hardiyana, S. Kom Julian Chandra, S. Kom Gallery and ImageView Views Gallery adalah view yang digunakan untuk
Lebih terperinciAplikasi Mobile Informasi Pengenalan Profil Pahlawan Tingkat Dasar di Indonesia Menggunakan Java Berbasis Android
Aplikasi Mobile Informasi Pengenalan Profil Pahlawan Tingkat Dasar di Indonesia Menggunakan Java Berbasis Android Nama : Hurul Aini NPM : 13110335 Fakultas : Ilmu Komputer dan Telknologi Informasi Jurusan
Lebih terperinciDAFTAR PUSTAKA. Binanto, I., multimedia digital-dasar teori dan pengembangannya, yogyakarta.
DAFTAR PUSTAKA Abdullah. (2003). Tip & Trik Desain Web Dinamis dengan CSS dan JavaScript. Jakarta: Elex Media Komputindo. Binanto, I., 2010. multimedia digital-dasar teori dan pengembangannya, yogyakarta.
Lebih terperinciMenginstal Fitur Aplikasi Marshmallow Di Kitkat & Lollipop
Menginstal Fitur Aplikasi Marshmallow Di Kitkat & Lollipop Fitria Arnita fitria.arnita@raharja.info Abstrak Os Android versi 6.0 diberi nama Marshmallow dikenal dengan nama Android M, os Android Marshmallow
Lebih terperinciVariabel dan tipe data
Variabel dan tipe data Variabel dan tipe data adalah sebuah hal yang penting didalam pemrograman. Variabel berfungsi untuk menyimpan sebuah nilai secara sementara di memory komputer. Variabel dan tipe
Lebih terperinciUNIVERSITAS KOMPUTER INDONESIA
UNIVERSITAS KOMPUTER INDONESIA BAB VI. USER INTERFACE (UI) PART 3 PICKER VIEW Dosen Pembina : Bella Hardiyana, S. Kom Julian Chandra, S. Kom Picker View Pemilihan tanggal dan waktu merupakan salah satu
Lebih terperinciPERTEMUAN KE 4 Representasi Data (ListView dan Spinner)
A. TUJUAN PERTEMUAN KE 4 Representasi Data (ListView dan Spinner) Mahasiswa diharapkan dapat memahami dan mengetahui tentang komponen widget, yaitu ListView yang digunakan pada aplikasi mobile. B. TEORI
Lebih terperinciPraktikum VI Activity dan Intent
Praktikum VI Activity dan Intent Pokok bahasan: Membuat aplikasi yang melibatkan activity lebih dari satu Memahami konsep activity dan Intent Tujuan Belajar: Setelah mempelajari modul ini mahasiswa diharapkan
Lebih terperinciStruktur & Pemakaian Teknologi Game Struktur Project Android
Struktur & Pemakaian Teknologi Game Struktur Project Android File proguard.cfg akan digunakan pada saat anda melakukan build aplikasi pada release mode, dimana dilakukan proses shrinks, optimizes, dan
Lebih terperinciMembuat Carousel Dengan Bootstrap CDN
Membuat Carousel Dengan Bootstrap CDN Fitria Arnita 23@gmail.com Abstrak Bootstrap adalah framework CSS yang dibuat khusus para designer web. Bootstrap digunakan untuk membuat sebuah templates web atau
Lebih terperinciPraktikum XI Animasi dan Multimedia
Praktikum XI Animasi dan Multimedia Pokok bahasan: Animasi dan multimedia Membuat aplikasi yang melibatkan komponen multimedia Tujuan Belajar: Setelah mempelajari modul ini mahasiswa diharapkan mengetahui:
Lebih terperinciPembuatan Aplikasi Android Sederhana dengan Eclipse
Pembuatan Aplikasi Android Sederhana dengan Eclipse by webmaster - Monday, December 14, 2015 http://suyatno.dosen.akademitelkom.ac.id/index.php/2015/12/14/pembuatan-aplikasi-android-sederhanadengan-eclipse/
Lebih terperinciCara Membuat Layout Dynamic di Android
Cara Membuat Layout Dynamic di Android Oleh: Yudi Setiawan Dalam pemrograman Android, khususnya untuk aplikasi Native. Anda harus menguasai Java dan XML. Java sebagai algoritmanya dan XML sebagai UI-nya.
Lebih terperinciPERTEMUAN KE 7 Broadcast Receiver dan Services
PERTEMUAN KE 7 Broadcast Receiver dan Services A. TUJUAN Mahasiswa diharapkan dapat memahami dan mengetahui tentang Broadcast Receviver dan Service serta bagaimana menggunakannya. B. TEORI SINGKAT BROADCAST
Lebih terperinciLecture Notes
Lecture Notes 15.09.2014 LinearLayout 1. Hapus layout pada file xml 2. Drag drop LinearLayout (Vertical) 3. Drag drop button 3x 4. Lihat code di layout xml, jelaskan ttg id 5. Buat strings.xml dari folder
Lebih terperinciLatihan 1 Menghitung Luas Persegi Panjang
Latihan 1 Menghitung Luas Persegi Panjang 1. Buat Project baru dengan cara klik menu File New Android Application Project. 2. Beri nama aplikasi yang akan kita buat pada kolom Application Name. Huruf awal
Lebih terperinciMemiih Penyimpanan Internal atau External
A. TUJUAN PERTEMUAN KE 10 Data dan Akses File Lokal (Aplikasi Baca Tulis File) Mahasiswa diharapkan dapat memahami dan mengetahui tentang Data dan Akses File Lokal yang digunakan pada aplikasi mobile.
Lebih terperinciDAPATKAN SEGERAA!!!!! PERSEDIAAN TERBATASS!
DAPATKAN SEGERAA!!!!! PERSEDIAAN TERBATASS! PERTAMA ebook Bahasa Indondesia! Dilengkapi PEMBAHASAN Jelas dan mudah dipahami Sangat Cocok untuk PEMULA!!! Di JAMIN Bisa! Baca Coba Berhasil! L A B. A N D
Lebih terperinciPraktikum 3 Create a Simple Calculator Program
Praktikum Create a Simple Calculator Program Dosen : Tenia Wahyuningrum, S.Kom., MT Program kalkulator menggunakan beberapa widget sederhana seperti Textview, EditText, dan Button. Dalam program ini, terdapat
Lebih terperinciWorkshop Struktur dan Pemakaian Teknologi Game BAB 4. Menu
BAB 4 Menu 69 4.1 Tujuan Pembelajaran 1. Memahami tentang Menu, baik Option maupun Context Menu dan bagaimana penggunaannya. 4.2 Dasar Teori Sebagaimana halnya aplikasi-aplikasi untuk desktop dan beberapa
Lebih terperinciCustom Button pada Android Februari 2012 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Platform : Android 2.3, Eclipse
Custom Button pada Android Februari 2012 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Platform : Android 2.3, Eclipse Salah satu hal yang menyenangkan dalam membuat sebuah aplikasi Android adalah
Lebih terperinciMembuat Simple List Transaksi
Membuat Simple List Transaksi Oleh: Wian Caniggia Eka Putra Hai sobat.. kali ini saya bikin tutorial android mobile yaitu Membuat Simple List Transaksi. Baik langsung saja.. Aplikasi ini mengimplementasikan
Lebih terperinciMOBILE PROGRAMMING. Oleh : CHALIFA CHAZAR
MOBILE PROGRAMMING Oleh : CHALIFA CHAZAR MATERI 6 PENGGUNAAN INTENT Tujuan: Mahasiswa memahami siklus hidup suatu activity dan mampu menerapkan penggunaan intent dalam pembuatan suatu aplikasi Android.
Lebih terperinciUNIVERSITAS KOMPUTER INDONESIA
UNIVERSITAS KOMPUTER INDONESIA BAB V. USER INTERFACE (UI) PART 2 - BASIC VIEW Dosen Pembina : Bella Hardiyana, S. Kom Julian Chandra, S. Kom View View dalam pemrograman Android berfungsi sebagai komponen
Lebih terperinciMenampilkan Map. B. Menambahkan referensi library google-play-service.jar ke dalam project
Menampilkan Map Sejak tanggal 3 Desember 2012, Google secara resmi mengumumkan bahwa layanan API Map berubah menjadi versi 2 sedangkan versi sebelumnya masih diberi waktu berjalan hingga satu tahun ke
Lebih terperinciModul Aplikasi Mobile. Pertemuan ke-2. Pengenalan environment android pada eclipse
Modul Aplikasi Mobile Pertemuan ke-2 Pengenalan environment android pada eclipse Konsep MVC pada Android Develop aplikasi Android seperti halnya pada platform yang lain, menggunakan bahasa pemogramman
Lebih terperinciPERTEMUAN KE 9 Camera dan Multimedia
PERTEMUAN KE 9 Camera dan Multimedia A. TUJUAN Mahasiswa diharapkan dapat memahami dan mengetahui tentang komponen widget, yaitu Camera dan Multimedia yang digunakan pada aplikasi mobile. B. TEORI SINGKAT
Lebih terperinciDAPATKAN SEGERAA!!!!! PERSEDIAAN TERBATASS!
DAPATKAN SEGERAA!!!!! PERSEDIAAN TERBATASS! PERTAMA ebook Bahasa Indondesia! Dilengkapi PEMBAHASAN Jelas dan mudah dipahami Sangat Cocok untuk PEMULA!!! Di JAMIN Bisa! Baca Coba Berhasil! L A B. A N D
Lebih terperinciBAB 3 Android User Interface
BAB 3 Android User Interface Mahardeka Tri Ananta deka.kelas@gmail.com Konten User Interface View/Widget ViewGroup (Layout) Dealing with data (supplement) Google Material Design (supplement) User Interface
Lebih terperinciMODUL 10 KOMPONEN GUI ANDROID
MODUL 10 KOMPONEN GUI ANDROID A. Tujuan : 1. Memahami berbagai pembuatan komponen di android 2. Memahami passing parameter di android dalam 1 layar 3. Memahami passing parameter di android dalam 2 layar
Lebih terperinciMOBILE PROGRAMMING. Oleh : CHALIFA CHAZAR
MOBILE PROGRAMMING Oleh : CHALIFA CHAZAR MATERI 4 CONDITIONAL STATEMENT Tujuan: Mahasiswa memahami dan mampu memnggunakan struktur kondisi IF..THEN..ELSE.. untuk mendukung pembuatan suatu aplikasi Android.
Lebih terperinciMembuat tab menu di aplikasi android
Membuat tab menu di aplikasi android Oleh: Jefri Rendra Wiratmaja Salam jagocoding. Dikesempatan kali ini saya akan menjelaskan bagaimana membuat menu tab di aplikasi android. Menu tab seringkali digunakan
Lebih terperinciMembuat Animasi pada Splash Screen. Android App. menggunakan Xamarin
Membuat Animasi pada Splash Screen Android App menggunakan Xamarin Lisensi Dokumen: Copyright 2003 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara
Lebih terperinciLISTING PROGRAM. TabHost tab = (TabHost) findviewbyid(r.id.tabhost); tab.setup();
A-1 LISTING PROGRAM 1. MainActivity.java package com.example.ilmukomputer.mycipher; import android.content.intent; import android.graphics.color; import android.os.bundle; import android.support.v7.app.appcompatactivity;
Lebih terperinciPEMROGRAMAN MOBILE PRAKTIKUM 11 ( DATABASE II ) Disusun oleh : CYNTHIA STEFFI CLIFF SI 12 A
PEMROGRAMAN MOBILE PRAKTIKUM 11 ( DATABASE II ) Disusun oleh : CYNTHIA STEFFI CLIFF 12.12.0037 SI 12 A http://cliffnewbie.wordpress.com/ SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM PURWOKERTO
Lebih terperinciBAB 3 XML LAYOUT, BASIC WIDGET DAN SELECTION WIDGET
BAB 3 XML LAYOUT, BASIC WIDGET DAN SELECTION WIDGET 3.1 Tujuan Pembelajaran 1. Memahami tentang pembuatan layout dengan XML pada Android 2. Memahami tentang apa sajakah fitur dari Basic Widget dan Selection
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN Setelah melakukan analisis dan perancangan terhadap aplikasi check point dan penghitung jumlah pada bus AKAP berbasis Android. Pada bab ini akan dibahas mengenai implementasi
Lebih terperinciMODUL 14 INTERKONEKSI CLIENT-SERVER ANDROID
MODUL 14 INTERKONEKSI CLIENT-SERVER ANDROID A. Tujuan : 1. Memahami interkoneksi client-server dengan php di android 2. Memahami interkoneksi client-server dengan php-mysql 3. Memahami passing parameter
Lebih terperinciPraktikum 1 - Getting Started with Android
Praktikum 1 - Getting Started with Android Dosen : Tenia Wahyuningrum, S.Kom., MT Sebelum menjalankan aplikasi sederhana Hello World, kita perlu untuk menginstal programming environment. Hello World App
Lebih terperinciModul. Android Programming. Dyah Fajar Nur Rohmah
Modul Android Programming Dyah Fajar Nur Rohmah 2011 DAFTAR ISI DAFTAR ISI... 2 CHAPTER 1 INTRODUCING... 3 Project Structure... 3 CHAPTER 2 ANDROID PROJECT... 5 CHAPTER 3 BUILDING APPLICATION... 7 Menambah
Lebih terperinciDAPATKAN SEGERAA!!!!! PERSEDIAAN TERBATASS!
DAPATKAN SEGERAA!!!!! PERSEDIAAN TERBATASS! PERTAMA ebook Bahasa Indondesia! Dilengkapi PEMBAHASAN Jelas dan mudah dipahami Sangat Cocok untuk PEMULA!!! Di JAMIN Bisa! Baca Coba Berhasil! L A B. A N D
Lebih terperinciXAMARIN ANDROID : Bekerja
XAMARIN ANDROID : Bekerja Dengan ListView Lisensi Dokumen: Copyright 2003 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan
Lebih terperinci1. Jelaskan siklus hidup android?
Nama : Arif Setyawan Nim : 12111034 Kelas: Kelas malam 22 Teknik Informatika Tugas Mobile Computing 1. Jelaskan siklus hidup android? Android Hampir semua orang di seluruh penjuru dunia menggunakan sistem
Lebih terperinciPROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG Pemrograman Berorientasi Objek 3 (Mobile And Web Programming)
Jl Srijaya Negara Bukit Besar Palembang 30139, Telpon : +62711-353414 TK PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG Pemrograman Berorientasi Objek 3 (Mobile And Web
Lebih terperinciTutorial Membuat Aplikasi Web View Android pada Eclipse
Tutorial Membuat Aplikasi Web View Android pada Eclipse 1. Membuat Project Baru a. Langkah awal pastinya adalah membuat project baru: File-New-Project b. Kemudian klik Next da nisi informasi yang dibutuhkan
Lebih terperinciCara Membuat Aplikasi Android Sederhana Menggunakan Eclipse
Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse by webmaster - Sunday, December 13, 2015 http://xoxo.student.akademitelkom.ac.id/index.php/2015/12/13/cara-membuat-aplikasi-android-sederhanamenggunakan-eclipse/
Lebih terperinciXAMARIN ANDROID : Membangun. Aplikasi Mobile Dengan GridView
XAMARIN ANDROID : Membangun Aplikasi Mobile Dengan GridView Lisensi Dokumen: Copyright 2003 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas
Lebih terperinciLAYOUT MENU UTAMA. <Button android:text="zakat Profesi" android:layout_width="wrap_content"
LAYOUT MENU UTAMA android:id="@+id/emas"
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN APLIKASI
BAB IV IMPLEMENTASI DAN PENGUJIAN APLIKASI 4.1 Implementasi Implementasi aplikasi dilakukan melalui beberapa tahap, mulai dari instalasi dan konfigurasi development kit, membuat layout untuk antar muka
Lebih terperinciIjin Akses Agar program kita dapat mengakses GPS, kita harus menambahkan permission pada AndroidManifest.xml sebagai berikut:
Pemrograman Android GPS MAP Part 1 [Pemrograman Android GPS MAP 01][Level: Menengah] Andi Taru Nugroho Nur Wismono S.Kom.,M.Cs. andi.taru@gmail.com Lisensi Dokumen: Copyright 2012 JavaClopedia.com Seluruh
Lebih terperinciPRAKTIKUM 6 SPINNER. 1. Aktifkanlah project baru, File New Project Android Application Project. Modul 6 Spinner Page 1
PRAKTIKUM 6 SPINNER Spinner adalah aplikasi sederhana untuk menyusun pilihan ketika akan memilih sebuah jawaban berupa option, dan menampilkan jawaban terpilih di textbox. Spinner merupakan view yang memiliki
Lebih terperinciDAPATKAN SEGERAA!!!!! PERSEDIAAN TERBATASS!
DAPATKAN SEGERAA!!!!! PERSEDIAAN TERBATASS! PERTAMA ebook Bahasa Indondesia! Dilengkapi PEMBAHASAN Jelas dan mudah dipahami Sangat Cocok untuk PEMULA!!! Di JAMIN Bisa! Baca Coba Berhasil! L A B. A N D
Lebih terperinciListing Program. //mengeset nama tab dan mengisi content pada menu tab anda. tabhost.addtab(spec);
Listing Program MainActivity.java package com.pakarkepribadian; import android.os.bundle; import android.app.tabactivity; import android.content.intent; import android.content.res.resources; import android.widget.tabhost;
Lebih terperinciMenulis Aplikasi untuk Android Bagian I
Menulis Aplikasi untuk Android Bagian I Selamat berjumpa lagi di ruang E-Learning Trisma. Seperti penjelasan artikel sebelumnya Bermain dengan Android, dijelaskan sedikit mengenai struktur dasar dari Android
Lebih terperinciUNIVERSITAS KOMPUTER INDONESIA
UNIVERSITAS KOMPUTER INDONESIA BAB XI. DATABASE LOKAL ANDROID (SQLITE) Dosen Pembina : Bella Hardiyana, S. Kom, M. Kom Sistem database yang digunakan oleh Android adalah SQLite. SQLite adalah database
Lebih terperinciMOBILE PROGRAMMING. Oleh : CHALIFA CHAZAR
MOBILE PROGRAMMING Oleh : CHALIFA CHAZAR MATERI 7 INTENT BAGIAN 2 Tujuan: Mahasiswa memahami siklus hidup suatu activity dan mampu menerapkan penggunaan intent dalam pembuatan suatu aplikasi Android. Pustaka:
Lebih terperinciLatihan 2 List Menu Bertingkat
Latihan 2 List Menu Bertingkat 1. Buat Project baru dengan cara klik menu File New Android Application Project. 2. Beri nama aplikasi yang akan kita buat pada kolom Application Name. Huruf awal harus capital.
Lebih terperinciDAPATKAN SEGERAA!!!!! PERSEDIAAN TERBATASS!
DAPATKAN SEGERAA!!!!! PERSEDIAAN TERBATASS! PERTAMA ebook Bahasa Indondesia! Dilengkapi PEMBAHASAN Jelas dan mudah dipahami Sangat Cocok untuk PEMULA!!! Di JAMIN Bisa! Baca Coba Berhasil! L A B. A N D
Lebih terperinci