1 Laporan Pembuatan Website Sekolah

BAB I
PENDAHULUAN

1.1 Latar Belakang

Era informasi sudah beralih masa, dari era manual menuju era digital, semua informasi dapat
diperoleh serba mudah, bahkan begitu mudahnya, orang tidak harus bangun dari tempat tidurnya hanya
untuk dapat mengakses iformasi yang ia butuhkan. Dewasa ini, internet merupakan sebuah revolusi
era telekomunikasi yang sangat berperan dalam ikut memajukan dunia pendidikan di Indonesia,
karena murid, wali dan masyarakat umum dapat memperoleh informasi secara mudah dan cepat,
demikian pula pihak sekolah dapat dengan mudah menyampaikan informasi kepada masyarakat.

Media internet bukanlah hal yang asing lagi bagi kita, hampir semua orang sudah dapat
mengaksesnya, bahkan kita sudah tidak memerlukan komputer, karena internet dapat dibuka melalui
telepon genggam di manapun dan dari manapun. Sebuah tempat pelayanan publik seperti sekolah,
memerlukan media komunikasi kepada masyarakat luas sebagai wujud bahwa sekolah betul-betul
memiliki fungsi sosial sehingga sekolah dapat “menjual” layanannya secara terbuka, dalam arti
bahwa setiap saat masyarakat dapat memperoleh informasi tentang sekolah dan segala aktifitasnya.
Hal ini sangat penting, mengingat dalam era global, media layanan publik harus memiliki informasi
yang mudah diakses khususnya oleh pengguna layanan tersebut dan masyarakat pada umumnya.

SMA Negeri 1 Boliyohuto adalah sebuah sekolah dengan standar mutu Pelayanan Maksimal
dengan jumlah siswa 729 orang lebih, sehingga penggunaan internet adalah hal yang sangat wajar
di sekolah ini. Sekolah sebenarnya sudah memiliki fasilitas internet sejak tahun lalu. Namun
demikian informasi sekolah masih didapatkan secara manual dan bersifat lokal, tanpa ke sekolah
mereka tidak akan mendapatkan infoirmasi apa-apa. Ironisnya, sekolah ini memiliki jumlah siswa
terbesar ketiga di Kabupaten Gorontalo, setelah SMAN 1 dan SMAN 2 namun masih minim akan
informasi, layaknya para alumni yang tidak tahu perkembangan sekolah. informasi yang tidak hanya
dapat diakses melalui LAN ataupun melalui fasilitas hotspot area misalnya, oleh karena itu haruslah
memiliki sarana informasi global yang dapat diakses kapan saja dan dimana saja. Media informasi
yang benar-benar tidak terikat oleh ruang-waktu. Kata lain, sekolah harus memiliki alamat domain
situs yang dapat diakses melalui internet dan justru akan berdampak positif bagi sekolah itu sendiri.

Bersamaan dengan kegiatan Pendidikan Antikorupsi baru-baru ini, kami berinisiatif mebangun
sebuah website sekolah untuk dipromosikan keduania maya. Kegiatan ini merupakan momen yang
paling penting di sekolah kami. Kenapa tidak, kegiatan yang didanai pemerintah melalui bantuan
sosial bukan hanya memiliki dampak internal melainkan juga harus memiliki dampak eksternal bagi
sekolah itu sendiri. Artinya, pendidikan Antikorupsi yang sudah diselenggarakan sekolah yang hanya
berdampak pada anak didik, setidaknya melalui informasi yang dimuat pada website juga memiliki
dampak positif terhadap para pengunjung situs yang membacanya. Dengan konsep desain dan materi

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

Laporan Pembuatan Website Sekolah 2
yang baik, tata letak yang rapi serta desain web yang tidak membosankan maka para pengunjung
tersebut diharapkan mudah mendapatkan informasi seputar pendidikan Antikorupsi dan kegiatan
lainnya ataupun tentang sekolah sesuai dengan kebutuhan mereka.

