Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Android Wear

Pengantar Android Wear: Hands-On

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Introduction to Android Wear.
Introduction to Android Wear: The Basics

Indonesian (Bahasa Indonesia) translation by Bagus Dwi (you can also view the original English article)

Di bagian pertama rangkaian dua bagian ini, kami menjelajahi apa itu Android Wear, cara kerjanya, dan menyelidiki antarmuka pengguna baru yang dikembangkan tim Android khusus untuk Android Wear. Saya juga membagikan beberapa praktik terbaik untuk diingat ketika Anda sedang mengembangkan untuk dunia perangkat Android yang dapat dikenakan.

Di bagian kedua dari seri ini, Anda akan menerapkan pengetahuan Android Wear baru Anda dengan membuat dua contoh aplikasi yang terintegrasi dengan Android Wear dengan cara yang berbeda.

Aplikasi pertama mendemonstrasikan cara termudah untuk mulai mengembangkan Android Wear, ambil aplikasi genggam reguler dan perpanjang pemberitahuannya agar muncul dan berfungsi dengan sempurna pada perangkat Android Wear yang dipasangkan.

Dalam sampel kedua, Anda akan membuat aplikasi wearable layar penuh dengan membuat proyek Hello World yang terdiri dari komponen genggam dan komponen yang dapat dikenakan. Setelah Anda membuat proyek barebone ini, Anda akan memiliki segalanya di tempat untuk terus bekerja dan mengembangkannya menjadi aplikasi dpt dipakai sepenuhnya.

Tutorial ini menggunakan Android Studio. Jika Anda belum menginstalnya, Anda dapat mengunduh IDE dari situs web Pengembang Android resmi.

1. Unduh, Instal & Perbarui Perangkat Lunak Anda

Sebelum Anda dapat mengembangkan apa pun untuk platform yang dapat dikenakan, Anda perlu mempersiapkan lingkungan pengembangan Anda dengan menginstal dan memperbarui semua paket yang Anda perlukan, memastikan IDE Android Studio Anda sudah diperbarui.

Untuk memeriksa apakah Anda menjalankan versi Android Studio terbaru, luncurkan IDE, klik Android Studio di bilah alat, dan pilih Periksa Pembaruan. Tutorial ini membutuhkan Android Studio versi 0.8 atau lebih tinggi, tetapi idealnya Anda harus memasang versi terbaru, sehingga Anda dapat memperoleh manfaat dari fitur dan perbaikan terbaru.

Selanjutnya, buka Android SDK Manager dan periksa Anda memiliki versi terbaru dari tiga paket berikut:

  • Alat SDK
  • Alat Platform
  • Bangun alat

Unduh dan pasang pembaruan apa pun yang tersedia. Setelah paket-paket ini up to date, dua paket baru akan muncul di SDK Manager:

  • Pratinjau Pengembang Android L
  • Android 4.4W (API 20)
In the SDK Manager select Android 44W and Android L PreviewIn the SDK Manager select Android 44W and Android L PreviewIn the SDK Manager select Android 44W and Android L Preview

Unduh dan instal kedua paket.

Jika Anda baru saja memperbarui Alat SDK, Alat Platform, dan / atau paket Bangun Peralatan, namun tetap tidak melihat paket Android L dan Android 4.4.W, lalu tutup dan luncurkan kembali Pengelola SDK. Ini harus memaksa dua paket baru keluar dari persembunyian.

Jika Anda belum menginstal Pustaka Dukungan Android, lakukan sekarang. Anda akan menemukannya di dalam kategori Ekstra SDK Manager.

2. Buat AVD Wearable

Terlepas dari apakah Anda sedang membangun aplikasi yang dapat dikenakan atau aplikasi genggam yang menghasilkan notifikasi yang dapat dikenakan, Anda perlu cara untuk menguji bagian yang dapat dikenakan dari proyek Anda. Ini cukup mudah berkat AVD Manager yang familier, yang memiliki semua yang Anda butuhkan untuk mengemulasi perangkat yang dapat dikenakan.

Bahkan jika Anda memiliki jam tangan cerdas Android Wear fisik, Anda akan membutuhkan cara untuk menguji proyek Anda di berbagai layar Android Wear, jadi Anda masih perlu membuat setidaknya satu AVD. Pada saat ini, ini hanya berarti menguji proyek Anda pada layar bundar dan persegi, tetapi daftar ini kemungkinan akan bertambah karena semakin banyak perangkat Android Wear yang dirilis.

