Perangkat Keras Dan Perangkat Lunak Dalam Pengembangan web

“ Makalah ini disusun untuk memenuhi tugas kelompok pada matakuliah Ilmu Komputer ”
Dosen Pengampu : Ustadz Hendra

Disusun Oleh :
Kelompok 3
Ahmad Tufiq Lubis
Cut Mayang Ramadhani
Wirdatul Jannah

UNIVERSITAS ISLAM NEGERI SUMATERA UTARA

FAKULTAS ILMU TARBIYAH DAN KEGURUAN
PROGRAM STUDI PENDIDIKAN BAHASA ARAB
TA. 2022/2023
 KATA PENGANTAR

Puji dan syukur penulis ucapkan kepada kehadirat Tuhan Yang Maha Esa, karena dengan rahmat
dan karunia Nya penulis dapat menyelesaikan tugas makalah pada mata kuliah Ilmu Komputer
ini sebagaimana kemampuan yang penulis miliki. Tidak lupa pula penulis mengucapkan terima
kasih banyak kepada seluruh pihak yang telah membantu menyelesaikan tugas makalah makalah
ini. Terutama Ustadz Hendra selaku dosen pengampu mata kuliah Ilmu Komputer yang telah
banyak membimbing dan membantu kami dalam penyelesaian makalah ini. Penulis sangat
berharap tugas ini sangat berguna sebagai penambah wawasan serta pengetahuan mengenai mata
kuliah Ilmu Komputer. Penulis juga menyadari bahwa didalam tugas ini terdapat kekurangan –
kekurangan dan jauh dari apa yang penulis harapkan. Untuk itu, penulis berharap adanya kritik,
saran, dan usulan demi perbaikan dimasa yang akan datang, mengingat bahwa tidak ada sesuatu
yang sempurna tanpa sarana yang membangun. Semoga tugas ini dapat dipahami bagi siapapun
yang membacanya. Sekiranya tugas ini dapat berguna bagi penulis sendiri maupun orang yang
membacanya. Akhir kata semoga tugas ini dapat memberikan manfaat kepada kita sekalian.

Medan, 11 April 2023

Penulis

i
 DAFTAR ISI

KATA PENGANTAR ............................................................................................................. i

DAFTAR ISI ........................................................................................................................... ii
BAB I PENDAHULUAN ....................................................................................................... 1
A. LATAR BELAKANG ................................................................................................. 1
B. RUMUSAN MASALAH............................................................................................. 1
C. TUJUAN ..................................................................................................................... 1
BAB II PEMBAHASAN ........................................................................................................ 2
A. PENGGUNAAN APLIKASI XAMPP ....................................................................... 2
B. HTML ......................................................................................................................... 6
C. JAVA SCRIP ............................................................................................................... 12
D. WEB SERVER............................................................................................................ 17
E. BLOGGER CLOUD................................................................................................... 20
BAB III PENUTUP ................................................................................................................ 27
A. KESIMPULAN ........................................................................................................... 27
DAFTAR PUSTAKA .............................................................................................................. 28

ii
 BAB I
PENDAHULUAN

A. Latar Belakang

Komputer merupakan salah satu perangkat teknologi yang berperan sangat penting dalam
produktivitas baik dalam lingkungan kerja maupun hiburan, seiring berjalannya waktu
dan semakin berkembangnya tren teknologi informasi terutama dalam lingkungan kerja
membuat perusahaan harus memiliki komputer untuk mendukung setiap user dalam
melakukan pekerjaannya. Penggunaan komputer dalam dunia kerja memiliki banyak hal
yang positif seperti memudahkan pengolahan data dan media dengan aplikasi tertentu
serta adanya internet untuk mencari informasi. Selain efek positif tersebut penggunaan
komputer juga memiliki efek negatifnya tersendiri.

B. Rumusan Masalah

Apa itu penggunaan aplikasi Xampp

Apa itu HTML
Apa itu Java Scrip
Apa itu Web Server
Apa itu Blogger Clout

C. Tujuan

Untuk mengetahui penggunaan aplikasi Xampp

Untuk mengetahui HTML
Untuk mengetahui Java Scrip
Untuk mengetahui Web Server
Untuk mengetahui Blogger Clout

1
 BAB II
PEMBAHASAN

A. Penggunaan Aplikasi Xampp

Pengertian Xampp

Kepanjangan dari XAMPP yaiut Apache, PHP, MySQL dan Perl. XAMPP adalah perangkat
lunak bebas, yang mendukung banyak system oprasi, merupakan kompilasi dari beberapa
program.XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah
paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi
web server Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi dan
mengkonfigurasikannya secara otomatis untuk anda atau auto konfigurasi.

Xampp adalah web server open source yang berjalan pada sistem operasi cross-platform
(Windows, Linux, MacOS). Semua yang diperlukan untuk mengelola website tersedia di
XAMPP seperti Apache, MySQL/MariaDB, PHP, dan Perl. Meski program di dalamnya
lengkap, XAMPP tetap merupakan web server yang sederhana dan ringan,