Pembuatan website yang unik dan menarik pengunjung merupakan sebuah tantangan menarik bagi
kami selaku tim pengembang web. Untuk merancang sebuah program website supaya lebih dinamis
dan memiliki materi yang sesuai dengan kebutuhan warga belajar dan masyarakat. Oleh karena itu
disamping informasi kegiatan-kegiatan sekolah kami juga menerapkan sistem e-learning, perpustakaan
bagi peserta didik sehingga situs tidak pernah sepi. E-learning yang diterapkan masih sebatas mata
pelajaran TIK, karena keterbatasan bandwitch yang digunakan sedangkan untuk mata pelajaran lain
bisa memanfaatkan fitur member yang sudah kami sediakan untuk kegiatan pembelajaran. Adanya
sistem e-learning dan fitur member diharapkan pendidikan antikorupsi akan berkesinambungan untuk
generasi selanjutnya karena di website kami sudah menyediakan atau menaruh banner antikorupsi
yang selalu mengingatkan korupsi bagi pengunjung situs tersebut.

1.2 Permasalahan
Dari latar belakang di atas, kita dapat mengambil beberapa permasalahan sebagai berikut:
1. Sekolah belum memiliki website sebagai media infoirmasi sekolah, akibatnya kegiatan-kegiatan
sekolah yang sifatnya nasional tidak dapat disampaikan ke dunia luar
2. Masih minimnya pengetahuan internet bagi warga sekolah, sehingga pemanfaatan websekolah
harus disosialisasikan sesering mungkin.
3. Sejauh ini, masih ada beberapa hal yang memang harus diperbaiki dalam penyajian/tampilan
web tersebut. Kekurangan yang ada antara lain adalah, kurangnya materi yang menarik minat
pengunjung situs, tautan (link) yang kurang teratur dan desain tampilan web yang kurang menarik
minat pengunjungnya. Sebagai ujung tombak komunikasi massa, maka diperlukan sebuah web
yang memiliki materi yang lengkap dan mudah dipahami penggunanya terutama warga lingkungan
pembelajar.

1.3 Tujuan
Tujuan adalah untuk menciptakan website sekolah sebagai media informasi sekolah yang
inovatif dan interaktif yang dapat diakses melalui internet.

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

3 Laporan Pembuatan Website Sekolah

BAB II
LANDASAN TEORI

2.1 HTML (Hyper Text Markup Language)

HTML (Hyper Text Markup Language) merupakan bahasa yang digunakan untuk pemrograman
web. Ciri utama dokumen HTML adalah adanya tag dan elemen.1 HTML merupakan suatu format
data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform ke
platform
yang lainnya tanpa melakukan suatu perubahan apapun. Dokumen HTML sebenarnya merupakan
dokumen teks biasa (ASCII). Sehingga di dalam platform apapun dokumen HTML dapat dibaca,
dibuat dan dimodifikasi dengan editor teks biasa.
HTML bermula dari sebuah bahasa yang sebelumnya hanya digunakan di dunia penerbitan dan
percetakan yang disebut dengan Standard Generalized Mark-Up Language (SGML). HTML adalah
standar yang digunakan secara luas untuk menampilkan halaman, dan kini HTML merupakan standar
internet yang
saat in dikendalikan oleh World Wide Web Consortium (W3C). Konsep HTML membuat proses
pembacaan sebuah dokumen menjadi lebih mudah karena tidak harus secara urut, baris demi baris,
atau halaman demi halaman, tetapi dapat dengan mudah melompat dari satu topik ke topik lainnya.
Pada dokumen HTML, hal ini biasa disebut dengan link (hubungan). Dalam penggunaannya, sebagian
besar kode HTML tersebut harus terletak di antara tag container, yaitu diawali dengan <nametag> dan
diakhiri dengan </nametag> (terdapat tanda “/”), sebagian lagi dituliskan dengan format <nametag/>
dengan tanda “/” dituliskan sebelum tanda “>”. Sebuah halaman web minimal mempunyai empat
buah tag utama2, yaitu :

• <HTML> sebagai tanda awal dokumen HTML.

