BAB I

PENDAHULUAN

A. Latar Belakang Masalah

Dewasa ini, penggunaan Internet sudah semakin marak. Popularnya situs

jejaring sosial, blog dan mudahnya pencarian lewat internet memicu
perkembangan pesat internet. Maka semakin banyak pula yang memanfaatkan
internet untuk mempermudah pekerjaan suatu instansi. Informasi yang bisa di
akses dengan cepat dan mudah adalah hal yang sangat di butuhkan pada masa
kini. Informasi tentang sekolah menengah kejuruan juga menjadi kebutuhan
masyarakat yang ingin anak-anak mereka masuk sekolah kejuruan.

Lembaga sekolah dalam kegiatan penyampaian informasi masih perlu

berinteraksi dan bersosialisasi agar lebih dikenal oleh masyarakat luas yaitu
dengan cara memberikan informasi secara lengkap, detail dan jelas mengenai
profil sekolah tersebut. Penyampaian informasi yang selama ini digunakan
kebanyakan menggunakan cara konvensional. Cara konvensional tersebut antara
lain penyampaian informasi dengan pemasangan spanduk dan melalui papan
pengumuman. Dengan penyebaran informasi yang demikian dirasakan masih
memiliki banyak kekurangan, antara lain jangkauan penyebaran informasinya
yang masih kurang luas, muatan informasi yang terbatas, proses update informasi
yang kurang menguntungkan baik menyangkut biaya maupun waktu

SMKN 2 Padang Panjang menginformasikan sekolah melalui brosur-

brosur, spanduk dan sebagainya. Hal ini berguna untuk mengenalkan SMKN 2
Padang Panjang pada masyarakat luas. Akan tetapi hal ini kurang bisa
mengoptimalkan promosi SMKN 2 Padang Panjang dalam menjaring siswa baru
dan menginformasikan berita-berita dan kegiatan-kegiatan yang berlangsung di
sekolah.

Atas dasar pertimbangan tersebut, penulis mengangkat masalah ” Web

Sekolah Sebagai Media Informasi” untuk memudahkan masyarakat mengakses
informasi tentang SMKN 2 Padang Panjang. Website sekolah ini dibangun dengan
HTML, PHP dan MySql.

Makalah TIK “ Web Sekolah Sebagai Media Informasi” Candra Tri Susanto. ST 1
B. Rumusan Masalah

Pembangunan Web Profil Sekolah guna mendukung kegiatan promosi

dan penyampaian informasi pada lembaga sekolah.

C. Tujuan Penulisan

Tujuan penulisan makalah ini adalah untuk :

1. Memberikan informasi terkait dengan pembuatan web profil sekolah

2. SMKN 2 Padang Panjang memiliki media penyampaian informasi yang
lebih efektif

D. Manfaat Penulisan
1. Agar kita lebih mengetahi tentang web sekolah
2. Sebagai reverensi dalam pembuatan web profil sekolah
3. Sebagai bahan rujukan bagi penelitian selanjutnya

E. Sistem Penulisan

1. BAB I
BAB I Meliputi Latar Belakang, Rumusan Masalah, Tujuan, Manfaat
Penulisan dan Sistematika Penulisan.
2. BAB II
BAB II Berisi Tentang Pembahasan
3. BAB III
BAB III Merupakan Penutup Yang Berisi Simpulan dan Saran.

BAB II

PEMBAHASAN

A. Pengertian Website

Website atau situs dapat diartikan sebagai kumpulan halaman yang

menampilkan informasi data teks, data gambar diam atau gerak, data animasi,

Makalah TIK “ Web Sekolah Sebagai Media Informasi” Candra Tri Susanto. ST 2
suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun
dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana
masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).
Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi
informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi
informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah
berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi
profil perusahaan, sedangkan website dinamis adalah seperti Friendster, Multiply,
dll. Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh
pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun
pemilik.
Dalam rekayasa perangkat lunak, suatu aplikasi web (bahasa Inggris: web
application atau sering disingkat webapp) adalah suatu aplikasi yang diakses
menggunakan penjelajah web melalui suatu jaringan seperti Internet atau intranet.
Ia juga merupakan suatu aplikasi perangkat lunak komputer yang dikodekan
dalam bahasa yang didukung penjelajah web (seperti HTML, JavaScript, AJAX,
Java, dll) dan bergantung pada penjelajah tersebut untuk menampilkan aplikasi.
Aplikasi web menjadi populer karena kemudahan tersedianya aplikasi
klien untuk mengaksesnya, penjelajah web, yang kadang disebut sebagai suatu
thin client (klien tipis). Kemampuan untuk memperbarui dan memelihara aplikasi
web tanpa harus mendistribusikan dan menginstalasi perangkat lunak pada
kemungkinan ribuan komputer klien merupakan alasan kunci popularitasnya.
Aplikasi web yang umum misalnya webmail, toko ritel daring, lelang daring,
wiki, papan diskusi, weblog, serta MMORPG.