Untuk membuat Android Wear AVD, luncurkan AVD Manager dan klik Create. Berikan nama AVD Anda, dan masukkan pengaturan berikut:

  • Perangkat: Pilih Putaran Android Wear atau Android Wear Square, tergantung pada layar yang ingin Anda tiru.
  • Target: Pilih Pratinjau Android L.
  • Kulit: Pilih AndroidWearRound atau AndroidWearSquare, tergantung pada jenis layar yang ingin Anda tiru.
Create an Android Wear AVD using the AVD ManagerCreate an Android Wear AVD using the AVD ManagerCreate an Android Wear AVD using the AVD Manager

Setelah membuat AVD Anda, luncurkan, dan biarkan berjalan di latar belakang.

Meskipun kini Anda meniru perangkat Android Wear, apa yang tidak Anda tiru adalah koneksi yang ada antara perangkat fisik yang dapat dikenakan dan smartphone atau tablet yang dipasangkan.

Jika Anda akan menguji komponen yang dapat dikenakan proyek dengan akurat, Anda perlu meniru sambungan ini. Di sinilah aplikasi pendamping Android Wear hadir. Ini tersedia di Google Play.

3. Hubungkan Handheld Anda ke Emulator

Setelah menginstal aplikasi pendamping Android Wear di ponsel cerdas atau tablet, perangkat genggam ini memperoleh kemampuan untuk berkomunikasi dengan AVD yang dapat dikenakan dengan cara yang sama seperti perangkat genggam berpasangan yang berkomunikasi dengan perangkat fisik yang dapat dikenakan.

Langkah 1

Di perangkat genggam Anda, buka Google Play store dan pasang aplikasi Android Wear resmi.

Langkah 2

Aktifkan USB debugging pada smartphone atau tablet Anda, dan gunakan kabel USB untuk menghubungkan perangkat genggam Anda ke komputer Anda.

Langkah 3

Sebelum Android Wear AVD Anda dapat berkomunikasi dengan handheld Anda, Anda perlu membuka port TCP 5601 di komputer Anda. Luncurkan Terminal di OS X atau Command Prompt di Windows, dan ubah direktori sehingga mengarah ke folder platform-alat Anda:

Perhatikan bahwa perintah di atas akan bervariasi tergantung di mana SDK Android berada di mesin pengembangan Anda.

Langkah 4

Sekarang Terminal atau Command Prompt mengarah ke lokasi yang benar, buka port yang diperlukan dengan mengeluarkan perintah adb seperti yang ditunjukkan di bawah ini.

Langkah 5

Di perangkat genggam Anda, luncurkan aplikasi pendamping Android Wear. Ketuk ikon jam di bilah alat aplikasi (disorot di screenshot di bawah), dan tunggu sampai Connected muncul di bilah alat.

In the Android Wear companion app tap the watch icon in the toolbarIn the Android Wear companion app tap the watch icon in the toolbarIn the Android Wear companion app tap the watch icon in the toolbar

Kapan pun Anda ingin menghubungkan genggam Anda ke AVD yang dapat dikenakan, Anda harus mengulangi proses ini. Hemat waktu Anda dengan membiarkan emulator berjalan di latar belakang dan ponsel cerdas atau tablet Anda dicolokkan ke komputer saat Anda mengerjakan tutorial ini.

Sebelum Anda melangkah ke langkah berikutnya, ada baiknya meluangkan waktu untuk menjelajahi bagaimana interaksi genggam dan yang dapat dikenakan, terutama jika ini adalah pengalaman langsung pertama Anda dengan Android Wear.

Saat Anda menyambungkan AVD yang dapat dikenakan ke perangkat genggam, AVD secara otomatis mulai menarik notifikasi dari ponsel cerdas atau tablet yang terhubung, dan menampilkannya sebagai kartu dalam Streaming Konteks yang dicontoh. Cara yang baik untuk membiasakan diri dengan Android Wear adalah meluangkan waktu dengan menggesek kartu notifikasi yang dipersonalisasi ini.

Untuk melakukan aksi swiping, gunakan mouse Anda untuk menyeret kartu notifikasi ke atas dan ke bawah. Anda juga dapat melihat tombol tindakan kartu notifikasi, plus halaman tambahan lainnya, dengan menggeser / menarik kartu ke kiri.

Anda dapat menjelajahi kartu notifikasi tambahan, dengan mengirim pilihan kartu demo ke AVD Anda. Untuk mengirim kartu demo, buka aplikasi pendamping dan ketuk ikon menu bertitik tiga di sudut kanan atas. Pilih kartu Demo dan pilih kartu dari daftar. Kartu demo kemudian akan muncul di Aliran Konteks AVD Anda. Setelah kartu demo tiba di AVD, fungsinya sama persis dengan kartu notifikasi biasa.

