Onsen UI, Rekomendasi UI Framework untuk para Developer Phonegap

Image result for onsen ui

Onsen UI, Rekomendasi UI Framework untuk para Developer Phonegap

Bila mengikuti perkembangan saat ini, smartphone menjadi buah bibir karena meningkatnya penggunaan smartphone dari tahun ke tahun. Data terakhir yang diambil oleh Asosiasi Penyelenggara Jasa Internet Indonesia (APJII) tahun 2017 sebesar 50%,08 penetrasi penggunaan smartphone di Indonesia . Hal ini membuat para developer phonegap harus cepat bergerak dalam mengembangkan fitur smartphone yang lebih menarik, karena smartphone berpotensi menjadi pusat ladang bisnis seperti e-commerce .
Untuk mengembangkan aplikasi mobile saat ini juga semakin beragam dan tidak sesulit pada masa awal, yang masih menggunakan bahasa native (bahasa spesifik untuk platform tertentu). Sudah mulai bermunculan User Interface Mobile Framework yang memudahkan para developer dalam membuat user interface dengan berbagai komponen dan bahasa pemrograman, seperti HTML, CSS. serta Javascript.
Implementasi user interface mobile menggunakan framework saat ini sudah marak digunakan, salah satunya adalah Onsen UI
Logo Onsen UI

Onsen UI

Onsen UI adalah framework user interface mobile berbasis Angular JS yang menggunakan metode MVC sehingga mudah dikembangkan oleh developer. Kini Onsen UI sudah mencapai versi 2.9.2 dengan fitur terbarunya yaitu :
  1. Bundle Size Production, ukuran bundle lebih kecil dari versi sebelumnya dari 657kb menjadi 327 kb.
  2. Self Contained Components. developer dapat meng-import file aplikasi secara terpisah untuk mengurangi ukuran aplikasi dengan cara membungkus (bundle) menggunakan webpack atau rollup.

Komponen Onsen UI

Komponen yang disediakan oleh Onsen UI cukup menarik, seperti :
  • Theme Preset
  • Platform : iOS, Android
  • Categories : Action Sheet, Alert Dialog, Button, Card, Checkbox, Dialog, Fab, Radio Button , etc.
  • API : CSS Component, Javascript, AngularJS 1.x, React

Components Onsen UI

Ciri Khas Onsen UI

Ciri khas Onsen UI ini menambahkan fitur integrasi dengan Monaca. Monaca merupakan platform pengembangan aplikasi terbuka yang tersimpan di cloud server. Salah satu contoh monaca adalah kita bisa membuat project serta compile project kedalam platform iOS ataupun Android. Monaca juga mempunyai fitur command line tool dan debugger sebagai alat pencari bug secara single stepping artinya kita bisa menelusuri langkah demi langkah program .
Dari beberapa user yang menggunakan Onsen UI mengatakan
User Interface yang disediakan sepenuhnya kompatibel dengan Andorid dan iOS, dan tidak memiliki hambatan yang terlalu serius ”.
Dengan adanya beberapa review user yang menggunakan framework ini, Onsen UI dapat menjadi rekomendasi untuk para developer phonegap dalam mengembangkan User Interface Mobile Framework. 
Source Here
Proses pembuatan website tidak selesai sebelum website yang kita buat bisa diakses oleh orang lain. Saat kita membuat website, versi awal website yang kita buat hanya bisa dibuka di komputer lokal sehingga yang bisa melihatnya hanya kita sendiri atau orang yang berada di jaringan lokal yang sama (wifi/kabel). Proses pembuatan website belum selesai sampai website yang kita buat bisa diakses oleh orang lain.
Web hosting adalah layanan bisnis yang menyediakan tempat untuk menyimpan file-file website kita dan memungkinkan orang lain untuk mengaksesnya dari mana pun di belahan dunia ini. Ada banyak sekali perusahaan web hosting yang tersedia sehingga saat pembaca selesai membuat website mungkin akan memakan waktu dalam memilih tempat hosting yang sesuai.
Banyak hal yang harus kita pertimbangkan dalam memilih web hosting. Oleh karena itu, artikel ini akan membahas faktor-faktor yang perlu dipertimbangkan dalam menentukan web hosting mana yang akan dipilih.

Beberapa Jenis Hosting yang Perlu Diketahui

Sebelum mulai memilih layanan web hosting, ketahui terlebih dulu beberapa jenis hosting yang biasanya digunakan oleh para webmaster. Umumnya ada tiga jenis hosting yang ditawarkan, yaitu shared hosting, VPS, dan dedicated server.

Shared Hosting

Shared hosting merupakan jenis hosting yang umumnya dipakai untuk website pribadi (blog), sekolah, profil perusahaan (company profile), organisasi, atau toko online menengah ke bawah. Shared hosting merupakan jenis hosting dengan biaya paling murah. Tersedia pilihan paket layanan seharga belasan ribu per bulan sampai lima puluh ribuan.
Kenapa bisa shared hosting sangat murah? Hal ini karena kita berbagi sistem dengan ratusan atau ribuan pengguna lain. Dengan dibaginya sistem server dengan banyak orang, harganya menjadi lebih rendah. Namun, karena dibagi dengan begitu banyak pelanggan, terkadang performa website kita akan menurun seiring dengan bertambahnya jumlah pengguna dan meningkatnya operasi yang dilakukan oleh web kita.

