8 Aplikasi untuk membuat website yang wajib anda ketahui

Jaman sekarang ada begitu banyak aplikasi dan tools yang bisa anda gunakan untuk membangun website. Apapun masalah yang anda temui ketika membangun website, selalu ada saja aplikasi yang bisa mengatasi masalah tersebut. 

Aplikasi desain web berbasis WYSIWYG atau What you see is what you get (Apa yang anda lihat adalah apa yang anda dapatkan) membuat tugas desain anda menjadi lebih mudah. Pada artikel kali ini, kita akan membahas aplikasi-aplikasi yang bisa digunakan untuk membangun website anda sendiri. Berikut ini adalah daftar nya :

1. CMS Wordpress

Bisa dibilang bahwa WordPress adalah kompetitor kuat Blogger. Kedua merek ini bersaing ketat dalam besaran jumlah pengguna. Dari segi persyaratan, WordPress juga hanya mewajibkan calon user untuk memiliki akun e-mail yang masih aktif. Namun, jika Blogger lebih segment oriented pada Google Mail, WordPress cenderung netral pada semua layanan e-mail.

Keunggulan-keunggulan dari WordPress, terutama dibandingkan dengan Blogger, adalah sebagai berikut :

• User interface lebih cantik dan variatif. Terutama penyedia template untuk tampilan website besutan WordPress lebih banyak dibandingkan Blogger.
• Citra eksklusifnya lebih kuat dibanding kompetitor.
• Saat ini, WordPress merupakan merek pembuat website dengan jumlah user tertinggi di dunia, tepatnya 24% dari total populasi seluruh dunia.
• Patch keamanan tingkat tinggi sehingga tidak mudah dibobol.
• Sebagaimana halnya dengan Blogger, aplikasi untuk membuat website yang satu ini juga tersedia secara online, dalam bentuk software, dan aplikasi.

2. InVision Studio

InVision Studio hadir dengan banyak fitur untuk membantu Anda membuat interface interaktif yang indah, termasuk Tool untuk fast prototyping, desain web responsif, dan bekerja dengan sistem desain.

Selain itu, Anda dapat membuat animasi dan transisi khusus ini dari sejumlah gerakan atau gesture dan interaksi seperti swiping, clicking, serta hoovering. Anda dapat melihat langsung hasil website anda dengan mengeksport prototype website melalui InVision

Selain itu, InVision memiliki fitur Layout engine yang secara otomatis menyesuaikan desain website anda baik pada layar desktop, tablet, maupun smartphone. Dengan demikian anda tidak perlu mengatur tingkat responsif dan bisa lebih fokus pada desain website saja.

3. Sketch

Bohemian Coding's Sketch adalah salah satu platform desain web yang paling banyak digunakan. Sketch adalah tool berbasis vektor yang sangat canggih untuk membangun interface dan prototype secara kolaboratif. Sketch dibuat khusus untuk membuat website dan aplikasi sehingga tidak ada fitur-fitur yang berpotensi merusak interface dan lebih cepat, lebih efisien dengan cakupan fitur yang luas.

Sistem built-in grid pada sketch memudahkan desain interface anda, jika dibandingkan dengan photoshop yang memiliki fitur serupa, sketch jauh lebih unggul karena lebih ringan, dan user friendly.

Namun sayangnya sketch hanya tersedia bagi OS Mac dan tidak ada kabar akan hadirya sketch di platform lain. Tapi tenang saja, beberapa tahun belakangan telah hadir aplikasi serupa yang bisa anda install di OS windows yakni Lunacy.

4. Notepad++

Notepad ++ hadir dengan tampilan yang lebih bersih dan sederhana tanpa terlihat ramai meskipun memiliki banyak fungsi, karena fungsi-fungsi yang dulu ada di notepad dikelompokkan ke dalam menu yang sesuai dan beberapa di antaranya dapat diakses dari menu yang ada di bagian atas aplikasi.

Notepad++ adalah editor source code simple dangan banyak fitur seperti :

• Syntax highlighting akan membuat anda lebih mudah untuk membaca dan memahami kode anda sendiri.
• Code folding memungkinkan anda untuk collapse /menutup beberapa area kode untuk sementara agar anda dapat fokus pada area lainnya yang sedang anda kerjakan.
• Auto-completion membantu anda memasukkan kode  lebih cepat dan akurat.

5. Bootstrap

