9 Tool Pemograman Optimalkan HTML5

1. Adobe Edge

Adobe Edge adalah alat desain untuk membangun animasi, konten interaktif menggunakan HTML5, CSS, dan JavaScript. Konten dapat berjalan di perangkat mobile dan desktop. Produk ini memiliki tahap berbasis WebKit, dimaksudkan untuk memberikan komposisi yang konsisten di seluruh browser modern. Ini akan mengintegrasikan dengan layanan font seperti TypeKit.

Motion dan grafis dapat ditambahkan ke elemen HTML, dan aplikasi dapat diperpanjang melalui libarary sendiri cutting Edge kode atau melalui kode JavaScript. Animasi Digabung dengan jadwal independen dan kemampuan interaktif dapat dibangun. Simbol dapat digunakan kembali dan dapat dikontrol melalui API dan potongan kode. Konten dirancang untuk bekerja pada IOS dan perangkat Android dan pada browser seperti Firefox, Chrome, Safari, dan Internet Explorer 9.

2. Adobe Dreamweaver CS6

Adobe Dreamweaver CS6 berfungsi sebagai perangkat lunak desain web, menyediakan antarmuka visual untuk mengedit website HTML dan aplikasi mobile. Sebuah sistem Tata Letak Grid Fluida, memanfaatkan CSS, menawarkan kompatibilitas lintas platform untuk membangun layout adaptif. Pengembang, Adobe mengatakan, secara visual dapat membangun desain Web kompleks dan layout halaman tanpa mendapatkan tersesat dalam kode.

Juga, pengguna dapat meninjau desain melalui Live View dan kemampuan Preview Multiscreen. Panel Preview Multiscreen memungkinkan pengembang untuk memeriksa render konten HTML5. Live View menggunakan mesin rendering WebKit untuk mendukung HTML5. Aplikasi mobile dapat dibangun melalui dukungan untuk kerangka Mobile dan PhoneGap jQuery.

3. Adobe ColdFusion 10

 

Teknologi server-side untuk membangun aplikasi Web perusahaan memanfaatkan integrasi HTML5 untuk membangun pengalaman pengguna yang kaya menggunakan WebSockets, charting interaktif, video, dan geo-tagging. Pengembang menggunakan Adobe ColdFusion 10 dapat mengakses repositori interaktif client-side grafik HTML5. Mereka dapat mempublikasikan data ke beberapa klien atau menjalankan dorongan point-to-point data dengan respon server real-time, menurut Adobe.

ColdFusion menggunakan Java EE (Enterprise Edition) dan terintegrasi dengan wadah Apache Tomcat servlet

4. Sencha Architect

Ditujukan untuk membangun aplikasi mobile dan desktop, Sencha Arsitek 2 telah didaulat sebagai HTML5 visual untuk membangun aplikasi. Tim dapat merancang, mengembangkan, dan menggunakan aplikasi dari lingkungan yang terintegrasi. Pengembang dapat membangun Sencha Sentuh 2 dan JS Ext 4 JavaScript aplikasi dan melihat mereka hidup.

Dukungan mobile memungkinkan kemasan asli untuk penyebaran pada IOS atau perangkat Android, dan desainer visual dapat membangun sebuah aplikasi dari daftar, tombol, bentuk, grid, dan kontrol, dan tangan yang dihasilkan membangun ke pengembang. Desainer juga dapat prototipe interaksi dan konfigurasi aplikasi, sementara pengembang dapat menggunakan alat visual dan kontrol UI prebuilt untuk membangun konsep aplikasi, kemudian gunakan kode editor built-in untuk membangun aplikasi menggunakan Model View Controller.

5. Sencha Touch

Sencha Sentuh 2 adalah kerangka aplikasi mobile yang telah ditagih sebagai landasan dari platform HTML5 Sencha itu. Pengembang dapat membangun aplikasi untuk bekerja pada IOS, Android, BlackBerry, Api Kindle, dan perangkat lainnya. Produk ini memperluas akses ke API perangkat asli, memungkinkan pengembang HTML5 untuk fitur hardware leverage.

