Forum Diskusi sesi 2 : Kumpulan Terminologi Tentang Pengembangan Website dan Cara Kerjanya

Assalamualaikum wr.wb  nama saya Ahmad Farhan dari kelas 3D dengan matakuliah Rekayasa website dengan dosen pengampu Al Muhdil Karim. M.hum. program studi Ilmu Perpustakaan dan Informasi Fakultas Adab dan Humaniora Universitas Islam Negeri Syarif Hidayatullah Jakarta. Saya Akan menjelaskan tentang apakah yang dimaksud dengan 26 definisi yang berkaitan dengan pengembangan web serta cara kerjanya adalah sebagai berikut :

1. Markup language atau bahasa markah 

Menurut Tech Terms, markup language atau disebut juga bahasa markah yaitu sejenis bahasa komputer. Dalam bahasa Indonesia, markup language atau juga disebut bahasa markah ialah istilah yang akan diterjemahkan menjadi bahasa markah. Bahasa ini menggunakan tags atau tanda. Tanda-tanda ini akan dibaca oleh komputer, dan diterjemahkan menjadi penampilan website yang kita lihat sehari-hari. 

Markup kata benda berasal dari praktik penerbitan tradisional yang disebut dengan "menandai" sebuah manuskrip atau tulisan tangan, yang melibatkan penambahan anotasi tulisan tangan dalam bentuk instruksi printer simbolik konvensional di margin dan teks kertas atau manuskrip cetak atau kertas. Fungsi dari markup language atau bahasa markah yaitu membuat suatu situs alias website.

Berikut contohnya:

Pada dasarnya, bahasa-bahasa dalam programming atau pemograman yang memiliki akhiran “ML” adalah bagian dari markup language atau bahasa markah. Bahkan, “ML” pada berbagai bahasa yaitu singkatan dari markup language. Hal ini disampaikan oleh School of Advanced Study University of London.

Bahasa yang termasuk ke dalam markup language atau bahasa markah yaitu sebagai berikut:

HTML, Hypertext Markup Language

KML, Keyhole Markup Language

MathML, Mathematical Markup Language

SGML, Standard Generalized Markup Language

XHTML, eXtensible Hypertext Markup Language

XML, eXtensible Markup Language.

2. Programing language atau bahasa pemograman

Bahasa pemrograman, atau sering disebut bahasa komputer atau bahasa pemrograman komputer, merupakan instruksi atau perintah standar untuk mengkomando komputer. 

Bahasa yang paling dipakai untuk memerintahkan computer disebut dengan bahasa pemrograman. Setiap bahasa pemrograman mempunyai struktur dan karakteristik tersendiri. Ada 3 tingkatan bahasa pemrograman, yaitu sebagai berikut:

A.Bahasa Tingkat rendah

Bahasa pemrograman generasi pertama ini yaitu bahasa pemrograman yang sangat sukar dimengerti, sebab perintahnya memakai bahasa mesin, dan hanya dipahami oleh pembuatnya saja, sebab programnya meliputi  kode kode mesin. Misalnya : ENIAC (Electronik Numerical Integrator and Calculator)

B. Bahasa Tingkat menengah

Bahasa pemrograman generasi ke dua. Semua perintah-perintah yang memakai inisial atau singkatan-singkatan meliputi “MOV” yang berarti  “MOVE” (pindah), “STO” yang berarti (STORE) dan lain-lain. Contohnya : Assembler

C. Bahasa Tingkat tinggi

Bahasa pemrograman ini sudah terstruktur dengan baik, mudah dipahami karena telah memakai penggunaan bahasa inggris. Bahasa pemrograman tingkat inilah yang sekarang ini kita kenal, contohnya : C, C++, JAVA, PHP, Visual Basic, Pascal, ORACLE, MS-SQL, Phyton, XML dan lain-lain sebagainya. 

Contoh Tampilan Bahasa Pemograman

3. CSS  (Cascading Style Sheet)

CSS atau disebut juga (Cascading Style Sheet) merupakan  bahasa pemrograman yang diterapkan untuk men-design sejenis halaman website dengan memakai  id dan class. Seiring berkembangnya dunia pemrograman dan teknologi serta perubahan zaman, CSS tidak hanya dipakai untuk mendesain sebuah halaman HTML dan XHTML saja, melainkan telah diterapkan untuk mendesign tampilan aplikasi android dan untuk berbagai dokumen XML. 

Fungsi dari adanya CSS yaitu sebagai mendesain, membentuk, serta mengubah tampilan halaman sebuah website agar lebih sederhana. Misalnya seperti dapat memodifikasi font, ukuran font, dan format font serta mengubah ukuran layout, lebar tinggi dan warna element, memproduksi halaman website yang cepat untuk di akses. Fungsi utama dari adanya CSS yakni merancang, mengubah, mendesain, membentuk halaman website serta blog. Adapun isi dari halaman website yaitu tag-tag HTML, logikanya CSS itu dapat mengubah tag-tag HTML (yang sederhana) sehingga menjadi lebih fungsional dan menarik. 

Dengan adanya CSS seperti ini, maka isi dan desain web akan mudah dibedakan, jadi kemungkinan untuk melakukan pengulangan pada tampilan tertentu dalam web, sehingga akan memudahkan dalam memproduksi halaman web yang lebih banyak serta dapat menghemat waktu dalam pengembangan web.

Contoh  Tampilan CSS 

it916@planning-ho-pc:~$ cat /var/www/html/lth5-templsederhana/templatesederhana.css

.wrap {
  background: blue;
  width: 900px;
  margin: 10px auto;
}
/*Bagian Header*/
.wrap .header {
  background: green;
  /*height 50px*/
  padding: 2px 10px;
}
/*Akhir Header*/
/*Bagian Menu*/
.wrap .menu {
  background: yellow;
}
.wrap .menu ul {
  padding: 0;
  margin: 0;
  background: yellow;
  overflow: hidden;
}
.wrap .menu ul li {
  float: left;
  list-style-type: none;
  padding: 10px;
}
/*Akir menu*/
.clear {
  clear: both;
}
.badan {
  height: 450px;
}
/*Bagian Sidebar*/
.wrap .badan .sidebar {
  background: orange;
  float: left;
  width: 25%;
  height: 100%;
}
/*Akhir Sidebar*/
/*Bagian Content*/
.wrap .badan .content {
  background: red;
  float: left;
  height: 100%;
  width: 75%;
}
/*Akhir Content*/
/*Bagian Footer*/
.wrap .footer {
  width: 100%;
  padding: 10px;
}
/*Akhir Footer*/

Hasil Akhir

4. HTML (Hypertext Markup Language)

HTML yaitu gabungan sejenis gabungan teks dan informasi yang diterapkan untuk memodifikasi sejenis halaman situs. HTML menampilkan berbagai macam informasi di dalam sebuah software web browser internet dan formating hypertext sederhana yang ditulis dalam bentuk berkas format standar internasional ASCII (American Standard Code for Information Interchange). Hal tersebut supaya menghasilkan tampilan wujud yang menyatukan. 