XAMPP dipakai untuk membuat web server lokal di komputer. Hal ini akan memudahkan Anda
dalam mengembangkan, mendesain, dan keperluan testing website. Biasanya XAMPP digunakan
untuk mencoba berbagai tema dan plugin WordPress, menguji fitur-fiturnya, dan mempelajari
dasar-dasar WordPress. Dengan XAMPP, Anda tak perlu khawatir mengubah kode inti program.
Kalau ada error, itu tidak akan muncul di website online.

2
Cara Install Xampp

Untuk melakukan instalasi XAMPP, Anda bisa mengikuti langkah berikut:

1. Download XAMPP melalui website resminya.

2. Lakukan instalasi XAMPP sesuai panduan (wizard) yang ditampilkan dan pilih Yes untuk
melanjutkan instalasi.
3. Pilih komponen yang Anda butuhkan dalam instalasi tersebut. Sebagai contoh, centang
MySQL dan phpMyAdmin.
4. Tentukan direktori instalasi yang tepat, misalnya C:\xampp.
5. Lakukan instalasi Bitnami untuk memudahkan dalam memasang WordPress, Drupal atau
Joomla secara otomatis.

Setelah Anda berhasil menginstall XAMPP, Anda bisa menggunakan XAMPP untuk berbagai
keperluan develop website. Tapi sebelum itu Anda harus tau beberapa menu penting yang akan
sering Anda gunakan ketika menjalankan XAMPP.

1. Config

Pada menu Config, Anda bisa melakukan beberapa konfigurasi dasar untuk penggunaan XAMPP
seperti mengganti:

 Editor: yang akan digunakan untuk mengubah default text editor.

 Browser: browser default yang akan digunakan untuk akses web server.

3
2. Netstat

Netstat sering digunakan untuk memastikan apakah ada program/aplikasi lain yang
menggunakan port default XAMPP.

3. Shell

Menu shell pada XAMPP, digunakan untuk menampilkan command prompt pada Windows.
Fungsinya untuk melakukan konfigurasi web server atau memperbaiki error pada web server.

4
4. Explorer

Explorer merupakan tombol shortcut untuk menuju ke lokasi instalasi XAMPP. Ketika Anda klik
icon Explorer maka akan diarahkan ke lokasi file instalasi XAMPP.

Cara Menggunakan XAMPP untuk Localhost

Setelah Anda tahu tentang komponen komponen apa saja yang ada di dalam XAMPP,
selanjutnya Anda akan belajar cara menggunakan XAMPP di Windows. Berikut langkahnya.

1. Buka aplikasi XAMPP yang telah Anda install. Lalu klik Start pada module Apache dan
MySQL.

5
 2. Akses localhost adalah menggunakan link berikut: http://localhost
3. Anda akan tiba di dashboard XAMPP, seperti pada gambar di bawah ini.

4. Untuk menginstall WordPress, buatlah database di phpMyAdmin

5. Install CMS WordPress
6. Akses Website Anda

B. HTML

Pengertian HTML

HTML adalah bahasa standar pemrogaman yang digunakan untuk membuat halaman website,
yang diakses melalui internet. Singkatan dari "Hypertext Markup Language" atau "bahasa
markup". HTML disusun berdasar kode dan simbol tertentu, yang dimasukkan dalam sebuah file
atau dokumen. Sehingga bisa ditampilkan pada layar komputer. Dan bisa dipahami oleh para
pengguna internet. Memahami setiap kata yang terkandung, hypertext sendiri dimaksudkan
sebagai metode yang digunakan untuk berpindah laman web ke laman lain. Usai mengklik
tulisan atau simbol yang muncul di halaman website. Lalu istilah markup, diartikan sebagai suatu
hal yang dilakukan tag HTML terhadap teks didalamnya. Contoh jika mengetik suatu teks
dengan tanda tag, Maka teks tersebut akan muncul dengan huruf tebal atau bold di laman
website.

6
Fungsi HTML

HTML digunakan untuk membuat dokumen elektronik (disebut halaman) yang ditampilkan di
World Wide Web (www). Setiap halaman berisi serangkaian koneksi ke halaman lain yang
disebut hyperlink. Setiap halaman web yang Anda lihat di Internet ditulis menggunakan satu
versi kode HTML atau yang lain. Kode HTML memastikan format teks dan gambar yang tepat
untuk browser Internet. Tanpa HTML, browser tidak akan tahu bagaimana menampilkan teks
sebagai elemen atau memuat gambar atau elemen lainnya. HTML juga menyediakan struktur
dasar halaman, di mana Cascading Style Sheets dihamparkan untuk mengubah tampilannya.

HTML dianggap sebagai tulang (struktur) dari sebuah halaman web, dan CSS sebagai kulitnya
atau tampilan. Berikut fungsi HTML :

. Fungsi utama HTML, untuk membuat suatu halaman website yang bisa dibaca dan dipahami
dengan lebih mudah. Seluruh laman website yang ada di internet, dibuat dengan HTML dan tak
ada pengecualian.

