Dasar-dasar aplikasi

Gelombang pertama di Googlebook dengan Notability dan Logitech

Speaker

  • Emilie Roberts

    Developer Relations Engineer

  • Ryan Shea

    Head of Android

  • Joe Yezhou Wang

    Manajer teknis di Logitech

Tentang

Tentang konferensi

Peluncuran Googlebook membuka peluang baru untuk pengalaman berkualitas tinggi sekelas desktop. Dalam sesi ini, kita akan melihat di balik layar bersama dua partner pelopor yang membangun untuk platform ini dari awal.

Notability akan menceritakan perjalanan mereka dalam membuat aplikasi Android sekelas desktop menggunakan Jetpack Compose. Pelajari perjalanan mereka saat beralih dari platform aplikasi lain dengan desktop sebagai prioritas utama. Kedua, Logitech akan membahas sisi hardware, membahas cara mereka membangun dan menyesuaikan periferal untuk diintegrasikan dengan lancar ke Googlebook. Bergabunglah dalam sesi ini untuk mendapatkan insight praktis dan nyata tentang cara mengoptimalkan input, memanfaatkan API layar besar, dan memberikan pengalaman pengguna yang premium dan kohesif di seluruh hardware dan software.

Ringkasan

  • Jetpack Compose dan Navigation 3 memudahkan penyesuaian tata letak di berbagai perangkat berdasarkan ukuran jendela yang tersedia, bukan faktor bentuk perangkat.
  • Pengalaman sekelas desktop memerlukan dukungan model multi-input seperti keyboard dan trackpad. Fitur seperti Lanjutkan di Android 17 juga memungkinkan pengguna mentransfer tugas antarperangkat.
  • Jetpack Ink memberi developer pipeline gambar latensi rendah tanpa harus mengelola thread rendering kustom atau penyerahan lapisan yang kompleks.
  • Peripheral Customization API yang diizinkan memungkinkan developer memetakan pemicu hardware periferal ke tindakan OS menggunakan ID vendor dan produk.

Gemini Notebook

Topik

  • googlebook
  • jetpack-compose
  • jetpack-ink
  • navigation-3
  • large-screens
  • peripheral-customization
  • kotlin-multiplatform

Transkrip

Pengantar pengembangan untuk Googlebook

  • Halo, saya Emilie Roberts, seorang advokat developer yang telah bekerja dengan aplikasi Android di laptop selama sekitar sembilan tahun.

  • Dan peluncuran Googlebook pun terjadi.

  • Asyik!

  • Saya sangat senang. Menurut saya, inovasi yang kami hadirkan ke dunia laptop sangat keren.

  • Dan saya sangat senang bisa berada di panggung ini bersama dua developer yang benar-benar berinvestasi untuk membuat aplikasi mereka terlihat bagus di Googlebook.

  • Halo.

  • Saya Ryan dari Notability.

  • Saya adalah pengelola Android, dan ini adalah aplikasi buku catatan digital yang baru saja kami luncurkan di Android.

  • Fitur ini juga tersedia di iOS, desktop, dan kini Google Buku.

  • Halo.

  • Saya Joe dari Logitech, dan kami dikenal dengan hardware dan periferal kami yang luar biasa.

  • Saya juga akan membahas cara kami menghadirkan game tersebut ke platform baru.

Mendesain aplikasi Android untuk perangkat layar besar

  • Aku akan mendorongnya.

  • Dan, Googlebooks hadir di sini.

  • Asyik!

  • Asyik!

  • Asyik!

  • Semoga Anda sempat mencobanya, baik sendiri atau di stan demo di lantai atas atau bawah.

  • Dan tentu saja, jangan lupa untuk memeriksa tampilan aplikasi Anda di perangkat tersebut.

  • Saya akan memberikan penjelasan standar, yaitu ekosistem Android terus berkembang.

  • Saya sudah mengatakannya selama sembilan tahun, dan itu masih benar.

  • Aplikasi juga perlu berkembang untuk memastikan Anda memenuhi kebutuhan pengguna di semua ukuran layar dan perangkat tersebut.

  • Memiliki tata letak aplikasi yang berperforma dan berperilaku baik adalah praktik standar saat ini.

  • Cara terbaik untuk melakukannya adalah dengan Jetpack Compose dan Navigation 3.

  • Dan input, sama saja.

  • Seharusnya berfungsi dengan baik.

  • Dan tentu saja, arsitektur dan pengelolaan status aplikasi Anda adalah bagian dari tata letak dan input.

  • Kami juga memiliki banyak diskusi di ADS tentang cara melakukannya dengan alat terbaru dan praktik terbaik.

  • Namun, hari ini, kami rasa ini akan menjadi kesempatan yang bagus untuk memberikan sedikit ruang bagi developer yang telah membangun untuk Googlebook sejak awal dan mendengar kisah mereka.

  • Notability adalah aplikasi pencatat yang canggih dan dibuat khusus untuk Googlebook.

  • Logitech tidak hanya memastikan keyboard, mouse, dan periferal lainnya berfungsi, tetapi juga berfungsi dengan sangat baik di Googlebook, termasuk penyesuaian pengguna.

  • Maaf, Joe, saya mendahului Anda, tetapi kita akan membahas detailnya.

  • Jadi, itu sudah cukup bagi saya.

  • Maaf, kali ini tidak ada rap.

  • Dan tentu saja tidak ada lagi gaya bebas.

  • Ngomong-ngomong, kami sangat senang Notability hadir di Googlebooks, jadi saya akan menyerahkan clicker ini kepada Ryan.

  • Terima kasih.