B. Pentingnya Website Bagi Sekolah

Website sekolah sekarang ini sedang menjadi tren di dunia pendidikan dan
website sekolah banyak mendapatkaan perhatian, tanggapan yang sangat bagus
dari berbagai pihak, baik dari tenaga kependidikan, siswa, dan juga masyarakat.
Dengan adanya website sekolah, semua pihak bisa merasakan manfaatnya.

Makalah TIK “ Web Sekolah Sebagai Media Informasi” Candra Tri Susanto. ST 3
Website merupakan salah satu media penyampaian informasi dan publikasi yang
mudah diakses dari mana saja, kapan saja tanpa terbatas oleh wilayah geografis
yang dapat dimanfaatkan oleh sekolah.Berikut beberapa point untuk menjadi
Website Sekolah terbaik, diantaranya:

1. Memiliki tampilan yang menarik dan memiliki page speed yang bagus
2. Bisa diakses kapanpun dan dimanapun

3. Sebagai media resmi sekolah

4. Website sekolah sebagai informasi

5. Sebagai media pembelajaran alternatif

6. Mengasah keterampilan menulis siswa

C. Manfaat Website Bagi Lembaga Pendidikan

Keberadaan website sekolah saat ini semakin dibutuhkan seiring dengan

semakin maju nya teknologi internet yang begitu mudah di akses oleh semua
kalangan masyarakat. Banyaknya manfaat website sekolah yang bisa diambil,
tidak sedikit sekolah – sekolah pemerintah maupun swasta sudah menggunakan
fasilitas website sekolah ini.

Website sekolah pada dasarnya bertujuan untuk:

1. Mendukung program Menteri Pendidikan dalam mengoptimalkan Internet

di lingkunga Sekolah
2. Meningkatkan mutu para Pengelola Sekolah, Guru, Siswa dan Perangkat
sekolah lainnya.

3. Mengurangi efek negatif dari penggunaan internet dengan memperbanyak

modul pendidikan

4. Memasyarakatkan internet

Makalah TIK “ Web Sekolah Sebagai Media Informasi” Candra Tri Susanto. ST 4
Dengan adanya koneksitas internet di sekolah dan terbentuknya website sekolah,
maka beberapa keuntungan yang dapat diperoleh diantaranya adalah :

1. Sebagai media promosi sekolah (meningkatkan prestise sekolah) yang

menonjolkan kelebihan sekolah baik sarana maupun aktivitas
pembelajarannya.
2. Sebagai media komunikasi elektronik baik antar sekolah, instansi dan
lembaga swasta lainnya. Dalam hal ini web sekolah sebagai media
interaktif berupa sumbang saran, kesan dan pesan, surat elektronik ataupun
media silaturahmi antara para pendidik, siswa, alumni, orang tua dan
masyarakat sekitar.

3. Mempercepat penyampaian informasi baik antar sekolah, instansi ataupun

orang tua (masyarakat).

4. Para pendidik dapat menyalurkan ilmunya di media web sekolah.

5. Sebagai media pembelajaran alternatif (variasi pembelajaran sehingga

tidak membosankan).

6. Sebagai media pembelajaran alternatif keberadaan website sekolah

memungkinkan untuk terjadinya proses e-learning atau pembelajaran
melalui internet.

Website sekolah ibarat sebuah jendela besar dimana orang di seluruh belahan
dunia bisa melihat keberadaan dan semua kegiatan yang ada di sekolah tersebut.
Tidak hanya itu, pengunjung website dapat berinteraksi langsung dengan
pengelola website, sebagian manfaat yang bisa dipetik dari keberadaan website
sekolah untuk berbagai kalangan

D. Unsur-unsur website