Cara kerja HTML 

Dokumen HTML mirip dengan dokumen tulisan biasa. Namun, dalam dokumen HTML, sebuah tulisan dapat memuat instruksi yang menandai dengan kode atau lebih disebut juga TAG tertentu. Seperti, kalau memproduksi tulisan ditampilkan menjadi lebih tebal, contohnya TULISAN TEBAL, maka penulisan dalam dokumen HTML dilakukan dengan cara TULISAN TEBAL. Tanda digunakan untuk memulai instruksi cetak tebal, kemudian diikuti dengan tulisan yang mau ditebalkan. Selanjutnya, diakhiri dengan tanda untuk memberhentikan cetak tebal tersebut.

Contoh tampilan html

<html>

<head>

<title>Diah Edogawa</title>

</head>

<body>

<center>

<table border=”0″ width=”1000″ height=”300″ cellspacing=”0″ cellpadding=”20″ margin=”1″>

<tr>

<td colspan=”2″ bgcolor=”pink” align=”center”>

            <img src=”foto3.jpg” width=”1000″ height=”300″></td>

            </tr>

            <tr>

            <td colspan=”2″ bgcolor=”magenta” align=”center”>

            <center><marquee><b>Ni Putu Diah Sumariani — Diah Edogawa</b></marquee></center></td>

            </tr>

            <tr>

            <td width=”200″ height=”700″ bgcolor=”pink” valign=”top”>

<table width=”200″ border=”5″ bgcolor=”cyan” bordercolor=”green”>

                                    <center>

                                    <tr><th>DAFTAR MENU</th></tr>

                                    <tr>

                                    <td height=”30″><center><b><a href=”index.html”>Home</a></center></td></tr>

                                    <tr>

                                    <td height=”30″><center><b><a href=”profile.html”>Profile</a></center></td></tr>

                                    <tr>

                                    <td height=”30″><center><b><a href=”contact.html”>Contact</a></center></td></tr>

                                    <tr>

                                    <td height=”30″><center><b><a href=”galery.html”>Galery</a></center></td></tr>

                                    <tr>

                                    <td height=”30″><center><b><a href=”about.html”>About</a></center></td></tr>

                        </table>

            </td>

            <td width=”796″ height=”700″ bgcolor=”green” valign=”top” >

            <p><b><center><blink>Galery Photo</blink></center></b></p><br>

                        <table>

                                    <tr><td><img src=”foto9.jpg”></td>            </tr>

                                    <tr><td><img src=”foto8.jpg”></td>            </tr>

                                    <tr><td><img src=”foto4.jpg”></td>            </tr>

                                    <tr><td><img src=”foto7.jpg”></td>            </tr>

                          </table>

            </td>

            </tr>

            <tr>

<td colspan=”2″ bgcolor=”magenta”><center><b><marquee>Sekolah Tinggi Ilmu Komputer Indonesia – Jurusan Teknik Informatika – Konsentrasi Design Grafis & Multimedia</b></marquee></center></td>

            </tr>

    </table>

</body>

</html>

Tampilan : 

5. JavaScript

JavaScript merupakan bahasa pemrograman yang berfungsi untuk memproduksi  sejenis halaman web yang dinamis dan interaktif. Bahasa Inilah yang memberikan sebuah kehidupan pada halaman – elemen interaktif dan animasi yang dapat menarik perhatian dan melibatkan pengunjung website.

Bahasa Ini adalah bahasa pemrograman web di sisi klien, yang bermakna kode tersebut menjalankan di browser web pengguna. Dengan adanya teknologi Node.js dan lainnya, bahasa ini juga dapat berfungsi sebagai bahasa sisi server, memproduksinya sangat multiguna. JavaScript berfungsi untuk merekayasa web front-end dan bekerja erat dengan HTML dan CSS.

Jikalau Anda pernah memakai kotak telusur atau search box di beranda (homepage), maka akan mengoreksi skor pertandingan olahraga langsung di situs berita, atau menonton video, kemungkinan besar JavaScript adalah yang memulai dan menjalankannya untuk Anda dan Mereka. 

JavaScript berjalan paling sering di front-end dan berjalan sepenuhnya sebagai mesin yang merupakan bagian dari web browser pengguna. Tentu saja, ada pengecualian untuk aturan ini seperti yang disebutkan dalam penyebutan singkat Node.js. Akan tetapi biasanya, JavaScript berfungsi secara lokal dan hanya di dalam web browser pengguna.

Berikut adalah beberapa kelebihan Javascript

- Lebih mudah dipelajari jika dibandingkan dengan bahasa pemrograman lainnya;

- Error atau kesalahan lebih mudah dicari dan ditangani;

- Anda dapat menggunakan JavaScript untuk memvalidasi input dan mengurangi keinginan untuk mengecek data secara manual;

- Dengan JavaScript, website Anda menjadi lebih interaktif dan juga mampu menarik perhatian lebih banyak pengunjung;

Adapun kekurangan JavaScript, yaitu sebagai berikut:

- Berisiko tinggi terhadap eksploitasi;

- Dapat dimanfaatkan untuk mengaktifkan kode berbahaya di komputer pengguna;

- Tidak selalu didukung oleh berbagai browser dan perangkat;

- JS code snippet agak banyak;

- Dapat di-render secara berbeda pada masing-masing perangkat yang malah mengarah ke inkonsistensi atau tidak konsisten.

6. PHP (Personal Home Page atau Hypertext Preprocessor)

PHP merupakan bahasa pemrograman script server-side yang didesain untuk merekayasa web. PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group. Situs resmi PHP beralamat di http://www.php.net.

PHP disebut dengan bahasa pemrograman server side karena PHP diolah pada komputer server. Pada mulanya PHP yaitu singkatan dari Personal Home Page. Sesuai dengan namanya, PHP diterapkan untuk membuat website pribadi. Dalam beberapa tahun perkembangan kemudian, PHP akan menjelma menjadi bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk membuat halaman web sederhana, melainkan juga website populer yang diaplikasikan oleh jutaan orang seperti wikipedia, wordpress, joomla, dll. Sekarang PHP merupakan singkatan dari PHP: Hypertext Preprocessor.

PHP dapat diaplikasikan dengan gratis (free) dan bersifat Open Source.

Untuk memproduksi web, kode PHP biasanya di masukkan ke dalam dokumen HTML. Oleh Karena fitur inilah PHP disebut juga sebagai Scripting Language atau bahasa pemrograman script.

Contoh penggunaan PHP, seperti kita ingin membuat list dari nomor 1 sampai dengan nomor 10. Dengan memakai HTML murni, kita bisa memproduksinya secara manual seperti dalam kode sebagai berikut : 

PHP tidak saja dapat melakukan pengulangan tersebut, melainkan masih banyak hal lain yang bisa kita lakukan dengan PHP, seperti memasukkan data ke database, menghasilkan gambar, mengkonversi halaman text menjadi PDF, mengatur cookie dan session.

7. Server