Virtual Private Server (VPS)

Virtual Private Server atau yang lebih dikenal dengan singkatan VPS adalah jenis layanan yang menjadi jembatan antara shared hosting dengan dedicated hosting. Di sistem VPS, satu server masih dibagi untuk beberapa pelanggan. Tapi bedanya, jika di shared hosting kita berbagi dengan ratusan bahkan ribuan, di VPS kita hanya berbagi dengan beberapa orang saja.
Analoginya seperti ini, di shared hosting kita memiliki satu sistem Windows dengan beberapa user. Di sistem Windows ini kita memiliki aplikasi-aplikasi yang sama (Office, Chrome, Firefox, dll.) tapi file dokumennya disimpan di folder yang berbeda sesuai dengan username yang dibuat. Saat berbagi sistem Windows, kita terkadang tidak bisa memasang aplikasi tertentu tanpa izin Administrator (kecuali jika fitur ini memang dimatikan). Begitu pula dengan shared hosting di mana kita hanya bisa menggunakan layanan yang sudah disediakan dan tidak bisa menambah layanan yang aneh-aneh.
Sementara itu untuk VPS, kita diberikan sebuah virtual machine atau sistem komputer virtual di mana kita memiliki sistem sendiri yang terisolasi dari yang lain. Jika kita mengikuti analogi Windows di atas, VPS ini seperti virtual machine yang ada di aplikasi, misalnya VirtualBox atau VMWare. Sistem yang kita dapatkan betul-betul sistem yang utuh di mana kita bebas untuk memasang aplikasi apa saja (bahkan memformat sistem) karena apa yang kita lakukan tidak berpengaruh terhadap pelanggan lain.
Kebebasan yang dimiliki oleh VPS dibayar dengan harga yang lebih mahal dibanding shared hosting. Paket VPS yang paling murah berkisar di 100 ribuan sampai dengan satu jutaan.

Dedicated Server

Jika shared hosting dan VPS masih berbagi resources dengan pengguna lain, maka sebuah dedicated server benar-benar memberikan satu komputer (bukan virtual) untuk kita pakai sebagai tempat menyimpan sistem websitenya. Karena yang kita dapatkan adalah satu komputer utuh, maka kita memiliki kebebasan yang sebebas-bebasnya untuk mengelola bagaimana server ini dalam menghosting web kita. Kita juga bisa mengatur sistem keamanan, load balancerfirewall, dan sebagainya.
Karena dedicated server betul-betul komputer utuh, maka performa yang dihasilkan jauh melebihi VPS apalagi shared hosting. Biasanya website yang menggunakan dedicated server adalah website yang sudah memiliki pengunjung/pelanggan yang sangat besar dengan banyak operasi.

Fitur-fitur yang Sebaiknya Dipertimbangkan Ketika Memilih Web Hosting

Garansi Uptime

Apa yang dimaksud dengan uptime?
Uptime adalah persentase waktu server berjalan (tidak dalam keadaan mati). Uptime adalah salah satu cara untuk melihat apakah sebuah web hosting layak dibeli atau tidak. Jika uptime sebuah web hosting rendah, maka itu artinya sistem mereka sering mati sehingga website kita tidak akan bisa diakses. Dengan persentase uptime yang tinggi artinya website kita akan hampirselalu bisa diakses dengan waktu down yang minimal. Contohnya besaran uptime yang diberikan oleh hostinger.co.id. Pelanggan diberi uptime 99.9% yang menjamin performa terbaik untuk website Anda.

Bantuan Live chat

Saat membeli web hosting, kita tidak hanya membeli layanan servernya, tapi juga termasuk dengan layanan di luar itu. Saat kita menemukan masalah yang tidak bisa diselesaikan sendiri, perusahaan penyedia web hosting harus siap untuk membantu pelanggan, kita salah satunya. Jika tidak ada layanan bantuan, jangan gunakan web hosting tersebut. Kalau bukan penyedia layanan hostingnya, siapa lagi yang akan membantu kita?

Opsi Upgrade Hosting

Saat memilih hosting, penulis biasanya mengambil opsi paling murah dan ketika dibutuhkan, penulis dapat melakukan upgrade. Dengan demikian, kita bisa memulai dengan biaya paling rendah dan sedikti demi sedikit meng-upgrade ke layanan yang lebih tinggi saat memang dibutuhkan tanpa harus melakukan pengaturan dari awal.

Control Panel

Control panel sangat penting untuk dimiliki oleh sebuah web hosting karena semua operasi yang kita butuhkan bisa dilakukan dengan lebih mudah menggunakan control panel. Jenis control panel-nya tidak terlalu penting (yang paling umum biasanya cPanel). Namun hal terpenting adalah control panel yang diberikan user friendly sehingga tidak menyulitkan penggunaannya.

Pilihan CMS yang Banyak

