Blog MacBook Pro
MacBook Pro Layar Sentuh: Kesiapan Aplikasi dan Situs Web
Daftar isi· 7 bagian
Apple memperkenalkan MacBook Pro layar sentuh pertamanya pada 28 Oktober 2026. Model 14 dan 16 inci ini memakai layar OLED bernama PROLED XDR dan menjalankan macOS 27. Untuk pertama kalinya, pengguna Mac dapat menggulir, memperbesar, dan menyeret konten dengan jari, sehingga aplikasi dan situs web perlu siap menerima sentuhan.
Spesifikasi dan jadwal MacBook Pro PROLED XDR
Menurut siaran pers Apple, layar baru ini memakai panel OLED bertumpuk (tandem OLED) dengan kecerahan puncak hingga 2.000 nit, rasio kontras 10.000.000:1, dan laju penyegaran adaptif hingga 120Hz. Bingkai layar yang lebih tipis membuat ukuran diagonalnya menjadi 14,2 inci dan 16,3 inci.
Kedua model memakai chip M5 Pro atau M5 Max dengan memori bersama (unified memory) hingga 128GB dan penyimpanan hingga 16TB. Apple mengklaim daya tahan baterai hingga 24 jam berdasarkan pengujiannya sendiri. Bobot model 14 inci turun menjadi 3 pon (sekitar 1,4 kg), sedangkan model 16 inci menjadi 4 pon (sekitar 1,8 kg).
Poni kamera di bagian atas layar diganti Dynamic Island, area kecil yang sudah dikenal pengguna iPhone. Di Mac, area ini menjadi tempat Spotlight, Live Activities, dan Siri AI.
Pemesanan awal dibuka 28 Oktober 2026 di 30 negara dan wilayah, termasuk Amerika Serikat, dan perangkat mulai tiba pada Jumat, 6 November 2026. Harga di Amerika Serikat dimulai dari US$2.899 untuk model 14 inci dan US$3.399 untuk model 16 inci dengan M5 Pro. Apple belum mengumumkan apakah Indonesia termasuk gelombang pertama, dan harga untuk Indonesia juga belum diumumkan.