Menghadirkan Notability ke Android

  • Bagus.

  • Terima kasih banyak, Em.

  • Kami juga sangat senang bisa hadir di Google Play Buku.

  • Notability adalah tempat jutaan siswa belajar dan para profesional membuat catatan.

  • Seperti yang saya sebutkan sebelumnya, fitur ini kini tersedia di Android, dan saya akan memberikan penjelasan singkat tentang cara kami membuatnya, dan bagaimana membangun untuk Android dengan benar sebenarnya akan menghasilkan performa yang cukup mendekati Googlebooks secara optimal sejak awal.

  • Sebagai permulaan, saat kami memulai project ini sekitar dua tahun lalu, kami benar-benar ingin memastikan bahwa kami tidak hanya mem-porting aplikasi iOS dan membuangnya ke pengguna dan menyebutnya cukup baik.

  • Kami menginginkan sesuatu yang benar-benar sesuai dengan ekspektasi pengguna, tetapi tetap memberikan paritas fitur yang lengkap.

  • Untuk mencapainya, kami menggunakan Desain Material dan komponen untuk menyesuaikan semua layar dari awal.

  • Selain itu, kami memastikan bahwa kami menggunakan Jetpack Compose.

  • Sebagai aplikasi Android native yang sepenuhnya menggunakan Jetpack Compose, kami dapat mendukung berbagai hardware, tidak hanya ponsel kecil dan perangkat kelas bawah, tetapi juga tablet canggih dan berperforma tinggi dengan layar besar, komputer, XR, mobil, dan perangkat lainnya.

  • Jetpack Compose memudahkan dukungan ini secara native, tanpa harus membangun banyak fitur tambahan di antarmuka UI.

  • Jadi, mari kita beralih ke Notability.

  • Semua fitur di Notability dibuat di Jetpack Compose.

  • UI-nya konsisten di seluruh platform, dan pada dasarnya semuanya dibuat satu kali tanpa perubahan nyata antara yang ditampilkan di ponsel dan yang akhirnya ditampilkan di perangkat yang lebih besar, seperti tablet dan Googlebook.

  • Untuk melakukannya, Navigation 3 adalah kunci penting bagi kami.

  • Cara kerja Navigation 3 di Google yang di-build di Notability adalah, berdasarkan ukuran layar, kita dapat menyesuaikan tata letak tanpa perlu khawatir tentang cara penyajian fitur tersebut.

  • Dalam demo ini, Anda dapat melihat bahwa jika ada ruang untuk membuka panel samping, panel samping akan terbuka.

  • Namun, jika tidak, panel samping akan muncul sebagai panel bawah.

  • Jadi, bagaimana tampilannya dalam kode?

  • Dalam kode yang kami tampilkan di sini, Anda dapat melihat bahwa ada satu titik entri di sini untuk panel ringkasan yang sebenarnya di samping, dan kami menambahkannya ke data sebelumnya.

  • Kemudian, strategi tampilan kustom kami akan memilih tata letak untuk panel samping tersebut, bergantung pada ketersediaan ruang.

  • Jadi, di tablet atau perangkat Googlebook, panel ini akan menemukan ruang yang tersedia, dan akan membuat ruang serta menggeser panel tersebut dari sisi kanan.

  • Namun, pada perangkat seperti ponsel atau perangkat foldable, mungkin tidak ada cukup ruang untuk menampilkan panel tersebut dengan benar, sehingga panel akan muncul sebagai panel bawah.

  • Karena Notability beradaptasi dengan ukuran jendela, bukan jenis perangkatnya, baik itu ponsel, Googlebook, tablet, perangkat foldable, atau apa pun, UI kami sangat mudah beradaptasi secara otomatis dengan kebutuhan pengguna.

  • Anda dapat melihat di sini, di ponsel, semua tombol dan alat diposisikan ulang agar mudah dijangkau oleh ibu jari.

  • Di tablet, panel navigasi ditampilkan di samping konten utama karena Anda memiliki lebih banyak ruang dan layar yang lebih mudah untuk berinteraksi.

  • Di perangkat foldable, kami memanfaatkan lipatan untuk menawarkan tata letak dan UI yang unik untuk hal-hal seperti kuis belajar, tempat pengguna dapat melihat jawaban mereka di bagian bawah dan progres kuis yang sebenarnya di bagian atas.

  • Dan terakhir, di Googlebooks, kita dapat mengubah ukuran jendela dengan lancar.

  • Jadi, seperti yang Anda lakukan di aplikasi berjendela normal lainnya di desktop, Notability akan beradaptasi saat Anda mengubah ukuran jendela untuk kebutuhan berdampingan apa pun yang Anda perlukan.

  • Saat kami membangun UI Adaptif, UI tersebut berfungsi untuk hampir seluruh pengalaman desktop lengkap di Google Play Buku, seperti yang saya sebutkan.

  • Ini akan membuat Anda sangat dekat.

  • Namun, jika Anda menginginkan pengalaman sekelas desktop, sesuatu yang benar-benar luar biasa, ada beberapa hal yang sebaiknya Anda lakukan.

  • Pertama, utamakan keyboard.

  • Pengguna tidak akan sesensitif sentuhan seperti pada perangkat tablet atau ponsel biasa, dan memiliki pintasan keyboard serta cara mudah untuk membuka daftar pintasan Android sangatlah penting.

  • Selanjutnya, terkadang Anda dapat mendesain fitur sedemikian rupa sehingga tata letaknya berbeda bergantung pada jenis perangkat dan periferal input yang tersedia.

  • Saat kami mendeteksi sesuatu seperti laptop, ya, laptop dengan keyboard terpasang atau mouse, kami sebenarnya menawarkan UI yang sedikit berbeda di layar utama, sehingga pengguna dialihkan ke alat yang menurut kami akan lebih disukai oleh jenis pengguna tersebut daripada sesuatu seperti tablet, yang menjadikan stilus dan catatan pena tulisan tangan otomatis sebagai opsi utama.

  • Hal lain yang perlu Anda pikirkan adalah cara beberapa perangkat yang berbeda berinteraksi.

  • Jadi, Lanjutkan adalah fitur baru di Android 17 yang memungkinkan Anda mentransfer aplikasi dengan lancar dari satu perangkat ke perangkat lain.

  • Jadi, dalam contoh ini, misalnya, kita mentransfer catatan dari ponsel ke perangkat desktop yang lebih besar.

  • Hal ini dapat dilakukan dengan mudah hanya dengan sinkronisasi cepat pada ID catatan dan progres cepat di posisi Anda saat ini di sistem kami.

  • Jadi, sangat mudah bagi kami untuk mengirimkan intent aplikasi cepat ke perangkat Googlebook, lalu Melanjutkan tepat di tempat Anda berhenti.

  • Hal lain yang perlu dipertimbangkan untuk perangkat kelas desktop adalah model dukungan multi-input.

  • Jadi, Anda tidak hanya akan memiliki hal-hal seperti pintasan keyboard, seperti yang disebutkan sebelumnya, tetapi juga akan memiliki trackpad dengan berbagai jenis zoom dan perilaku scroll yang mungkin belum pernah Anda miliki sebelumnya.

  • Anda juga akan memiliki menu klik kanan yang mungkin perlu disediakan untuk pengguna yang sebelumnya tidak ada.

  • Selain itu, karena banyak perangkat Googlebook yang masih merupakan perangkat layar sentuh, Anda harus memastikan bahwa saat pengguna berinteraksi dengan perangkat tersebut, Anda memiliki pengenalan input yang berbeda, tidak hanya untuk stilus dan jari, tetapi juga untuk kursor trackpad, karena ketiganya harus diperlakukan secara berbeda.