Jika website yang ingin dibuat akan menggunakan Content Management System (CMS), seperti WordPress, Drupal, Joomla, atau yang lainnya, maka tentu saja akan merepotkan apabila kita harus membuat database baru, mengunduh file CMS, menggunggahnya, mengekstraknya, menjalankan konfigurasi awal, dsb. Oleh karena itu, pastikan web hosting yang dipilih memiliki pilihan CMS yang lengkap sehingga kita tinggal pilih mau memasang CMS apa, dan seluruh langkah persiapan tadi sudah secara otomatis dilakukan oleh penyedia layanan hosting sehingga kita tinggal mengonfigurasi websitenya saja.

Email hosting

Untuk membuat sebuah website terlihat lebih professional, terkadang kita memerlukan email ke nama domain sendiri. Misalnya, info@codepolitan.com tentu akan terlihat lebih profesional dibanding admin.codepolitan@gmail.com bukan? Meski bukan menjadi fitur inti dari sebuah website, fitur ini bisa melengkapi website kita agar lebih keren!

Layanan Backup

Tak ada gading yang tak retak, dan tak ada layanan web hosting yang sempurna. Sebagus-bagusnya sebuah web hosting, tidak ada jaminan bahwa kita tidak akan dapat "sialnya". Hardisk bad sector atau database rusak bisa menghancurkan bisnis yang dikembangkan. Oleh karena itu, kita wajib membuat backup untuk setiap website yang kita buat. Hosting yang baik adalah hosting yang memiliki layanan backup lengkap. Ada beberapa hal seputar backup yang harus kita cek ke layanan hosting tersebut:
  • Apakah web hosting menyediakan layanan backup reguler (harian/mingguan/bulanan)?
  • Bisakah web kita dibackup secara manual dari control panel?
  • Bisakah backup dilakukan otomatis?
  • Bisakah kita mengembalikan file backup dengan mudah tanpa harus melalui staff web hosting?

Website Builder

Oke, saat memilih web hosting, biasanya kita sudah memiliki website yang sudah dibuat untuk diunggah. Tapi bagaimana jika websitenya belum ada dan kita perlu membuat landing page  agar pengunjung tidak menemukan halaman kosong? Di sinilah fitur website builder membantu. Sebuah website builder adalah layanan untuk mendesain halaman website dengan drag & drop dari template yang umumnya sudah disediakan. Dengan kemudahan ini, kita bisa membuat landing page hanya dalam hitungan menit. Hosting yang baik tentu sudah menyediakan webiste builder gratis tanpa mengeluarkan biaya tambahan.

Penutup

Web hosting menjadi salah satu elemen penting dari keberlangsungan hidup sebuah website. Salah pilih hosting bisa berakibat fatal. Oleh karena itu, pilihlah web hosting yang memiliki faktor-faktor tersebut di atas. Ada banyak penyedia layanan web hosting di Indonesia, dan salah satunya adalah Hostinger Indonesia. Apa pun yang anda butuhkan untuk membuat website bisa didapatkan di hostinger.co.id. Selain memiliki kelebihan-kelebihan di atas, Hostinger juga memiliki layanan:
  • Domain gratis jika membeli paket premium atau bisnis langsung untuk satu tahun
  • Tanpa iklan meskipun klien memilih paket single
  • Garansi 30 hari uang kembali jika tidak puas dengan layanan yang diberikan
  • Banuan live chat 24/7
  • Domain xyz termurah hanya Rp. 13.212/tahun
Source : Here

Tips Memilih Tempat Hosting



Programmer JavaScript lokal keren yang bisa kalian ikuti