4. Contoh Aplikasi 1: Notifikasi yang Dapat Dipakai

Android Wear mengambil pendekatan proaktif untuk menarik notifikasi dari ponsel cerdas atau tablet Android yang disandingkan, dan menampilkannya sebagai kartu di Streaming Konteks. Namun, jika aplikasi Anda tidak secara eksplisit mendukung Android Wear, tidak ada jaminan bahwa pemberitahuannya akan ditampilkan dan berfungsi dengan benar di perangkat Android Wear.

Untuk memberikan pengalaman terbaik bagi pengguna Android Wear yang mungkin bersentuhan dengan aplikasi Anda, Anda perlu membuat pemberitahuan genggam yang dapat diperluas secara mulus ke perangkat yang dapat dikenakan yang dapat dipasangkan, jika diperlukan. Selama beberapa bagian berikutnya, saya akan menunjukkan cara membuat contoh aplikasi genggam yang dapat memicu pemberitahuan yang dapat dikenakan.

Langkah 1: Pengaturan Proyek

Aplikasi contoh ini akan hidup di ponsel cerdas atau tablet pengguna, jadi mulailah dengan membuat proyek Android dasar. Buka menu File Android Studio dan pilih Proyek Baru. Berikan nama proyek Anda dan klik Berikutnya. Pilih Ponsel dan tablet, pilih SDK minimum yang akan didukung aplikasi Anda, dan klik Berikutnya. Pilih Aktivitas Kosong dan klik Berikutnya. Berikan nama kegiatan Anda. Untuk keperluan tutorial ini, saya menggunakan MyActivity. Klik Selesai untuk membiarkan Android Studio membuat proyek.

Langkah 2: Perbarui Gradle Build File

Untuk membuat notifikasi yang dapat dikenakan yang dapat dikenakan, proyek Anda memerlukan akses ke Pustaka Dukungan. Buka file build.gradle proyek Anda dan tambahkan Perpustakaan Dukungan ke bagian dependensi seperti yang ditunjukkan di bawah ini.

Pada tahap ini, Android Studio akan meminta Anda untuk menyinkronkan perubahan yang Anda buat pada file build.gradle, jadi klik pesan Sync now saat muncul. Jika IDE tidak meminta Anda, Anda masih harus menyinkronkan perubahan Anda dengan membuka menu File Android Studio dan mengklik Sinkronisasi.

Langkah 3: Buat Antarmuka Pengguna

Aplikasi contoh ini akan terdiri dari tombol yang memicu notifikasi. Untuk membuat antarmuka pengguna yang sederhana ini, buka aplikasi> src> main> res> tata letak> activity_my.xml file, dan masukkan yang berikut:

Antarmuka pengguna ini mereferensikan sumber string, jadi buka file Values> strings.xml dan tambahkan yang berikut ini:

Langkah 4: Buat Notifikasi

Anda sekarang siap untuk membuat pemberitahuan yang dapat dikenakan yang siap pakai. Buka aplikasi> src> main> java> MyActivity dan impor kelas yang akan Anda gunakan untuk membuat aplikasi Anda. Beberapa yang pertama seharusnya sudah akrab.

Karena Anda akan membuat pemberitahuan yang mendukung Produk yang dapat dikenakan, Anda juga perlu mengimpor beberapa kelas dari Pustaka Dukungan seperti yang ditunjukkan di bawah ini.

Sekarang saatnya untuk membuat notifikasi Anda menggunakan kelas NotificationCompat. Lihatlah penerapan kelas MyActivity yang ditunjukkan di bawah ini.

Langkah 5: Menguji Pemberitahuan

Langkah selanjutnya adalah menguji proyek Anda di seluruh platform genggam dan wearable. Jika Anda belum melakukannya, luncurkan AVD yang dapat dikenakan dan hubungkan ke perangkat genggam Anda sebelum melanjutkan.

Buka menu Run dan pilih Run 'app'. Di jendela Pilih Perangkat, pilih perangkat genggam Anda. Setelah beberapa detik, aplikasi Anda akan muncul di smartphone atau tablet yang terhubung.

After a few seconds your sample app will appear on the paired smartphone or tabletAfter a few seconds your sample app will appear on the paired smartphone or tabletAfter a few seconds your sample app will appear on the paired smartphone or tablet

Untuk menguji notifikasi yang sangat penting, ketuk tombol Beri Tahu Pakai aplikasi. Notifikasi akan muncul di laci pemberitahuan ponsel atau tablet. Buka laci notifikasi untuk memeriksa apakah bagian pemberitahuan ini ditampilkan dengan benar.

