Halo, balik lagi di materi kuliah sistem informasi. Pada tulisan kali ini kita akan belajar dasar-dasar pemrograman web atau website .
Daftar Isi
Memahami Pengertian Apa itu Pemrograman Web
Sebelum ke pengertian pemrograman web mari kita pahami dulu dua pertanyaan di bawah ini, di antaranya adalah sebagai berikut :
- Apa itu Pemrograman?
- dan Apa itu Web atau Website?
Apa itu Pemrograman?
Pada tulisan panduan awal pemrograman dasar yang sudah di terbitkan oleh Badoy Studio, Pemrograman merupakan proses yang mencakup menulis, menguji, memperbaiki, dan memelihara instruksi-instruksi (kode-kode) sebuah program komputer. Contoh program komputer : Microsoft Office Word dan Excel.
Apa itu Web atau Website ?
Lalu apa itu web ? Web istilah lainnya adalah website, situs, atau www (world wide web).
Menurut Niagahoster website merupakan halaman-halaman yang dibuat dengan maksud tertentu yang bisa diakses di internet menggunakan sebuah browser.
Halaman-halaman yang ditampilkan pada website biasanya adalah : teks, video, audio, grafik, gambar, dan animasi. Sebuah website berjalan dengan Protocol Hypertext Transfer Protokol (HTTP). Contoh Website yaitu Youtube.com, Facebook.com, Tokopedia.com, dan lainnya.
Jadi Pemrograman Web adalah proses pembuatan program komputer yang bisa diakses menggunakan browser (aplikasi berbasis web).
Materi Kuliah SI lainnya :
- Mengenal Pemrograman Berorientasi Objek dalam 10 Menit
- Belajar Pengantar Teknologi Informasi dalam 15 Menit
- Pemrograman Mobile : Panduan untuk Pemula
- 7 Menit Belajar Dasar Interaksi Manusia dan Komputer (IMK)
- Memahami Struktur Data Dalam 10 Menit
3 Jenis Website yang Sering Kita Gunakan Saat Ini
Karena kita sedang mempelajari pemrograman web, maka setidakhya kita harus tahu apa saja jenis-jenis website.
Ada tiga jenis website yang sering kita akses setiap harinya, yaitu : Website Statis, Dinamis, dan Interaktif. Mari kita bahas ketiga jenis website tersebut.
1. Webiste atau Situs Statis
Website Statis adalah website yang kontennya (isi web) tidak diperbaharui dalam kurun waktu tertentu, sehingga isinya dari waktu ke waktu akan selalu tetap sama seperti pada saat awal dibuat.
Contoh dari Website Statis adalah company profile (profil perusahaan) atau organisasi.
2. Webiste atau Situs Dinamis
Website ini merupakan website yang selalu diperbaharui kontennya oleh pemilik atau pengelola website. Contoh dari website ini adalah Blog dan website berita online. Badoystudio.com ataupun detik.com termasuk ke dalam kategori website dinamis.
3. Website Interaktif
Website ini sebetulnya hampir mirip dengan website dinamis. Namun yang jadi pembeda utamanya adalah konten webnya tidak hanya di perbaharui oleh pengelola website tetapi lebih banyak dilakukan oleh pengguna / user website tersebut.
Contoh dari website Interaktif yaitu Facebook.com, Youtube.com, Bukalapak.com, Tokopedia.com, dan lain sebagainya.
Apa Perbedaan Web Statis, Dinamis, dan Interaktif?
Kita bisa simpulkan perbedaan dari ketiga website diatas pada tabel dibawah ini.
Jenis Web | Konten Web | Interaksi dengan Pengguna Web |
Website Statis | Tidak/ jarang diperbaharui | Tidak ada interaksi |
Website Dinamis | Diperbaharui dalam waktu-waktu tertentu saja atau bahkan bisa juga sering | Ada interaksi seperti : melakukan komentar dan klik tombol sharing |
Website Interaktif | Dapat diperbaharui oleh pengelola maupun pengguna website | Sangat sering terjadi interaksi |
Macam-Macam Bahasa Pemrograman Web
Saat ini puluhan bahasa pemrograman web. Badoy Studio sudah mengulasnya pada artikel : 16 Contoh Bahasa Pemrograman yang Paling Banyak digunakan
Tidak semua bahasa pemrograman bisa dibuat untuk mengembangkan sebuah web. Dan inilah beberapa bahasa pemrograman yang bisa digunakan untuk membuat website, antara lain :
HTML
HTML digunakan untuk membentuk struktur halaman website. Jadi setiap website pasti dibuat menggunakan HTML. Sebetulnya HTML bukan bagian dari bahasa pemrograman tapi HTML adalah bahasa markup yang digunakan untuk membuat halaman dasar sebuah website.
CSS
CSS digunakan untuk membentuk desain website agar tampilannya menjadi menarik. Kalau rumah yang baru dibangun. Terbayangkan rumah baru dibangun itu seperti apa? Belum dicat, masih acak-acakan, belum ada hiasan, dan perabotan. Ketika mulai di cat, diberikan hiasan, dan lainnya yang membuat rumah semakin indah maka itu bisa disebut dengan CSS.
PHP
PHP merupakan salah satu bahasa pemrograman yang digunakan untuk melakukan proses data pada sisi server. Website yang dibangun menggunakan CSS bisa disebut hanyalah website statis, tidak bisa digunakan untuk yang sifatnya dinamis atau melakukan suatu perintah. Maka dengan PHP kita bisa menambahkan beberapa fungsi pada website HTML dan CSS yang sudah dibangun, fungsi tersebut seperti :
- Membuat form
- Membuat fitur crud
- dan lainnya
JAVASCRIPT
Agar website lebih dinamis dan interaktif maka kita harus menggunakan JavaScript. Pasti kamu pernah melihat suatu website tampilannya atau saat digunakan begitu interaktif. Nah, ini dibuat menggunakan fungsi – fungsi yang ada di JavaScript.
MYSQL
MYSQL digunakan untuk mengatur database pada sebuah website. Seperti yang kita bahas pada PHP tadi, contohnya pembuatan form. Saat user mengisi form, maka datanya akan masuk ke database. Untuk membuat dan mengolah database kita bisa menggunakan MySQL.
Bahasa pemrograman lain yang bisa digunakan untuk mengembangkan website adalah : RUBY, PERL, JAVA, KOTLIN, PYTHON, GOLANG dan lain sebagainya.
Rekomendasi Tutorial Lainnya :
- Belajar Android Studio Lengkap dengan Contohnya
- Apa itu Aplikasi Mobile ? Inilah Ulasan Lengkapnya
- 15 Menit Belajar Menggunakan 5 Jenis Layout di Android Studio
Tools/ Aplikasi Pemrograman Web
Tentu saja untuk membuat program aplikasi berbasis web kita membutuhkan tools. Apa saja tools tersebut ? yuk kita bahas :
Text Editor
Text Editor adalah sebuah aplikasi yang digunakan untuk mengetikan kode-kode bahasa pemrograman. Text Editor yang cukup banyak digunakan saat ini yaitu : Notepad, Sublime Text, dan VS Code. Untuk lebih jelasnya mengenai macam-macam text editor bisa langsung cek di sini.
Web Browser
Untuk menguji kode-kode program yang sudah kita ketikan di Text Editor maka kita membutuhkan Web Browser. Contoh dari Web Browser yaitu : Google Chrome, Mozilla Firefox, dan lainnya.
Web Server
Web Server merupakan sebuah aplikasi yang digunakan untuk menerima permintaan dari protocol HTTP atau HTTPS kemudian mengirimkannya kembali ke pengguna web dalam bentuk halaman web. Apache adalah contoh dari Web Server.
Istilah-Istilah pada Pemrograman Web
Istilah-istilah yang sering ditemui dalam pemrograman web diantaranya :
HTTP ( Hypertext Transfer Protocol)
Digunakan untuk mengatur komunikasi antara server dan client.
Server
Merupakan komputer yang menyediakan layanan-layanan yang nantinya digunakan oleh client.
Client
Merupakan computer yang bisa menggunakan segala resource (sumber daya) yang tersedia dalam jaringan. Dalam hal ini client yaitu web browser
Hosting
Merupakan tempat untuk menyimpan data-data pada sebuah website. Data tersebut berupa gambar, teks, video, dan lainnya.
Domain
Alamat sebuah website disebut dengan domain. Contoh dari domain yaitu .com, .org, dan .net.
URL (Uniform Resource Locator)
Yaitu susunan karakter ( angka, huruf, dan symbol) yang digunakan untuk menujukan suatu alamat di internet.
Baca Juga :
- 11 Contoh Website Perusahaan atau Company Profile Kekinian
- 14 Contoh Website Toko Online dengan Desain Modern
- 10 Contoh Website Sekolah yang Menarik dan Modern
- 3 Cara Membuat Website dengan WordPress untuk Pemula
- Baru ! Cara Install XAMPP di OS Windows, Linux, & Mac OS
Apa Langkah Selanjutnya ?
Setelah kamu memahami dasar-dasar pemrograman web diatas. Silahkan mulailah untuk mempelajari HTML pada tutorial yang sudah badoy studio publish : Apa itu HTML ? Inilah Tutorial Lengkapnya
Semoga bermanfaat dan jangan lupa share ke teman yang lainnya.