2. Menandai teks pada suatu laman. HTML ditulis pada suatu halaman dokumen dengan tag
atau simbol tertentu. Simbol dan tag tersebut akan membuat tampilan teks menjadi tebal, miring,
bergaris tebal dan sebagainya. Semisal jika membuat suatu teks menjadi teks miring atau italic,
di laman HTML harus ditulis kode untuk teks tebal dan untuk teks bergaris bawah.

3. Sebagai dasar website. Website yang dibuat tentu memiliki beberapa fitur. Dibuat
menggunakan java script untuk mengatur perilaku web, implemetasi bahasa pemrograman server
PHP, dan mendesain web menggunakan CSS. Semua bahasa ini dapat diaplikasikan jika web
memiliki bahasa HTML sebagai dasarnya.

4. Menampilkan tabel, gambar, video dan lainnya. Umumnya di halaman website atau blog
kita tidak bisa langsung meletakkan tabel, gambar maupun video. Sehingga butuh komponen
yang diletakkan pada web menggunakan bahasa HTML.

7
5. Menandai elemen dan membuat online form. HTML berfungsi menandai bagian-bagian
dalam website di antaranya header, footer, main, navigation dan sebagainya. Selain itu HTML
juga digunakan sebagai bahasa dalam membuat formulir digital atau online form.

Contoh Cara Membuat HTML

Di bawah ini adalah contoh halaman web dasar yang ditulis dalam HTML dengan deskripsi
setiap bagian dan fungsinya. Sebagai bahan utama untuk halaman web dasar. Setiap baris
dijelaskan di bawah dengan lebih rinci.

1. Baris DOCTYPE menjelaskan versi HTML. Halaman itu ditulis sehingga browser Internet
dapat menafsirkan teks yang mengikutinya.

2. Tag pembukamemungkinkan browser mengetahui bahwa ia sedang membaca kode HTML.

3. Bagianberisi informasi tentang halaman, seperti judul, tag meta, dan di mana bisa menemukan
file CSS.

4. Bagianberisi semua yang dapat dilihat di browser. Semisal, semua teks yang terlihat di sini
terkandung dalam tag badan.

5. Adalah judul halaman yang terlihat

8
6. Tag adalah paragraf teks. Sebagian besar halaman web (seperti ini) memiliki beberapa tag
paragraf.

7. Di dalam paragraf terdapat tag , yang menebalkan kata, contoh kata dalam paragraf.

8. Terakhir, tag penutup membungkus setiap tag di atas.

9
Cara Kerja HTML

Ekstensi file HTML adalah .html atau .htm, yang bisa dilihat dengan mengunakan web browser
apa pun (seperti Google Chrome, Safari, atau Mozila Firefox). Browser tersebut membaca file
HTML dan merender kontennya sehingga user internet bisa melihat dan membacanya.

Biasanya, rata-rata situs web menyertakan sejumlah halaman HTML yang berbeda-beda.
Contohnya, halaman beranda, ‘Tentang Kami’, halaman kontak memiliki dokumennya sendiri-
sendiri.

Masing-masing halaman tersebut terdiri atas serangkaian tags (bisa disebut juga elements), yang
tersusun untuk membentuk sebuah halaman website. Tag tersebut membuat hierarki yang
menyusun konten hingga menjadi bagian, paragraf, heading, dan block konten lainnya.

Sebagian besar elemen bahasa markup ini memiliki tag pembuka dan penutup yang
menggunakan syntax <tag></tag>.

Berikut contoh kode dari susunan atau struktur HTML:

<div>
<h1>The Main Heading</h1>
<h2>A catchy subheading</h2>
<p>Paragraph one</p>
<img src="/" alt="Image">
<p>Paragraph two with a <a href="https://example.com">hyperlink</a></p>
</div>

 Elemen teratas dan terbawah adalah division sederhana (<div></div>) yang bisa Anda
gunakan untuk mark up bagian konten yang lebih besar.
 Susunan di atas terdiri atas heading (<h1></h1>), subheading (<h2></h2), dua paragraf
(<p></p>), dan satu gambar (<img>).
 Paragraf kedua meliputi sebuah link (<a></a>) dengan attribute href yang terdiri atas
URL tujuan.

10
 Tag gambar memiliki dua attribute, src untuk path gambar dan alt untuk deskripsi
gambar.

Selain itu, beberapa contoh penggunaan umum HTML adalah:

 Pengembangan web. Developer menggunakan kode HTML untuk mendesain tampilan

elemen halaman web di browser, seperti teks, hyperlink, dan file media.
 Navigasi internet. Pengguna bisa menelusuri dan menyisipkan link antara halaman dan
website terkait karena HTML banyak digunakan untuk menyematkan hyperlink.
 Dokumentasi web. HTML bisa digunakan untuk mengatur dan memformat dokumen,
mirip dengan Microsoft Word.

11
 C. Java Scrip

Pengertian Java Scrip

JavaScript adalah bahasa pemrograman yang banyak digunakan dalam pengembangan website,
aplikasi, dan game. Dengan menguasai bahasa pemrograman ini, Anda bisa membuat tampilan
website yang menarik atau mengembangkan game online berbasis web yang populer.