Untuk menyediakan keberadaan sebuah website, maka harus tersedia unsur-

unsur penunjangnya, adalah sebagai berikut:
1. Nama domain (Domain name/URL – Uniform Resource Locator)

Makalah TIK “ Web Sekolah Sebagai Media Informasi” Candra Tri Susanto. ST 5
 Pengertian Nama domain atau biasa disebut dengan Domain Name atau
URL adalah alamat unik di dunia internet yang digunakan untuk
mengidentifikasi sebuah website, atau dengan kata lain domain name
adalah alamat yang digunakan untuk menemukan sebuah website pada
dunia internet. Contoh:http://www.smkn2padangpanjang.sch.id
2. Rumah tempat website (Web hosting)
Pengertian Web Hosting dapat diartikan sebagai ruangan yang terdapat
dalam harddisk tempat menyimpan berbagai data, file-file, gambar dan
lain sebagainya yang akan ditampilkan di website. Besarnya data yang bisa
dimasukkan tergantung dari besarnya web hosting yang disewa/dipunyai,
semakin besar web hosting semakin besar pula data yang dapat
dimasukkan dan ditampilkan dalam website.
3. Bahasa Program (Scripts Program)
Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah
dalam website yang pada saat diakses. Jenis bahasa program sangat
menentukan statis, dinamis atau interaktifnya sebuah website. Semakin
banyak ragam bahasa program yang digunakan maka akan terlihat website
semakin dinamis, dan interaktif serta terlihat bagus.
Beragam bahasa program saat ini telah hadir untuk mendukung kualitas
website. Jenis jenis bahasa program yang banyak dipakai para desainer
website antara lain HTML, ASP, PHP, JSP, Java Scripts, Java applets dsb.
Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP, ASP,
JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai
pengatur dinamis, dan interaktifnya situs.
4. Desain website
Setelah melakukan penyewaan domain name dan web hosting serta
penguasaan bahasa program (scripts program), unsur website yang penting
dan utama adalah desain. Desain website menentukan kualitas dan
keindahan sebuah website. Desain sangat berpengaruh kepada penilaian
pengunjung akan bagus tidaknya sebuah website.
5. Pemeliharaan Website

Makalah TIK “ Web Sekolah Sebagai Media Informasi” Candra Tri Susanto. ST 6
 Untuk mendukung kelanjutan dari situs diperlukan pemeliharaan setiap
waktu sesuai yang diinginkan seperti penambahan informasi, berita,
artikel, link, gambar atau lain sebagainya. Tanpa pemeliharaan yang baik
situs akan terkesan membosankan atau monoton juga akan segera ditinggal
pengunjung.

E. Pembuatan Website SMK N 2 Padang Panjang

Website SMKN 2 Padang Panjang dalam pembuatannya menggunakan

bahasa pemrograman PHP dan database SQL. Editor yang digunakan adalah
sublime 3. Berikut ini gambar contoh tampilan web sekolah:

Gambar 2.1 Halaman web sekolah

Berikut langkah pembuatan website sekolah:

1. Langkah pertama adalah kita merancang layout tampilan

web besrta kontent yang ingin di tampilkan pada website.
2. File pendukung seperti gambar dan animasi serta video
dipersiapkan terlebih dahulu.

Makalah TIK “ Web Sekolah Sebagai Media Informasi” Candra Tri Susanto. ST 7
3. Langkah selanjutnya membuat file “index.php” yang
merupakan file halaman pertama yang akan ditampilkan pada halaman web.
Berikut isi kode program nya:

<html>
<head>
<title>SMKN 2 PADAANG PANJANG</title>
<link rel="stylesheet" type="text/css"
media="all" href="style7.css">
</head>
<body>
<div id="layout">
<div id="header">
<img src="banner.png" class="header">
</div>
<div id="menu">
<ul>
<li><a href="index7.html">Home</a></li>
<li><a href="profil.html">Visi Misi</a></li>
<li><a href="kontak.html">Kontak Kami</a></li>
</ul>
</div>
<div id="runningtext">
<marquee behavior="scroll" scrollamount="3"
onmouseover="this.stop();" onmouseout="this.start();" direction="left">
Selamat Datang di Website SMKN 2 Padang Panjang
</marquee>
</div>
<div id="sidebar">
<div class="widged">
<img src="iklan.gif" class="gambariklan">
</div>
<div class="widged">
<h1 class="judulwidged">Posting Teratas</h1>
<ul>
<li> <a href="posting1.html">Pemenang Dream Class
2018</a> </li>
<li> <a href="posting2.html">Pelantikan Ketua OSIS</a>
</li>
<li> <a href="">SMKN 2 Padang Panjang Juara Pidato</a>
</li>