Menurut MacRumors, model OLED ini dijual berdampingan dengan MacBook Pro berlayar mini-LED yang sudah ada, termasuk model 14 inci dengan chip M6 yang diumumkan sehari sebelumnya. Artinya, pembeli tetap dapat memilih MacBook Pro tanpa layar sentuh.
Kepala perangkat keras Apple (chief hardware officer), Johny Srouji, menyebut layar ini sebagai yang terbaik di kelasnya: “PROLED XDR is the world’s best laptop display.” Klaim tersebut belum diuji pihak independen.
Cara kerja sentuhan di macOS 27
Apple menanamkan sensor sentuh langsung di dalam panel layar. Menurut Apple, cara ini mengurangi jeda sehingga pengguna merasa menyentuh kontennya secara langsung. Engsel layar juga dirancang ulang agar lebih stabil saat disentuh, dan kamera mendapat stabilisasi video otomatis untuk panggilan video yang dilakukan sambil menyentuh layar.
Gestur yang disebut Apple meliputi:
- menggeser untuk menggulir halaman web;
- mencubit untuk memperbesar foto;
- menyeret slide dari satu presentasi ke presentasi lain;
- mengetuk dua kali sebuah jendela agar memenuhi layar, atau menjentiknya ke posisi berjajar.
Papan ketik dan trackpad tetap berfungsi seperti biasa. Apple memosisikan sentuhan sebagai cara masuk tambahan yang bekerja bersama pintasan papan ketik dan gestur trackpad.
Bagian terpenting bagi pengembang ada pada cara macOS menangani aplikasi lama. Apple menyatakan banyak aplikasi yang sudah ada langsung dapat dipakai dengan sentuhan karena macOS otomatis menerjemahkan sentuhan menjadi klik. Untuk pengalaman yang lebih baik, Apple menyediakan API gestur sistem yang diperbarui.
Aplikasi pendukung dan bekal dari Apple
Apple menyebut sejumlah aplikasi pihak ketiga yang akan memanfaatkan sentuhan, sebagian di antaranya baru tersedia akhir tahun ini. Daftarnya mencakup aplikasi kerja seperti Notion, Canva, Zoom, Microsoft Word, Excel, PowerPoint, dan Outlook, aplikasi foto dan video seperti Adobe Lightroom dan DaVinci Resolve, aplikasi 3D seperti Blender dan Shapr3D, serta aplikasi musik djay Pro.
Pada hari yang sama, Apple membuka halaman Touch on Mac untuk pengembang. Halaman itu memuat tiga sesi video teknis: “Design for Touch on Mac”, “Bring Touch to your Mac app”, dan “Bring Live Activities to Mac”. Apple juga membuka sesi tanya jawab daring bersama tim engineer dan desainernya pada 18 dan 19 November, sementara Xcode 27.3 beta masih berstatus segera hadir.
Deskripsi sesi desain menyebut topik yang dibahas, antara lain cara mengatur ukuran kontrol dan target sentuh sambil tetap nyaman dipakai dengan penunjuk dan papan ketik, serta cara menyesuaikan interaksi hover. Dua topik ini juga relevan bagi tim yang membangun aplikasi web.
Tantangan bagi aplikasi web dan situs
Selama ini Mac selalu dipakai dengan trackpad atau tetikus yang presisi. Banyak aplikasi web internal dirancang dengan asumsi itu: tombol kecil, ikon rapat di tabel, menu yang muncul saat kursor melayang (hover), dan keterangan alat (tooltip) yang hanya terbaca bila kursor diam di atas elemen.
Di layar sentuh, asumsi itu tidak lagi berlaku. Jari tidak dapat melayang di atas elemen, dan ukuran ujung jari jauh lebih besar daripada ujung kursor. Menu yang hanya terbuka lewat hover dapat sulit dijangkau, dan tombol yang berdempetan mudah tertekan keliru.
Materi Apple yang kami baca belum merinci bagaimana Safari di MacBook Pro baru memperlakukan sentuhan di halaman web. Meski begitu, standar web sudah lama menyediakan alat untuk menangani berbagai jenis masukan, karena laptop Windows berlayar sentuh dan tablet sudah lama beredar.
Salah satunya adalah media query any-pointer. Menurut dokumentasi MDN, fitur ini memeriksa apakah perangkat memiliki penunjuk yang presisi (fine, misalnya tetikus) atau kurang presisi (coarse, misalnya layar sentuh), dan keduanya dapat terdeteksi sekaligus. Ini cocok untuk laptop yang memiliki trackpad sekaligus layar sentuh.
Alat lainnya adalah Pointer Events, satu model peristiwa untuk tetikus, pena, dan sentuhan. Dengan Pointer Events, pengembang cukup menulis satu set penangan untuk semua jenis masukan, lalu memakai properti pointerType bila perlu perilaku khusus.