Java Script adalah bahasa pemrograman populer yang digunakan untuk membuat situs dengan
konten website yang dinamis. Faktanya, ada lebih dari 67,7 persen developer yang menggunakan
Java Script. Konten dinamis artinya konten dapat bergerak atau berubah di depan layar tanpa
perlu mereload halaman. Misalnya saja, fitur slideshow foto, gambar animasi, pengisian poling,
dan lainnya.

Java Script sendiri sebenarnya biasanya dikolaborasikan dengan HTML dan CSS. Di mana
belajar HTML adalah untuk membuat struktur website dan CSS adalah bahasa untuk merancang
style halaman website. Lalu, Java Script berperan menambahkan elemen interaktif untuk
meningkatkan engagement pengguna.

Sebagai contoh, ketika Anda memberikan like dan komentar di Twitter. Anda bisa melihat
munculnya jumlah like dan komentar yang terus bertambah secara real time, tanpa direload.

Fungsi Java Scrip

Fungsi JavaScript bisa dibilang cukup banyak, mulai dari membuat tampilan website jadi lebih
menarik, menciptakan aplikasi mobile, mengembangkan game, hingga menjalankan web server.

Berikut adalah penjelasan detail dari masing-masing fungsi JavaScript yang kami sebutkan:

12
1. Membuat Website Lebih Menarik

Dalam proses website development, JavaScript mampu menyulap website menjadi tampak lebih
menarik dan interaktif, dengan konten-konten dinamisnya.

Misalnya, konten yang bergerak dan memperbarui secara real-time tanpa perlu reload semua
halaman website berkali-kali. Sebagai contoh, Google Maps dengan user experience yang
sangat baik.

Ketika fitur penunjuk rute diaktifkan, Google Maps dapat terus mengupdate posisi Anda secara
realtime tanpa perlu melakukan reload. Hal ini tentu tak bisa dilakukan tanpa menggunakan
JavaScript.

2. Menciptakan Aplikasi Mobile

Fungsi JavaScript selanjutnya ialah untuk membuat aplikasi mobile. Kalau dulu aplikasi mobile
hanya bisa dikembangkan dengan bahasa pemrograman Java untuk Android. Sekarang, bahasa
pemrograman ini sudah bisa digunakan dalam mobile API untuk membuat aplikasi mobile.

Pun pembuatan aplikasi mobile juga semakin mudah dengan adanya framework JavaScript
khusus aplikasi mobile, seperti React Native. Dengan framework ini, Anda bisa membuat
aplikasi mobile untuk dua sistem operasi sekaligus, yaitu Android dan iOS.

3. Mengembangkan Game Berbasis Web Browser

Tak hanya membuat halaman website, JavaScript juga dapat berfungsi untuk mengembangkan
game online berbasis browser.

Untuk membuat game browser yang menarik, bahasa pemrograman JavaScript bisa
dikombinasikan dengan HTML5. Beberapa game populer yang menggunakan JavaScript di
antaranya Lord of Ultima dan Flappy Bird.

Pengembangan game berbasis JavaScript ini pun didukung oleh adanya framework JavaScript
khusus game, seperti Playground.js, Panda.js, dan Quintus.

13
4. Menjalankan Web Server

Terakhir, seiring perkembangannya, bahasa pemrograman JavaScript tak hanya mampu bekerja
di sisi browser saja, tetapi juga di sisi server dengan menggunakan Node.js.

Node.js ini akan mengeksekusi kode JavaScript pada sisi server sehingga dapat menjalankan
situs, aplikasi web, dan game berbasis browser.

Node.js juga lebih mampu menangani banyak proses secara bersamaan, tanpa perlu menunggu
satu proses selesai terlebih dulu. Sehingga proses bisa dilakukan lebih cepat.

14
Cara Kerja Java Scrip

Cara kerja JavaScript bisa dilihat dari dua sisi, yaitu dari sisi client dan dari sisi server. Dari sisi
client, JavaScript dapat berperan dalam mengubah tampilan website. Sedangkan dari sisi server,
JavaScript dapat digunakan untuk kebutuhan database.

Berikut adalah penjelasan lebih detail mengenai cara kerja JavaScript di sisi client dan juga
server:

Cara Kerja JavaScript di Sisi Client

Kode JavaScript dapat dibuat dalam satu halaman HTML. Jadi, ketika HTML adalah halaman
yang Anda buka, kode akan berjalan secara otomatis.

Selain itu, kode bahasa pemrograman ini juga dapat dibuat pada file terpisah dengan ekstensi .js.
Kemudian file tersebut disisipkan pada kode HTML.

Nantinya kode akan ditulis dengan menggunakan tag <script> dan teks atribut JavaScript.
Berikut contohnya:

<script type = “text/javascript”>

Kemudian, agar scriptnya bisa bekerja, masukkan kode JavaScript berikut:

</script>

Di sisi client, proses cara kerja JavaScript sebenarnya tidak terlalu rumit. Ketika pengunjung
membuka halaman website, script akan terunduh dan mulai dijalankan di browser. Jadi,
prosesnya tidak dilakukan di web server.

