Apa itu Website? Panduan Dasar Website untuk pemula

Redaksi PetiknetKamis, 10 Desember 2020 | 15:00 WIB
Panduan Dasar Website untuk Pemula
Panduan Dasar Website untuk Pemula

Petik.net - Secara umum pengertian website dapat diartikan sebagai halaman yang berisi informasi berupa gambar, suara, dan teks yang dapat diakses oleh banyak orang secara online melalui internet.

Bagi para pengguna internet, istilah tentu sudah tidak asing lagi. Mesin pencari seperti Google, Bing, Yahoo dan media sosial seperti Facebook, Twitter, Instagram telah menjadi bagian dari keseharian kita.

Berdasarkan informasi WeAreSocial, sebuah lembaga global yang mempelajari perkembangan teknologi di dunia, Indonesia memiliki 88,1 juta pengguna internet dari total populasi 259,1 juta jiwa. Jumlah ini merupakan jumlah pengguna internet terbesar ke-6 di dunia.

Namun, tidak semuanya memiliki situs web. Beberapa hanya pengguna yang mencari informasi melalui Internet dengan mengunjungi situs web.

Mengapa demikian?

Beberapa orang berpendapat bahwa mereka tidak memiliki karena keterbatasan keahlian mereka dalam membuat website. Sedangkan sebagian karena fungsi website yang belum siap, serta manfaat dari website itu sendiri.

Manfaat dan Manfaat Website, Mari kita simak data perilaku pengguna website di Indonesia dalam bidang e-commerce / jual beli online.

27% pengguna internet di Indonesia membeli produk layanan melalui Internet, 31% pengguna mencari informasi tentang suatu produk melalui Internet.

Perhatikan data di atas & bayangkan jika salah satu website yang ditemukan oleh pengguna internet adalah website Anda!

Tentu akan ada perbedaan jika saat ini Anda hanya bergantung pada pembeli produk dari pengunjung offline.

Bukan dari data di atas, Anda dapat melihat bahwa situs tersebut berkontribusi pada penjualan produk dan layanan secara online. Untuk lebih meyakinkan Anda, mari kita bahas pengertian situs berdasarkan fungsi & manfaat situs ini lebih dalam.

Memahami Situs Website Berdasarkan Fungsi & Manfaatnya

Seperti yang telah dijelaskan sebelumnya, sebuah website dapat menampilkan informasi berupa gambar, suara, dan teks kepada pengguna sesuai dengan tujuan pembuatannya. Secara garis besar hal ini juga sama dengan arti dan tujuan website menurut para ahli di buku tersebut.

Contoh…

Situs web company profile digunakan untuk menjelaskan profil suatu perusahaan, produk yang dimiliki, dan kontak yang dapat dihubungi.

Selain itu ada juga jenis website e-commerce (seperti toko online, penjualan tiket, pembayaran online, dll) yang digunakan sebagai sarana transaksi online.

Misalkan Anda memiliki toko yang digunakan untuk menjual pakaian. Kemudian Anda memanfaatkan toko tersebut untuk memajang produk pakaian yang Anda jual.

Begitu pula jika Anda memiliki website, Anda dapat menampilkan produk pakaian yang Anda miliki di website tersebut dan hebatnya website toko pakaian Anda dapat dikunjungi oleh dan dimana saja sehingga jangkauan pasarnya lebih luas. Tampilan toko, serta informasi dan produk Anda dapat diwakili oleh halaman tampilan, informasi, dan gambar di situs web.

Untuk informasi dan penjelasan lengkapnya, Anda juga bisa merujuk ke artikel yang telah kami rangkum tentang pengertian website ini.

Bagaimana situs website menampilkan informasi?

Website yang dibuat dengan menggunakan script pemrograman yang dapat menampilkan data yang telah ditentukan pada saat pembuatan kebutuhan pengguna. Informasi yang ingin Anda lihat dapat diambil dari database situs web sendiri (gambar tertulis, video, dll.) Atau dari sumber eksternal yang disimpan di server hosting. Selanjutnya script pemrograman pada server hosting akan digunakan oleh web browser untuk menampilkan informasi yang telah ditentukan.