Bootstrap jelas bukan alat baru dan anda tentunya akrab dengan aplikasi web ini. Pada versi terbarunya (4.4.1, diluncurkan November 2019), bootstrap memperkenalkan container responsive baru, dan kelas .row-cols responsif baru untuk menentukan jumlah kolom pada breakpoint secara efisien.

Bootstrap juga baru-baru ini meluncurkan Icon library yang bersifat open source yakni Bootstrap Icons. Bootstrap icon dirancang agar bisa sinkron dengan komponen-komponen Bootstrap lainnya.

6. Adobe Dreamweaver CC

Aplikasi Adobe Dreamweaver CC adalah salah satu aplikasi yang paling direkomendasikan oleh banyak pelaku industri kreatif khususnya web developing.

Aplikasi ini berperan sebagai visual yang berguna sekali untuk merancang, menerbitkan, dan mengelola situs web.

Aplikasi Dreamweaver menawarkan banyak fitur powerful untuk desainer dan programmer. Kendati di awal kemunculannya dianggap terlalu sulit bagi pemula, tetapi kini pengalaman onboarding Adobe dirancang untuk membantu siapapun yang baru memulai project pembuatan website yang bahkan prosesnya dari nol.

Aplikasi Dreamweaver CC menggunakan editor WYSIWYG dan editor kode yang dapat bekerja dengan baik di perangkat PC Windows dan Mac. Anda dapat menggunakannya untuk menulis HTML, CSS, JSP, XML, PHP, JavaScript, dan bahasa pengkodean lainnya. Saking luasnya, aplikasi ini juga dapat membaca template WordPress, Joomla, dan Drupal, dan bahkan mencakup sistem kisi untuk melakukan tata letak responsif dalam tiga ukuran perangkat sekaligus.

Kemampuan ini menjadi penghemat waktu dalam merancang situs untuk desktop, tablet, dan ponsel. Sebagai sebuah aplikasi untuk membuat website, hampir tak ada kekurangan yang bisa dieksploitasi di Dreamweaver. 

7. Affinity Photo

PC atau laptop anda mulai terasa berat kinerjanya karena menggunakan photoshop ? tenang saja, kini hadir alternatif untuk menggantikan photoshop yaitu affinity photo. Affinity photo merupakan penggabungan 2 elemen berbeda menjadi satu yakni photoshop dan illustrator namun dengan beban kerja komputer yang lebih ringan. Affinity photo menawarkan fitur seperti tool canggih untuk mengedit gambar dan membuat desain interface menarik untuk website anda. Selain versi desktop, affinity photo juga tersedia untuk versi Ipad nya.

8. PageBreeze

Aplikasi PageBreeze merupakan aplikasi editor HTML yang berhasil memenangkan banyak hati programmer, bahkan sempat menyabet beberapa penghargaan sebagai editor HTML terbaik. Kemampuan utamanya adalah adanya mode visual (WYSIWYG) dan tag atau sumber HTML.

PageBreeze menekankan pada kesederhanaan dan kemudahan penggunaan, sehingga bisa direkomendasikan untuk pengguna pemula.

Fitur-fitur unggulan yang ada pada Aplikasi PageBreeze.

• Editor HTML visual (WYSIWYG) berfitur lengkap tetapi mudah digunakan untuk membuat halaman web.
• Versi 5.0 memiliki editor yang sepenuhnya diperbarui.
• Editor visual freeware mempunyai daftar sumber kode warna. Anda dapat beralih antara sumber HTML dan mode visual kapan saja dengan mengklik mouse, dan setiap perubahan yang Anda buat akan langsung bisa dilihat di kedua mode.
• Mode pratinjau.
• Mempunyai template halaman web dan akses langsung ke ratusan template situs web gratis.
• Fitur pembuatan form yang dapat dengan cepat dan mudah dipergunakan.
• Integrasi internal dengan basis data PageBreeze.

Sumber : creativebloq.com

Pengertian dari SSL (Secure Socket Layer) dan Kegunaannya

Pengertian dari SSL (Secure Socket Layer) dan Kegunaannya

Apa itu SSL ?

SSL atau Secure socket layer adalah protokol yang bertujuan melindungi data dan privasi antara 2 perangkat atau mesin yang beroperasi melalui internet. Salah satu contoh umumnya adalah ketika SSL digunakan untuk mengamankan komunikasi antara browser web anda dan server web. SSL mengubah alamat situs web dari HTTP ke HTTPS, S pada HTTPS mengandung arti “secure” atau keamanan.