</ul>
</div>
</div>
<div id="isi">
<div class="isiposting">
<!--menampilkan gambar-->
<img src="dreamclass.jpg" class="gambardepan">
<h2>DREAM CLASS 2018</h2>
<h3> Pemenang Dream Class Tahun 2018</h3>

Makalah TIK “ Web Sekolah Sebagai Media Informasi” Candra Tri Susanto. ST 8
 Kelas merupakan salah satu sarana dan prasarana
yang sangat penting dalam proses kegiatan belajar mengajar. Ruang kelas
dan lingkungan sekolah yang bersih dan sehat berperan penting dalam
pembentukan karakter anak didik supaya mencintai kebersihan dan
lingkungan hidup....<br>
<a href="posting1.html">
Baca selengkapnya >>>>>
</a>
</div>
<div class="isiposting">
<!--menampilkan gambar-->
<img src="osis.png" class="gambardepan">
<h2>PELANTIKAN KETUA OSIS</h2>
<h3>Pelantikan Ketua OSIS 2015-2016</h3>
SMK N 2 Padang Panjang pada tahun ini
menyelenggarakan pemilihan ketua OSIS periode 2015-2016. Ada tiga
kandidat pada pemilihan ketua OSIS tahun ini yaitu Rano Andika Putra dari
kelas XI TKJ 1, Satria Zaki Nugraha dari kelas ....<br>
<a href="posting2.html">
Baca selengkapnya >>>>>
</a>
</div>
<div class="isiposting">
<!--menampilkan gambar-->
<img src="pidato.jpg" class="gambardepan">
<h2>SMKN 2 PADANG PANJANG JUARA
PIDATO</h2>
<br>
Untuk lomba Pidato bahasa Jepang yang
merupakan acara puncak dari rangkaian acara lomba tentang kejepangan
berhasil diraih oleh Siswi SMKN 2 Padang Panjang atas nama :Novia
Yolanda. Novia berhasil menyisihkan 12 Peserta pidato lainnya dari berbagai
sekolah yang belajar bahasa Jepang di Sumatera Barat....<br><br>
<a href="">
Baca selengkapnya di Pidato >>>>>
</a>
</div>
</div>
<div id="footer"> &copy 2018, by Candra </div>
</div>
</body>
</html>

4. Selanjutnya buat halaman untuk masing-masing halaman

yang akan di link kan, contoh halaman yang link ke berita tentang “dream
class” berikut kode program nya:

<html>
<head>
<title>SMKN 2 PADAANG PANJANG</title>

Makalah TIK “ Web Sekolah Sebagai Media Informasi” Candra Tri Susanto. ST 9
 <link rel="stylesheet" type="text/css"
media="all" href="style7.css">
</head>
<body>
<div id="layout">
<div id="header">
<img src="banner.png" class="header">
</div>
<div id="menu">
<ul>
<li><a href="index7.html">Home</a></li>
<li><a href="profil.html">Visi Misi</a></li>
<li><a href="kontak.html">Kontak Kami</a></li>
</ul>
</div>
<div id="runningtext">
<marquee behavior="scroll" scrollamount="3"
onmouseover="this.stop();" onmouseout="this.start();" direction="left">
Selamat Datang di Website SMKN 2 Padang Panjang
</marquee>
</div>
<div id="sidebar">
<div class="widged">
<img src="iklan.gif" class="gambariklan">
</div>
<div class="widged">
<h1 class="judulwidged">Posting Teratas</h1>
<ul>
<li> <a href="posting1.html">Pemenang Dream Class
2018</a> </li>
<li> <a href="posting2.html">Pelantikan Ketua OSIS</a>
</li>
<li> <a href="">SMKN 2 Padang Panjang Juara Pidato</a>
</li>
</ul>
</div>
</div>
<div id="isi">
<div class="isipostingall">
<h2>Pemenang Dream Class Competition 2018
SMKN 2 Padang Panjang</h2>
<img src="dreamclass.jpg" class="gambarposting1">
<ul>
<li><h3>Pemenang Dream Class</h3></li>