Ilustrasi di bawah ini akan membantu Anda lebih memahami cara kerja situs web.

  1. Anda meminta browser web untuk mengakses alamat situs web.
  2. Browser web akan menginstruksikan Internet untuk mengakses server yang menyimpan data situs web.
  3. Internet akan meminta data berupa informasi dan gambar di server hosting.
  4. Server menyediakan data yang berhubungan dengan internet.
  5. Internet mengirimkan kembali data yang disediakan oleh server ke browser.
  6. Browser menerima informasi data dari internet.
  7. Browser menampilkan data yang Anda minta dari alamat situs tujuan.
  8. Anda dapat mengakses informasi dan gambar di situs yang Anda inginkan.

Dari alur di atas Anda dapat melihat bahwa situs web yang biasanya Anda akses sebenarnya disimpan di server penyimpanan dan tampilan yang Anda akses adalah tampilan yang diambil dari server dan teks di situs web Anda melalui browser web.

Berbicara tentang penyimpanan data, situs web dibedakan menjadi situs web statistik dan situs web dinamis. Apa bedanya?

Simak penjelasannya berikut ini.

Jenis Website Berdasarkan Media Penyimpanan Datanya (Statis/Dinamis)

Dari media penyimpanan data website dapat dibedakan menjadi 2 jenis yaitu website statistik dan website dinamis.

Website Statistik

situs web yang menampilkan data / sisa statistik, tempat informasi ditulis, disimpan, dan diperbarui pada halaman yang sama. Jika ada perubahan data, developer harus mengedit secara manual website yang ingin diubahnya.

Keuntungan dari situs web statis

  • Relatif mudah dan cepat untuk disiapkan.
  • Ukuran file situs web yang relatif kecil.
  • Potensi kejahatan peretasan kecil.

Kekurangan Situs Web Statis

  • Proses rumit dalam menambahkan & mengedit konten situs web.
  • Setiap kali Anda menambahkan konten baru, Anda harus membuat halaman baru.

Statistik situs web cocok untuk …

  • Situs web yang jarang mengupdate produk.
  • Sebuah website yang hanya mengedepankan tampilan, bukan informasi terkini.
  • Sebuah situs web yang tidak membutuhkan sistem khusus untuk berperang.

Website Dinamis

sebuah situs web yang menampilkan data yang dapat diubah (ditambahkan, dikurangi, atau diedit), di mana informasi apa pun di situs web ditulis dan disimpan dalam database di server baru dan kemudian disajikan di halaman penampil ke browser.

Jika dibandingkan dengan situs statistik, ini adalah kios yang hanya menampilkan produk yang dipamerkan, sedangkan situs dinamis adalah supermarket yang memiliki gudang berisi barang-barang yang dipamerkan.

Jika perubahan data perlu dilakukan (penambahan, pengurangan atau pengeditan), pengembang tidak perlu mengedit situs web. Ia hanya perlu mengakses halaman khusus yang disebut administrator halaman untuk melakukan pengelolaan data agar informasi dapat muncul di halaman yang diinginkan.

Kelebihan Website Dinamis

  • Update Informasi yang mudah melalui halaman khusus.
  • Mampu memproses data & tampilan sesuai sistem yang telah dibuat.

Kekurangan Website Dinamis

  • Waktu pembuatan yang relatif lama.
  • proses pembuatan yang relatif lebih rumit dari website statis.
  • Potensi terkena hacking jika keamanannya buruk.
  • Jika data yang diambil dari database berukuran besar, website dapat menjadi lambat.

Website Dinamis Cocok untuk …

  • Anda yang membutuhkan website dengan fitur kompleks.

Platform Pembuatan Website

Sejauh ini ada 4 platform yang sering digunakan oleh para : Manual Coding menggunakan native script (PHP, ASP dll), Framework, CMS, serta Web Builder.

1. Manual Coding