Menggambar dengan latensi rendah menggunakan Jetpack Ink

  • Jika Anda tertarik dengan tinta dan menulis catatan seperti Notability, sebaiknya gunakan Jetpack Ink.

  • Jadi, ini adalah sesuatu yang kami gunakan untuk menyediakan sistem pembuatan latensi rendah untuk tinta kami tanpa mengharuskan kami mengelola tumpukan thread, rendering, pembaca buffering, dan berbagai hal lain yang berat dan rumit, yang akan saya tunjukkan nanti.

  • Namun, jika berfungsi sekarang, berkat Logitech, saya dapat menunjukkan demo live aplikasi Notability kepada Anda.

  • Ya, sempurna.

  • Jadi, ayo.

  • Oke, sempurna.

  • Jadi, ini adalah pengujian saya sebelumnya.

  • Namun, seperti yang Anda lihat, saya menggunakan jari saya, jadi di sini perangkat masih mengenali input jari, yang sangat bagus.

  • Saya juga bisa menggunakan mouse jika mau.

  • Namun, saat ini kami telah berhasil membuat beberapa kuas kustom eksklusif Android.

  • Jadi, Anda dapat melihat di sini, saya telah memilih efek pelangi dan glitter ini, sehingga input atau efek tinta kita akan dipengaruhi oleh library Jetpack Ink di bawahnya.

  • Jadi, di sini, izinkan saya menulis pesan sekali lagi.

  • Halo.

  • Lalu, mari kita pilih warna hijau Android untuk bagian terakhir di sini.

  • Sulit untuk disentuh dengan benar.

  • Nah, ini dia, hijau Android.

  • Kemudian, kita dapat melihat bahwa warna sebenarnya berubah bergantung pada warna yang Anda miliki sebagai model dasar di sini.

  • Hore, sempurna.

  • Jadi, saat membuat jenis kuas ini di masa lalu, kami mungkin memerlukan waktu berbulan-bulan untuk mendapatkan semua shader kustom dan antarmuka serta semuanya dengan benar dan terlihat bagus.

  • Untungnya, berkat Jetpack Ink, proses ini bisa selesai dalam waktu kurang dari seminggu dengan AI dan pembuat kuas kustomnya.

  • Jadi, jika Anda sedang mencari jenis tinta apa pun, beri tahu mereka.

  • API ini sangat bagus dan menghemat banyak waktu kami.

  • Sempurna.

  • Dan seperti yang saya sebutkan sebelumnya, berikut adalah contoh tampilannya.

  • Jadi, kita memiliki lapisan tinta basah.

  • Itu adalah tinta yang sedang diproses, masih digambar, harus sangat, sangat responsif, dibandingkan dengan lapisan tinta kering.

  • Hal ini masuk akal dari segi fisik, Anda dapat memikirkannya.

  • Itu tinta yang disimpan, sudah selesai.

  • Jadi, serah terima dulu sepenuhnya menjadi tanggung jawab kami.

  • Jadi, kami harus melakukan threading ini, kami harus melakukan penggambaran ulang dan pembersihan, kami harus menyerahkannya ke lapisan kering dan memastikan bahwa lapisan tersebut disinkronkan dan tidak berkedip, dan ada semua komplikasi ini.

  • Dan pada akhirnya, kami harus menerapkan keunikan Notability, bukan?

  • Kami memiliki model penyesuaian kurva sendiri, kami memiliki cara yang benar-benar membuat tulisan tangan Anda terlihat jelas.

  • Jadi, itulah model lama.

  • Berkat Jetpack Ink, kita hanya perlu memasukkan penyesuaian kurva ke tampilan bentuk progres kustom, dan semuanya akan langsung berfungsi secara ajaib di Android.

  • Hal lain yang kami pikirkan, saat membahas Jetpack Ink dan library Google lainnya, adalah KMP.

  • Jadi, ini sebenarnya adalah sesuatu yang kami mulai dengan melihat kode iOS, yang sudah dibuat, dan berpikir, "Oke, kami ingin berbagi beberapa logika antara Android dan iOS.

  • Kita punya model, kita punya perubahan, kita punya matematika yang rumit.

  • Masuk akal untuk membagikannya."

  • Dan kami berpikir, "Hei, C++, Anda tahu, Objective-C Apple, mari kita ambil rute itu."

  • Ternyata, Kotlin Multiplatform tidak hanya lebih mudah diterapkan oleh engineer iOS kami, tetapi juga lebih cepat.

  • Jadi, selain mendapatkan performa yang lebih baik dari penggunaan Kotlin, dan kami dapat menyalin banyak kode Android, hal ini juga lebih mudah untuk iOS dalam jangka panjang.

  • Jadi, jika Anda ingin berbagi kode, sebaiknya pelajari Kotlin Multiplatform.

  • Saat ini, kami masih dalam proses mengevaluasinya.

  • Meskipun belum 100% didukung, karena model AI yang berbeda kini memudahkan kecurangan dengan menempatkan kode di beberapa tempat, kami masih aktif menyelidikinya dan sangat menghargainya.

  • Oke, sekarang untuk beberapa fitur khusus dari Notability.

  • Jadi, satu hal yang mungkin Anda perhatikan, jika Anda pernah mencoba membuat editor teks yang berfungsi di Android, adalah bahwa saat ini belum ada cara yang benar-benar baik untuk membuat editor teks dokumen yang besar dan masif.

  • Android dasar, Anda tahu, kolom input edit adalah tentang UI kecil, EditText kecil, hal-hal singkat.

  • Akhirnya, kami harus membangun sistem yang sangat rumit ini yang pada dasarnya berada di atas API Android yang ada, tetapi kemudian mampu menangani dokumen yang jauh lebih besar, Anda tahu, ribuan halaman teks, semuanya pada saat yang sama, yang dapat diedit bersama, sehingga Anda dapat memiliki pengguna di tempat lain yang mengedit 500 halaman dari Anda, yang menyebabkan pergeseran yang, Anda tahu, memengaruhi pekerjaan Anda saat Anda melanjutkan.

  • Dan cara yang kami temukan untuk melakukannya adalah dengan membuat penekanan tombol kita mengambil dua jalur.

  • Jadi, ada jalur pertama, yaitu, ini adalah upaya terbaik kami, kunci ini akan muncul, di sini.

  • Kami rasa ini bagus, berdasarkan semua yang dapat kami sampaikan saat ini dengan tampilan semuanya di bawah.

  • Lalu kita lakukan sinkronisasi cepat, bukan?

  • Kami membuka backend, memeriksa operator, dan bertanya, "Halo, apakah semuanya baik-baik saja?

  • Apakah ini masuk akal?

  • Apakah kita solid?"

  • Dan jika ada yang harus diubah, sistem akan menyesuaikan kembali pada saat itu.

  • Anda dapat membayangkan jika dua pengguna berada di jalur yang sama dan menekan tombol, akan ada sedikit kekacauan tentang siapa yang mendapatkan apa.

  • Namun, sebagian besar, cara ini berfungsi dengan sangat baik.

  • Alasan kami menyebutkannya di sini adalah karena ini merupakan pekerjaan besar yang telah kami lakukan, dan kami sedang mempertimbangkan untuk menjadikannya open source.

  • Jadi, jika ada yang hadir di konferensi ini atau menonton secara online di masa mendatang yang ingin berkolaborasi dalam hal ini, dan menganggap ini ide yang bagus, beri tahu kami.

  • Kami sedang memperdebatkan apakah upaya untuk berinvestasi di dalamnya benar-benar sepadan, tetapi Anda tahu, ini adalah upaya besar dari pihak kami, dan kami cukup bangga dengan hasilnya.

  • Oke, dan ini cara kerja tinta.

  • Jadi, dalam hal model kolaborasi, ini adalah cara kerja yang lebih langsung di pihak kami.

  • Jadi, Anda dapat melihat di sini, ada tiga langkah.

  • Ada touchdown, tempat kita mengatakan, "Hei, omong-omong, kita memulai peristiwa tinta" ke salah satu perangkat yang terhubung, jadi dalam hal ini, iPad.

  • Lalu ada gambar yang sebenarnya, jadi bisa ada satu hingga jutaan gambar, tergantung berapa lama pengguna terus menggerakkan pena di perangkatnya.

  • Semoga tidak terlalu lama.

  • Saya rasa ada batasnya, tetapi untuk kasus penggunaan normal, ini cukup baik.

  • Lalu ada peristiwa angkat.

  • Jadi, cara kami mengelolanya adalah dengan memiliki objek sementara yang kami simpan dalam model.

  • Jadi, di iPad, kita bisa bilang, "Oke, ada semacam stroke yang akan datang, tapi belum sampai.

  • Kita tidak dapat berinteraksi dengannya.

  • Sifatnya sementara."

  • Dan hanya setelah peristiwa selesai diluncurkan, kita benar-benar masuk dan berkata, "Oke, keren.

  • Sekarang ganti semuanya dengan satu objek yang dapat diambil dan digunakan untuk berinteraksi oleh iOS atau klien lainnya."

  • Kami juga sedang mempertimbangkan untuk menjadikannya open source.

  • Ini, Anda tahu, bukan penintaan langsung kami, tetapi beberapa hal sementara, terutama di lapisan teks.

  • Bagus.

  • Lalu, ya.

  • Jadi, beberapa hal lain yang kami rekomendasikan untuk digunakan.

  • AI di perangkat sangat bagus.

  • Kami menggunakannya untuk pemindaian dokumen, sehingga Anda dapat memindai dokumen, menganalisis teks PDF, dan melakukan pengenalan tulisan tangan.

  • Kami juga menggunakan, Anda tahu, model AI cloud terbuka seperti Gemini untuk membantu membuat Catatan Pintar di sini, di mana, Anda tahu, catatan pengguna dikategorikan, diringkas, dan kemudian diberikan kembali kepada mereka dengan cara yang lebih baik dan lebih interaktif untuk model pembelajaran.

  • Dan semua itu benar-benar membuat Notability terasa seperti aplikasi laptop, bukan?

  • Itulah tujuan akhirnya.

  • Kami memiliki semua model yang menarik dan berbeda, hal yang berbeda, teks, input, tetapi hal yang penting adalah apakah ini terasa seperti aplikasi laptop, atau apakah ini terasa seperti Anda membuka aplikasi ponsel di layar besar dan Anda seperti mengutak-atiknya?

  • Keyboard, trackpad, stilus, pengubahan ukuran jendela, semuanya adalah fitur utama yang harus berfungsi dengan baik, untuk memastikan pengguna merasa nyaman.

  • Namun, seperti yang saya sebutkan sebelumnya, Jetpack Compose, Navigation 3, Desain Material, semuanya mencakup hal ini.

  • Jadi, sebenarnya tidak terlalu sulit jika Anda melakukannya dengan benar.

  • Cukup mudah untuk sampai ke sini.

  • Jadi, ya.

  • Itulah poin-poin pentingnya.

  • Saat memikirkan Android di masa mendatang, saya tidak akan memikirkan perangkat lagi.

  • Saya tidak akan berpikir, hei, ini ponsel, ini perangkat foldable, ini perangkat XR, ini desktop atau laptop, atau tablet, atau mobil, atau TV.

  • Sebaliknya, pertanyaannya adalah, berapa ukuran layar yang tersedia untuk saya, dan apa modal input yang tersedia untuk pengguna saya?

  • Mari kita berikan pengalaman terbaik bagi mereka yang akan datang.

  • Seperti yang saya sebutkan sebelumnya di slide terakhir, Compose dan Nav 3 sangat memudahkan untuk mendukung semua itu.

  • Lalu Google, setiap hari, merilis API baru yang sangat canggih seperti Jetpack Ink atau Gemini di perangkat atau berbagai hal yang memudahkan Anda membangun pengalaman inti, lalu berfokus pada fitur ajaib yang membuat Anda unik.

  • Oke.

  • Jadi, ya.

  • Terima kasih banyak.

  • Demikian presentasi saya.

  • Saya akan siap membantu nanti jika Anda memiliki pertanyaan, atau Anda tahu, jangan ragu untuk menghubungi Notability.

  • Aplikasi ini baru saja dirilis di Android sekitar dua bulan lalu.

  • Kami akhirnya keluar dari versi beta.

  • Jadi, silakan mencobanya.

  • Berikan masukan kepada kami.

  • Buku ini juga tersedia di Google Books dalam proses demo di belakang Anda.

  • Sekarang, saya akan menyerahkan presentasi ini kepada Joe dari Logitech untuk melanjutkan.

  • Terima kasih.