• <HEAD> sebagai informasi page header.
• <TITLE> sebagai title atau judul halaman. Tag ini merupakan bagian dari tag <HEAD>. Kalimat
yang terletak di dalam tag ini akan muncul pada bagian paling atas browser (pada title bar).
• <BODY> tag ini merupakan inti dari halaman web, karena seluruh content dari halaman web
dituliskan pada tag ini. Pada tag ini dapat diletakkan berbagai attribut seperti warna latar
belakang, warna teks, nama link, warna visited link, warna active link, dan lain-lain.

2.2 PHP Hypertext Preprocessor (PHP)

PHP merupakan script pemrograman yang dieksekusi menyatu dengan HTML dan bersifat server
side language. Jadi eksekusi dari sebuah script PHP dilakukan pada server. Sedangkan pengiriman
data ke client hanya berupa tampilan HTML. PHP disimpan dalam file berekstensi .php, .php3 atau
.phtml, itu
tergantung dengan settingan PHP anda, tetapi secara umum ekstensi file PHP adalah .php. Kode PHP
menyatu dengan tag – tag HTML dalam satu file.
Beberapa kelebihan PHP dibandingkan dengan bahasa pemrograman yang lain yaitu3 :
• PHP mudah dibuat dan memiliki kecepatan akses tinggi
• PHP dapat berjalan pada web server yang berbeda dan dalam system operasi yang berbeda pula.

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

Laporan Pembuatan Website Sekolah 4
PHP dapat berjalan di system oprasi UNIX, Windows, Windows NT, dan Macintosh
• PHP diterbitkan secara gratis
• PHP juga dapat berjalan pada web server Microsoft Personal Web Server, Apache, IIS, Xitami
dan sebagainya.
• PHP termasuk bahasa yang bersifat embedded (bisa diletakkan atau ditempel pada tag
HTML).
• PHP termasuk server side programming.

Sedangkan system database yang didukung PHP adalah :

- Oracle - Solid
- Sybase - Generic ODBC
- mSQL - Postgre SQL
- MySQL
PHP termasuk server side programming, maka untuk menjalankan program dalam PHP diperlukan
text editor, web browser, serta web server yang mendukung PHP.

2.3 MySQL Database Server

Penggunaan system database saat ini telah menyeluruh di segala bidang teknologi informasi. Hal
ini terbukti dengan semakin eratnya peranan database dalam sebuah aplikasi, tidak terkecuali
dalam aplikasi berbasis web. Penggunaan database pada web saat ini semakin meningkat. Bahkan
kebanyakan aplikasi web saat ini telah menggunakan database untuk mengorganisir data-data yang
dimiliki. Contohnya penggunaan database untuk mengatur data pengguna (member) dari sebuah web
e-commerce.

Database merupakan sebuah koleksi dari data yang persistent yang digunakan oleh system aplikasi.
Koleksi data yang mirip dengan database sebenarnya sudah ada sebelum revolusi industri yaitu dalam
bentuk buku besar, kwitansi, dan kumpulan data yang berhubungan dengan bisnis.

MySQL adalah salah satu software database relasional (Relational Database Management System
atau RDBMS) seperti Oracle, PostgreSQL, MSSQL, dan lain-lain yang mendukung multithreading
dan multiuser serta telah diinstallasi pada 11 juta komputer di dunia. MySQL dikembangkan oleh
perusahaan MySQL AB. MySQL AB menyebut produknya sebagai database open source terpopuler di
dunia. Berdasarkan riset dinyatakan bahwa di platform web baik untuk kategori open source maupun
umum,MySQL adalah database yang paling banyak dipakai. Puluhan hingga ratusan ribu situs di dunia
mengandalkan MySQL sebagai penyedia data bagi para pengunjungnya. Penyebab utama MySQl
begitu populer di kalangan aplikasi web adalah karena kemudahannya untuk digunakan, cepat secara
kinerja query, dan mencukupi untuk kebutuhan database dengan skala menengah. Selain itu faktor
open source juga sangat berpengaruh terhadap popularitas MySQL.

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

5 Laporan Pembuatan Website Sekolah