Nah, karena bekerja dari sisi client atau browser, jika browser pengunjung tidak mendukung
JavaScript, tampilan halaman website di perangkat pengunjung bisa berbeda. Pun, fungsi
interaktifnya tak dapat dijalankan sebagaimana mestinya.

15
Cara Kerja JavaScript dari Sisi Server

Nah, kalau dari sisi server, JavaScript lebih banyak digunakan untuk kebutuhan database. Cara
kerjanya pun hampir sama dengan bahasa pemrograman sisi server lainnya, seperti C# atau Java.

Namun, hal yang membedakan adalah JavaScript bekerja secara non-blocking. Artinya. Ketika
program berjalan, program tersebut tak akan berhenti pada satu proses saja. Sistem akan mulai
menyiapkan perintah berikutnya.

Jika proses selanjutnya ternyata diketahui tidak memiliki output, proses tersebut bisa langsung
dijalankan bersamaan dengan proses yang masih berjalan. Jadi, proses pengolahan data bisa
dilakukan jauh lebih efektif.

Sebagai contoh cara kerja ini adalah aktivitas streaming video atau embed YouTube di sebuah
website. Selama video berjalan, Anda tetap bisa mengakses informasi lainnya dalam website
tersebut.

16
 D. Web Server

Pengertian Web Server

Server web atau yang dalam bahasa inggris disebut web server adalah perangkat lunak (software)
dalam server yang berfungsi untuk menerima permintaan (request) berupa halaman web melalui
protokol HTTP dan atau HTTPS dari klien yang lebih dikenal dengan nama browser, kemudian
mengirimkan kembali (respon) hasil permintaan tersebut ke dalam bentuk halaman-halaman web
yang pada umumnya berbentuk dokumen HTML.

Dari pengertian di atas, dapat disimpulkan bahwa web server merupakan pelayan (pemberi
layanan) bagi web klien (browser) seperti Mozilla, Opera, Chrome, Safari, Internet Explorer, dan
lain sebagainya, supaya browser dapat menampilkan halaman atau data yang Anda minta.

Fungsi Web Server

Fungsi utama dari web server adalah untuk melakukan atau mentransfer berkas permintaan
pengguna melalui protokol komunikasi yang telah ditentukan sedemikian rupa. Halaman web
yang diminta terdiri dari berkas teks, video, gambar, file dan banyak lagi.

Salah satu contoh dari Web Server adalah Apache. Apache (Apache Web Server – The HTTP
Web Server) merupakan web server yang paling banyak dipergunakan di Internet. Program ini
pertama kali didesain untuk sistem operasi lingkungan UNIX. Apache mempunyai program
pendukung yang cukup banyak. Hal ini memberikan layanan yang cukup lengkap bagi
penggunanya.

17
Beberapa dukungan Apache :

 PHP (Personal Home Page/PHP Hypertext Processor)

Program dengan metode semacam CGI, yang memproses teks dan bekerja di server.
Apache mendukung PHP dengan menempatkannya sebagai salah satu modulnya
(mod_php).
 Kontrol Akses
Kontrol ini dapat dijalankan berdasarkan nama host atau nomor IP CGI (Common
Gateway Interface). Yang paling terkenal untuk digunakan adalah PERL (Practical
Extraction and Report Language), didukung oleh Apache dengan menempatkannya
sebagai modul (mod_perl)

18
Cara Kerja Web Server

Sederhananya tugas web server adalah untuk menerima permintaan dari klien dan mengirimkan
kembali berkas yang diminta oleh klien tersebut. Perangkat lunak web server terdapat pada
komputer server, dan di komputer ini pula data-data website tersimpan dengan rapih. Sama
halnya dengan komputer klien, komputer server juga harus terhubung dengan jaringan internet
untuk dapat diakses oleh klien.

Pada saat klien (browser) meminta data web page kepada server, maka instruksi permintaan data
oleh browser tersebut akan dikemas di dalam TCP yang merupakan protokol transport dan
dikirim ke alamat yang dalam hal ini merupakan protokol berikutnya yaitu HTTP dan atau
HTTPS.

Data yang diminta dari browser ke web server disebut dengan HTTP request yang kemudian
akan dicarikan oleh web server di dalam komputer server. Jika ditemukan, data tersebut akan
dikemas oleh web server dalam TCP dan dikirim kembali ke browser untuk ditampilkan.

Nah, data yang dikirim dari server ke browser dikenal dengan HTTP response. Jika data yang
diminta oleh browser tersebut ternyata tidak ditemukan oleh web server, maka web server akan
menolak permintaan tersebut dan browser akan menampilkan notifikasi Page Not Found atau
Error 404.

Meskipun proses atau cara kerja web server di atas sepertinya sangat rumit, tapi pada prakteknya
proses tersebut berlangsung dengan sangat cepat. Anda bahkan bisa sampai tidak menyadari
bahwa pada saat meminta suatu halaman web, ternyata hal itu membutuhkan proses yang sangat
panjang sampai halaman tersebut dapat Anda lihat di browser.

19
 E. Blogger Cloud

Pengertian Blogger