Menghadirkan Logitech Options+ ke Googlebook

  • Oke.

  • Terima kasih, Ryan.

  • Hari ini, Oke, maaf.

  • Mari kita tampilkan slide kita.

  • Terima kasih, Ryan.

  • Hari ini, saya akan menceritakan bagaimana kami menghadirkan Options+, aplikasi kustomisasi periferal, ke Chromebook.

  • Dan apa artinya membangun pengalaman periferal?

  • Saya akan membahas apa yang telah kami bangun, beberapa sorotan teknis di baliknya, tidak ada sorotan negatif, dan ke mana kami akan melangkah selanjutnya.

  • Sebelumnya, perangkat Logitech sudah kompatibel dengan Android, dan sebagian besar pengguna merasa bahwa periferal tersebut meningkatkan aksesibilitas mereka, terutama dengan laptop premium dan ponsel yang terhubung ke monitor eksternal.

  • Ngomong-ngomong, tadi di lantai bawah, saya melihat di stan demo Googlebook, mereka memasang persneling sekuensial game Logitech ke meja, dan mereka menggunakannya untuk beralih di antara berbagai layar di tablet.

  • Ini dia.

  • Itu salah satu cara menggunakannya.

  • Oh, ngomong-ngomong, Ferrari harus mengenakan biaya tambahan 50.000 euro untuk sequen- Pokoknya.

  • Ya.

  • Jadi, di Googlebook, seperti yang disebutkan Ryan dengan cukup komprehensif, kami memiliki lebih banyak ruang untuk bekerja.

  • Seperti yang Anda lihat, Anda dapat mengubah ukuran layar, lanskap, potret, atau persegi, jika Anda mau, dan Anda memiliki lebih banyak ruang untuk bekerja di antara aplikasi.

  • Anda dapat melanjutkan pekerjaan, menggunakan aplikasi lain, dan beralih konteks, semuanya.

  • Hal ini tentu mengubah desain aplikasi, dan tata letak harus tetap berguna di sepanjang prosedur.

  • Bagi kami di Logitech, hal ini terlihat sangat menarik karena kami adalah perusahaan dengan banyak pengalaman di bidang periferal, bukan?

  • Kami memiliki fondasi yang sangat kuat untuk pekerjaan ini.

  • Jadi, untuk sudut pandang kita, untuk lingkungan kerja seperti itu, mouse atau keyboard adalah cara pengguna berinteraksi sepanjang hari kerja.

  • Mereka dapat masuk ke alur kerja dengan sangat lancar.

  • Dan menurut saya, tidak berlebihan untuk mengatakan bahwa Logitech membawa pengalaman puluhan tahun ke dalam pekerjaan ini.

  • Sepertinya kami baru saja merayakan ulang tahun ke-45 pada awal bulan ini.

  • Dan kami telah melakukannya sejak membuat mouse dari hari kedua, tahun kedua Logitech.

  • Jadi, dengan pengalaman seperti itu, kami sangat yakin untuk memasuki bidang ini.

  • Lebih baik lagi, kami memiliki rekam jejak yang luar biasa dengan ChromeOS.

  • Kami menjamin kompatibilitas terbaik dengan ChromeOS di masa lalu.

  • Dengan semua hal tersebut, kami memiliki pengalaman praktis yang sangat baik dalam mendobrak batasan antara hardware yang kami bangun, software yang kami buat, dan kemudian platform, OS, Googlebook.

  • Jadi, contohnya bisa sesederhana, pengguna menekan tombol dan mereka melihat hasil yang dapat diprediksi.

  • Sepertinya hal ini dianggap remeh oleh semua orang.

  • Namun, sebenarnya diperlukan kompatibilitas komponen yang lancar.

  • Selain itu, semua orang menyukai kompatibilitas dengan periferal mereka.

  • Misalnya, menyesuaikan sensitivitasnya dengan tepat.

  • 65, tidak lebih, tidak kurang.

  • Jadi, semua hal ini memerlukan integrasi kompatibilitas yang sangat baik dan lancar di antara ketiga hal tersebut.

  • Kini, dengan peluncuran Googlebooks, kami mengirimkan Options+ untuk Googlebooks.

  • Jadi, saat ini, kami mendukung berbagai mouse dan keyboard, dan akan ada lebih banyak lagi yang akan didukung.

  • Dan ini juga merupakan tempat kami mengizinkan pengguna mengonfigurasi perangkat mereka.

  • Dan seperti yang saya sebutkan sebelumnya, seperti kepekaan, semua hal semacam itu.

  • Sekarang, adegan ini menjadi menarik.

  • Saat membahas konfigurabilitas, kita sebenarnya membahas dua sisi.

  • Satu sisi adalah sisi hardware dan firmware, tempat fitur diimplementasikan dalam firmware kami.

  • Sisi lainnya, yang merupakan poin utama dari demo dan presentasi ini, adalah sisi OS.

  • Saya rasa semua orang di sini tahu bahwa di masa lalu, perangkat Android dan sebagian besar aplikasi berada di sandbox dan ruang penggunanya sendiri.

  • Ada batasan tertentu terkait hal yang dapat Anda lakukan dan, dalam banyak kasus, hal yang tidak dapat Anda lakukan dan hal yang Anda inginkan.

  • Bagi kami, hal ini sangat penting.

  • Sekarang, berikut adalah screenshot, kita akan melihat demonya nanti, tetapi berikut screenshot-nya.

  • Kami punya mouse MX Master 4, dan ada banyak fungsi di sini.

  • Dan bagi orang yang mengetahui dunia periferal, Anda dapat mengenali fitur tertentu yang sangat banyak diterapkan sebagai fitur firmware, fitur perangkat.

  • Dan beberapa lainnya tentu saja tidak.

  • Dan bagi kami, yang kami lakukan adalah mencoba memungkinkan pengguna memiliki kemampuan untuk mengonfigurasi kedua sisi.

  • Tugas kami pada dasarnya adalah, pertama, membuat opsi ini dapat dipahami, dan menawarkan kemampuan penuh kepada pengguna, serta mengonfigurasi hal-hal ini dengan benar untuk OS dan firmware.

  • Sekarang, mari kita lihat demo singkat.

  • Oh, ini demo yang sangat mengesankan.

  • Tapi lain kali, Ryan, gunakan mouse.