Pull down the notification drawer and check that your notification is displaying correctlyPull down the notification drawer and check that your notification is displaying correctlyPull down the notification drawer and check that your notification is displaying correctly

Di Android Wear AVD Anda, gulir melalui kartu notifikasi hingga Anda menemukan kartu yang dihasilkan dari notifikasi yang dapat dikenakan wearable. Sekali lagi, periksa pemberitahuan ini ditampilkan dengan benar. Dan selesai.

Swipe through the AVDs Context Stream until you find your notificationSwipe through the AVDs Context Stream until you find your notificationSwipe through the AVDs Context Stream until you find your notification

5. Contoh Aplikasi 2: Aplikasi Dapat Dipakai Layar Penuh

Komponen dapat dipakai

Meskipun Google mendorong pengembang untuk mengintegrasikan aplikasi mereka dengan Streaming Konteks Android Wear, dimungkinkan untuk membuat aplikasi layar penuh untuk perangkat Android Wear.

Aplikasi layar penuh yang dapat dikenakan sebenarnya terdiri dari komponen genggam dan komponen yang dapat dikenakan. Pengguna memasang aplikasi genggam di ponsel cerdas atau tablet mereka, dan sistem secara otomatis mendorong komponen yang dapat dikenakan ke perangkat Android Wear yang dipasangkan. Jika Anda ingin membuat aplikasi wearable layar penuh, Anda perlu membuat aplikasi genggam yang berisi komponen yang dapat dikenakan.

Ini mungkin terdengar rumit, tetapi Anda dapat membuat proyek dua-dalam-satu ini hanya dengan memilih opsi yang tepat di wizard proyek Android Studio:

  1. Di Android Studio, buka menu File dan pilih Proyek Baru.
  2. Berikan nama proyek Anda, dan klik Berikutnya.
  3. Pilih Ponsel dan tablet dan Wear. Anda dapat memilih SDK minimum yang didukung ponsel dan modul tablet, tetapi modul Wear harus mendukung API 20. Klik Berikutnya.
  4. Pilih Aktivitas Kosong dan klik Berikutnya.
  5. Berikan nama yang unik pada aktivitas Anda sehingga tidak ada peluang untuk membingungkannya dengan aktivitas yang dapat dikenakan proyek, misalnya, HandheldActivity. Klik Berikutnya.
  6. Pilih Blank Wear Activity dan klik Next.
  7. Berikan aktivitas yang dapat dikenakan sebuah nama yang membuatnya tidak mungkin membingungkan dengan aktivitas genggam proyek.
  8. Buat proyek Anda dengan mengklik Selesai.

Menjelajahi Proyek Hello World

Ketika Anda memberi tahu wizard pembuatan proyek untuk membuat ponsel dan tablet dan komponen Wear, itu menciptakan dua modul:

  • Mobile: Terlepas dari namanya, modul ini dapat berjalan di ponsel cerdas dan tablet.
  • Wear: Sistem Android mendorong modul ini ke perangkat yang dapat dikenakan pasangan.

Jika Anda membuka salah satu modul, Anda akan melihat Android Studio telah mengisi modul dengan sejumlah kelas, direktori, dan sumber daya.

Expand the Mobile and Wear modules and youll find a complete set of classes directories resources and other important files and foldersExpand the Mobile and Wear modules and youll find a complete set of classes directories resources and other important files and foldersExpand the Mobile and Wear modules and youll find a complete set of classes directories resources and other important files and folders

Uji Hello World Code

Android Studio tidak hanya secara otomatis menghasilkan tata letak untuk kedua modul, tetapi juga mengaturnya dengan beberapa kode Hello World. Meskipun Anda akan mengganti kode Hello World ini, proses pengujian proyek yang terdiri dari konten genggam dan konten yang dapat dikenakan tetap sama. Ini adalah kesempatan yang baik untuk mempelajari cara menguji proyek semacam ini.

Sebelum memulai, pastikan AVD yang dapat dikenakan Anda aktif dan berjalan dan terhubung ke perangkat genggam Anda.

Untuk menguji modul genggam proyek:

  1. Buka menu Run di toolbar Android Studio dan pilih Run ....
  2. Dalam popup yang muncul, pilih mobile.
  3. Ketika diminta, pilih perangkat genggam yang saat ini terhubung ke komputer Anda. Komponen handheld aplikasi Anda akan muncul di smartphone atau tablet Anda, siap untuk Anda uji.