<p>Kelas merupakan salah satu sarana dan

prasarana yang sangat penting dalam proses kegiatan belajar mengajar.
Ruang kelas dan lingkungan sekolah yang bersih dan sehat berperan
penting dalam pembentukan karakter anak didik supaya mencintai
kebersihan dan lingkungan hidup. Kebiasaan hidup sehat juga
mempengaruhi pola pikir dan pola hidup anak didik. Sehubungan dengan itu
SMK Negeri 2 Padang Panjang mengadakan “Dream Class Competition”
(Lomba Kelas Idaman) yang menyangkut kebersihan, kerapian dan

Makalah TIK “ Web Sekolah Sebagai Media Informasi” Candra Tri Susanto. ST 10
 keindahan kelas, dalam rangka mewujudkan lingkungan belajar yang bersih,
rapi dan indah serta efesien untuk dapat meningkatkan efektifitas kegiatan
belajar mengajar.</p>
<p><strong>Perspektif “Dream Class Competition”
(Lomba Kelas Idaman) </strong>antar kelas ini ke depan harus secara
konsisten menempatkan paradigma cinta lingkungan sekolah sebagai skala
prioritas. Penekanan ini dirasakan penting mengingat masih minimnnya
kesadaran secara langsung dari warga SMK Negeri 2 Padang Panjang
terhadap kebersihan dan keindahan serta kerapian lingkungan.</p>

</div>
</div>
<div id="footer"> &copy 2018, by Candra </div>
</div>
</body>
</html>

5. Pada langkah ke 4 jika dijalankan akan menghasilkan

tampilan sebagai berikut:

Gambar 2.2 Halamn posting web

6. Setelah selesai membuat website langkah selanjutnya

adalah mendaftar domain dan hosting.
7. Setelah terdaftar domain dan hosting sekolah, maka website
sekolah yang sudah di buat kita upload ke domain yang sudah terdaftar.

BAB III

Makalah TIK “ Web Sekolah Sebagai Media Informasi” Candra Tri Susanto. ST 11
 PENUTUP

A. KESIMPULAN

Website adalah sebagai kumpulan halaman-halaman yang digunakan untuk

menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau
gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang
membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing
dihubungkan dengan jaringan-jaringan halaman (hyperlink).
Website sekolah sangat berguna bagi sekolah dalam rangka untuk eksistensi,
pengenalan, promosi dan interaksi sekolah dengan masyarakat, beberapa manfaat
website sekolah diantaranya:
1. Memperkenalkan profil sekolah sehingga
masyarakat luas mengetahui informasi apapun tentang sekolah.
2. Sebagai media komunikasi antara sekolah dengan
dunia luar.
3. Sebagai media resmi sekolah untuk media publikasi
informasi ke masyarakat.

B. Saran

Penggunaan website sekolah sebagai media informasi akan sangat berguna baik
untuk sekolah ataupun masyarakan dan pihak luar. Website yang dibuat masih
jauh dari sempurna maka dari itu perlu pengembangan lagi. Bagi penelitian
selanjutnya makalah ini bisa untuk dasar pengembangan yang lebih baik. Bagi
sekolah-sekolah akan lebih baik menggunakan media internet melalui website
sebagai bahan untuk promosi sekolah.

Makalah TIK “ Web Sekolah Sebagai Media Informasi” Candra Tri Susanto. ST 12
 DAFTAR PUSTAKA

Sidik, Bertha, 2005. MySQL Untuk Pengguna, Administrator, dan Pengembang

Aplikasi Web. Bandung: Informatika.

http://eltaputrisworld.blogspot.com/2014/01/contoh-makalah-tentang-
web_15.html

Widya Kusuma Wardany, Pembuatan Website Profil Sekolah Menengah Pertama

Negeri 1 Jaten Karanganyar.

http://id.wikipedia.org

https://media.neliti.com/media/publications/128265-ID-sistem-informasi-sekolah-
berbasis-web-di.pdf

http://www.academia.edu/26078874/PERANCANGAN_DAN_ANALISIS_WEB
SITE_SEBAGAI_MEDIA_INFORMASI_PADA_SD_N_CANDISARI_BANYU
RIP_PURWOREJO

Makalah TIK “ Web Sekolah Sebagai Media Informasi” Candra Tri Susanto. ST 13