Secure Sockets Layer (SSL) adalah protokol cryptographic yang paling banyak digunakan untuk menyediakan keamanan melalui komunikasi internet sebelum lahirnya TLS (Transport Layer Security) pada tahun 1999. Meskipun protokol SSL sudah digantikan oleh TLS, namun kebanyakan orang mengenal teknologi ini sebagai SSL.

HTTP tidak aman dan rentan terhadap serangan penyadapan karena data ditransfer dari browser web ke server web dan ditransmisikan dalam plaintext. Hal Ini berarti hacker dapat melihat data sensitif anda seperti detail kartu kredit dan login akun serta passwordnya. Ketika data dikirim atau diposting melalui browser menggunakan HTTPS, SSL memastikan bahwa informasi tersebut dienkripsi dan aman dari serangan hacker tersebut.

Bagaimana cara mengetahui website dengan SSL ?

Secara teknis, SSL adalah protokol transparan yang membutuhkan sedikit interaksi dari end user ketika membuat secure section. Dalam suatu browser, Anda dapat mengetahui apakah suatu situs menggunakan SSL atau tidaknya dengan melihat gembok yang ditampilkan pada bagian URL browser anda. 

Berikut adalah contoh website yang diamankan dengan SSL di Google Chrome versus situs web yang tidak aman.

Menggunakan SSL

Tidak menggunakan SSL

Jenis-jenis SSL

Ada tiga jenis Sertifikat SSL yang ada saat ini; Extended Validation (EV SSL), Organization Validation (OV SSL) dan Domain Validation (DV SSL). Tingkat enkripsinya sama untuk setiap sertifikat, yang berbeda adalah proses pemeriksaan, verifikasi yang diperlukan untuk mendapatkan sertifikat tersebut dan tampilan address bar di browser anda.

Extended Validation (EV SSL)

Dengan EV SSL, Certificate Authority (CA) memeriksa hak pemohon untuk menggunakan name plus pada domain tertentu. Proses penerbitan sertifikat EV SSL secara ketat didefinisikan dalam Pedoman EV, seperti yang secara resmi diratifikasi oleh CA / forum Browser pada 2007. Dibawah ini adalah langkah-langkah untuk mendapatkan sertifikat EV SSL :

• Memverifikasi keberadaan hukum, fisik, dan operasional entitas
• Memverifikasi bahwa identitas entitas cocok dengan catatan resmi
• Memverifikasi bahwa entitas memiliki hak eksklusif untuk menggunakan domain yang ditentukan dalam EV SSL Certificate
• Dan memverifikasi bahwa entitas telah mengesahkan penerbitan EV SSL Certificate dengan benar.

Contoh Extended validation (EV SSL) :

Pada Google Chrome

Pada Internet Explorer

Organization Validated (OV SSL)

CA (certificate authority) memeriksa hak pemohon untuk menggunakan nama domain tertentu juga pemeriksaan pada organisasi terkait pemohon. Informasi perusahaan yang diperiksa ditampilkan kepada pelanggan ketika mengklik Secure Site Seal, memberikan visibilitas yang ditingkatkan pada siapa yang berada di belakang situs dan peningkatan kepercayaan yang terkait. Nama organisasi juga muncul dalam sertifikat OV SSL.

Contoh OV SSL pada Google Chrome dan Internet Explorer :

Google

Internet Explorer

Domain Validated (DV SSL)

Certificate Authority memeriksa hak pemohon untuk menggunakan nama domain tertentu. Tidak ada informasi identitas perusahaan yang diperiksa dan tidak ada informasi yang ditampilkan selain informasi enkripsi di dalam segel Secure Site . Meskipun Anda dapat memastikan bahwa informasi Anda dienkripsi, Anda tidak dapat memastikan siapa yang benar-benar menerima informasi tersebut.

Sertifikat DVSSL didukung penuh dan setara dengan OV SSL, hanya saja DV SSL bisa anda dapatkan secara instan tanpa perlu menyerahkan dokumen perusahaan. Inilah alasan yang membuat DV SSL ideal untuk bisnis yang membutuhkan SSL dengan biaya rendah, cepat dan simpel.

Contoh DV SSL pada google chrome dan Internet explorer :

Google

Internet Explorer

Alasan mengapa anda perlu SSL

Dengan banyaknya transaksi dan komunikasi yang terjadi secara online, sangat wajar jika anda perlu SSL. SSL mendukung prinsip-prinsip keamanan informasi seperti berikut :