Pasti sudah pada tahu JavaScript kan ? Salah satu bahasa pemrograman yang (baca: katanya) lagi hype beberapa waktu belakangan ini. Pada artikel kali ini kita akan sebutkan beberapa programmer JavaScript lokal keren yang bisa kita ikuti baik sosial medianya ataupun kalau sempat bertemu bisa langsung coba menyapa dan ngobrol dengan mereka-mereka ini. Kenapa saya rekomendasikan untuk mengikuti sosial media mereka ? Karena menurut saya beberapa dari mereka memang rajin untuk berbagi banyak informasi menarik baik perkembangan JavaScript terkini, tulisan-tulisan, maupun project-project yang sedang mereka kerjakan yang seringkali menarik dan layak untuk kita pelajari.
Berikut daftar mereka yang tidak saya urutkan berdasarkan apapun, jadi jangan berekspektasi bahwa yang lebih atas berarti lebih keren daripada yang ada di daftar bawahnya. Semuanya keren-keren, berikut daftarnya:
1. Sonny Lazuardi
Sonny Lazuardi
Sonny Lazuardi, sekarang bekerja di Grab Singapore sebagai UX Engineer. Ketika berbicara mengenai JavaScript di Indonesia tentu nama orang yang satu ini tidak boleh terlewat. Sudah coba lihat ke akun Github nya ? Sudah tidak terhitung berapa banyak projek open source yang dikerjakan olehnya yang menurut saya sendiri seringkali terlalu keren untuk di open source kan. Namun begitulah Sonny, sangat passionate dalam berbagi ke teman-teman di luar sana. Sonny juga aktif menjadi speaker di beberapa conference dan meetup di kalangan programmer. Yang paling heboh adalah ketika menjadi pembicara di JSConf Asia akhir tahun 2016 kemarin. Videonya bisa dilihat di tautan berikut https://www.youtube.com/watch?v=tokHz64qXs8
2. Muhammad Azammudin
Muhammad Azammudin
Mas Azam, salah satu orang yang pertama menjadi ambasador ReactJS di Indonesia ketika teman-teman lain bahkan mungkin belum mendengar apa itu ReactJS. Mas Azam ini juga aktif sekali berbagi banyak informasi menarik lewat halaman di facebook https://www.facebook.com/arrowfunxtion/. Ada banyak mini seri baik screencast maupun tutorial kecil yang berguna baik bagi level pemula sampai menengah. Silahkan add akun sosial medianya dan ikuti berbagai info menarik yang beliau sebarkan.
3. Muhammad Naufal Rabbani
Muhammad Naufal Rabbani
Mas Naufal ini salah satu programmer JavaScript keren asal Sidoarjo. Aktif sebagai speaker di beberapa meetup lokal yang diadakan di kawasan Sidoarjo, Surabaya dan sekitarnya. Menilik ke akun Githubnya juga tidak main-main luar biasanya. Ada banyak open source keren yang memiliki bintang lebih dari 100 yang menunjukkan bawa projek tersebut setidaknya bermanfaat dan digunakan banyak orang.
4. Antony Budianto
Antony Budianto
Antony Budianto merupakan kontributor open source di banyak repositori. Membuat banyak projek starter kit untuk beberapa framework sehingga memudahkan teman-teman lain yang ingin cepat mencari skeleton untuk projeknya. Di Facebook beliau juga rajin membagikan banyak artikel terbaru mengenai perkembangan JavaScript khususnya ReactJS.
5. Rian Yulianto W
Rian Yulianto W
Mas Rian atau kalian mungkin akan lebih familiar dengan gambar kucing di berbagai akun sosial medianya. Mas Rian ini aslinya programmer Java dengan spesialisasi di Android namun beberapa tahun terakhir juga aktif di komunitas JavaScript terutama Angular dan Typescript. Ikuti sosial medianya dan pasti kalian akan dapat banyak info menarik, berita terbaru dan berbagai projek menarik terbaru karena memang beliau sangat aktif untuk berbagi informasi yang beliau dapatkan.
6. Jihad Dzikri Waspada
Jihad Dzikri Waspada
Mas Jihad, mantan programmer di TechInAsia Indonesia yang ternyata sekarang sudah melalang buana ke negeri orang. Kalau ditanya soal JavaScript programmer di Indonesia tentu nama beliau akan selalu saya sebut diantara banyak yang lain. Satu yang menjadi kelebihan beliau adalah karena pemahaman functional programmingnya berada diatas rata-rata, ini didapatkan karena beliau juga fasih di bahasa Haskell yang menganut paradigma ini. Wajar saja kalau kita kunjungi akun mediumnya maka akan kita temukan berbagai artikel mengenai functional programming yang tentunya diimplementasikan menggunakan JavaScript.
7. Muhammad Mustadi
Muhammad Mustadi
Muhammad Mustadi atau biasa dipanggil Ody ini salah seorang programmer Hackaton mania. Kalau ada Hackaton dan Ody ikut, itu berarti pemberitahuan untuk peserta lain untuk tidak terlalu berharap. Ody seorang programmer yang membuat banyak produk keren baik untuk hackaton maupun di sela-sela waktu luangnya. Mengikuti sosial medianya terutama akun Twitternya memang agak riskan bagi yang tidak sepemikiran, seringkali memang tweetnya agak berbahayauntuk dibaca anak-anak :-).
8. Alfred Crosby
Alfred Crosby
Programmer Tokopedia yang sekarang sudah hijrah ke Grab ini mungkin tidak begitu banyak terdengar di telinga temen-temen - ya paling tidak, tidak seheboh Sonny ya :-). Namun Osby ini juga senang berbagi, ada beberapa artikelnya yang ditulis dengan komprehensif dan keren untuk dibaca.
9. Ega Wachid Radiegtya
Ega Wachid Radiegtya
Mas Ega pemilik DumbWays.id ini banyak membuat konten dan screencast untuk teman-teman belajar JavaScript, beliau juga mengadakan bootcamp offline yang bisa kalian ikuti juga lewat page DumbWays.id miliknya.
10. Yohan Toting
Yohan Toting
Mas Yohan, salah satu Google Developer Advocate yang jika kita kunjungi akun Mediumnya banyak membahas soal Web pada umumnya serta PWA akhir-akhir ini. Sering mengisi berbagai conference dan meetup dari komunitas di berbagai kota di Indonesia. Yang paling hebat dari mas Yohan ini semangatnya dalam berbagi ke teman-teman, caranya memproduksi konten baik tulisan maupun talks selalu bisa membuat kalian berdecak kagum pada orang ini.
11. Riza Fahmi
Riza Fahmi
Mas Riza ini salah satu organizer di JakartaJS, salah satu dari 3 Lead Facebook Developer Circle Jakarta. Aktif berbagi informasi di sosial media terutama Facebook. Beliau sekarang menjadi Curriculum Director di Hacktiv8 dan saat ini sedang berusaha berbagi cerita-cerita menarik dari berbagai programmer yang berhasil di wawancarai lewat podcast yang tidak kalah unik di https://www.ceritanyadeveloper.com/.
12. Fatih Kalifa
Fatih Kalifa
Fatih Kalifa saat ini bekerja di Traveloka dan dengan pekerjaan sehari-hari yang berkaitan dengan ReactJS, mas Fatih masih sempat membuat beberapa library-library keren yang kebanyakan berbasiskan ReactJS. Silahkan ikuti saja akun Githubnya.
13. Mulia Nasution
Mulia Nasution
Mas Mulia sekarang bisa dibilang top ambassador bagi framework JavaScript VueJS. Namanya menjadi orang yang harus disebut ketika membicarakan framework hijau ini. Mas Mulia juga yang menjadi Admin di group Facebook Vue.js Indonesia yang juga aktif menjawab pertanyaan dari teman-teman di group tersebut.
14. Hengki Sihombing
Hengki Sihombing
Co-Founder dan CTO Urbanhire tentu saja familiar di telinga semua programmer JavaScript tanah air. Menjadi salah satu organizer di JakartaJS, beliau ini sangat fasih dengan ExpressJS.
15. Galih Pratama
Galih Pratama
Pemilik Belajarkoding dan Head Front End Developer di Crowde.co ini aktif membuat konten screencast dan berbagai tutorial berbagai bahasa pemrograman dan salah satu orang yang fasih dengan salah satu framework JavaScript yakni VueJS.
Tentu masih banyak teman-teman lain yang tidak kalah keren di luar sana namun tidak masuk kedalam daftar ini. 









