13 alat pemrograman penting untuk web seluler

Dalam hal pemrograman untuk perangkat seluler, pilihan dengan cepat menjadi dilema. Apakah Anda menargetkan pasar iPhone yang menguntungkan dengan mengorbankan gelombang pasang Android? Apakah Anda menggunakan native atau menulis kode ke Web seluler? Dan sementara satu tumpukan kode yang berkinerja optimal pada beragam platform, faktor bentuk, dan perangkat akan menjadi impian, kenyataannya adalah uji coba yang terfragmentasi di mana tugas-tugas mendasar sering kali menjadi tantangan.

Tetapi dengan tantangan dan kesempatan muncullah pikiran yang ingin tahu. Dan kumpulan pengembang yang mengalihkan perhatian mereka untuk membangun alat seluler dan perpustakaan dengan cepat membangun ekosistem yang dinamis untuk membantu pengembang seluler - terutama mereka yang telah memilih untuk menargetkan Web seluler.

[Juga di .com: Temukan 4 cara untuk membuat aplikasi Web smartphone tanpa melalui App Store Apple. | Ikuti terus wawasan pengembangan aplikasi utama dengan blog Fatal Exception dan buletin Dunia Pengembang. | Tetap terinformasi tentang berita dan wawasan seluler dengan blog Mobile Edge dan buletin Mobilize. ]

Untuk sementara waktu, set ini terbatas. Namun janji HTML5 telah membuka mata banyak pengembang terhadap berbagai keunggulan Web seluler dibandingkan mencoba menginstal perangkat lunak asli pada perangkat.

Pertama, situs web terbuka. Tidak perlu bermain "mungkin ibu" dengan tim persetujuan App Store saat produk diluncurkan atau diperbarui.

Kedua, pengembang dapat meraup 100 persen dari pendapatan aplikasi seluler mereka. Tentu saja, Anda harus menemukan cara untuk mengumpulkan uang sendiri, yang tidak selalu sederhana. Tetapi pemotongan 30 persen yang diambil Apple dari pembelian aplikasi adalah tarif yang curam untuk apa yang sebagian besar merupakan deretan dalam database dan birokrasi besar.

Ketiga, HTML5 tumbuh lebih kuat dan kaya fitur. Versi terbaru memungkinkan Anda menyimpan data pada klien dan melakukan sebagian besar hal yang dapat dilakukan aplikasi asli. Dengan kata lain, kotak pasir browser memiliki hampir semua fitur yang sama dengan kotak pasir kode asli. Dan ya, aplikasi kode asli disimpan di sudut tertutupnya sendiri dari sistem operasi.

Keempat, aplikasi HTML5 tidak terikat perangkat. Sementara banyak hype terus mengorbit di sekitar iPhone Apple, aplikasi HTML5 relatif mudah dipindahkan ke platform lain. Ini tidak sesederhana menekan tombol, tetapi jauh lebih mudah daripada menerjemahkan aplikasi Anda dari Objective C ke Java.

Ada batasan, tentu saja. Aplikasi web dapat menjadi korban masalah konektivitas. Mereka sering kali sedikit lebih lambat, dan banyak pengembang aplikasi asli suka menunjukkan penundaan milidetik yang mungkin atau mungkin tidak terlihat. Pengembang game ingin berpikir dua kali untuk mengandalkan kode yang apik dan super responsif dalam JavaScript.

Batasan terbesar mungkin ada pada pengembangan itu sendiri. Meskipun alat Apple cukup bagus untuk mengintip ke dalam aplikasi asli, lebih sulit untuk menggali lebih dalam tentang struktur kode yang berjalan di browser seluler Anda. Semua minat dalam pengembangan seluler dan Web seluler ini telah melahirkan sejumlah perpustakaan dan alat untuk memudahkan proses membangun aplikasi dengannya. Berikut adalah daftar proyek yang menarik dengan potensi untuk membuatnya lebih nyaman untuk membangun Web seluler.

Alat pemrograman Web Seluler: ChocolateChip-UI

Unduh ChocolateChip-UI

