Badoy Studio

pemrograman web

Halo, balik lagi di materi kuliah sistem informasi. Pada tulisan kali ini kita akan belajar dasar-dasar pemrograman web atau website .



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?

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. 

Pemrograman Web
Youtube.com salah satu contoh dari web Via Pixabay

Jadi  Pemrograman Web adalah proses pembuatan program komputer yang bisa diakses menggunakan browser (aplikasi berbasis web).


Materi Kuliah SI lainnya : 



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.

Pemrograman Web
Tampilan dari dashboard sebuah Blog Via Pixabay

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.

pemrograman web
Script/ kode program JavaScript Via Pixabay

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 :


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.

Pemrograman web
Tampilan antarmuka text editor Sublime Text Via Pixabay

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 :


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.

By Guntoro

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.