PMO18-TI16A-P1-PENGANTAR AWAL PEMROGRAMAN MOBILE: MULTI BAHASA, MULTI UKURAN LAYAR, DESAIN RESPONSIF

PEMROGRAMAN MOBILE 2

KELOMPOK 5

  • Harry Wichaksono  (16.11.0271)
  • Wahyu Salam Santoso  (16.11.0277)
  • Alwi Sofwan  (16.11.0283)
  • Faiz Ichsan Jaya  (16.11.0289)
  • Sherlina Tyas Utami  (16.11.0290)
  • Ikhwan Setyawan  (16.11.0298)
  • Adent Bima Prasetya  (16.11.0301)
  • Aziz Wibie Ade Satrio  (16.11.0304)
  • Achmad Rizky  (16.11.0306)
  • Ikhsan Setiawan  (16.11.0344)
  • Sulistiono (16.11.0350)
  • Aurora Dwi Khatulistian  (17.11.0022)

 


 

Materi yang akan dibahas:

  • Multi Bahasa
  • Multi Ukuran Layar
  • Desain Responsif

 

Multi Bahasa

Salah satu yang harus diperhatikan dalam pengembangan aplikasi Android adalah kemampuan untuk menampilkan lebih dari satu Bahasa. Dengan adanya fitur multi bahasa ini, aplikasi yang kita kembangkan akan memberikan pengalaman lebih baik dengan bahasa yang ada di aplikasi tersebut.

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.

 

 

Multi Ukuran Layar

Karena semakin beragamnya ukuran layar pada perangkat Android, mulai dari 2 inch sampai dengan 10 inch, aplikasi yang kita buat pun harus mendukung beberapa layar yang berbeda pula, untuk menyesuaikan antarmuka pengguna aplikasi ke layar dan menampilkannya maka kita harus membuat aplikasi tersebut menjadi multi ukuran layar.

Android dijalankan pada beragam perangkat yang menawarkan kepadatan dan ukuran layar yang berbeda. Untuk aplikasi, sistem Android menyediakan lingkungan development yang konsisten di berbagai perangkat dan menangani hampir semua pekerjaan untuk menyesuaikan antarmuka pengguna aplikasi ke layar yang menampilkannya. Pada saat yang sama, sistem menyediakan beberapa API yang memungkinkan Anda mengontrol UI aplikasi untuk kepadatan dan ukuran layar tertentu, untuk mengoptimalkan desain UI Anda bagi konfigurasi layar yang berbeda. Misalnya, Anda mungkin ingin UI untuk tablet berbeda dari UI untuk handset.

Walaupun sistem menskalakan dan mengubah ukuran untuk membuat aplikasi bisa berfungsi pada layar berbeda, Anda harus berusaha mengoptimalkan aplikasi untuk kepadatan dan ukuran layar yang berbeda. Dalam melakukannya, maksimalkan pengalaman pengguna untuk semua perangkat dan pengalaman pengguna Anda meyakini bahwa aplikasi Anda benar-benar didesain untuk perangkat mereka—bukan sekadar direntang agar pas dengan layar perangkat mereka.

Dengan mengikuti praktik yang dijelaskan dalam dokumen ini, Anda bisa membuat aplikasi yang menampilkan dengan benar dan menyediakan pengalaman pengguna yang dioptimalkan pada semua konfigurasi layar yang didukung, dengan menggunakan satu file .apk.