Source : Here
Membuat sebuah desain web merupakan tugas yang menantang untuk desainer untuk menjadi leibh kreatif dan inovatif, selain dengan adanya aturan yang harus kamu pahami ketika membuat sebuah desain pada web, kamu juga perlu untuk membuat desain web semenarik mungkin. Berikut ini, Kodi telah menyusun 10 aturan terbaik desain UI yang wajib kamu gunakan pada proyek web, yang tentunya akan mempermudah kamu juga.
Bagi kamu yang bertanya-tanya tentang Perbedaan antara User Experience (UX) dan User Interface (UI), kamu bisa baca artikel tersebut terlebih dahulu.

1. Pahami Cara UI Agar Berkesinambungan dengan UX

Hal pertama yang pertama yang harus kamu pahami adalah kamu harus memahami cara UI agar dapat berkesinambungan dengan UX. Perancang UX atau ‘arsitek’ harus perlu mempertimbangkan beragam faktor seperti desain interaksi (interaction design) dan arsitektur, penciptaan taksonomi yang jelas, copywriting, koordinasi dengan perancang dan pemrogram, dan sebagainya.
Untuk menciptakan antarmuka yang hebat, perancang UI perlu mengandalkan informasi dari sudut pengalaman pengguna, seperti mengidentifikasi masalah mana yang perlu dipecahkan, bagaimana arus pengguna akan diputar, dan menentukan area produk utama dan hierarki. Idealnya, pekerjaan pada antarmuka akan dimulai setelah mendapatkan akses ke semua informasi, kemudian Mockup akan dibuat, diuji dan disetujui oleh perancang UX dan sebuah produk akan diluncurkan tanpa kendala.

2. Kenali Pengguna Kamu

Jika kamu melakukan proses perencanaan situs web, kamu pasti sudah memiliki gagasan tentang keinginan pengguna di masa depan. Kamu harus memiliki gambaran yang jelas tentang apa yang dibutuhkan yang akan membawa orang ke situs web kamu, dan bagaimana cara membuat desain yang akan menarik agar mereka tetap betah melihat tampilan web kamu.
Menggunakan pola desain yang nyaman bagi pengguna dapat membantu memudahkan mereka masuk ke situs web kamu, yang dapat kamu bedakan dengan kebutuhan kamu sendiri.
Begitu kamu mengidentifikasi pengguna, kamu dapat menguji bagaimana desain yang kamu buat bekerja pada pengguna dan pertimbangkan setiap umpan balik (feedback) dari pengguna. Umpan balik merupakan hal yang sangat berharga untuk desain antarmuka.

3. Buat Sederhana dan Konsisten

Ciri dari antarmuka yang baik adalah kesederhanaan. Pengguna seharusnya tidak memerlukan peta untuk menavigasi aplikasi atau situs web kamu. Untuk melakukannya, kamu dapat menggunakan beberapa elemen seperti warna, tipografi, pesan umpan balik, dan hierarki visual, yang semuanya dapat di lihat secara langsung.
Antarmuka harus tetap konsisten di setiap desain yang kamu buat. Pengguna harus dibuat nyaman dengan mereka secara progresif, dan pengguna harus merasa bahwa pengguna tersebut tidak merasa tidak nyaman karena pilihan gaya desain yang tidak konsisten.

4. Terapkan Hierarki Visual