Untuk menguji komponen dpt dipakai proyek:

  1. Buka menu Run di toolbar Android Studio dan pilih Run….
  2. Pilih Wear dari popup yang muncul.
  3. Pilih AVD Anda dapat dipakai.
  4. Komponen dpt dipakai app Anda akan muncul di AVD Anda.

Perhatikan, jika proyek Anda tidak muncul secara otomatis, Anda mungkin perlu menggesek layar beberapa kali untuk menemukannya.

Swipe through the Android Wear AVD until you find your full-screen appSwipe through the Android Wear AVD until you find your full-screen appSwipe through the Android Wear AVD until you find your full-screen app

6. Troubleshooting

Meskipun biasanya menemui bug sesekali atau masalah yang diketahui saat Anda mengerjakan proyek perangkat lunak, kemungkinan Anda akan mengalami lebih banyak masalah ketika Anda mengembangkan untuk Android Wear, hanya karena Anda menggunakan IDE yang masih dalam versi beta dikembangkan untuk versi sistem operasi Android yang sepenuhnya baru.

Pada saat penulisan, ketika Anda membuat proyek dengan modul yang dapat dikenakan atau menambahkan kode siap pakai ke proyek genggam, Anda mungkin mengalami masalah yang dikenal dengan file build Gradle. Masalah ini menyebabkan build Gradle gagal dengan kesalahan berikut:

Pada saat penulisan, ketika Anda membuat proyek dengan modul yang dapat dikenakan atau menambahkan kode siap pakai ke proyek genggam, Anda mungkin mengalami masalah yang dikenal dengan file build Gradle. Masalah ini menyebabkan build Gradle gagal dengan kesalahan berikut:

Solusinya melibatkan penambahan URL ke daftar IDE dari situs yang ditentukan pengguna. Jalankan SDK Manager, lalu pilih Tools dari toolbar dan klik Manage Add-On Sites.

Pada titik ini Anda mungkin mengalami masalah lain, di mana Manajer SDK terbuka tetapi bilah alatnya tidak. Jika Anda memilih Pengelola SDK, tetapi bilah alatnya tidak muncul di bagian atas layar Anda, Anda perlu meminimalkan Manajer SDK dan kemudian memilihnya sekali lagi. Toolbar kemudian akan muncul dan Anda dapat memilih Tools> Manage Add-On Sites.

Di jendela Add-On Sites, klik tombol Situs Buatan Pengguna, klik Baru dan tambahkan https://dl-ssl.google.com/android/repository/addon-play-services-5.xml ke daftar URL. Klik OK untuk menyelesaikan.

Jika kesalahan berlanjut, periksa Anda memiliki versi terbaru dari Layanan Google Play dan paket Google Repositori yang diinstal. Jika Anda telah menyelesaikan semua langkah ini dan masih melihat kesalahan Gradle, mungkin IDE Anda belum mendaftarkan perubahan yang Anda buat ke lingkungan pengembangan. Menutup dan meluncurkan kembali Android Studio akan memperbaiki ini.

Jika Anda menemukan pesan kesalahan Gradle yang berbeda atau Anda mengalami masalah yang sama sekali berbeda, berikut beberapa perbaikan umum yang dapat membantu proyek Anda kembali ke jalur:

Perbarui Paket

Jika beberapa paket SDK Android Anda kedaluwarsa, mungkin Anda mengalami masalah yang sudah ditangani oleh paket yang diperbarui. Boot Manager SDK Anda dan periksa pembaruan.

Peluncuran

Jika Anda telah membuat beberapa perubahan pada paket Android SDK Anda dan masih mengalami masalah yang sama, cobalah menutup dan meluncurkan kembali IDE Anda sehingga Anda tahu Android Studio telah mendaftarkan perubahan Anda.

Versi Android Studio

Karena Android Studio dalam versi beta, Anda harus selalu memperbaruinya karena sebagian besar pembaruan menghadirkan perbaikan baru. Untuk memastikan Anda menjalankan versi terbaru Android Studio, pilih Android Studio> Periksa Pembaruan….

Kesimpulan

Anda sekarang memiliki semua yang Anda perlukan untuk mulai menambahkan dukungan Android Wear ke proyek genggam Anda sendiri. Jika Anda telah mengikuti tutorial ini dan memutuskan untuk membuat pemberitahuan siap-pakai, maka perangkat Android genggam Anda dan AVD Manager sudah disiapkan untuk menguji kode yang dapat dikenakan.

Jika Anda ingin mengembangkan aplikasi Android Wear layar penuh sebagai gantinya, Anda sudah memiliki struktur dasar, jadi mengapa tidak terus mengerjakan aplikasi contoh Hello World?

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.