Situs web dibuat dari awal secara manual menggunakan skrip pemrograman dengan fungsi bawaan dari skrip tersebut.

Keuntungan

  • Dapat membuat tampilan sesuai kebutuhan & keinginan.
  • Bisa membuat fitur sesuai kebutuhan dan keinginan.
  • Hanya pengembang yang melihat strukturnya.

Kekurangan

  • Harus mendesain, mengetik kode skrip & membangun database dari 0.
  • Membutuhkan waktu pembuatan yang relatif lama.
  • Diperlukan pengetahuan tekstual yang mendalam.

2. Kerangka

Website yang dibuat dengan menggunakan script library pemrograman, dimana fungsi dasar yang biasa digunakan sudah ditetapkan sehingga developer tinggal menggunakan library tersebut untuk mengembangkan suatu website. Bagi yang sudah familiar dengan pemrograman script, membuat website menggunakan framework akan terasa lebih cepat & praktis.

Keuntungan

  • Dapat membuat tampilan sesuai kebutuhan & keinginan.
  • Bisa membuat fitur sesuai kebutuhan dan keinginan.
  • Struktur situs web diatur sesuai dengan aturan kerangka kerja yang digunakan.
  • Ini relatif lebih cepat untuk dibuat karena menggunakan perpustakaan yang masih digunakan.

Kekurangan

  • Harus mendesain, mengetik kode skrip & membangun database dari 0.
  • Diperlukan pengetahuan tekstual yang mendalam.

3. CMS (Sistem Manajemen Konten)

CMS adalah sistem pembuatan website yang siap pakai, dimana pada umumnya pengguna tidak perlu menyentuh terlalu banyak script. Fungsi dan fitur dasar di situs web sudah tersedia & dapat digunakan setelah CMS diinstal. Menggunakan CMS untuk mengimplementasikan modul sistem, komponen, dan add-on atau plugin.

Keuntungan

  • Tidak diperlukan pengetahuan pemrograman yang mendalam.
  • Sudah tersedia tampilan theme yang siap pakai.
  • Sudah ada fitur plugin / ekstensi yang siap digunakan.
  • Pembuatan situs web relatif cepat.
  • Pengguna hanya perlu mengisi formulir & masukan tertentu untuk membuat keinginannya sesuai keinginan.

Kekurangan

  • Tampilan situs web dibatasi oleh desain tema.
  • Fitur yang dibutuhkan tidak selalu tersedia / sesuai keinginan.
  • Untuk menggunakan fitur-fitur yang ada diperlukan pengetahuan tentang pemrograman.

4. Pembuat Web

Web Builder adalah sistem pembuatan situs web yang siap dengan CMS. Bedanya, fungsi yang ditawarkan cenderung kurang & terbatas pada fungsi situs pada umumnya.

Beberapa jenis pembuat web bahkan memiliki fitur pengkodean khusus yang memungkinkan pengguna membuat fitur tertentu dengan melakukan pengkodean secara manual.

Keuntungan

  • Tidak diperlukan pengetahuan pemrograman yang mendalam.
  • Sudah tersedia tampilan theme yang siap pakai.
  • Sudah ada fitur plugin / ekstensi yang siap digunakan.
  • Pembuatan situs web relatif cepat.
  • Situs biasanya dibangun dengan konsep drag & drop.

Kekurangan

  • Tampilan situs web dibatasi oleh desain tema.
  • Fitur yang dibutuhkan tidak selalu tersedia / sesuai keinginan dan layanan dibatasi oleh penyedia pembuat web.
  • Tidak dapat menambahkan fitur sendiri.

Jenis Skrip Pemrograman Situs Web yang Umum Digunakan (Sisi Server)

Dilihat dari tingkat kepopulerannya, script pemrograman website yang paling umum digunakan adalah PHP. Digunakan bersama dengan SQL sebagai database. Sifatnya yang open-source, dukungan komunitas yang luas di seluruh dunia, serta kemudahan instalasi dan penggunaan menyebabkan skrip pemrograman ini membebani pengguna.