Elemen terpenting dari sebuah antarmuka harus disorot agar pengguna dapat fokus pada hal tersebut, dan sebuah desain berfungsi untuk menyediakan hasil yang maksimal, agar efek tersebut terasa untuk pengguna.
Contoh paling sederhana dari teknik ini yang terlintas dalam pikiran adalah membuat elemen lebih besar untuk mengubahnya menjadi focal point. Contohlah Netflix misalnya – saat membuka halaman utamanya, kamu akan langsung disuguhi dengan beberapa rekomendasi yang menarik perhatian kamu karena hampir tidak mungkin diabaikan
Cara lain yang lebih terkini, yaitu melalui hierarki visual menggunakan ruang putih (whitespace) untuk menyoroti bagian penting pada antarmuka kamu.
Alternatif lainnya, kamu hanya cukup memperkenalkan elemen tak terduga ke dalam desain kamu dengan cara yang menyenangkan.

5. Manfaatkan Tipografi dengan Baik

Cara lain yang elegan untuk membangun hierarki visual adalah dengan menggunakan tipografi yang sesuai. Ini tidak sesederhana memilih font yang bagus, karena setiap font memiliki kepribadian yang berbeda-beda, sehingga untuk berbicara kepada pengguna, pilihan font harus dipengaruhi oleh karakteristik pengguna kamu.
Kamu dapat menggunakan tipe terbalik (reverse type) untuk membuat teks menonjol, dengan menggunakannya kamu dapat memanfaatkan latar belakang yang kontras untuk membuat teks keluar. Pada contoh di bawah ini, teks kontras digunakan dalam menu untuk menyorot halaman mana yang sedang dilihat saat ini (yang memiliki manfaat tambahan untuk menyederhanakan proses navigasi bagi pengguna kamu).

6. Gunakan Warna dan Kontras dengan Benar

Memilih warna yang tepat untuk desain yang diberikan adalah sains dalam dan dari dirinya sendiri. Warna dapat digunakan untuk menyampaikan hierarki visual, membangun hubungan antar elemen, dan umumnya meningkatkan desain kamu dan menarik perhatian pengguna.
Saat mengerjakan desain antarmuka, kamu pasti ingin mempertahankan keseragaman warna mana yang akan kamu gunakan untuk menyampaikan isyarat visual, dan menjaga skema warna yang relatif minimal.
Sejatinya, warna yang kontras bisa digunakan untuk efek yang hebat agar bisa menarik perhatian pengguna, seperti yang kami sebutkan di peraturan nomor lima saat membahas reverse type.
Aturan praktis yang bagus saat memilih warna mana yang akan digunakan pada antarmuka adalah warna yang lebih gelap cenderung membawa bobot visual yang lebih banyak, dan elemen semacam ini perlu diimbangi dengan warna yang lebih terang.

7. Pertimbangkan Pesan Umpan Balik (Feedback)

Pesan Umpan Balik (feedback) adalah sesuatu yang tidak boleh kamu lupakan selama proses perancangan. Salah satu keuntungan terbesar dari proyek web adalah kamu benar-benar dapat merancang pesan umpan balik yang menyampaikan informasi penting kepada pengguna kamu saat mereka melakukan tindakan.
Setiap antarmuka akan intuitif dan cukup cepat sehingga hal semacam ini tidak akan terjadi. Tapi percayalah, pengguna akan selalu menemukan cara baru dan inovatif untuk menghancurkan situs kamu. Memberikan umpan balik instan mengenai apa yang terjadi dengan cara yang intuitif adalah cara yang bagus untuk mengajarkan pengguna bagaimana antarmuka kamu dimaksudkan untuk digunakan.

8. Sederhanakan Form

Form adalah salah satu metode utama untuk berinteraksi dengan proyek web. Kamu harus dapat mengintegrasikan-nya ke dalam desain antarmuka, tanpa ada kesulitan yang menyebabkan pengguna tidak tertarik. Jika proyek kamu tidak mengharuskan pengguna untuk mendaftar, kenapa tidak membuat Form menjadi sesederhana mungkin saja?, contohnya adalah Twitter, mereka hampir tidak meminta informasi apa pun pada saat kamu membuka situsnya. Twitter, sekali lagi memberikan contoh bagus dengan form pendaftaran singkat dan manis.

9. Berkolaborasi

Bergantung pada lingkup proyek, pada titik tertentu mungkin kamu mendapati bekerja sebagai bagian dari tim, dan di beberapa kondisi tertentu, merupakan hal yang penting untuk membagikan informasi yang sama kepada semua tim, untuk membuat antarmuka yang sesuai dan dapat dipakai.
Ada banyak alat kolaborasi yang tersedia untuk membantu tim tetap berada di jalur yang terbaik, seperti Slack, InVision, Google Keep, Trello, dan Redpen.

10. Bawa Semua Hal Diatas