Seiring berkembangnya dunia internet, siapa yang tidak kenal dengan istilah blog? Blog dikenal
pengguna internet sebagai tempat informasi yang menyajikan artikel-artikel dan tulisan-tulisan
yang dibuat oleh seorang blogger. Blog sendiri pertama kali dibuat pada tahun 1993 dan pada
waktu itu bentuk blog masih sangat sederhana. Berbeda sekali dengan blog-blog yang sudah
tersebar di media internet sekarang. Hal ini didukung karena banyak sekali platform pembuat
blog yang bisa digunakan oleh calon blogger.

Platform yang sering dipakai untuk membuat blog pastinya banyak yang sudah mengetahuinya.
Platform-platform seperti WordPress, Blogger, Weebly, Wix, dan masih banyak lagi. WorPpress
dikenal sebagai platform dengan market share terbanyak yang digunakan sekarang mencapai
51,6%. Berbanding terbalik dengan blogger yang hanya memiliki market share hanya sebesar 2%
di dunia. Namun, bukan berarti Blogger ini kalah bagus dengan WordPress, justru Blogger yang
sudah diakuisisi Google ini bisa bersaing kedepannya dengan WordPress.

Jadi apa itu Blogger? Secara umum Blogger adalah salah satu dari sekian platform yang
menyediakan layanan untuk menerbitkan sebuah blog. Di dalam Blogger sebuah blog bisa dibuat
dengan mudah sekali dengan banyak fitur-fitur yang terdapat pada Blogger yang bermanfaat bagi
pembuat blog zaman sekarang. Berikut ini adalah penjelasan mengenai apa itu Blogger : fitur
fungsi, keunggulan, dan cara kerjanya untuk website.

Mengenal Apa Itu Blogger dan Latar Belakang Sejarahnya

Siapa yang tidak kenal platform yang diakuisisi oleh Google sejak 2003 ini. Blogger adalah
sebuah platform layanan penerbitan blog yang dimiliki Google. Platform blog ini memberikan
kelebihan-kelebihan seperti kemudahan, aksesibilitas, dan gratis saat digunakan bagi para
pembuat blog. Blogger sangat cocok bagi pembuat blog yang tidak ingin susah-susah
menerbitkan sebuah artikel, tulisan, dan lain-lain. Ciri khas dari platform blogger ini yang
banyak dijumpai para pengguna internet pada situsnya adalah penggunaan domain
www(dot)blogspot(dot)com.

20
Penggunaan platform blogger ini ibarat menyewa sebuah apartemen. Meskipun menyewa di
dalam apartemen, pengguna tetap bisa mengelola apa yang ada di dalam apartemennya ini mulai
dari perabotan, ruangan, dan lain-lain. Di Blogger pengguna bisa mengelola aktivitas blogging
mereka. Banyak fitur-fitur yang bermanfaat yang dapat dimanfaat oleh pengguna untuk
meningkatkan aktivitas blogging mereka lakukan serta semua fungsionalitas dan desain yang
disertakan di dalam platform Blogger ini berfungsi dengan mulus dan baik sebagai platform.

Hal inilah yang memungkinkan pengguna memiliki desain, tata letak, dan konten drag dan drop.
Satu catatan terpenting tentang Blogger adalah bahwa platform ini berfokus 100% pada blogging
saja. Tentu hal ini sangat sedikit dalam hal manajemen konten. Google sendiri juga memiliki
produk yang disebut Situs Google yang berfokus pada situs web statis. Sejarah mengenai blog
pastinya tidak lepas dengan istilah weblog. Istilah Weblog diperkenalkan oleh Jhon Barger pada
tanggal 17 Desember 1997. Kemudian pada tahun 1999 platform Blogger dirilis oleh Pyra Labs.

Selang beberapa tahun kemudian pada akhir tahun 2002, Blogger resmi menjadi bagian dari
Googe setelah platform ini diakuisisi. Setelah diakuisisi Google, Blogger mengalami banyak
perubahan terutama pada fitur premium yang ditawarkan Blogger yang sebelumnya berubah
menjadi gratis sejak platform ini dibawahi Google. Selain itu, pada tahun berikutnya Blogger
melakukan desain ulang pada tampilannya dengan menambah beberapa fitur seperti template
standar web, halaman arsip individu, komentar, dan posting melalui email dan pada tahun 2006
Blogger resmi beralih ke server milik Google.

Mengenal Fitur-Fitur dari Blogger

Fitur-fitur yang dimiliki blogger ini sangat variatif dan bagi seorang blogger pemula fitur yang
ada di dalam blogger pastinya cukup membingungkan. Semua fitur yang disediakan Blogger ini
terus mengalami perkembangan dari waktu ke waktu karena Blogger berupaya untuk membuat
platform layanan yang easy to use bagi penggunanya. Berikut ini adalah beberapa fitur yang
terdapat pada Blogger.

21
 Template Designer