Bagian ini menyediakan ringkasan mengenai dukungan Android untuk multilayar, termasuk: pengantar untuk istilah dan konsep yang digunakan dalam dokumen ini serta dalam API, rangkuman konfigurasi layar yang didukung sistem, dan ringkasan mengenai API serta fitur kompatibilitas layar yang mendasarinya.

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: kecil, normal, besar, dan ekstra besar.

  • 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.Piksel berkepadatan independen sama dengan satu piksel fisik pada layar 160 dpi, yang merupakan kepadatan patokan yang diasumsikan oleh sistem untuk layar kepadatan “medium”. Pada waktu proses, sistem secara transparan menangani penskalaan satuan dp, bila diperlukan, berdasarkan kepadatan sesungguhnya dari layar yang digunakan. Konversi satuan dp ke piksel layar adalah sederhana:px = dp * (dpi / 160). Misalnya, pada layar 240 dpi, 1 dp sama dengan 1,5 piksel fisik. Anda harus selalu menggunakan satuan dp saat mendefinisikan UI aplikasi Anda untuk memastikan UI Anda ditampilkan dengan benar di layar yang memiliki kepadatan berbeda.

 

Ragam layar yang didukung

Mulai Android 1.6 (API Level 4), Android menyediakan dukungan untuk kepadatan dan ukuran layar yang beragam, yang mencerminkan banyak konfigurasi layar berbeda yang mungkin dimiliki perangkat. Anda bisa menggunakan fitur sistem Android untuk mengoptimalkan antarmuka pengguna aplikasi untuk setiap konfigurasi layar dan memastikan aplikasi Anda tidak hanya dirender, juga menyediakan pengalaman pengguna yang sebaik mungkin di setiap layar.

Untuk menyederhanakan cara mendesain antarmuka pengguna Anda bagi multilayar, Android membagi rentang kepadatan dan ukuran layar sesungguhnya ke dalam:

  • Ada empat ukuran umum: kecilnormalbesar, dan ekstra besar
  • Ada enam kepadatan umum:
    • ldpi (rendah) ~120 dpi
    • mdpi (medium) ~160 dpi
    • hdpi (tinggi) ~240 dpi
    • xhdpi (ekstra-tinggi) ~320 dpi
    • xxhdpi (ekstra-ekstra-tinggi) ~480 dpi
    • xxxhdpi (ekstra-ekstra-ekstra-tinggi) ~640 dpi
  • Ukuran dan kepadatan umum membentuk suatu konfigurasi patokan yakni ukuran normal dan kepadatan mdpi(medium). Patokan ini berdasarkan pada konfigurasi layar untuk perangkat Android yang pertama, yakni T-Mobile G1, yang memiliki layar HVGA (hingga Android 1.6, inilah satu-satunya konfigurasi layar yang didukung oleh Android).Setiap kepadatan dan ukuran umum meliputi serangkaian kepadatan dan ukuran layar sesungguhnya. Misalnya, dua perangkat yang melaporkan ukuran layar normal mungkin memiliki ukuran layar sesungguhnya dan rasio aspek yang sedikit berbeda bila diukur secara manual. Begitu pula, dua perangkat yang melaporkan kepadatan layar hdpi mungkin memiliki kepadatan piksel sebenarnya yang sedikit berbeda. Android membuat abstrak perbedaan ini pada berbagai aplikasi, jadi Anda bisa menyediakan UI yang didesain untuk kepadatan dan ukuran umum dan memungkinkan sistem menangani penyesuaian akhir bila diperlukan. Gambar 1 mengilustrasikan bagaimana ukuran dan kepadatan yang berbeda dikelompokkan secara kasar ke dalam beberapa kelompok kepadatan dan ukuran yang berbeda pula.

    Gambar 1. Ilustrasi mengenai bagaimana Android secara kasar memetakan ukuran dan kepadatan sesungguhnya ke beberapa ukuran dan kepadatan umum (angkanya tidak persis sama).

    Karena Anda mendesain UI untuk ukuran layar berbeda, Anda akan mengetahui bahwa setiap desain memerlukan jumlah ruang minimum. Jadi, setiap ukuran layar umum di atas memiliki resolusi minimum yang didefinisikan oleh sistem. Ukuran minimum ini dalam satuan “dp”—satuan yang sama yang harus Anda gunakan saat mendefinisikan layout—yang memungkinkan sistem menghindari kekhawatiran tentang perubahan kepadatan layar.

    • 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

 

 

Desain Responsif