Merancang sebuah antarmuka bukanlah tugas yang sederhana. Kamu perlu mempertimbangkan berbagai disiplin ilmu dan juga mempersenjatai diri dengan informasi teknis mengenai pengguna kamu, dan merancang kebutuhan mereka untuk menciptakan sebuah desain yang akan memenuhi dan melampaui kebutuhan mereka.
Antarmuka yang kamu buat harus mudah digunakan, mudah dinavigasi, menggunakan warna yang tepat untuk pengguna kamu, menggunakan font yang tepat, mengintegrasikan pesan umpan balik yang berguna, dan tetap konsisten secara keseluruhan.


Source : Here
Nama : Kevin[15420944] || Kelas : TI/A || Semester : 6 || Tugas Pemrograman Web





Image result for stmik widya dharma






Blog ini hanya digunakan untuk menyelesaikan tugas perkuliahan

Tugas Terstruktur mata kuliah Pemrograman Web

Nama : Kevin
NPM : 15420944
Kelas : TI/A
Semester : 6
Dosen Pemelihara Mata Kuliah : Donny, S.Kom


Perguruan Tinggi Widya Dharma Pontianak


My Real Blog : Click Here

About Us


Daftar 7 Web Hosting Gratis Terbaik Unlimited Selamanya


Kalian sebagai generasi yang sudah mengenal internet pasti tau dong dengan yang namanya web hosting. Apalagi yang pernah mengelola sebuah blog atau website, tentu sudah familiar dengan hal tersebut. Namun pasti ada diantara kalian yang belum paham tentang apa sebenarnya pengertian dari web hosting itu. Untuk itu marilah kita bahas sejenak tentang apa sebenarnya arti dari web hosting.
Hosting atau web hosting merupakan sebuah tempat yang bisa kita sewa untuk menampung berbagai data yang kita miliki sehingga dapat diakses melalui jaringan internet. Mungkin masih ada yang belum paham dari definisi tersebut . Analogi sederhananya seperti ini, web hosting itu seperti sebuah kios yang disewakan kepada orang-orang.
daftar web hosting gratis terbaik
Web Hosting Gratis Terbaik Unlimited Uptime
Masing-masing kios memiliki infrastruktur dan luas yang berbeda. Nah kita sebagai penyewa kios tersebut berhak menggunakannya untuk menampung produk jualan dsb. Dalam kasus hosting digunakan untuk menyimpan data (website dsb) agar kemudian dapat diakses oleh siapapun melalui jaringan internet. Seperti itulah analogi sederhana yang bisa memberikan gambaran tentang pengertian dari web hosting.
Seperti yang telah disebutkan diatas bahwa setiap web hosting memiliki spesifikasi yang berbeda-beda. Oleh karena itu penting bagi kita untuk memilih sebuah web hosting yang sesuai dengan kebutuhan. Berikut ini adalah beberapa hal penting yang harus kalian pertimbangkan sebelum memilih sebuah web hosting untuk disewa :
a. Server
Server merupakan hal penting dari sebuah web hosting dan harus dipilih secara hati-hati. Carilah server yang menjanjikan dan tidak sering down karena overload dsb. Disarankan untuk memilih server luar negeri daripada dalam negeri.

b. Penyimpanan
Karena web hosting berfungsi sebagai tempat menyimpan data, tentu storage merupakan hal yang tidak boleh dilupakan. Umumnya web hosting berkapasitas 1GB sudah cukup untuk sebuah blog dan 2GB untuk sebuah website.

c. Back Up
Jika suatu hari terjadi hal yang tidak diinginkan, maka fitur back up ini adalah yang paling dibutuhkan untuk mengembalikan data yang hilang. Pastikan web hosting yang kalian pilih memiliki sistem backup yang baik.

d. Customer Services
CS merupakan bagian penting dari setiap web hosting yang harus diperhatikan. Meskipun tidak berpengaruh langsung terhadap web hosting, namun pelayanan CS yang baik tentu akan lebih mudah jika kita sedang mengalami masalah.

e. Harga
Harga merupakan hal terakhir yang harus kalian perhitungkan saat memilih sebuah web hosting untuk disewa. Bandingkan harga dengan pelayanan dan fitur yang disediakan, jika cocok dan sepadan maka langsung saja sewa.

Pada umumnya, kita bisa menyewa sebuah web hosting dari berbagai situs yang menyediakan jasa tersebut. Namun tidak jarang kita bisa menemukan sebuah situs yang menyediakan layanan web hosting secara gratis (free). Meskipun berlabel gratis, mereka tetap memberikan layanan yang berkualitas dan tidak kalah dengan yang berbayar. Berikut ini beberapa situs penyedia web hosting gratis (free) terbaik serta unlimited selamanya.

Daftar Web Hosting Gratis Terbaik (Free) Unlimited Selamanya


#1. RocketNesia.HOST – Free Hosting

Pilihan pertama kita jatuh pada RocketNesia.Host, situs ini menyediakan layanan web hosting secara cuma-cuma. Buat kamu yang ingin belajar atau membutuhkan layanan web hosting tanpa bayar bisa mencoba layanan rocketnesia.host ini. Walaupun bersifat gratis, rocketnesia.host tetap memberikan pelayanan serta fitur yang baik kepada para pelanggannya.