Sebuah packager asli termasuk untuk distribusi aplikasi untuk Apple App Store dan toko Putar aplikasi Google. Versi 2 menawarkan API lebih mudah digunakan, kemampuan Model View controller ditingkatkan, dan dokumentasi yang lebih kaya, menurut Sencha. Sencha juga menambahkan animasi fluida dan mulus bergulir ke versi 2, serta layout engine yang memanfaatkan HTML5 untuk membangun aplikasi yang kompleks.

6. Dojo Foundation Maqetta

Berasal dari sebuah inisiatif IBM, Dojo Foundation Maqetta adalah sebuah tool open source untuk membangun aplikasi HTML5 pada platform desktop dan mobile. Authoring visual antarmuka HTML5 diaktifkan pada browser. Pengguna desainer pengalaman dapat merakit maket UI hidup melalui drag-and-drop. UIS dibangun oleh Maqetta adalah Web aplikasi yang dapat diserahkan dari desainer untuk pengembang.

Maqetta dirancang untuk melestarikan aset visual yang seluruh siklus hidup pengembangan, dan pengguna dapat memasukkan perpustakaan widget sewenang-wenang dan tema CSS. Maqetta source code dapat didownload dan diinstal pada server sendiri pengguna. Kode dapat disesuaikan, dan kontribusi untuk proyek itu sendiri dapat disampaikan. Maqetta saat ini berada dalam tahap preview, dengan rilis 1.0 menatap untuk beberapa bulan mendatang

7. Microsoft Visual Studio 2010 Service Pack 1

Meskipun pada awalnya dirilis tanpa dukungan HTML5, Microsoft Visual Studio 2010 menambahkan beberapa kemampuan dengan SP1, dirilis pada Maret 2011 dan diperbarui tiga bulan kemudian. Dengan IntelliSense, elemen khusus untuk HTML5 telah ditambahkan; IntelliSense dimaksudkan untuk membuat referensi bahasa yang mudah diakses dengan mengenali perintah. HTML5 validasi didukung juga, untuk membuat kode memastikan bekerja dan sesuai dengan standar.

Setelah menginstal paket layanan, pengembang harus memberitahu Visual Studio untuk mulai menggunakan skema HTML5. SP1 membuat lebih mudah untuk membangun aplikasi Web HTML5 dan CSS3 di atas ASP.Net, menurut Microsoft.

8. JetBrains WebStorm 4.0

Ditagih sebagai IDE JavaScript dengan editor HTML, WebStorm 4.0 fitur template HTML5 boilerplate untuk membangun aplikasi Web. Pengembang dapat membuat dokumen HTML untuk mengaktifkan dukungan HTML5 untuk file. Jika pengembang, misalnya, ingin menggunakan elemen kanvas, IDE akan mengenali niat pengembang saat mengetik <ca dan menyarankan menambahkan <canvas>. Jika pengembang tekan spasi, IDE akan menyarankan atribut didukung oleh elemen HTML5.

Pengembang bisa mendapatkan live preview HTML di browser Chrome. Bahasa shader WebGL didukung oleh IDE, seperti juga NodeJS mengedit kode dan debugging JavaScript.

9. Google Web Toolkit

Ini toolkit pengembangan untuk membangun aplikasi browser memiliki sejumlah kemampuan HTML5 di perpustakaan Google Web Toolkit. Termasuk adalah dukungan untuk sisi klien penyimpanan atau penyimpanan Web. HTML5 (Web) dengan spesifikasi penyimpanan menawarkan cara standar untuk memberikan jumlah yang lebih besar dari sisi klien penyimpanan dan partisi penyimpanan sesi dan penyimpanan lokal gigih, menurut Google. Kemampuan HTML5 lain yang didukung termasuk visualisasi kanvas dan audio dan widget video.

Download PDF