Beberapa situs terkenal yang menggunakan skrip pemrograman PHP termasuk WordPress, Wikipedia, dan Facebook.

Keuntungan

  • Dapat membuat situs web dinamis.
  • PHP adalah Open Source yang artinya dapat digunakan oleh siapa saja secara gratis.
  • Program yang dibuat dengan PHP dapat dijalankan oleh Semua Sistem Operasi karena PHP dijalankan pada Web Base, yang artinya semua Sistem Operasi, bahkan ponsel yang memiliki Web browser, dapat menggunakan program PHP tersebut.
  • Aplikasi PHP lebih cepat dari ASP atau Java.
  • Mendukung banyak paket Database seperti MySQL, Oracle, PostgrSQL, dan lainnya.
  • Bahasa pemrograman PHP tidak memerlukan Kompilasi / Kompilasi dalam penggunaannya.
  • Banyak Server Web mendukung PHP seperti Apache, Lighttpd, IIS, dan lainnya.
  • Pengembangan aplikasi PHP sangatlah mudah karena banyak sekali dokumentasi, referensi & developer yang membantu dalam pengembangannya.
  • Ada banyak Aplikasi & Program PHP Gratis & Siap Pakai seperti WordPress, Prestashop, dan lainnya.

Kekurangan

  • Paket PHP Tidak dikenali.
  • Jika tidak dikodekan, maka kode PHP dapat dibaca oleh semua orang & untuk menyandikannya membutuhkan alat dari Zend yang sangat mahal.
  • PHP memiliki kelemahan keamanan. Jadi Programmer harus jeli & teliti dalam Menghitung & Konfigurasi PHP.

Skrip Desain Situs Web Sisi Klien yang Umum Digunakan

Selain skrip pemrograman sisi server, skrip pemrograman sisi klien yang digunakan untuk kebutuhan tampilan situs web juga memainkan peran penting dalam membuat situs web yang menarik & interaktif.

Berikut ini adalah beberapa script desain website tipe Client Side yang biasa digunakan bersama dalam mendesain tampilan atau fitur website.

1. HTML

HTML adalah skrip pemrograman sisi klien yang biasa digunakan untuk mendesain tampilan situs web. Sintaks dasar kode HTML sendiri cukup mudah dan dipelajari untuk diterapkan.

Struktur HTML terbagi menjadi dua bagian yaitu Head dan Body. Kepala digunakan untuk meletakkan informasi meta, javascript & css / style. Bagian Body digunakan untuk menempatkan skrip utama.

2. CSS

Script CSS digunakan untuk mendefinisikan style pada halaman HTML yang dibuat, misalnya panjang & lebar komponen halaman, warna, gambar, hingga mempercantik tampilan konten suatu website. Digunakan secara manual seperti script pemrograman biasa, saat ini banyak sekali CSS framework yang dapat mempermudah dan mempersingkat waktu pembuatan website, contohnya Bootstrap, 1140 CSS Grid, Golden Grid System, Mueller Grid System, Titan, dan lain-lain.

3. Javascript

Javascript merupakan skrip pemrograman sisi klien yang memiliki banyak kegunaan, baik dari segi desain maupun untuk kebutuhan sistem. Dari perspektif desain, Javascript dapat digunakan untuk membuat efek tampilan dan fitur interaktif seperti slider dan popup; sedangkan dari segi sistem, Javascript bisa digunakan untuk tuas dan sejenisnya. Saat ini sudah banyak library Javascript yang memudahkan penggunaan Javascript pada sebuah website. Bahkan framework khusus Javascript sudah berkembang cukup banyak, misalnya Jquery, AngularJS, BackboneJS, Dojo, Echo3, dan lain-lain.

Dengan menggabungkan skrip pemrograman sisi klien dan sisi server dengan cara yang tepat, tentu saja Anda dapat membuat situs web luar biasa yang sesuai dengan kebutuhan Anda.

Dengan pemahaman tentang situs web dan dasar situs web untuk pemula, semoga Anda memiliki pemahaman yang lebih baik tentang dasar-dasar situs web.