Dalam Secara umum, pengertian server ini yaitu sejenis tempat penyimpanan data atau informasi yang berguna untuk dapat memberikan layanan (service) kepada client yang terhubung dengannya.

Dalam konsep peer to peer, sebuah komputer bisa berperan sebagai server, klien atau keduanya. Misalkan saja, apabila Anda menggunakan komputer untuk mengakses website milik pengguna lain, maka Anda menjadi komputer klien. Namun, apabila pengguna lain memakai komputernya untuk mengakses website Anda maka Anda menjadi server.

Adapun Pendapat lain juga mengatakan, bahwa pengertian server ini yaitu suatu sistem komputer yang berguna untuk memberikan layanan serta mengoreksi akses tiap-tiap klien yang terhubung dengan sebuah jaringan komputer. Suatu server didukung oleh prosesor, RAM, serta sistem operasi khusus yang disebut dengan sistem operasi jaringan (network operating system).

Pada dasarnya kegunaan server ini yaitu untuk melayani permintaan dari komputer client, baik itu permintaan data, file, aplikasi, dan lainnya. 

Pada dasarnya cara kerja server serta klien sangat sederhana, yakni server sebagai penyedia data serta client sebagai peminta data.

Misalnya ; pada saat kita membuka sebuah website X pada browser, dalam hal tersebut komputer kita bertindak yakni sebagai klien serta server dari website X itu bertindak yakni sebagai server.

Server website X itu menerima serta memproses permintaan klien. Selanjutnya, server website X tersebut mengirim data sesuai dengan permintaan klien dan juga muncul di layar monitornya.

Ada beberapa jenis server menurut fungsinya. Beberapa jenis server tersebut di antaranya :

Web Server, merupakan server yang menyimpan semua konten suatu website dan berkomunikasi dengan komputer klien menggunakan HTTP.

Proxy Server, server yang membatasi permintaan data dan mengawasi kinerja koneksi antar jaringan. Proxy server juga berperan sebagai gerbang penghubung yang memungkinkan berbagi file antara jaringan lokal dengan jaringan luar (internet).

Virtual Server, yaitu server yang berfungsi untuk menciptakan beberapa server virtual dari sejumlah server fisik.

Telnet Server, server yang berguna untuk mengendalikan komputer dengan cara log in dan log out komputer host.

Mail Server, server yang berguna untuk menyimpan aneka macam surat elektronik serta mengurusi permintaan klien.

FTP Server, yaitu server yang berguna untuk mengendalikan pertukaran data yang terjadi di suatu jaringan.

News Server, yaitu server yang menyebarkan beragam berita melalui suatu jaringan berita.

Aplikasi Server, yaitu  server yang mengolah perintah dari klien kemudian menghubungkan klien dengan database.

Audio dan Video Server, server yang menyimpan semua file multimedia pada suatu website.

Cara kerja server secara sederhana yaitu untuk memenuhi permintaan klien. Sebagai contoh, pada web server, jika Anda mengakses suatu alamat website menggunakan browser, maka komputer yang Anda pakai berperan sebagai komputer klien. Komputer client meminta informasi website kepada web server.

Web server kemudian akan mengirimkan informasi atau data berupa isi website ke komputer Anda sesuai dengan permintaan sehingga isi halaman website bisa diakses. Cara kerja server jenis lainnya sedikit berbeda, tetapi prinsipnya tetap sama yaitu melayani permintaan data dari klien yang terhubung dalam satu jaringan. Akan tetapi, baik jenis permintaan data maupun informasi yang diminta klien berbeda sesuai dengan jenis servernya.

Contoh  Tampilan Server

8. Web Server

Web Server merupakan sebuah software yang berfungsi untuk menerima dan melayani permintaan yang dikirimkan user melalui browser kemudian ditampilkan kepada user sesuai dengan permintaan yang dikirimkan ke server. Bisa dikatakan web server yaitu pusat kontrol yang berguna untuk mengolah permintaan yang diterima dari browser. Layanan ini juga bisa merujuk sebagai software atau hardware. Adapun Web Server berbasis Software berguna sebagai pusat kontrol untuk mengolah permintaan yang diterima dari browser dan menampilkan sesuai dengan permintaan. 

Cara kerjanya, sudah sedikit disinggung pada pengertian sebelumnya, Secara sederhana tugas web server yaitu menerima permintaan yang berasal dari klien kemudian mengirimkannya kembali dalam bentuk berkas kepada si klien tersebut. Perangkat lunak pada web server terdapat di komputer server yaitu  tempat menyimpan data-data website. Disamping itu, komputer server membutuhkan akses internet agar tetap terhubung sehingga dapat diakses oleh klien. Ketika klien atau browser melakukan permintaan data kepada web server maka permintaan data tersebut akan dikemas pada TCP kemudian akan dikirimkan ke alamat yang dibutuhkan yaitu HTTP atau HTTPS untuk ditampilkan kembali pada browser. Berbeda dengan jika data yang diminta tersebut tidak dapat ditemukan pada web server maka secara otomatis web server akan menolak adanya permintaan tersebut dengan menampilkan notifikasi Page Not Found atau Error 404.

Contoh Tampilan web server

9. Database

Database yaitu berbagai kumpulan data yang saling berhubungan disimpan secara sistematis diberbagai perangkat komputer. Fungsi database, yaitu:

1. Menyediakan sistem akses cepat.

2. Mengurangi kerangkapan data dan redudancy atau kerancuan data.

3. Memungkan adanya updating atau perubahan secara bersama.

4. Menyediakan sistem yang memungkinkan dilakukan merekayasa database.

5. Memberikan perlindungan dari pihak pemakai tidak berhak.

Perangkat lunak database :

A. MySQL atau Maria db

Yaitu sebuah perangkat lunak pada sistem manajemen basis data SQL atau DBMS (database management system) yang multithread, multi user, dengan sekitar 6 juta instalasi diseluruh dunia. Pendiri MySQL adalah David Axmark. Allan Larson dan Michael Monty Widenius.

B. Microsoft SQL Server

Adalah sebuah sistem manajemen basis data relasional ( RDBMS ) produk Microsoft. Bahasa kueri utamanya yaitu Transact-SQL yang merupakan implementasi dari SQL standar ANSI/ISO yang diterapkan oleh Microsoft dan Sybase. Fitur yang lain dari SQL Server ini yaitu kemampuannya untuk membuat basis data mirroring dan clustering.

C. Microsoft Access

Yaitu program aplikasi basis data komputer relasional yang ditujukan untuk kalangan rumahan dan perusahaan kecil hingga menengah. Aplikasi ini yaitu anggota dari berbagai aplikasi Microsoft Office, selain dari Microsoft Word, Microsoft Excel, dan Microsoft PowerPoint. Aplikasi ini memakai mesin basis data Microsoft Jet Database Engine, dan juga memakai tampilan grafis yang intuitif sehingga memudahkan penggunaannya.

D. Oracle Database

Yaitu database keluaran dari Oracle, Selain itu Database ini mendapatkan rekor tertinggi dibanding dengan pesaingnya untuk kategori kemampuan kritis dalam pengoperasian Sistem Manajemen Database. Selain itu, oracle database digunakan oleh merk merk besar seperti Epson, Paysafe, Wargaming, dll.