Real estate layar kecil perangkat seluler menempatkan premium pada desain antarmuka yang efektif. Masukkan Robert Biggs, seorang pengembang Web di California Utara yang membangun ChocolateChip-UI, sebuah kerangka kerja untuk menyiapkan antarmuka seluler yang bermanfaat dalam HTML.

Secara teknis, kode dasar yang dibuat oleh pengembang adalah WAML (Bahasa Markup Aplikasi Web), bahasa markup yang dibangun di atas HTML5. Sebagian besar pekerjaan mudah dilakukan dengan tag WAML seperti atau . JavaScript framework bekerja melalui WAML dan mengubahnya menjadi HMTL5 murni untuk smartphone.

Kombinasi ini seringan bulu. Anda dapat mencampur HTML, CSS, dan JavaScript Anda sendiri ke dalam WAML, dan ini menavigasi proses terjemahan ChocolateChip-UI dengan baik.

Meskipun pendekatan ini tidak sempurna, saya dapat memahami mengapa Biggs memilih rute ini. Saya telah tersesat dalam penutupan JavaScript dari banyak alat pengembangan seluler sebelumnya dan itu tidak bagus.

Koleksi widget WAML ChocolateChip-UI cukup lengkap, yang semuanya tampil seperti UI iPhone standar. Ia bahkan menyertakan ekstra seperti daftar penghapusan untuk memungkinkan pengguna menghilangkan elemen dari daftar dengan beberapa jentikan jari.

Alat pemrograman Web Seluler: Mobl

Unduh Mobl

JavaScript memiliki banyak sisi kasar yang terus membuat marah para pengembang Web. Tim Mobl memutuskan untuk memperhalus tepi ini sambil membangun kerangka kerja untuk membuat aplikasi seluler yang berjalan di browser WebKit. Alih-alih menulis instruksi Anda dalam HTML, JavaScript, dan CSS, Anda menulisnya di Mobl dan kompiler Mobl mengubahnya menjadi HTML, JavaScript, dan CSS untuk browser seluler.

Pendekatan tersebut memungkinkan tim Mobl untuk memperbaiki beberapa masalah JavaScript yang lebih rumit, seperti bagaimana fungsi diteruskan ke fungsi lain untuk eksekusi tertunda. Melacak semua tanda kurung bersarang yang diperlukan untuk melakukan hal ini di JavaScript dapat dengan cepat membuat Anda pusing, meningkatkan kemungkinan kesalahan.

Mobl menghilangkan kerumitan ini dengan menggunakan sintaks yang lebih deklaratif. Jika Anda ingin menjeda 1.000 milidetik, Anda menulis:

sleep(1000); doNext();

Mobl mengkompilasi ini menjadi JavaScript dengan setTimeoutfungsi dan callbackfungsi yang akan dieksekusi doNext(). Sebagai pengembang, Anda tidak perlu memikirkan tentang callbacksintaks atau cara menyelesaikan semuanya dalam fungsi lain. Yang harus Anda lakukan adalah menulis daftar hal-hal yang Anda ingin lihat terjadi.

Ada banyak cara tim Mobl membantu Anda menulis instruksi ini tanpa harus memperhatikan semua tanda baca di JavaScript. Hasil akhirnya adalah kumpulan idiom standar aplikasi seluler yang bagus. Ingin daftar gulir? Cukup bungkus daftar item Anda dengan kata kunci grup.

Pengembang yang tidak menyukai pendekatan ini adalah yang sudah terbiasa dengan Objective-C atau JavaScript. Lagi pula, mengapa mempelajari bahasa lain dengan sintaks yang sedikit berbeda ketika sintaks yang sedikit berbeda ini hanya akan diubah kembali menjadi sesuatu yang sudah mereka pahami? Selain itu, pecinta bahasa mungkin menemukan sejumlah ide baru yang bagus untuk membuat perjalanan itu sepadan.

Alat pemrograman Web Seluler: jQuery Mobile

Unduh jQuery Mobile

Ketika orang-orang di balik kerangka jQuery memutuskan untuk menangani platform seluler dan membangun perangkat UI sederhana untuk ponsel cerdas, jelas itu akan menarik perhatian dan eksperimen yang luas. Hasilnya adalah proyek yang didukung dengan baik oleh banyak produsen perangkat keras utama dan pasti akan relatif berhasil di perangkat seluler.