• Encryption : Melindungi transmisi data, contoh dari browser ke server, server ke server, aplikasi ke server dan lain-lain.
• Authentication : Memastikan bahwa koneksi server anda adalah nyata adanya
• Data integrity : Memastikan bahwa data yang dikirim dan diterima benar-benar terkirim.

Kegunaan SSL

SSL memiliki fungsi utama dan kegunaan untuk melindungi :

• Transaksi kartu kredit online dan metode pembayaran online lainnya
• Traffic berbasis intranet seperti internal network, file sharing, extranets, dan koneksi database
• Webmail server seperti Outlook web access, Exchange and Office communication server
• Koneksi antara email client seperti Microsoft outlook, dan email server seperti Microsoft exchange.
• Transfer file melalui HTTP dan FTP, seperti jika anda mengupdate laman baru pada website anda atau mengtransfer file
• Sistem login pada aplikasi dan control panel seperti Parallel, cPanel, dan yang lainnya
• Aplikasi virtual dan workflow seperti platform Citrix delivery, atau platform computing berbasis cloud
• Hosting control panel login serta aktivitas yang ada didalamnya

Cara mendapatkan SSL

Sertifikat SSL yang biasanya ditemukan itu berbayar, dari yang harganya 500 ribuan hingga jutaan rupiah per tahunnya. Namun bagi yang tidak bisa merogoh kocek dalam untuk mendapatkan sertifikat SSL, sebetulnya ada layanan gratis untuk membuat sertifikat SSL. Beberapa di antaranya adalah:

• Cloudflare
• Lets Encrypt
• Start SSL

Sumber : globalsign.com

  

Cara membuat blog yang mudah dengan blogspot

Blog merupakan ‘versi lain’ dari web, biasanya bersifat lebih personal namun tidak terbatas oleh ruang lingkup tertentu. Artinya blog bisa membahas apapun, bersifat fleksibel dan menjadi tempat non formal untuk berbagi informasi. Blog itu tidak mahal, sobat Trenogoers yang ingin membuat blog gratisan, bisa kok, mau tau caranya? Coba ikuti panduan pemula berikut ini.

Cara membuat blog yang mudah dengan blogspot

• Buka halaman web Blogger.com, Anda akan menemukan halaman dengan tampilan seperti gambar di bawah ini. Jika Anda sudah memiliki akun Google, silahkan langsung login dengan memasukkan alamat email dan kata sandi di kotak yang sudah disediakan. Jika belum, silahkan klik Create an Account terlebih dahulu.

• Isi data dan informasi yang diminta lalu klik tombol Next Step, lakukan konfirmasi sesuai yang diminta, verifikasi biasanya meminta nomor ponsel Anda, ikuti saja prosedurnya hingga selesai.

• Selanjutnya kembali ke blogger.com dan login dengan akun yang baru saja Anda buat.
• Saat berhasil masuk ke blogger.com klik menu Blog Baru. Langkah ini sudah memasuki tahap pembuatan blog.

• Isi judul dengan judul apapun sesuai dengan konsep blog yang ingin Anda buat, kemudian masukkan alamat blog yang nantinya menjadi tujuan para pengunjung. Pilihlah nama yang mudah diingat dan semenarik mungkin. Lalu pilih template yang tersedia di dalam kolom tersebut, dan tutup dengan mengklik Buat Blog.

• Selamat, Blog Anda sudah berhasil dibuat. klik Entri baru atau buat postingan baru untuk mulai membuat artikel atau post

• Di halaman ini Anda bisa mengisi blog dengan konten apapun selama dalam aturan yang sudah ditentukan. Pernah membuat pesan email atau Facebook, hampir sama tetapi di Blogger.com konten Anda akan terbuka dan dapat dibaca oleh jutaan orang di seluruh dunia, jadi pastikan konten atau artikel yang Anda tulis bermanfaat bagi pengunjung.

• Buat artikel yang menarik, Anda bisa juga menambahkan gambar di dalam artikel agar lebih hidup. Coba perhatikan sejumlah menu di atas kotak artikel di halaman tersebut, saya yakin Anda dapat memahami dengan mudah apa kegunaan dari setiap tombol tersebut. Practices makes perfect! Jadi, silahkan menjejalah dengan menghabiskan waktu beberapa lama di dashboard blog Anda agar lebih cepat paham.

• Jika sudah selesai klik tombol Publikasikan dan Anda akan dihantarkan ke halaman daftar konten seperti ini. Untuk melihat hasil tulisan Anda, klik Lihat blog.

• Berikut ini adalah tampilan blognya. Bagaimana ? mudah bukan ?

Sumber : dailysocial.com