BAB III
TAHAPAN PEMBUATAN WEBSITE

3.1 Persiapan
Program ini dilaksanakan mulai pertengahan September 2013 dan rencananya selesai awal oktober
2013, kami mempergunakan sistem website yang digunakan adalah Content Management System
(CMS) BALITBANG, karena sistem website ini adalah standar sistem website yang ditetapkan oleh
Dikti (http://www.balitbang.depdiknas.go.id/) untuk diimplementasikan pada sekolah-sekolah. Untuk
itu, rumusan yang akan kami lakukan adalah sebagai berikut:

4. Menginstall CMS Balitbang di lokal komputer

5. Mendesain tampilan website CMS Balitbang sesuai dengan citra sekolah SMA Negeri 1
Boliyohuto.
6. Merubah coding-coding sistem website sesuai dengan kebutuhan.
7. Menguploadnya ke dalam server website www.sman1boliyohuto.sch.id
8. Melakukan promosi website www.sman1boliyohuto.sch.id di forum situs http://forum.
kajianwebsite.org/ dan juga situs jejaring sosial seperti Facebook.

Persiapan dimulai dengan menyiapkan hal-hal yang diperlukan untuk membangun website. Hal-hal
yang dibutuhkan untuk memulai program kegiatan pembuatan dan pengembangan website adalah
sebagai berikut :
1. CMS Balitbang yang didownload dari situsnya http://kajianwebsite.org/
2. Sebuah komputer PC dengan layar monitor LCD
3. Hosting dan domain www.sman1boliyohuto.sch.id
4. Beberapa Softwere dengan definisi operasional sebagai berikut:
a. Adobe Dreamwaver CS3 digunakan untuk mengedit CSS CMS Balitbang
b. Adobe Photoshop CS3 digunakan untuk mengedit Gambar Header dan background website
c. Softwere Artister digunakan untuk memodifikasi tampilan website, menu profile dan footer
website
d. XAMPP server digunakan untuk menjalankan sekaligus menguji website yang telah dibuat
pada jaringan lokal (LAN)
e. Adobe Captivate digunakan untuk membuat animasi header website
f. Softwere Crimsoon Editor digunakan untuk mengubah coding CMS balitbang
g. Macromedia Flash digunakan untuk mengolah gambar menjadi file flash
h. Softwere FTP Filezila digunakan untuk mentransfer file dari komputer ke server host
i. Softwere browser seperti Mozila Firefox, Internet Explorer dan Google Chrome digunakan
untuk menjalankan dan menguji tampilan website sekolah.
5. Koneksi internet
6. Foto-foto untuk bahan mendesain tampilan website Kontent-kontent website yang akan
dipublikasikan.

Selain itu, persiapan yang dilakukan adalah analisis kebutuhan untuk mengembangkan website dan
mendesignnya. Mulai dari berdiskusi dengan guru yang bersangkutan dan mulai merancang rancangan

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

Laporan Pembuatan Website Sekolah 6
awal untuk tampilan design website serta pemilihan warna yang cocok untuk citra sekolah.

3.2 Pelaksanaan

3.2.1 Proses Instalasi CMS Balitbang

Langkah awal yang dilakukan adalah melakukan installasi CMS Balitbang yang telah di download
sebelumnnya di http://kajianwebsite.org/ versi terbaru yaitu versi 3.5.2 stable file ini terkompres dengan
zip. Oleh karena itu kita harus membukanya dengan cara mengekstrack file tersebut menggunakan
program winrar. File diekstrack dan langsung ditempatkan pada folder htdocs yang ada di foilder
xampp dengan path c:/xampp/htdocs seperti gambar berikut:

Gambar 1. Penempatan folder CMS balitbang di htdocs xampp

Setelah CMS balitbang ditempatkan di htdocs pada folder xampp, maka proses selanjutnya adalah
membuat database untuk file tersebut di PHPMyadmin dengan cara menjalankan web browser Mozilla
Firefox dengan mengetikkan localhost/phpmyadmin/ di address bar akan tampil gambar berikut ini:

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

7 Laporan Pembuatan Website Sekolah

Gambar 2. Pembuatan Database webtemp di php MyAdmin

Setelah database webtemp dibuat maka database tersebut harus dikonfogurasi agar terkoneksi antara
database yang dibuat dengan cara mengedit file config.php di direktori ./lib/. Konfigurasi database
menggunakan softwere Dreamweaver CS3. Saat mengedit file config.php di direktori ./lib/ yang perlu
dirubah hanyalah sintax dibawah ini.

<?php
error_reporting(0);
date_default_timezone_set(“Asia/Jakarta”);
date(“Y-m-d H:i:s”, mktime(date(“H”)+1, date(“i”), date(“s”), date(“m”), date(“d”), date(“Y”)));

$webhost = “sman1boliyohuto”;
$webmail = “admin@sman1boliyohuto.sch.id”;
$nmsekolah = “SMAN 1 BOLIYOHUTO”;
$almtsekolah = “JL. RAJA TOLANGOHULA KEC. BOLIYOHUTO”;
$jum_spp= “0”;
$jum_dsp= “0”;
Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id
Laporan Pembuatan Website Sekolah 8

/* LOCAL DATABASE CONNECTION config */

// database constant
// change below setting according to your database configuration
$dbhost = “localhost”;
$dbuser = “xxxxxx”;
$dbpasswd = “xxxxxxxx*”;
$dbname = “webtemp”;

$dbprefix = “t_”;
$alan = “../temp/www/”;
$email1 = “admin@sman1boliyohuto.sch.id”;
$email2 = “sman1boliyohuto@yahoo.com”;
$noacak = “82”;
$kolom=”3”;
$versi=”3.5”;
$cmsmember = “ya”; //diisi ya atau tidak
$cmssim = “ya”; //diisi ya atau tidak
$cmstingkat = “sma”; // diisi sd,smp,sma,smk,lain
$folderadmin=”admin”;
$multibahasa=”tidak”; // diisi “ya” apabila akan dijadikan multi bahasa dan
//diisi “tidak” apabila tidak akan mengaktifkan multibahasa
$nmhost = “http://$webhost/”;
// konfigurasi ID aplikasi Facebook
$appid = ‘’; // contoh 169993669715242
$secret = ‘’; // contoh 81158039568d1a5f8d7990b70f7186c9

?>

3.2.2 Desain Template Website SMAN 1 Boliyohuto

Desain template websekolah menggunakan software Artisteer versi 2.3.0.21098 Standard Edition.
Pemakaian Software tersebut karena alasan CSS-nya yang kompatibel dengan CSS CMS Balitbang,
tidak untuk versi baru sehingga tampilan desain web di software Artistieer sama dengan tampilan web
di CMS Balitbang.

Desain dasar web dirancang dengan 2 kolom modul, 1 kolom isi (konten), 1 kolom top menu, 1

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

9 Laporan Pembuatan Website Sekolah

kolom footer dan 1 kolom header. Racangannya seperti gambar dibawah ini.

HEADER

MENU

MODUL KIRI KONTEN MODUL KANAN

FOOTER

Gambar 3. Rancangan tampilan website

Sebelum kita mengexport template terlebih dahulu kita harus membuat folder www di direktori ./
temp/. fungsi folder tersebut adalah untuk menempatkan template yang telah dibuat menggunakan
Artisteer tadi dengan mengeksportnya secara langsung ke folder tersebut. Tampilan template dapat
dilihat pada gambar di bawah ini

Gambar 4. Desain template menggunakan software Artisteer

Tahap selanjutnya adalah mengeditnya menggunakan softwere Adobe Dreamwaver CS3, Adobe
Photoshop CS3. Dengan 2 softwere ini, kita akan merancang warna dan juga gambar untuk diterapkan
pada desain website tersebut. Untuk mengedit warna, kita akan merubah file style.css yang terdapat
pada direktori ./temp/www/style.css. Lihat seperti gambar berikut.

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

Laporan Pembuatan Website Sekolah 10

Gambar 5. Tampilan Dreamwaver CS3 saat melakukan editing CSS

Dalam proses editing CSS ini yang perlu di tekankan adalah pada pengaturan warna, posisi image,
background, font, dan juga ukuran tampilan design. Pemilihan warna pada design website ini lebih
dominan hijau. Karena sekolah SMA Negeri 1 Boliyohuto sangat identik dengan warna hijau, mulai
dari logo sekolah, seragam hingga warna bangunan sekolah.

Setelah melakukan editing CSS menggunakan Adobe Dreamwaver CS3, dilanjutkan dengan membuat
header, footer dan gambar-gambar lainnnya

Gambar 6. Tampilan header saat bekerja di Adobe Photoshop CS3

Karena design ini sudah direncanakan akan menggunakan file flash pada bagian header, maka kami
membutuhkan dimensi header 974px x 300px. Untuk itu, kami perlu merubah ukuran header pada

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

11 Laporan Pembuatan Website Sekolah

file fungsi_gabung.php di direktori ./fungtions/fungsi_gabung.php dengan menggunakan softwere

Crimson Editor. Pada file tersebut, kami fokuskan mengatur sintax pada pengaturan ukuran header
atas. Kami merubah ukuran yang ada menjadi ukuran yang kita inginkan, yaitu 974px x 300px.
Seperti terdapat pada gambar dibawah :

Gambar 7. Tampilan saat bekerja dengan Crimson Editor

Sintax yang perlu di edit seperti dibawah ini :

function banneratas() {
include “koneksi.php”;
$sql=”select id from t_gambaratas “;
$i=1;
if(!$query=mysql_query($sql)) die (“Pengambilan gagal1 gambar atas”);
while($rows = mysql_fetch_array($query)) {
$photo[$i]=$rows[id];
$i++;
}
$jum = count($photo);
$n = rand(1,$jum);
$sql=”select * from t_gambaratas where
id=’”.mysql_real_escape_string($photo[$n]).”’”;
if(!$query=mysql_query($sql)) die (“Pengambilan gagal1 gambar atas”);
if ($row=mysql_fetch_array($query)) {
if ($row[jenis]==’swf’) {
$atas =’<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-
444553540000”
codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab
#version=7,0,19,0” width=”974” height=”300” title=”’.$row[judul].’”>
<param name=”movie” value=”../images/banneratas/gbanner’.$row[id].’.swf”>
<param name=”quality” value=”high”>
Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id
Laporan Pembuatan Website Sekolah 12
<embed src=”../images/banneratas/gbanner’.$row[id].’.swf” quality=”high”
pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/xshockwave-
flash” width=”974” height=”300”></embed>
</object>’;
}
else {
$atas = “<img src=’../images/banneratas/gbanner$row[id].
$row[jenis]’ title=’$row[judul]’ width=’974’ height=’300’>”;}
}
return $atas;

Selanjutnya, kita akan membuat file flash menggunakan softwere Swish. Tetapi sebelumnnya kita
harus menyiapkan terlebih dahulu gambar-gambar yang akan ditampilkan pada Adobe Photoshop
CS3. Inilah tampilan saat bekerja di softwere Adobe Captivate:

Gambar 8. Tampilan saat bekerja di softwere Adobe Captivate

Setelah desain flash telah dikombinasikan pada softwere Adobe Captivate, kami menyimpannya
dalam format file SWF dan menyimpannya pada direktori ./images/banneratas/. Dengan nama file
header.swf

lebih lanjut kami akan membuat tulisan footer pada design website. Dengan melakukan editing file
index.tpl menggunakan softwere Adobe Dreamwaver CS3 yang terdapat pada direktori ./temp/www/
index.tpl.

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

13 Laporan Pembuatan Website Sekolah

Untuk menampilkan hasil kerja kami di browser, dapat kita buka menggunakan browser Mozila
Firefox atau Google Chrome dengan menggunakan fasilitas XAMPP server, dan hasilnya seperti
tampilan dibawah ini.

Gambar 9. Tampilan website akhir

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

Laporan Pembuatan Website Sekolah 14
3.3 Migrasi website Ke Webhost
Tahap akhir adalah menguploadnnya pada server online dengan domain www.sman1boliyohuto.sch.
id dan mempromosikannnya. Proses upload file dapat menggunakan fasilitas Cpanel pada hosting
server atau dapat menggunakan softwere FTP Filezilla. Namun untuk mengexport database hanya
dapat dilakukan dengan menggunakan fasilitas Cpanel pada hosting server. File webtemp yang telah
di kompres ke dalam file zip kami upload menggunakan fasilitas file manager yang disediakan oleh
CPanel. Untuk mengawali proses migrasi website dari localhost ke webhost, kita perlu membuat
database kosong untuk digunakan website, dan membuat direktori untuk menyimpan seluruh material
dan file-file lain yang kita upload.

3.3.1 Pembuatan database diwebhost

Kita perlu membuat database kosong (misalnya “sman1bol_db”) di dalam sistem database kita,
beserta user khusus (misalnya “sman1bol_235”) yang memiliki akses terhadap database website.
Kita dapat menggunakan user “root” pada localhost tetapi user ini sangat tidak direkomendasikan
untuk digunakan pada production system : apabila ada hacker yang mengetahui passwordnya maka
keseluruhan sistem database Anda akan terancam, tidak sekedar satu database saja.
Dalam webhost terdapat webbased control panel (biasanya menggunakan sistem cPanel) yang dapat
kita gunakan untuk membuat database. Namaun kita harus login pada cPanel webhost terlebih dahulu
lalu mekanismenya sebagai berikut :

1. Klik icon pada bagian database.

2. Tulislah nama database baru (misalnya moodle) dalam field New Database kemudian klik tombol
“Create Database”.
3. Database sudah berhasil dibuat, klik tombol “Go Back”.

4. Pada bagian MySQL User > Add New User, tulislah nama user dan password untuk database
website.
5. Username sudah berhasil dibuat, klik tombol “Go Back”

6. Pada bagian Add User To Database, pilih user website dan database website lalu klik tombol
“Add”.

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

15 Laporan Pembuatan Website Sekolah

7. Pada halaman Manage User Privilege, kita harus ceklist ALL PRIVILEGES untuk memberikan
hak akses penuh pada user website, lalu klik tombol “Save Changes”
8. Sampai tahap ini, Anda sudah berhasil menambahkan database beserta usernya, selanjutnya kita
tinggal mengimport database website dengan format sql yang sebelumnya kita sudah eksport
terlebih dahulu di localhost pada phpMyAdmin. Databes tersebut diimport di database yang
barusaja kita buat.

3.3.2 Upload File Website ke Webhost

Sekarang saatnya meng-upload seluruh file website Kita ke dalam webhost. Sebelumnya siapkan
archive dari file website kita dalam format .zip. Langkah-langkah dalam meng-upload file website
yang diletakkan dalam folder public_html.

1. Pada cPanel pilih File Manager.

2. Pada window Directory Selection pilih Web Root (public_html/www)

3. Upload archive moodle pada public_html.

4. Kita pilih file website, kemudian pilih tombol Extract yang terletak pada bagian atas halaman
cPanel.
5. Sampai tahap ini kita berhasil memindahkan file website kita ke dalam webhost.
6. Selanjutnya kita harus menyesuaikan konfigurasi sistem. Pada folder webtemp, sorot file config.
php lalu klik “Code Editor” pada bagian atas cPanel.

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

Laporan Pembuatan Website Sekolah 16

7. Ubahlah dbhost (jika dbhost berada terpisah dari web server), dbname, dbuser, dbpass, wwwroot,
dan dataroot sesuai dengan konfigurasi yang sudah kita lakukan saat membuat user dan database.
Jika sudah selesai klik “Save Changes”.

<?php
error_reporting(0);
date_default_timezone_set(“Asia/Jakarta”);
date(“Y-m-d H:i:s”, mktime(date(“H”)+1, date(“i”), date(“s”), date(“m”), date(“d”), date(“Y”)));

$webhost = “sman1boliyohuto”;
$webmail = “admin@sman1boliyohuto.sch.id”;
$nmsekolah = “SMAN 1 BOLIYOHUTO”;
$almtsekolah = “JL. RAJA TOLANGOHULA KEC. BOLIYOHUTO”;
$jum_spp= “0”;
$jum_dsp= “0”;

/* LOCAL DATABASE CONNECTION config */

// database constant
// change below setting according to your database configuration
$dbhost = “localhost”;
$dbuser = “xxxxxx”;
$dbpasswd = “xxxxxxxx*”;
$dbname = “webtemp”;

$dbprefix = “t_”;
$alan = “../temp/www/”;

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

17 Laporan Pembuatan Website Sekolah

$email1 = “admin@sman1boliyohuto.sch.id”;
$email2 = “sman1boliyohuto@yahoo.com”;
$noacak = “82”;
$kolom=”3”;
$versi=”3.5”;
$cmsmember = “ya”; //diisi ya atau tidak
$cmssim = “ya”; //diisi ya atau tidak
$cmstingkat = “sma”; // diisi sd,smp,sma,smk,lain
$folderadmin=”admin”;
$multibahasa=”tidak”; // diisi “ya” apabila akan dijadikan multi bahasa dan
//diisi “tidak” apabila tidak akan mengaktifkan multibahasa
$nmhost = “http://$webhost/”;
// konfigurasi ID aplikasi Facebook
$appid = ‘’; // contoh 169993669715242
$secret = ‘’; // contoh 81158039568d1a5f8d7990b70f7186c9

?>

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id

Laporan Pembuatan Website Sekolah 18
BAB IV
PENUTUP

4.1 Simpulan
Peningkatan mutu layanan pendidikan memang tidak hanya melalui peningkatan kualitas guru
dan karyawan, lingkungan pembelajaran juga harus ditingkatkan kerapian dan efektifitasnya supaya
menjadi tempat belajar yang betulbetul nyaman untuk masyarakat.

Ketercapaian kualitas sekolah sangat didukung oleh kemudahan akses masyarakat kepada
sekolah tersebut, baik informasi dan kebutuhan nonfisik lain. Hal ini mendorong sebuah sekolah
berstandar internasional harus peka terhadap kemajuan dan kebutuhan jaman. Penggunaan wesite
(alamat situs) memang sudah wajib untuk sekolah setaraf SMA Negeri 1 Boliyohuto, karena kebutuhan
komunikasi antar warga pembelajar di lingkungan ini sangat tinggi, akses informasi yang dibutuhkan
masyarakat-pun akan dapat mendorong citra sekolah ini menjadi lebih baik lagi. Melalui website
yang kami bangun, semoga dapat memudahkan atau setidaknya melancarkan alur komunikasi antara
pihak sekolah dengan pengguna jasa layanan pendidikan (murid, wali dan masyarakat).

Seluruh aktifitas yang ada di SMA Negeri 1 Boliyohuto dapat dengan mudah terangkum dan
ditampilkan pada www.sman1boliyohuto.sch.id, sehingga murid dan masyarakat dapat mengetahui
pengumuman-pengumuman penting seperti : jadwal sekolah, nilai ujian, penerimaan siswa baru,
kalender pendidikan, bahkan orang tua murid akan memiliki forum khusus untuk berdiskusi dengan
wali kelas melalui website ini.

4.2 Saran
Saran kami dalam penggunaan dan pemberdayaan website ini adalah :
1. Meningkatkan pemeliharaan dan aktifitas web ini dengan menampilkan berita-berita atau
pengumuman terbaru untuk menjalin komunikasi intensif dengan masyarakat.
2. Sebaiknya guru dan karyawan juga memiliki forum dialog dengan warga sekolah.
3. Sosialisasi pada siswa dan masyarakat harus lebih ditingkatkan, supaya mereka merasakan
manfaat menggunakan fasilitas ini.

Copy Right © 2013 Tim IT Sman1boliyohuto http://www.sman1boliyohuto.sch.id