Buka tab “Templat” dan tekan tombol Kustomisasi. Dari sana, pengguna dapat
menyesuaikan hampir setiap tool template yang sebelumnya sudah diinstal. Pengguna
dapat mengubah lebar kolom utama dan bilah sisi, menyesuaikan gambar latar belakang,
dan bahkan memindahkan berbagai elemen blog (header, footer, sidebars). Tab Tingkat
Lanjut memungkinkan pengguna menyesuaikan font, ukuran, dan warna setiap elemen
blog terakhir, dari tautan ke tajuk utama, poskan teks, dan semua yang ada di antaranya.

 Earning Tabs

Fitur ini mungkin fitur yang paling disukai bagi semua blogger yang ingin mencari
penghasilan lewat karya yang mereka unggah. Dari halaman admin Blogger, pengguna
akan menemukan tab di sebelah kiri yang disebut “Penghasilan.” Ini memungkinkan
pengguna menautkan blog ke akun Google AdSense. AdSense secara otomatis
mendeteksi isi pokok posting blog dan menampilkan iklan yang relevan kepada pembaca,
agar mereka kemudian dapat memperoleh uang (biasanya beberapa sen) per klik atau
tayangan iklan.

 Stats Tab

Fitur stats ini sangat wajib diketahui bagi para blogger karena lewat fitur ini para
pengguna bisa tahu tentang para pembaca yang membaca postingan yang mereka unggah.
Blogger membuat fitur ini sangat mudah untuk ditemukan. Pengguna Blogger tidak perlu
memasang kode pelacakan atau plugin apa pun. Cukup buka tab “Stats” dan Pengguna
akan melihat berapa banyak tampilan halaman yang mereka miliki hari ini, kemarin, di
bulan lalu, dan sejak blog dibuat. Anda juga dapat memeriksa lalu lintas per pos, dan dari
mana trafik para pengunjung blog berasal.

 Blogger Buzz

Blogger Buzz hanyalah sebuah blog tentang Blogger yang mungkin terlihat agak terlalu
meta, tetapi sebenarnya sangat berguna. Fitur ini diisi dengan posting dari orang-orang
yang bekerja di balik layar Blogger yang menjelaskan cara menggunakan fitur Blogger,
mengumumkan fitur-fitur baru saat tersedia, dan menawarkan tips tentang cara
memaksimalkan blog yang dimiliki pengguna.

22
 Google Video

Blogger terintegrasi dengan layanan Google lainnya, yang membuat menambahkan video
ke posting blog Anda cukup mudah. Ada tombol video di bagian atas formulir “Buat
posting baru”. Itu membuka kotak pilihan dengan beberapa opsi. Pengguna dapat mencari
video di YouTube untuk ditanamkan di postingan, atau menambahkan video pengguna
sendiri yang sudah di unggah ke YouTube.

 Blogging By Phone

Apabila calon pengguna Blogger adalah seseorang yang memiliki mobilitas yang tinggi
maka cocok sekali untuk menggunakan fitur yang satu ini. Fitur Blogging By Phone
memungkinkan pengguna melakukan aktivitas blogging melalui smartphone mereka.
Pengguna hanya perlu mengirim teks ke Blogger dan setelah itu akan mendapatkan kode
registrasi yang dapat digunakan untuk membuat blog seluler baru, atau tautan ke blog
Blogger yang sudah ada sebelumnya. Setelah terdaftar, pengguna dapat mengirim foto
dan teks ke blog melalui pesan teks dan seluruh proses dan daftar perintah dapat
ditemukan di Blogger on the Go.

 Team Blogging

Menjaga blog terus diperbarui perlu kerja keras yang sangat tinggi. Jika pengguna
melakukan pengelolaan sendir terhadap konten di situs Blogger mereka. Terdapat fitur
yang terdapat di Blogger yang dapat dilakukan penggunanya untuk berkolaborasi dengan
tim yang dimilikinya. Apabila pengguna dapat mengumpulkan tim blogger, blog tidak
hanya akan memiliki lebih banyak konten, tetapi pengguna akan mendapat manfaat dari
beragam ide dan gaya penulisan.Caranya adalah dengan blog harus dibuat oleh satu orang
di bawah akun Google utama. Lalu, buka tab “Pengaturan” dan subtab “Dasar”. Di bawah
Izin adalah opsi untuk Menambahkan Penulis. Tambahkan penulis dengan memasukkan
alamat email yang harus memiliki akun Google agar ini berfungsi, tetapi jika tidak,
undangannya akan memungkinkan

23
  Google+

Google+ adalah jejaring sosial Google. Jejaring ini sepenuhnya terintegrasi ke Blogger
pengguna. Ada beberapa manfaat untuk menautkan blog pengguna dengan akun
Google+nya. Pengguna dapat dengan mudah membagikan posting blognya dengan teman
Google+, dan mereka juga dapat membagikannya dengan lebih mudah. Hal ini juga
mempermudah bagaimana seseorang merespon atau memberikan feedback terhadap
postingan pengguna.

 Blogger Widgets