E. Firebird

Firebird atau disebut juga FirebirdSQL yaiti sistem manajemen basis data relasional yang menawarkan fitur-fitur yang terdapat dalam standar ANSI SQL-99 dan SQL-2003. RDBMS ini berjalan baik di Linux, Windows maupun pada sejumlah platform Unix. Firebird di arahkan dan di-maintainance oleh FirebirdSQL Foundation. Ini merupakan turunan dari Interbase versi open source milik Borland.

10. Dynamic Website

Website Dinamis (Dynamic Website) adalah jenis halaman web yang disusun oleh konten dan layout yang  akan berbagai informasi didalamnya. Dinamakan website Dinamis  atau disebut juga Website Dinamis karena kontennya dapat berubah-ubah. Dengan demikian, adanya program yang berjalan untuk mengatur perubahan data yang ditampilkan dalam website Dinamis tersebut. Halaman web yang dibuat dengan menggunakan bahasa server seperti PHP, Perl, ASP, ASP.NET, JSP, ColdFusion dan bahasa yang lainnya. Jenis website Dinamis ini sangat cocok untuk website E-Commerce yang membutuhkan update data secara terus menerus. Dalam pemeliharaan website Dinamis pun lebih mudah daripada Website Statis karena dapat menggunakan Content Management System (CMS).

Kelebihan dan Kekurangan dari Website Dinamis

Kelebihan

1. Tampilannya lebih menarik

2. Konten dan layoutnya dapat berubah-ubah

3. Menggunakan dynamic html (DHTML)

4. Menggunakan pemrograman server untuk mengatur perubahan data

5. Dapat menggunakan CMS untuk mengubah konten website

6. Konten halaman dan Layout halaman dibuat terpisah, sehingga loading halaman lebih cepat

7. Dapat menggunakan database untuk menyimpan konten

Kekurangan

Terkesan lebih kompleks, sehingga sulit dalam pencarian Search Engine

Cara Kerja Website Dinamis

11. Static Website

Website statis merupakan website yang mempunyai  konten yang statis atau tidak berubah. Informasi yang terkandung di dalamnya tidak bisa di update melalui aplikasi website tersebut tetapi harus merubah scipt yang ada di dalamnya. Umumnya website ini dibuat menggunakan kode HTML, jadi hanya developer website saja yang bisa mengubah isi dari konten website.

Kegunaan statistik web

Statistik web berfungsi untuk melihat seberapa popular sebuah website, seberapa banyak orang yang berkunjung setiap bulan, berapa bandwidth yang dibutuhkan, dll.

Terkadang kalau sebuah website ingin dijual atau ingin menawarkan penempatan iklan banner, maka harganya ditentukan salah satunya dari statistik webnya. Semakin popular dan meluas trafik ke sebuah website, harganya jadi semakin mahal atau tidak murah.

cara kerja program penghasil statistik web

Setiap request ke website Anda (baik itu berupa gambar, teks, ataupun bahkan URL/alamat yang tidak ditemukan sekalipun) akan menghasilkan sebuah hit yang dicatat di sebuah baris di log webserver. Program menganalisis log webserver seperti Awstats atau Webalizer akan membaca baris demi baris log ini lalu meresume menjadi laporan statistik. Setelah diringkas, data mentah dalam bentuk log webserver bisa dihapus atau dikompres

Contoh Tampilan Website Statis

12. Native Website Metadata

Meta Tag atau Metadata adalah unsur-unsur atau bagian-bagian dari struktur kode HTML yang berguna untuk merekam atau mendokumentasikan setiap halaman dari website atau situs yang telah di publikasikan melalui aspek tertentu dari setiap halaman.

Meta tag bukanlah alat utama untuk mengoptimasi sebuah situs terhadap mesin pencari google. Meta tag hanya sebagai alat tambahan yang di pakai oleh situs sebagai sumber referensi yang akan di pertimbangkan oleh google atau mesin pencari lainnya.

Jika meta tag atau metadata yang di hubungkan pada situs anda sesuai dengan pemahaman alogaritma google, maka akan memungkinkan blog atau website anda akan lebih mudah di temukan oleh google untuk di tampilkan pada pembaca di halaman pertama. Akan tetapi, hal ini tidak akan lepas dari kualitas utama dari blog anda dan cara kita mengatur blog kita. Ada beberapa meta tag yang akan keluar di hasil pencarian, dan hal tersebut yang akan di klik oleh pembaca.

Kerangka Meta Tag atau Metadata

A. Meta tag Judul

Meta Tag judul tampil di bagian teratas dari jendela browser. Tidak boleh membuat judul yang terlalu panjang. Hal ini sangat dianjurkan karena judul yang pendek sangat dipilih oleh google. Tulislah judul yang merefleksikan isi blog anda. Tag judul ini kemudian yang akan tampil di mesin pencarian google yang bisa muncul langsung oleh pembaca.  Setiap judul yang dipakai di setiap halaman web  harus berbeda-beda dan bersifat unik atau tidak sama.

B. Meta Tag Deskripsi

Tag Deskripsi pada blog atau website yaitu judul blog yang akan dipakai oleh Google ketika memberikan hasil pencarian yang di ketikkan oleh calon pembaca. Pakailah dua atau tiga kalimat yang singkat untuk menulis tag deskripsi. Tujuan dari adanya tag ini yaitu untuk memberikan penjelasan yang lebih detail tentang sebuah blog atau website. Di samping itu juga untuk meyakinkan kepada pembaca kita bahwa apa yang di cari oleh mereka bisa di temukan di blog kita. Supaya Google bisa menemukan artikel kita, sebaiknya pakailah kata kunci yang paling penting untuk dimasukan kedalam komponen meta tag ini. Sebaiknya tidak dianjurkan memakai kata-kata yang bersifat superlatif (yang terbaik, yang terindah, yang terhebat, dan lainnya). Kata-kata  seperti ini kurang di minati oleh Google dan juga para pembaca.

C. Meta tag Kata Kunci (keyword)

Meta tag seperti ini sebenarnya kurang begitu pantas bagi google, tetapi harus tetap di gunakan sebagai alat untuk mendokumentasikan sebuah blog atau website. Untuk membuat tag ini, pakailah 5 kata yang paling sesuai dengan blog kita, dan masukkan yang cocok dengan urutan esensialnya. Tidak disarankan memakai kata kunci yang tidak menyambung dengan isi blog anda.

D. Meta Tag “nama file ini didalam server”

Fungsi dari adanya meta tag ini hanya sebagai sumber yang akan terbantu oleh pembaca dan google untuk mengerti blog anda. Catatan, nama file harus mirip dengan nama halaman, dan kalimat-kalimat pendek dari deskripsi isi artikel. Nama file mengambil sumber kepada google untuk mengerti isi artikel kita. Untuk itu, sebaiknya cermatilah ketika Anda ingin mengubahnya. Jika nama dari sebuah alamat halaman berubah, maka alamatnya juga akan berubah seperti namanya.  Tautan yang digunakan untuk menautkan halaman artikel Anda juga akan menghampa. Sebaiknya  memilah nama file dengan lebih cermat supaya Anda tidak perlu mengubahnya di waktu yang akan datang. Pastikan bahwa search engines akan mengerti dan memusatkan perhatiannya pada hal-hal yang penting dalam situs anda.