Fitur gratis dari Rocketnesia.host :
  • Penyimpanan sebesar 10 Gigabyte.
  • Unlimited Bandwith
  • Akun FTP dan File Manager.
  • Control Panel.
  • Support PHP dan database MySQL.
  • Mendukung addon domain, parked domains dan sub domain.
  • Akses komunitas secara gratis.
  • Tanpa iklan.
  • Support https SSL.


#2. InfinityFree

Situs kedua yang bisa kita tuju untuk mendapatkan free web hosting adalah InfinityFree. Situs tersebut memang sudah tidak diragukan lagi kualitasnya. Sudah lebih dari 50.000 orang yang menggunakan layanan web hosting gratis dari InfinityFree. Hal tersebut bukan tanpa alasan, pasalnya InfinityFree menyediakan web hosting dengan penyimpanan dan bandwith yang unlimited.

Fitur gratis dari InfinityFree :
  • Gratis web hosting selamanya.
  • Bandwith dan ruang penyimpanan yang tidak terbatas.
  • Tidak ada iklan yang akan ditampilkan di website kalian.
  • Mendukung banyak jenis sub domain.
  • Bisa install lebih dari 400 script secara otomatis.
  • Lebih mudah membangun sebuah website.


#3. ProFreeHost

Ingin memiliki sebuah website seperti seorang professional namun tidak ingin keluar biaya? Kalian bisa mencoba layanan web hosting gratis dari ProFreeHost. Mereka menawarkan berbagai fitur dan layanan terbaik yang bisa kalian dapatkan tanpa harus membayar sepeserpun. Web hosting dari ProFreeHost sudah mendukung database MySQL serta control panel sehingga akan lebih mudah untuk dikelola.

Fitur gratis dari ProFreeHost :
  • Penyimpanan dan bandwith yang unlimited
  • Mendukung database MySQL dan control panel yang mudah dikelola.
  • Gratis tanpa bayar sepeserpun.
  • Tidak ada biaya lain yang harus ditanggung.
  • Mendukung berbagai sub domain.
  • Bebas dari iklan yang mengganggu.
  • Uptime hingga 99,9%.


#4. 000WebHost

Kalau situs yang satu ini mungkin sudah tidak asing lagi di telinga kalian, 000WebHost memang sudah menjadi favorit banyak orang untuk mencari web hosting gratis. Mereka juga tidak akan menyisipkan iklan apapun ke dalam website kita. Sudah lebih dari jutaan orang memakai dan puas dengan layanan free web hosting dari 000WebHost.

Fitur gratis dari 000WebHost :
  • Bisa kita dapatkan secara gratis.
  • 99% uptime guarantee.
  • Support PHP dan MySQL.
  • Penyimpanan dan bandwith yang hampir tidak terbatas.
  • Ada fitur autoinstaller yang memudahkan pengguna dalam build web.
  • Tanpa iklan.
  • Gratis domain.


#5. Freehostingeu

Dari segi spesifikasi, web hosting yang ditawarkan oleh Freehostingeu mungkin lebih rendah daripada situs-situs sebelumnya. Namun meski begitu layanannya masih layak dan sudah banyak dibuktikan oleh para penggunanya. Selain memberikan free web hosting, Freehostingeu juga menyediakan sub domain gratis bagi yang membutuhkan.

Fitur gratis dari Freehostingeu :
  • Gratis domain di .au5.net
  • Sudah mendukung script PHP dan juga database MySQL.
  • Gratis hosting untuk web joomla dan wordpress.
  • Tanpa iklan yang mengganggu.
  • Penyimpanan sebesar 200 MB.
  • Data transfer hingga 4.000 MB.


#6. 2FreeHosting

Masih bingung mencari sebuah web hosting gratis? Cobalah 2FreeHosting. Layanan free web hosting mereka telah digunakan lebih dari 600 ribu pengguna. Selain itu situs ini juga menawarkan 5 buah sub domain secara gratis tanpa bayar.

Fitur gratis dari 2FreeHosting :
  • Penyimpanan sebesar 20GB.
  • Bandwith hingga 150GB.
  • 99,9% uptime.
  • Gratis layanan cPanel
  • Free 5 buah sub domain.


#7. 5GbFree

Untuk situs yang satu ini mungkin masih terdengar asing di telinga kalian, namun saya jamin layanan web hosting mereka layak untuk dicoba. Fitur yang mereka tawarkan sudah disebutkan dalam namanya yaitu penyimpanan sebesar 5GB. Untuk masalah bandwith situs ini menyediakan kapasitas hingga 20GB. Mereka juga sudah mendukung database MySQL sehingga layanan web hostingnya sudah lebih dari cukup.

Fitur gratis dari 5GbFree :
  • Penyimpanan hingga 5GB.
  • Bandwith sebesar 20GB.
  • Mendukung hingga 3 buah database MySQL.
  • Support Addon dan Parked domain.



Source : Here




Nama : Kevin[15420944] || Kelas : TI/A || Semester : 6 || Tugas Pemrograman Web

Daftar 7 Web Hosting Gratis Terbaik Unlimited Selamanya

Aka no Tetsu
Aka no Tetsu - Copyright © 2016, All rights reserved. Design by iMoechan Published By Premium Themes
Partner: YOUR LINK | YOUR LINK