Widgets adalah semacam skrip yang bisa dimasukkan ke dalam blog seorang pengguna
blogger. Widgets ini dapat memberikan sebuah fungsionalitas tambahan. Pengguna dapat
menambahkannya melalui tab yang berada di Blogger yaitu tab Layout. Pada bagian
tertentu pengguna dapat menemui beberapa opsi seperti opsi “add a gadget”. Gadget
sendiri diistilahkan sebagai widget in housenya Google. Gadget ini memiliki manfaat
yang begitu banyak seperti menampilkan blog populer yang dimiliki pengguna, postingan
terbaru dari media sosial Twitter pengguna, dan bahkan menerjemahkan tulisan ke bahasa
lain.

 Picasa Web Albums

Picasa dikenal sebagai sebuah halaman berbagi foto yang dimiliki oleh Google. Tentunya
Picasa ini tertaut terhadap akun Blogger pengguna. Jadi setiap foto yang diunggah
pengguna di setiap postingan Blogger maka foto tersebut akan tersimpan otomatis dalam
akun PIcasa milik pengguna.Begitu juga sebaliknya pengguna dapat menautkan foto yang
ada di album Picasa mereka ke postingan Blogger yang dipunyainya.

Fungsi Blogger untuk Sebuah Website

24
Pada umumnya fungsi yang dimiliki oleh Blogger adalah sebagai sebuah platform penerbitan
blog. Di dalam blogger ini penggunanya dapat menerbitkan karya-karya tulis yang dimilikinya.
Mulai dari artikel, karya tulis, esai, dan berbagai tulisan lainnya. Untuk mewadahi semua
kepentingan ini maka Blogger memudahkan berbagai penggunanya ketika ingin
mempublikasikan sebuah tulisan.

Blogger dapat juga menjadi sumber penghasilan bagi penggunanya. Situs blogger dapat
dimanfaatkan para penggunanya sebagai platform menulis apapun, entah itu menulis sesuai
dengan apa yang ditekuni di bidangnya, jurnal pribadi, sebagai laman portofolio hingga
menjadikanya sebagai laman e-commerce. Semua ini memungkinkan karena Blogger
memberikan banyak tema dan template yang beragam untuk semua penggunanya.

25
Cara Kerja Blogger Terhadap Website

Secara umum dan keseluruhan, cara kerja Bloggersangatlah mudah. Platform ini bekerja sebagai
media penerbitan tulisan secara online. Blogger dapat langsung diakses menggunakan akun
Google yang dimiliki penggunanya. Saat masuk situs Blogger pengguna akun Google bisa
langsung melakukan sign in, selanjutnya bagi para pengguna Blogger dapat langsung
menampilkan atau memposting tulisannya dengan menggunakan fitur customize template. Di
dalam fitur tersebut terdapat awal dari pembuatan template situs website yang dimiliki oleh
pengguna Blogger.

26
 BAB III
PENUTUP

A. Kesimpulan

Xampp adalah web server open source yang berjalan pada sistem operasi cross-platform
(Windows, Linux, MacOS). Semua yang diperlukan untuk mengelola website tersedia di
XAMPP seperti Apache, MySQL/MariaDB, PHP, dan Perl. Meski program di dalamnya
lengkap, XAMPP tetap merupakan web server yang sederhana dan ringan,

HTML adalah bahasa standar pemrogaman yang digunakan untuk membuat halaman website,
yang diakses melalui internet. Singkatan dari "Hypertext Markup Language" atau "bahasa
markup". HTML disusun berdasar kode dan simbol tertentu, yang dimasukkan dalam sebuah file
atau dokumen. Sehingga bisa ditampilkan pada layar komputer. Dan bisa dipahami oleh para
pengguna internet.

JavaScript adalah bahasa pemrograman yang banyak digunakan dalam pengembangan website,
aplikasi, dan game. Dengan menguasai bahasa pemrograman ini, Anda bisa membuat tampilan
website yang menarik atau mengembangkan game online berbasis web yang populer.

Web Server disimpulkan bahwa web server merupakan pelayan (pemberi layanan) bagi web
klien (browser) seperti Mozilla, Opera, Chrome, Safari, Internet Explorer, dan lain sebagainya,
supaya browser dapat menampilkan halaman atau data yang Anda minta.

Blogger adalah salah satu platform blogging yang cukup populer di dunia dan merupakan salah
satu platform yang mengawali dunia blogging. Blogger setelah dimiliki raksasa teknologi Google
dari segi layanannya dapat diintegrasikan langsung penggunaanya dengan akun Google yang
dimiliki penggunanya. Dalam pengembangannya juga fitur-fitur Blogger memberikan
kemudahan bagi penggunanya sehingga Blogger masih bisa tetap eksis sampai sekarang menjadi
platform penerbitan online yang digemari banyak orang.

27
 DAFTAR PUSTAKA

https://www.niagahoster.co.id/blog/cara-menggunakan-xampp/
https://www.merdeka.com/trending/pengertian-html-lengkap-dengan-fungsi-dan-sejarah-
kemunculannya-kln.html?page=3
https://www.hostinger.co.id/tutorial/apa-itu-html
https://www.niagahoster.co.id/blog/javascript-adalah/
http://lp2mp.uma.ac.id/pengertian-fungsi-dan-cara-kerja-web-server/

28