Contoh Metadata pada file HTML Halaman Website<head>

<meta name=”description” content=”UIN Syarif Hidayatullah Jakarta | PERPUSTAKAAN Prof. Dr. Nurcholish Madjid.”>

</head>

UIN Syarif Hidayatullah Jakarta | PERPUSTAKAAN Prof. Dr. Nurcholish Madjid.

13. Open Graph Metadata

Banyak istilah yang tampil mengenali Open Graph Metadata. Seperti open graph (saja), open graph tags, open graph meta tags. Akan tetapi, garis besarnya yaitu, Open Graph adalah bahasa pemrograman untuk memunculkan pratinjau/preview thumbnail dari sebuah situs. Open graph ini pertama kali dilaunching oleh Facebook pada tahun 2010. Open graph ini juga sangat luar biasa digunakan di Facebook feed, contohnya  seperti ini…

Gambar di atas  adalah hasil dari Open Graph Metadata. Terdapat pada gambar, URL, dan judul.

Bahasa pemrograman ini didasarkan pada The Open Graph Protocol. Terdapat 4 basis metadata yaitu Title, Image, URL, dan  Type. Kemudian ada juga opsional metadata misalnya description, audio, video, dan lain-lain. Selain basis/opsional metadata, juga masih banyak lagi istilah-istilah lainnya yang bisa dibuka disini. https://ogp.me/

14. UI (User Interface)

User Interface merupakan  visual dari website, aplikasi software atau device hardware yang memastikan bahwa bagaimana seorang user dengan berinteraksi dengan aplikasi atau website tersebut serta bagaimana cara menampilkan informasi di layarnya. User interface yaitu menggabungkan konsep desain visual, desain interaksi, dan infrastruktur informasi serta komunikasi metadata. 

Tujuan adanya user interface yaitu untuk meningkatkan usability dan tentunya dengan adanya user experience. 

Penyerupaannya bisa dijelaskan sebagai berikut, contohnya anda mengunjungi sebuah kantor, dan ketika Anda sampai kantor tersebut pasti yang terlintas di pandangan anda pertama kali yaitu tampilan luar kantornya, misalnya melihat halaman depan kantor, letak pintu utama, jendela, dan sebagainya. Inilah disebut dengan UI atau user interface.

Contoh Tampilan User Interface

15. UX (User Experience)

User experience yaitu pengalaman pengguna dalam berinteraksi/menggunakan produk digital Anda. Pengalaman ini dapat dilihat dari betapa gampangnya pengguna untuk mendapatkan apa yang mereka inginkan dari produk tersebut.

Dengan demikian, user experience produk yang menarik tidak akan menyusahkan pengguna untuk mencapai tujuan mereka. Baik dari desain UI yang friendly, produk yang mudah untuk diakses, menu yang tidak bertele-tele, dan sebagainya. 

Namun, user experience yang tidak menarik membuat pengguna putus asa karena kesusahan untuk mendapatkan apa yang mereka inginkan. Akibatnya, ada banyak dampak negatif yang akan terjadi kepada Anda.

Contoh Tampilan User Experience 

16. Frontend Language for website Development

Pengembangan Front End yaitu Bagian dari situs web yang berhubungan langsung dengan pengguna disebut sebagai ujung depan. Bahasa Ini juga disebut sebagai 'sisi klien' dari aplikasi. Ini mencakup semua yang dialami pengguna secara langsung: warna dan gaya teks, gambar, grafik dan tabel, tombol, warna, dan menu navigasi. HTML, CSS, dan Javascript adalah bahasa yang digunakan untuk merekayasa Front End.

Frontend Language atau Bahasa Ujung Depan: Bagian ujung depan dibuat dengan menggunakan beberapa bahasa yang dibahas di bawah ini:

HTML merupakan singkatan dari Hyper Text Markup Language. Ini digunakan untuk mendekorasi bagian ujung depan halaman web menggunakan bahasa markup. HTML yaitu kombinasi dari bahasa Hypertext dan Markup. Hypertext mendefinisikan link antar halaman web. Bahasa markup difungsikan untuk mendefinisikan dokumentasi teks di dalam tag yang mendefinisikan struktur halaman web.

CSS: Cascading Style Sheets atau sering disebut sebagai CSS merupakan bahasa yang dirancang sederhana yang dimaksudkan untuk merampingkan proses pembuatan halaman web yang rapi. CSS memungkinkan Anda mengaplikasikan gaya ke halaman web. Lebih penting lagi, CSS memungkinkan Anda melakukan ini terlepas dari HTML yang mengurut setiap halaman web.

JavaScript: JavaScript yaitu bahasa skrip terkenal yang difungsikan untuk menciptakan keajaiban di situs untuk memproduksi situs interaktif bagi pengguna. Ini digunakan untuk meningkatkan fungsionalitas situs web untuk menjalankan game keren dan perangkat lunak berbasis web.

Contoh Tampilan Frontend Language for website development 

17. Backend Language for website development

Backend language fo website development yaitu bahasa pemrograman dalam pengembangan belakang layar dalam sebuah situs. Bahasa pemrograman untuk Backend development yaitu Golang, Java, PHP, Phyton, dan Ruby.

A. Golang

Golang yaitu bahasa pemrograman yang relatif terbaru, dikembangkan dan dirilis oleh Google pada tahun 2009. Golang dengan cepat menjadi populer di kalangan developer dari seluruh dunia karena fleksibilitas, skalabilitas, dan kompatibilitas yang paling baik dengan teknologi lainnya. Menurut laporan Madnight, golang yaitu bahasa pemrograman yang paling laju berkembang di GitHub pada tahun 2018 dan popularitasnya akan terus merangkak naik.

B. Java

Java pertama kali muncul pada tahun 1995, dan sejak itu sudah dianggap sebagai salah satu bahasa pemrograman yang paling tahan dan dapat dipercaya untuk merekayasa backend. Dalam hal fungsionalitas dan sekuritasnya, sejumlah perusahaan menggunakannya untuk memenuhi kebutuhan mereka dalam membangun aplikasi sisi server yang canggih dan kuat. 

Java memungkinkan merekayasa untuk memproduksi situs web dan platform dengan jumlah data yang besar, aplikasi untuk perangkat Android, perbankan web, dan aplikasi fintech. Java menawarkan tingkat keamanan yang tinggi dan mengurangi risiko yang terkait dengan kebocoran data. Oleh karena itu, komponen Java banyak digunakan untuk menyelesaikan tugas-tugas sukar mengenai logika komersial dan masalah sekuritas dalam aplikasi web perusahaan.

C. PHP

