PMO2-TI16S-P1-Pengantar Awal Pemrograman Mobile-Danang Aldy Kurniawan

November 23, 2018
 |  No Comments

Kelompok 4

Dani Khoirul Wafa             16.11.0267

Doni Damara                     16.11.0199

Adiftian Al Azizi                  16.11.0202

Mandra Pradita Cahyani    16.11.0212

Charir Maulana Achsan      16.11.0217

Bagus Anjas P                    16.11.0221

Esa Rizki Anandrian          16.11.0248

Danang Aldy Kurniawan    16.11.0267

Luky Sufra Alfarizi            16.11.0272

Tri Mardianto                     16.11.0276

Agia Hana Lestari               16.11.0282

 

 

KELAS TI 16 S

———————————————————————————————————————

PERTEMUAN 1

Materi yang akan dibahas :

Pengantar Awal Pemrograman Mobile

  • Multi bahasa
  • Multi ukuran layar
  • Desain responsif

 

 

A. Pengantar Awal Pemrograman Mobile 2

 

1.Multi Bahasa

Sebagian besar aplikasi perangkat lunak telah memiliki dukungan fitur pengaturan bahasa, baik aplikasi yang berjalan di komputer (laptop) maupun di perangkat bergerak (gadget), seperti telepon seluler (ponsel) dan komputer tablet. Tentu saja fitur ini sangat penting, khususnya bagi aplikasi yang ditujukan untuk pengguna secara global—dengan kemampuan penguasaan bahasa yang beragam.

 

 2.Multi Ukuran Layar

Semakin beragamnya ukuran layar pada prangkat Android, mulai dari 2 inch sampai dengan 10 inch, dengan begitu banyak jenis ukuran layar yang berbeda, aplikasi yang kita buat pun harus mendukung beberapa layar yang berbeda pula, untuk menyesuaikan antarmuka pengguna aplikasi ke layar yang menampilkannya.

Untuk mengoptimalkan desain UI pada aplikasi yang kita buat, kita membuatuhkan beberapa desain layout yang berbeda ukurannya, yaitu

  1. Small (Kecil).
  2. Normal (Sedang).
  3. Large (Besar).
  4. Xlarge (ExtraBesar).]

Istilah dan konsep

  • Ukuran layar

Ukuran fisik sesungguhnya, yang diukur sebagai diagonal layar.Untuk penyederhanaan, Android mengelompokkan semua ukuran layar sesungguhnya ke dalam empat ukuran umum:

  • ekstra besar ukuran layar minimal 960 dp x 720 dp
  • besar ukuran layar minimal 640 dp x 480 dp
  • normal ukuran layar minimal 470 dp x 320 dp
  • kecil ukuran layar minimal 426 dp x 320 dp
  • Kepadatan layar

Jumlah piksel dalam area fisik layar; biasa disebut sebagai dpi (dot per inci). Misalnya, layar berkepadatan “rendah” memiliki piksel lebih sedikit dalam area fisik yang diberikan, dibandingkan layar berkepadatan “normal” atau “tinggi”.

Untuk penyederhanaan, Android mengelompokkan semua kepadatan layar sesungguhnya ke dalam enam kepadatan umum: rendah, medium, tinggi, ekstra-tinggi, ekstra-ekstra-tinggi, dan ekstra-ekstra-ekstra-tinggi.

 

  • Orientasi

Orientasi layar dari sudut pandang pengguna. Orientasi ini bisa berupa lanskap atau potret, berarti masing-masing rasio aspek layar bisa berupa melebar atau meninggi. Ketahuilah bahwa secara default tidak hanya melakukan pengoperasian perangkat berbeda dalam orientasi berbeda, melainkan orientasi bisa berubah pada waktu proses bila pengguna memutar perangkat.

  • Resolusi

Total jumlah piksel fisik di layar. Saat menambahkan dukungan untuk multilayar, aplikasi tidak menangani resolusi secara langsung; aplikasi hanya perlu memperhatikan ukuran dan kepadatan layar, sebagaimana ditetapkan oleh kelompok kepadatan dan ukuran umum.

  • Piksel berkepadatan independen (dp)

Satuan piksel virtual yang harus Anda gunakan saat mendefinisikan layout UI, untuk menyatakan dimensi layout atau posisi dengan cara yang tidak bergantung pada kepadatan.

Pada android studio, kita sering mendengar istilah idpi(~120dpi), mdpi(~160dpi), hdpi(~240dpi), xhdpi(~320dpi),  xxhdpi(~480dpi), xxxhdpi(~640dpi), Dll. Itu merupakan direktori untuk membedakan jenis kepadatan gambar/image , dengan adanya direktori tersebut, saat kita menjalakan aplikasi pada ukuran layar yang berbeda, secara otomatis image/gambar akan menyesuaikan ukurannya.

Untuk membuat desain layout dengan jenis ukuran yang berbeda, kita perlu membuat sebuah direktori bernama layout-sw<n>dp, dimana huruf n adalah nilai Qualifier, pada contoh berikut ini, kita akan membuat direktori tersebut dengan nilai Qualifier yang berbeda, contohnya seperti:

  1. Layout-sw320dp: Digunakan untuk layar ponsel yang mempunyai lebar minimal 320Idpi.
  2. Layout-sw480dp: Digunakan untuk layar ponsel yang mempunyai lebar minimal 480Idpi.
  3. Layout-sw600dp: Digunakan untuk layar tablet 7 inch, yang mempunyai lebar minimal 600Idpi.
  4. Layout-sw720dp: Digunakan untuk layar tablet 10 inch, yang mempunyai lebar minimal 720Idpi.

Konfigurasi ini diperkenalkan dalam Android 3.2 Honeycomb (API 13), nilai n(Qualifier) bisa dirubah sesuai keinginan.
Cara membuatnya cukup sederhana, klik kanan pada direktori res > New > Directory.

 

3.Desain Responsif

Menggunakan match_parent & wrap_content

Untuk memastikan bahwa layout Anda fleksibel dan beradaptasi dengan ukuran layar berbeda, Anda harus menggunakan “wrap_content” dan “match_parent” untuk lebar dan tinggi beberapa komponen tampilan. Jika Anda menggunakan “wrap_content”, lebar atau tinggi tampilan akan diatur ke ukuran minimum yang diperlukan agar pas dengan materi dalam tampilan itu, sementara “match_parent” akan membuat komponen membentang agar pas dengan ukuran tampilan induknya.

 

 

LINK PERTEMUAN 1 PPT : PMO PERTEMUAN 1

LINK PERTEMUAN 1 WORD: PMO PERTEMUAN 1

 

PROJEK : https://drive.google.com/file/d/1m8aCV1A06F4pby2QVSFc8oD7UHFeLc5t/view?usp=sharing

Android