Demo live Options+

  • Baiklah, ini dia.

  • Berikut adalah layar perangkat saya.

  • Anda lihat saya memiliki mouse MX Master 4 yang sudah diaktifkan, yang ini.

  • Jadi, mari kita lakukan.

  • Kita akan langsung membuka layar konfigurasi, seperti yang Anda lihat sebelumnya, dan di sinilah keajaiban terjadi.

  • Sekarang, mari kita pilih Lingkari untuk Menelusuri ke tombol jempol terlebih dahulu.

  • Lalu, mari kita masukkan Magic Cursor ke tombol fitur.

  • Sekarang, mari kita mulai.

  • Mari kita buka browser.

  • Sampai di sini.

  • Di sini, saya menekan tombol jempol yang baru saja saya tetapkan untuk fitur Lingkari untuk Menelusuri.

  • Seperti yang Anda lihat, saya melingkari keyboard.

  • Selesai.

  • Google hanya menampilkan informasi tentang keyboard ini.

  • Sangat praktis, dan sangat lancar.

  • Sekarang, mari kita coba sesuatu yang berbeda.

  • Oh, maaf.

  • Mari kita kembali ke langkah sebelumnya.

  • Mari kita coba Magic Cursor.

  • Di sini, mari kita aktifkan ini.

  • Dan saya dapat menekan tombol fitur, menandai ini, dan saya menekan, "Apa perangkat ini?"

  • Dan, selesai.

  • Google mulai melakukan penelusuran, dan menampilkan hasilnya.

  • Jadi, hal yang menarik dari fitur ini adalah Anda dapat mengintegrasikan seluruh alur kerja hanya ke dalam satu operasi tangan.

  • Anda menetapkan fitur, Anda menekan, Anda melingkari, Anda mengklik, selesai.

  • Jadi, kami yakin operasi semacam ini akan sangat meningkatkan aksesibilitas pengguna dan cara mereka bekerja.

  • Sekarang, mari kita kembali ke slide.