PHP amat baik untuk merakayasa halaman web, toko online, dan membangun CMS yang kuat (salah satu CMS paling gemari, WordPress, juga ditulis dalam PHP). Pada tahun 2015, PHP diperbarui versi ke-7. Ada banyak pembaruan yang membuatnya lebih cepat dan lebih aman. Peningkatan kinerja yang menjadikannya pilihan yang paling ideal untuk platform eCommerce besar dan beban terlalu tinggi, serta situs web dinamis. Berbagai tolok ukur untuk mengkonfirmasi keuntungan dari versi PHP yang diperbaharui. Keunikan PHP di antara bahasa pemrograman lainnya adalah dokumentasinya yang tertata dengan baik. Sumber daya PHP resmi mencakup informasi menyeluruh tentang semua fitur bahasa dan menyediakan selesaian. Karena PHP memiliki logika dan sintaksis yang intuitif, perekayasa yang memiliki pengalaman dalam pengkodean dapat menulis kode pertama mereka di PHP setelah hanya beberapa hari latihan.

D. Phyton

Python merupakan bahasa pemrograman universal yang dapat digunakan untuk hampir semua task yang berkaitan dengan backend perangkat lunak. Python mencakup merakayasa aplikasi web dan desktop, game, pembuatan prototipe, dll. Python memiliki sintaksis yang lebih sederhana dibandingkan dengan bahasa pemrograman backend lainnya, sebab ini bagi para pengembang yang ingin memulai pengkodean dalam waktu yang singkat dapat memilih Python untuk langkah pertama dalam merekayasa perangkat lunak di sisi server.

E. Ruby

Ruby memiliki komunitas aktif dengan dokumentasi yang mengagumkan dan dependensi open-source yang mengesankan. Selain itu, kode Ruby ​​sederhana dan juga meluas. Dengan memakai framework Ruby on Rails, developer dapat menyalakan dan menjalankan API RESTful dan melayani sumber daya CRUD dalam hitungan jam. Bukan hanya prototipenya saja, tetapi API juga berfungsi sebagai keamanan, tes unit, tes fungsional, dan basis data. Itulah 5 bahasa pemrograman terbaik untuk merekayasa web back-end.

Contoh Tampilan Backend Language for website development

18. API (Application Programming Interface)

API merupakan pendampingan perangkat lunak yang menghubungkan dua aplikasi untuk berinteraksi satu sama lain.

Cara Kerjanya : API berbicara melalui serangkaian aturan yang menentukan bagaimana komputer, aplikasi atau mesin dapat berkomunikasi satu sama lain. Web API bertindak sebagai pendampingan antara dua mesin yang ingin terkoneksi satu sama lain untuk tugas tertentu.

Contoh yang paling simpel adalah ketika Anda masuk ke Whatsapp dari ponsel, Anda memberi tahu aplikasi whatsapp  bahwa Anda ingin mengakses akun Anda. Aplikasi seluler melakukan panggilan ke Web API untuk mengambil akun whatsapp dan data Anda. Whatsapp kemudian akan mengakses informasi ini dari salah satu servernya dan mengembalikan data ke aplikasi seluler.

Contoh Tampilan  API

19. CMS (Content Management System)

Content Management System (CMS) merupakan perangkat lunak (software) yang digunakan untuk menambahkan atau memanipulasi (mengubah) isi dari suatu situs web. 

CMS terdiri dari 2 elemen yaitu

1. CMA (Content Management Application)

CMA digunakan untuk mengelola konten dengan mudah, dan biasanya tidak memerlukan pengetahuan khusus dalam bahasa pemrograman web seperti HTML, CSS, Javascript, dan PHP.

2. CDA (content delivery application)

CDA memakai dan mengumpulkan informasi-informasi yang sebelumnya sudah ditambah, dikurangi atau diubah oleh pemilik situs web untuk memperbaharui situs web tersebut. 

CMS pada umumnya mempunyai 2 tampilan, tampilan pertama admin yang berguna untuk mengubah tampilan web, memposting artikel atau konten dan juga untuk mengkoneksikan ke database. selain tampilan admin ada juga tampilan user atau front, yang muncul saat diakses publik.

Tanpa konten sistem manajemen, jika kamu ingin membuat sebuah konten di website, maka kamu perlu berurusan dengan HTML dan meng-upload-nya ke server. Dengan CMS seperti WordPress, kamu bisa menuliskan konten kamu dengan tampilan yang lebih ramah dan familiar seperti Microsoft Word.

Fungsi CMS (Content Management System)

1. Mengelola website pribadi

2. Mengelola website perusahaan/bisnis

3. Portal atau website komunitas

4. Galeri foto, dan lain sebagainya

5. Forum

6. Aplikasi E-commerce

CMS yang sering digunakan :

A. Drupal

B. Joomla

C. WordPress

D. Plone

E. VBulletin

F. Moodle

G. MediaWiki

H. Opencart

I. PrestaShop

Contoh Tampilan CMS

20. Algoritma

Algoritma merupakan urutan langkah logis yang digunakan untuk meresolusi suatu permasalahan. Singkatnya, sebuah masalah harus diselesaikan dengan beberapa langkah yang logis. Dalam kehidupan sehari-hari, contoh algoritma bisa digambarkan dengan berbagai macam hal. 

Algoritma disusun secara logis dan sistematis atau terurut. Setiap langkah di dalam algoritma haruslah memiliki nilai benar maupun salah. Dalam konteks tertentu, algoritma menjadi sebuah urutan langkah dalam melakukan pekerjaan khusus. Pertimbangan pengambilan algoritma juga menjadi hal penting supaya keluaran yang dihasilkan baik.

Menilik manfaat dari algoritma, tentu membuat Anda sedikit banyak harus mengerti fungsinya pula. Algoritma pada umumnya digunakan untuk membantu setiap orang yang ingin memindahkan sebuah permasalahan ke bahasa pemograman. Dari fungsinya ini, algoritma adalah hasil dari pemikiran yang terkonsep sehingga perintah dalam algoritma dapat dilaksanakan oleh komputer lewat bahasa pemograman.

Dalam pemanfaatannya, fungsi pembuatan algoritma digunakan pada pemecahan masalah program yang rumit. Baik program sederhana maupun besar, sama-sama dapat dipecahkan dengan algoritma. Fungsi lainnya dari pemanfaatan algorima yaitu penggunaannya yang berulang kali. Algoritma juga memudahkan pembuatan program yang dikerjakan programmer. Lewat algoritma, Anda dapat melakukan pendekatan top down maupun divide and conquer.

Contoh Tampilan Algoritma

21. Sistem operasi

Operating System (OS) atau sistem operasi yaitu salah satu perangkat lunak atau software yang bertanggung jawab untuk mengatur atau mengontrol kerja perangkat keras atau hardware dan menjalankan aplikasi atau software didalam suatu sistem komputer.

Sistem operasi memiliki penjadwalan yang sistematis mencakup perhitungan penggunaan memori, pemrosesan data, penyimpanan data, dan sumber daya lainnya.