Bagian paling sederhana dari jQuery Mobile adalah tata letaknya yang berpusat pada HTML. Halaman dibuat dalam DIV dan komponen HTML standar lainnya seperti

  • tag. Hasilnya, jQuery Mobile mudah diintegrasikan dengan situs web dinamis dan CMS karena memanfaatkannya sering kali hanya masalah menambahkan tema atau skin baru. Misalnya, ada beberapa tema dan modul Drupal yang dibuat di sekitar jQuery Mobile.

    Integrasi yang erat dengan jQuery berarti banyak tetapi tidak semua plugin untuk desktop juga akan berfungsi dengan situs web seluler. Ada juga beberapa plug-in seluler yang dibuat untuk memperluas kerangka kerja seluler. Sentuhan ringan dari kerangka kerja dan ekosistem subur yang dibangun di sekitar jQuery Mobile berarti kita mungkin akan melihat kekuatannya hanya tumbuh.

    Alat pemrograman Web Seluler: The-M-Project

    Unduh The-M-Project

    Jika koleksi metode dan gaya jQuery Mobile tidak cukup canggih, The-M-Project menawarkan koleksi widget yang dikompilasi menjadi objek jQuery Mobile. Ini menangani banyak detail desain yang rumit, seperti menempatkan ikon di tempat yang tepat, jadi Anda bisa fokus pada gambar yang lebih besar.

    Kode tersebut disusun dengan pola Model-View-Controller. Sebagian besar pekerjaan adalah membangun struktur JSON besar yang menentukan halaman berbeda dan widget yang ada di dalam halaman tersebut. Tata letak ditangani oleh The-M-Project.

    Perilaku aplikasi ditentukan dengan membuat fungsi yang dilampirkan ke berbagai event hook untuk setiap halaman. The-M-Project memastikan acara mencapai lokasi mereka.

    Tidak ada gunanya proses build dan deploy terintegrasi dengan Node.js. Kode untuk membangun kreasi hebat Anda juga berjalan di Node.js; pengujian dilakukan menggunakan server yang sama. Saat berhasil, Anda dapat membawa campuran kode dan pustaka ke server Web mana pun, atau Anda dapat mengintegrasikannya lebih jauh dengan Node.js.

    Alat pemrograman Web Seluler: Touchqode

    Dowload Touchqode

    Anda sedang duduk di kafe di Paris, di puncak Gunung Everest, atau di mana pun tanpa laptop atau desktop Anda. Sebuah ide menyerang Anda. Apakah Anda mencoret-coretnya di secarik kertas dan kembali lagi nanti? Tidak jika Anda menjalankan Touchqode di ponsel Android Anda. (Versi iPhone akan segera hadir.)

    Lingkungan pengembangan kecil ini mengemas sejumlah besar fitur ke dalam layar kecil. Kode disorot, skrip dapat berjalan secara lokal, dan Anda dapat menyinkronkan kode baru Anda melalui FTP. Jika bos menelepon saat Anda sedang dalam perjalanan, Anda akan mengalami sedikit kesulitan untuk memperbaiki sesuatu yang hanya perlu beberapa kali menekan tombol. Saya tidak dapat membayangkan menulis program yang panjang dengan ponsel Android saya, tetapi mengingat bahwa penulis telah menyusun seluruh novel di ponsel mereka, mungkin terlalu dini untuk berasumsi bahwa pengguna hanya akan menggunakan Touchqode untuk membuat beberapa baris kode sesekali.

    Either way, Touchqode bagus dalam keadaan darurat.

    Alat pemrograman Web Seluler: LimeJS

    Unduh LimeJS

    Salah satu alasan mengapa game Flash begitu menarik adalah karena ekosistem yang subur dari para penulis perpustakaan yang dapat menjual karyanya kepada para pengembang Flash. DigitalFruit membuat LimeJS untuk menawarkan dukungan serupa kepada pengembang yang ingin menggunakan objek WebGL yang merupakan bagian dari HTML5.

    Hasil awal LimeJS efektif di browser WebKit. Kode secara teknis adalah JavaScript, tetapi strukturnya terlihat mirip dengan C yang bagus dan kuno, dengan panggilan ke pustaka OpenGL. Seharusnya dimungkinkan untuk secara otomatis mengkompilasi silang beberapa OpenGL ke pustaka ini, meskipun ini mungkin memerlukan beberapa penyesuaian.

    Penawaran LimeJS adalah beberapa fitur berharga untuk menyederhanakan pengembangan game. Ada adegan yang diisi dengan lapisan dan sutradara yang akan menyalakan acara sesuai dengan jadwal yang fleksibel. Ada animasi dan transisi yang memindahkan sprite ke seluruh halaman. Semua fitur akan familiar bagi orang yang pernah menulis game kasual sebelumnya.

    Lingkungan pengembangan mencakup beberapa sentuhan modern. Bangunan dasar ditangani dengan Python, dan paket terakhir dapat digabungkan dengan Closure Compiler Google sehingga dapat diunduh lebih cepat.

    LimeJS akan menarik bagi siapa saja yang menghabiskan waktu mengembangkan game untuk kerangka kerja OpenGL di lingkungan lain. Sementara sintaks terakhir adalah JavaScript, itu tidak bergantung pada ide-ide yang lebih kompleks yang membuat JavaScript tidak disukai beberapa orang, setidaknya sampai Closure Compiler melakukan tugasnya.

    Alat pemrograman Web Seluler: Jdrop

    Lebih lanjut tentang Jdrop

    Secara sepintas, Jdrop tampak seperti tumpukan besar JSON yang mungkin disalahartikan sebagai database NoSQL terbuka. Dalam praktiknya, sumber daya Web ini disetel untuk membantu pengembang seluler mengatur data kinerja antara layar kecil dan desktop, agar dapat dianalisis dengan lebih baik.

    Untuk memudahkan kesulitan dalam mengekstrak umpan balik kinerja dari perangkat seluler, Jdrop menawarkan Mobile Perf, bookmarklet yang mengumpulkan sekumpulan bookmarklet kinerja, termasuk Firebug Lite, Sumber Daya Halaman, Monster DOM, SpriteMe, CSSess, dan Zoompf. Melalui Kinerja Seluler, Anda dapat men-debug aplikasi Anda di ponsel dan secara otomatis menyimpan data yang dihasilkan di awan Jdrop untuk analisis nanti dari desktop Anda, memberikan cara yang menarik untuk men-debug kinerja seluler yang sebenarnya dan untuk memeriksa sumber HTML situs seluler favorit Anda.

    Alat pemrograman Web Seluler: XUI, Zepto

    Unduh XUI

    Unduh Zepto

    Sebagian besar kerangka kerja yang dijelaskan di sini ada untuk melakukan pekerjaan berat dengan mengubah deskripsi aplikasi, yang sering kali ditulis dalam bahasa mereka sendiri, menjadi sesuatu yang terlihat cukup bagus di halaman. XUI dan Zepto sangat berbeda. Mereka mulai dengan gagasan bahwa HTML dan CSS sudah cukup bagus dalam menampilkan sebagian besar hal yang mungkin ingin ditampilkan dan hanya menawarkan bantuan untuk membuat dan memodifikasi DOM.

    Perpustakaan ini tidak akan mengatur widget Anda atau bahkan membuat widget apa pun. Anda mendapatkan apa yang ditawarkan HTML, lalu Anda mengontrol tampilannya dengan CSS. Pustaka ada untuk membantu Anda memanipulasi DOM dengan menawarkan fitur seperti kemampuan untuk menemukan elemen, melampirkan kelas, dan menyulap kejadian.

    Imbalannya besar. Versi Zepto saat ini berbobot sekitar 2.300 byte, sekitar sepersepuluh ukuran jQuery. XUI hanya sedikit lebih besar. Perbandingan dengan jQuery sangat tepat karena keduanya meminjam banyak sintaks tanpa menawarkan fitur apa pun yang memerlukan kode yang lebih canggih dan berat. XUI, misalnya, mengeluarkan kode yang diperlukan agar kompatibel dengan BlackBerry atau IE Mobile. Jika Anda menginginkannya, Anda bisa mendapatkan perpustakaan yang lebih gemuk.