Ringkasan API penyesuaian periferal

  • Jadi, Anda mungkin bertanya-tanya apa yang menyebabkan hal itu terjadi.

  • Karena banyak hal di masa lalu yang tidak dapat dilakukan oleh aplikasi.

  • Nah, ini dia, API Penyesuaian Periferal, yang tersedia di Googlebook dan di seluruh perangkat Android.

  • Namun, berikut catatan dari Google.

  • Saat ini, API ini berada di balik daftar yang diizinkan.

  • Namun, fitur ini direncanakan akan dirilis bersamaan dengan update Android pada Kuartal 4 tahun 2026, yaitu kuartal ini.

  • Jadi, setelah dirilis, saya rasa developer di seluruh dunia akan dapat menggunakannya.

  • Sekarang, mari kita bahas sedikit sisi teknisnya.

  • Ada tiga komponen utama dari keseluruhan hal ini: perangkat, yang dapat dipahami; pemicu, yang dapat berupa tombol, dapat berupa tombol yang dimaksudkan; dan tindakan, yang ada di sisi OS aplikasi.

  • Sekarang, mari kita lihat sekilas cuplikan kode ini.

  • Dan di bagian paling atas, kita menentukan perangkat menggunakan ID vendor dan ID produknya.

    // Vendor and product Information
    const val VENDOR_ID = 1234
    val pid = 123
    
    // Use the mouse Middle Button as the trigger
    val trigger = ButtonCustomizationTrigger(MotionEvent.BUTTON_TERTIARY)
    
    // Set Voice Assistant as the action
    val actionBuilder = AppCustomizationAction.Builder(component, ACTION_MAIN)
    actionBuilder.setData(ActionId.ACTION_VOICE_ASSIST.actionId) // Action IDs are predefined
    val action = actionBuilder.build()
    
    val im = context.getSystemService(INPUT_SERVICE) as InputManager
    im.addPeripheralCustomization(VENDOR_ID, pid, trigger, action)
  • Kami biasanya menyebutnya vid dan pid.

  • Selanjutnya, kita mulai menentukan pemicu.

  • Dan di sini, seperti yang Anda lihat, kita ingin menggunakan tombol tengah sebagai pemicu.

  • Di sini, kita ingin memetakan tombol tengah tersebut ke bagian Asisten Suara dari fitur OS.

  • Iya, 'kan?

  • Kita memiliki actionBuilder di sini dari AppCustomizationAction, dan di sini.

  • Kemudian, di bagian bawah, di sinilah kita mendaftarkan pemetaan ini antara produk, perangkat, pemicu, dan tindakan.

  • Tentu saja, kode sebenarnya sedikit lebih rumit dari itu, tetapi konsep keseluruhannya adalah ini.

  • Sangat mudah dan praktis digunakan.

  • Sekarang, berikut fitur lain yang sangat keren dan menarik.

  • Saya menempatkan file GIF di sini agar lebih mudah dilihat semua orang.

  • Jadi pada dasarnya, saat perangkat yang kompatibel dan didukung, dalam hal ini, mouse Logitech mobifold, OS akan memicu notifikasi standar untuk memberi tahu Anda, "Hei, Anda memiliki aplikasi untuk itu."

  • Tentu saja, beri tahu pengguna.

  • Setelah mengkliknya, Anda akan diarahkan ke Google Play Store, dan Anda dapat menginstalnya langsung dari sana.

  • Fitur ini disebut penemuan sambungan cepat.

  • Terakhir, mari kita beralih ke sisi UI.

  • Ryan telah membahas banyak hal menarik tentang Googlebook dan cara membuat UI, jadi saya akan membahasnya dengan cukup cepat di sini.

  • Jadi, seperti yang Anda lihat, Options+ berjalan dari berbagai platform, dalam kasus kami, Windows, Mac, dan sekarang Chromebook.

  • Jadi, kami sebenarnya memiliki dua sasaran: pertama, kami ingin membuatnya terasa seperti khusus platform, tetapi pada saat yang sama, kami ingin membuatnya terasa serupa di semua platform, yang berarti setelah Anda terbiasa dengan Options+ di satu platform, Anda akan dapat menggunakannya dengan lancar di platform lain.

  • Artinya, kita ingin memanfaatkan platform tertentu, tetapi pada saat yang sama, menggunakan bahasa desain yang sama.

  • Jadi, bahasa desain yang konsisten di seluruh platform, seperti yang Anda lihat.

  • Seperti yang telah kita bahas sebelumnya, pengguna Googlebook cenderung menggunakan Googlebook seperti laptop/desktop.

  • Jadi, tentu saja, aplikasi kita sendiri, bahkan di Googlebook, terlihat seperti aplikasi desktop.

  • Jadi, aplikasi itu sendiri dapat berperilaku seperti aplikasi desktop dan berfungsi dengan baik di berbagai ukuran jendela, sentuhan yang berbeda, dan tentu saja, Anda dapat mengontrolnya menggunakan mouse dan keyboard.