Contoh sistem operasi modern yaitu Linux, Android, iOS, Mac OS X, dan Microsoft Windows.

Cara Kerja Sistem Operasi

Beberapa fungsi utama dari sistem operasi adalah sebagai berikut :

1. Menjalankan operasi dasar

2. Mengatur kerja hardware dan software

3. Wadah program atau aplikasi

4. Menyajikan tampilan gambar dan video

5. Mengkoordinasi kerja perangkat komputer

6. Mengoptimalkan fungsi perangkat komputer

7. Mengontrol dan melindungi jalannya suatu fungsi program

Contoh Tampilan Sistem Operasi

22. WAF Website Appliancation Firewall

WAF (Web Application Firewall) yaitu sebuah susunan filter yang berfungsi untuk memfilter, memantau, dan melakukan blocking terhadap data yang berasal dari client ke sebuah webserver

WAF memiliki filter khusus untuk meredam SQL Injection, XSS Attack dan sebagainya

Berikut merupakan beberapa macam serangan yang dapat terjadi pada website.

A. Hidden field manipulation

B. Cookie poisoning

C. Parameter tampering

D. Buffer overflow

E. Cross Site Scripting (XSS)

F. Backdoor or Debug options

G. Stealth commanding

H. Forced browsing

I. Third party misconfigurations

J. Known vulnerabilities

Berikut ini adalah gambaran kerja dari WAF. Dimana WAF menjadi pelindung bagi data agar tetap aman dari pencuri data.

23. Text editor

Text Editor yaitu suatu software aplikasi atau program komputer yang memungkinkan penggunanya untuk membuka, melihat, memproduksi, menyimpan, dan mengubah atau mengedit file teks yang ada berupa teks biasa (plain text file). Text editor dapat difungsikan untuk menyisipkan pernyataan sumber bahasa program atau untuk memproduksi dokumen seperti manual teknis.

Sebagian besar komputer masa sekarang dilengkapi dengan text editor versi dasar, atau anda dapat mengakses free web text editors secara online. Jika anda menggunakan Apple MacBook, misalnya, aplikasi Notes secara teknis adalah text editor. Jika anda memakai komputer berbasis Windows, anda dapat memakai Notepad ++, yaitu program pengeditan teks dasar yang memungkinkan anda memproduksi  dokumen. Selain itu, ada batasan fungsi Notepad atau Notes.

Jika ingin memproduksi dokumen dengan level yang lebih tinggi atau membutuhkan lebih banyak fungsi, maka dibutuhkan text editor yang lebih canggih. Terutama berlaku jika anda mulai mempelajari coding.

Software programmers dan web developers memakai text editor untuk menulis dan mengedit dalam programming dan markup languages. Ini merupakan salah satu fungsi utama text editor. Text editor mempunyai banyak fitur untuk membantu pengguna membaca dan menulis kode. Beberapa text editor menyertakan fitur seperti syntax highlighting, code folding. Auto-completion, scripting, auto-indentation, markup languages, dan tools yang membantu dalam debugging.

Biasanya, editor teks menyiapkan layar tampilan "kosong" (atau "halaman yang dapat digulir") dengan panjang garis tetap dan nomor baris yang terlihat. Pengguna kemudian dapat mengisi baris dengan teks, baris demi baris. Baris perintah khusus memungkinkan pengguna berpindah ke halaman baru, menggulir maju atau mundur, memproduksi perubahan menyeluruh dalam dokumen, menyimpan dokumen, dan melakukan tindakan lain. Setelah menyimpan dokumen, pengguna dapat mencetak atau menampilkannya. Sebelum mencetak atau menyajikannya, pengguna dapat memformatnya untuk beberapa perangkat output atau kelas perangkat output tertentu.

Fungsi text editor: 

1. Menulis kode program

2. Mencari kata pada sebua file atau program

3. Mengurutkan data yang ada

4. Membandingkan satu file dengan file lain

Contoh text editor:

A. Sublime-Text

Sublime  Text  yaitu aplikasi editornya para programer web, mendukung  berbagai  bahasa  pemrograman dan mampu menampilkan fitur  syntax  highlight hampir di semua bahasa pemrogramman didukung oleh sublime text ini.

B. Atom

Atom yaitu text editor open source tersedia untuk platform OS X, Linux, dan Windows. Atom ini dibuat oleh GitHub dengan Sublim Text sebagai referensinya

C. Vim

Vim atau disebut Vi Improved memungkinkan pengguna untuk melakukan segala sesuatu hanya memakai keyboard dan berbekal shortcut.

D. Brackets

Brackets yaitu text editor yang secara khusus dikembangkan untuk tujuan web design dan front-end development yang diusung oleh Adobe secara open source.

Contoh Tampilan Text editor

24. VPS

Virtual Private Server (VPS) yaitu virtual machine yang dijual sebagai layanan oleh hosting provider, dalam VPS user bisa mengakses dan mengelola seluruh aspek software dari server termasuk akses administrator di sistem oprasi server sampai aplikasi yang akan di implementasikan di server tersebut. Sebuah physical server dibagi menjadi beberapa virtual private sever sehingga setiap VPS terlihat dan bekerja seperti sebuah server mandiri yang sebenarnya. Setiap VPS memiliki Full Root Acces, Sistem Operasi, dan perbaikan sendiri untuk init script, users, pemrosesan, filesystem, dan sebagainya termasuk resources server seperti CPU dan RAM yang berdiri sendiri. Berbeda dengan shared hosting yang menggunakan resource server bersama- sama dan saling mempengaruhi, proses yang berjalan pada suatu VPS tidak akan mempengaruhi VPS yang lain dalam satu server.

Karena sifat VPS yang terisolasi, VPS dapat digunakan sebagai pengujian sebuah software. Sebagai contoh, sebuah server fisik mungkin memiliki dua virtual private server berjalan: satu tuan rumah, dan yang kedua rumah salinannya. Ketika perubahan kepada bagian-bagian penting dari perangkat lunak harus dibuat, mereka dapat diuji dalam VPS kedua, memungkinkan untuk rincian pengujian yang akan dilakukan tanpa memerlukan beberapa server fisik. Virtual private server juga kadang-kadang digunakan sebagai honeypots, yang memungkinkan sebuah mesin dengan sengaja menjalankan software dengan keamanan yang diketahui cacat tanpa membahayakan sisa server.

Cara kerja VPS dimulai dari server fisik berupa komputer yang divirtualisasi. Di server inilah tempat di mana kamu dan seluruh user lain menyimpan file dan database yang dibutuhkan untuk website. Nantinya, browser yang digunakan oleh user akan mengirimkan sebuah permintaan kepada server, Server akan melayani user sesuai permintaan untuk kemudian server mentransfer file yang diinginkan ke pengunjung melalui jaringan komputer.  Pada saat proses menerima dan mengirimkan service itulah VPS bekerja. Jadi VPS tugasnya yaitu menerima dan mengesend service kepada user. Dan cara kerjanya sesuai dengan penjelasan di atas tadi.

Contoh Tampilan VPS

25. Hosting