Apa artinya bagi tim pengembang aplikasi?
Pengguna MacBook Pro layar sentuh kemungkinan masih sedikit pada awalnya, mengingat harganya. Namun, Mac banyak dipakai di tim desain, pengembang, dan manajemen, yaitu kelompok yang sering membuka dasbor dan aplikasi internal. Beberapa langkah berikut dapat mulai dilakukan tanpa menunggu perangkatnya tiba.
Pertama, petakan elemen yang bergantung pada hover. Menu navigasi bertingkat, tombol aksi yang baru muncul saat baris tabel dilewati kursor, dan tooltip yang memuat informasi penting perlu memiliki alternatif yang dapat diketuk. Di dasbor layanan sebuah dinas, misalnya, tombol “setujui” dan “tolak” yang tersembunyi di balik hover sebaiknya selalu terlihat.
Kedua, perbesar target sentuh di bagian yang sering dipakai. Ikon kecil di tabel data, kotak centang, dan tombol tutup pada jendela modal adalah sumber salah ketuk yang umum. Media query any-pointer: coarse memungkinkan ukuran ini diperbesar hanya pada perangkat yang memiliki layar sentuh.
Ketiga, tinjau penanganan peristiwa di kode antarmuka. Komponen yang hanya mendengarkan peristiwa tetikus, seperti fitur seret dan lepas pada papan tugas atau tanda tangan digital pada formulir, perlu diuji ulang. Pointer Events membuat satu penangan bekerja untuk tetikus dan sentuhan.
Keempat, uji di perangkat sentuh yang sudah tersedia. Laptop Windows berlayar sentuh dan tablet dapat dipakai untuk menemukan sebagian besar masalah sebelum MacBook Pro baru beredar luas. Bagi pengembang aplikasi Mac, Apple menyediakan sesi teknis dan sesi tanya jawab di halaman Touch on Mac.
Bagi bank dan perusahaan keuangan yang memiliki portal internal untuk persetujuan transaksi, langkah ini juga berkaitan dengan keamanan proses. Tombol yang terlalu rapat pada layar persetujuan dapat memicu salah ketuk dengan akibat yang nyata.
Tim yang membangun aplikasi web dan aplikasi mobile sebenarnya sudah memiliki banyak praktik desain sentuh dari dunia ponsel dan tablet. Tantangannya adalah menerapkan praktik itu pada antarmuka desktop yang padat informasi tanpa mengorbankan kenyamanan pengguna trackpad. Perangkat Apple lain yang baru diumumkan pekan ini, iPad mini OLED untuk kerja lapangan, menambah alasan untuk merancang antarmuka yang nyaman disentuh di berbagai ukuran layar.
Pertanyaan yang sering muncul
Apakah aplikasi Mac lama dapat dipakai dengan sentuhan?
Banyak di antaranya dapat. Apple menyatakan banyak aplikasi yang sudah ada langsung dapat dipakai karena macOS menerjemahkan sentuhan menjadi klik. Gestur khusus, seperti mencubit di kanvas gambar, memerlukan pembaruan dari pengembang aplikasinya.
Kapan MacBook Pro layar sentuh masuk Indonesia, dan berapa harganya?
Belum diumumkan. Apple hanya menyebut pemesanan awal di 30 negara dan wilayah, termasuk Amerika Serikat, dengan harga awal US$2.899 untuk model 14 inci. Harga dan jadwal untuk Indonesia perlu menunggu pengumuman resmi Apple.
Apakah MacBook Pro layar sentuh mendukung Apple Pencil?
Siaran pers Apple tidak menyebut dukungan Apple Pencil. Apple hanya menyebut desainer dapat menggambar langsung di seluruh layar dengan sentuhan, sehingga dukungan pena perlu menunggu informasi resmi.
Penutup
Kehadiran sentuhan di MacBook Pro menambah satu jenis perangkat yang perlu diperhitungkan saat merancang aplikasi dan situs. Perubahan yang dibutuhkan umumnya sederhana, seperti target yang lebih besar dan menu yang tidak bergantung pada hover, dan manfaatnya juga terasa bagi pengguna tablet dan laptop Windows. Bila Anda ingin meninjau kesiapan aplikasi web organisasi, tim Merakit siap membantu.
Sumber
- Apple Newsroom: Apple unveils groundbreaking MacBook Pro with PROLED XDR Display and Touch for the first time on Mac (28 Oktober 2026)
- Apple Developer: Get ready for Touch on Mac (28 Oktober 2026)
- Apple Developer: Design for Touch on Mac (28 Oktober 2026)
- MacRumors: Apple Announces OLED MacBook Pro With Touch Display (28 Oktober 2026)
- MDN Web Docs: any-pointer
- MDN Web Docs: Pointer events