Roadmap dan kesimpulan mendatang

  • Baiklah, itu adalah cerita singkat dan versi cerita yang agak singkat tentang periferal Logitech dan Options+ di Googlebook.

  • Dan ini berfungsi dengan baik.

  • Namun, ini baru permulaan.

  • Kami memiliki beberapa langkah: pertama, kami ingin menghadirkan pengalaman ini ke lebih banyak perangkat, lebih banyak keyboard, mouse, dan periferal lainnya, dan kami ingin menyempurnakan aplikasi ini sendiri menggunakan masukan pengguna yang sebenarnya.

  • Dan tentu saja, yang terpenting adalah kami akan bekerja sama dengan Google lebih lanjut, dan mengintegrasikan lebih dalam ke platform baru.

  • Jadi, sasaran utama kami adalah membuat penyesuaian periferal menjadi pengalaman yang sangat alami dalam menggunakan Googlebook, dan membantu orang bekerja sesuai keinginan mereka.

  • Oke deh.

  • Pastikan untuk mengunjungi stan kami di lantai bawah dan mencoba sendiri Options+ dan perangkat Logitech yang fantastis.

  • Terima kasih juga kepada Google yang telah bermitra dengan kami, dan terima kasih atas waktu Anda.

  • Terima kasih banyak.

Kode

Cuplikan kode

Cuplikan Kotlin pada menit 26:16 di "Ringkasan API penyesuaian periferal"
// Vendor and product Information
const val VENDOR_ID = 1234
val pid = 123

// Use the mouse Middle Button as the trigger
val trigger = ButtonCustomizationTrigger(MotionEvent.BUTTON_TERTIARY)

// Set Voice Assistant as the action
val actionBuilder = AppCustomizationAction.Builder(component, ACTION_MAIN)
actionBuilder.setData(ActionId.ACTION_VOICE_ASSIST.actionId) // Action IDs are predefined
val action = actionBuilder.build()

val im = context.getSystemService(INPUT_SERVICE) as InputManager
im.addPeripheralCustomization(VENDOR_ID, pid, trigger, action)