Web hosting yaitu sebuah komputer yang terpasang ke  internet & dipergunakan untuk menyimpan data website agar dapat diakses secara daring (dalam jaringan).

Cara Kerja Web Hosting

Ketika Anda mengakses sebuah website (baik memakai IP Address maupun nama domain) melalui browser yang memakai network protocol HTTP, internet akan mengirimkan permintaan akses kepada server hosting. Selanjutnya, server akan mengirimkan informasi file yang diminta ke komputer melalui internet yang selanjutnya diterjemahkan oleh web browser dalam bentuk tulisan dan gambar.

Contoh Tampilan web hosting

26. Dedicated Server

Dedicated server yaitu situs web Anda memiliki server sendiri yaitu menyewa server dengan menawarkan kekuatan dan fleksibilitas luar biasa, namun biasanya datang dengan harga premium. Oleh karena itu, penting untuk Anda melakukan riset sebelum memilih untuk memakai layanan ini.

Seperti yang Anda ketahui, shared hosting menyimpan situs Anda di server dengan ratusan situs lainnya. Untuk blog pribadi atau bisnis yang sangat kecil, opsi ini cukup. Namun, itu bukan opsi terbaik untuk kinerja, dan Anda juga kehilangan fleksibilitas karena Anda tidak dapat mengkonfigurasi sendiri (karena Anda harus berbagi resource dengan orang lain).

Contoh Tampilan Dedicated server

Demikian hasil pemaparan tentang materi definisi dan cara kerja pengembangan situs web. Mudah-mudahan tentang materi ini bisa diterapkan di dunia kerja dan di praktekkan dalam kehidupan sehari-hari. Aaamiiinnn..

Kurang lebih mohon maaf ada kesalahan dan kekhilafan dalam pengerjaan mohon di maafkan 

Wabillahi Taufik wal hidayah 

Wassalamualaikum wr.wb 

Terimakasih dan sampai berjumpa di pembahasan berikutnya

Semoga bermanfaat

Sumber Referensi :

https://www.google.com/url?sa=t&source=web&rct=j&url=https://glints.com/id/lowongan/markup-language-adalah/&ved=2ahUKEwjgwLqK2-PrAhULVH0KHepgBDwQFjAEegQIAhAB&usg=AOvVaw0S3pHEUmYVFIRqzD44KEGN

https://ariewibisono.wordpress.com/2014/04/10/3-tingkatan-bahasa-pemrograman/amp/#aoh=15999143165449&csi=1&referrer=https%3A%2F%2Fwww.google.com&amp_tf=Dari%20%251%24s

https://dinus.ac.id/repository/docs/ajar/file_2013-09-19_11:20:19_Junta_Zeniarja,_M.Kom,_M.CS__1-Pengenalan_Dasar_Pemograman.pdf

http://staff.uny.ac.id/sites/default/files/penelitian/Drs.%20Totok%20Sukardiyono,%20M.T./Buku%20Bahasa%20Pemrograman%20Lengkap.pdf

https://ejournal.undiksha.ac.id/index.php/JPTK/article/download/31/25

https://www.it-jurnal.com/pengertian-css-cascading-style-sheet/

https://www.malasngoding.com/belajar-css-pengertian-dan-pengenalan-css/

https://www.google.com/amp/s/aljauziyahblog.wordpress.com/2011/05/31/mengenal-cara-kerja-dan-fungsi-html/amp/

https://www.dewaweb.com/blog/pengenalan-javascript/

https://www.devaradise.com/id/2014/11/pengertianl-apa-itu-javascript-manfaat-cara-kerja.html

https://www.jetorbit.com/blog/bagaimana-cara-kerja-html-css-javascript-php-dan-mysql/

https://www.hostinger.co.id/tutorial/apa-itu-javascript/

https://www.duniailkom.com/pengertian-dan-fungsi-php-dalam-pemograman-web/

https://blog.dimensidata.com/fungsi-server-jenis-server-dan-cara-kerja-server/

https://pendidikan.co.id/pengertian-server-fungsi-manfaat-komponen-jenis-cara-kerjanya/ 

https://www.gurupendidikan.co.id/pengertian-database/

https://www.duosia.id/web/pengertian-database-dan-perangkat-lunak-software-database/

https://www.webarq.com/id/website-statis--website-dinamis

https://gudangssl.id/pengertian-website-dan-jenisnya/

https://helpdesk.masterweb.com/en/support/solutions/articles/14000117138-membaca-statistik-web#:~:text=Laporan%20statistik%20website%2C%20atau%20singkatnya,ringkasan%20trafik%20ke%20sebuah%20website.&text=Laporan%20statistik%20web%20dihasilkan%20oleh,seperti%20AWStats%2C%20Webalizer%2C%.20dll.

https://www.kompasiana.com/mustteguh/55547b5a73977311149054d6/meta-tag-atau-meta-data-apa-sih-fungsinya

https://appkey.id/blog/istilah-it/metadata-adalah/

https://ogp.me/

https://codelatte.org/open-graph/

https://www.fathurhoho.id/2017/12/memasang-open-graph-blog.html

https://www.metropolution.com/marketips/open-graph-atau-og-meta-tag/

https://www.dewaweb.com/blog/user-interface/

https://www.google.com/amp/s/www.niagahoster.co.id/blog/user-interface/

https://www.niagahoster.co.id/blog/user-experience-adalah/

https://www.matawebsite.com/blog/bahasa-pemrograman-backend-terbaik

https://teknologi.id/insight/4-bahasa-pemrograman-terbaik-untuk-pengembangan-web-back-end/

https://www.geeksforgeeks.org/frontend-vs-backend/amp/

techarea.co.id/apa-itu-web-api-mengenal-bagaimana-cara-kerja/amp/

https://glints.com/id/lowongan/apa-itu-content-management-system/#.X12KIlQzbIU

https://sugiyanti27.wordpress.com/2016/04/06/pengertian-fungsi-tujuan-dan-manfaat-cms-content-management-system/

https://www.it-jurnal.com/pengertian-cms-content-management-system/

https://bootup.ai/blog/apa-itu-algoritma-pengertian-sejarah-dan-contohnya/

https://www.nesabamedia.com/pengertian-dan-fungsi-sistem-operasi/

https://www.jagoanit.com/index.php/2017/06/08/waf-mengenal-web-application-firewall/

https://www.monitorteknologi.com/apa-itu-text-editor/

http://www.text-editor.org/

https://www.techstuffed.com/what-are-text-editors-and-why-are-they-important/

https://whatis.techtarget.com/definition/text-editor

https://www.jagoanhosting.com/blog/prinsip-dan-cara-kerja-vps/

https://eprints.akakom.ac.id/8133/3/3_135410203_BAB_II.pdf

http://jurnal.itats.ac.id/wp-content/uploads/2013/06/3.-SITIA-037_docx-ricky-+-andy.pdf

https://www.niagahoster.co.id/blog/cara-kerja-web-hosting/

https://www.google.com/amp/s/blogs.masterweb.com/apa-itu-dedicated-server/amp/