ISSN: 2722-5011 Vol. 1, No. 1, Juni 2020

Suci Ariani, dkk (Bimbingan Teknis Pembuatan ..) 35

Bimbingan Teknis Pembuatan Website Untuk Meningkatkan Pengetahuan dan Keterampilan Siswa

SMP Negeri 1 Tarakan Tahun 2020

Suci Ariani1*, M. Diah2, Randy3, Ibrahim Soeksin4 1,2,3,4Politeknik Bisnis Kaltara, Tarakan

1suci.poltekbiskal@gmail.com*; 2droidasyik@gmail.com

Abstrak

Pada zaman era globalisasi ini kemajuan Teknologi Informasi sangatlah pesat, informasi dapat kita

ketahui dengan mudah dengan memanfaatkan fasilitas internet. Semakin banyaknya situs-situs

web di internet sebagai wadah informasi secara global yang tidak mengenal waktu dan tempat

menjadi suatu hal yang sangat dibutuhkan oleh setiap orang. Website tidak hanya dapat digunakan

oleh perusahaan atau lembaga besar saja, tetapi banyak digunakan oleh kalangan kecil dan

menengah sebagai media promosi yang hemat sekaligus menampilkan profesionalitas, sehingga

website menjadi salah satu media yang dapat diandalkan. Untuk mencapai tujuan yang telah

dirumuskan sebelumnya, pelaksanan pengabdian masyarakat ini dilakukan dalam beberapa

langkah yang melibatkan metode penelitian lapangan berupa Identifikasi masalah, melakukan

survei lapangan ke SMP Negeri 1 Tarakan, penelitian pustaka, perancangan sistem website dan

demonstrasi/pelatihan langsung yang diberikan kepada siswa SMP Negeri 1 Tarakan. Dari hasil

pelaksanaan pengabdian ini luaran yang diperoleh adalah sebuah website sekolah yang dapat

diakses secara online melalui URL www.000webhost.smpn1tarakan.com. Website ini nantinya

dikelola oleh anggota sekolah. Selain itu peserta juga mendapatkan ilmu baru bagaimana

membangun sebuah website dan cara pengelolaannya sebagai media informasi atau layanan yang

lebih banyak dikenal masyarakat luas. Program studi Sistem Informasi telah melaksanakan kegiatan

pengabdian masyarakat IPTEK berbasis program studi.

Kata kunci: Pengabdian Masyarakat, Bimbingan Teknis, Teknologi Informasi, Pembuatan Website,

SMP Negeri 1 Tarakan

1. Pendahuluan Pada zaman era globalisasi ini kemajuan Teknologi Informasi sangatlah pesat,

informasi dapat kita ketahui dengan mudah dengan memanfaatkan fasilitas internet. Semakin banyaknya situs-situs web di internet sebagai wadah informasi secara global yang tidak mengenal waktu dan tempat menjadi suatu hal yang sangat dibutuhkan oleh setiap orang. Tidak hanya pada kalangan bisnis kecil hingga besar yang ingin memasarkan produk dan jasanya secara global, tetapi juga pemerintahan, organisasi, yayasan dan lembaga individu yang sudah banyak memanfaatkan website untuk mendapatkan kemudahan dalam memberikan layanan dan informasi, serta untuk kemudahan perluasan dan pengembangan bisnis.

ISSN: 2722-5011 Vol. 1, No. 1, Juni 2020

Suci Ariani, dkk (Bimbingan Teknis Pembuatan ..) 36

Website merupakan media tercepat dan terluas untuk mengabarkan informasi. Website dapat menyajikan berbagai informasi mengenai profil perusahaan, profil lembaga pendidikan, profil komunitas, kegiatan organisasi, badan usaha pemerintahan dan media berbagi pengetahuan dan lain-lain. Website tidak hanya dapat digunakan oleh perusahaan atau lembaga besar saja, tetapi banyak digunakan oleh kalangan kecil dan menengah sebagai media promosi yang hemat sekaligus menampilkan profesionalitas, sehingga website menjadi salah satu media yang dapat diandalkan.

SMP Negeri 1 Tarakan adalah salah satu sekolah terbaik tingkat menegah pertama yang ada di kota Tarakan Kalimantan Utara. Sekolah ini terletak di Jalan Diponegoro, Kelurahan Pamusian, Kecamatan Tarakan Tengah yang didirikan pada tanggal 1 Juli 1949. Sekolah ini merupakan salah satu Rintisan Sekolah Bertaraf Internasional di Kota Tarakan dan juga merupakan Sekolah Adiwiyata. Sistem pembelajaran di sekolah ini yaitu moving class dengan jumlah total 36 ruang kelas. sekolah ini menerapkan sistem taling (tabungan lingkungan) untuk membuat siswa peduli akan lingkungannya.

SMP Negeri 1 Tarakan belum memiliki sebuah sistem atau media online dengan memanfaatkan fasilitas internet untuk memperluas jangkauan promosi dalam memperkenalkan produk, layanan atau profil badan usaha kepada konsumen atau masyarakat umum secara luas. Oleh karena itu, pada pengabdian ini, program studi Sistem Informasi berencana untuk memberikan Bimbingan Teknis pembuatan website sekolah SMP Negeri 1 Tarakan, Kalimantan Utara.

2. Tinjauan Pustaka A. Website

Sebuah website, atau dikenal juga dengan situs web, adalah sekumpulan halaman web yang ditampilkan dalam sebuah domain. Website disimpan di dalam server hosting yang dapat diakses lewat jaringan seperti jaringan Internet atau lewat jaringan area lokal lewat alamat Internet yang juga dikenal dengan nama Uniform Resource Locator (URL). Website yang dapat diakses tersebut secara kolektif disebut World Wide Web (WWW). Halaman web merupakan dokumen berisi teks yang ditulis (paling sederhana) dalam format Hyper Text Markup Language (HTML). Halaman web dapat memanggil elemen-elemen lain yang biasa ditampilkan dalam sebuah web, seperti elemen gambar, video, dan sebagainya.

Berikut gambaran atau penjelasan tentang cara kerja website :

Gambar 1. Cara kerja website

ISSN: 2722-5011 Vol. 1, No. 1, Juni 2020

Suci Ariani, dkk (Bimbingan Teknis Pembuatan ..) 37

Penjelasan untuk gambar cara kerja web diatas adalah:

USER/pengguna yang akan mengakses suatu website berupa URL melalui WEB BROWSER (yaitu media untuk menuju URL yang diakses), kemudian WEB BROWSER tersebut mengirimkan permintaan / request berupa HTTP REQUEST kepada WEB SERVER melalui layer-layer TCP/IP.

WEB SERVER memberikan WEB FILES yang di-request jika ada.

WEB FILES yang telah diberikan tidak langsung ditampilkan begitusaja, namun WEB SERVER memberikan respon kembali ke WEB BROWSER melalui HTTP RESPONSE yang juga melalui layer-layer TCP/IP, yang kemudian baru di terima oleh WEB BROWSER, dan kemudian dikirimkan kepada USER berupa DISPLAY.

B. Content Management System (CMS)

CMS, sistem manajemen konten adalah perangkat lunak yang digunakan untuk menambahkan atau memanipulasi (mengubah) isi suatu situs web. Umumnya, sebuah CMS terdiri atas dua elemen, yaitu :

Aplikasi manajemen isi (Content Management Application, CMA)

Aplikasi pengiriman isi (Content Delivery Application, CDA) Elemen CMA digunakan untuk mengelola konten, dan penghapusan isi suatu situs

web dapat dilakukan tanpa perlu memiliki keahlian sebagai seorang webmaster. Elemen CDA untuk menghimpun informasi-informasi yang sebelumnya telah ditambah, dikurangi atau diubah oleh pemilik situs web untuk memperbarui situs web tersebut.

C. Hosting

1) Local Hosting Sebelum web dipublikasikan ke luar, sebaiknya dalam tahap awal web yang

sedang dikembangkan tidak disimpan di server yang tersambung ke internet. Maka, solusinya adalah membuat komputer pribadi kita sebagai server lokal. Untuk dapat membuat komputer menjadi sebuah server lokal dibutuhkan aplikasi seperti XAMPP (untuk Windows) atau LAMPP (untuk Linux) atau MAMP (untuk Mac).

Gambar 2. XAMPP

ISSN: 2722-5011 Vol. 1, No. 1, Juni 2020

Suci Ariani, dkk (Bimbingan Teknis Pembuatan ..) 38

Setelah proses instalasi XAMPP, jalankan dua service yang diperlukan sebuah website, yaitu service Apache dan MySQL. Apache merupakan aplikasi yang berjalan secara background (atau disebut juga service) di dalam sistem operasi sebagai server untuk keperluan local hosting, sedangkan MySQL adalah service yang berjalan untuk keperluan database.

2) Web Hosting Jika web yang berada di local hosting sudah siap dipublikasikan ke internet, file

web yang ada di folder ‘htdocs’ dapat diunggah ke web hosting. Web hosting memanfaatkan sebuah server yang dapat diakses oleh seluruh dunia lewat Internet. Untuk dapat mengakses web hosting, pengguna harus memiliki akses CPanel (laman konfigurasi server), akses FTP, dan akses database.

D. Database

Database atau basis data merupakan kumpulan data yang terstruktur dan berrelasi yang disimpan di dalam sebuah komputer atau server. Dalam pembangunan website yang dinamis, tidak cukup hanya memanfaatkan laman web bertipe HTML saja. Diperlukan adanya implementasi database untuk menyimpan data yang akan diakses oleh laman web. Data tersebut bisa berbagai macam, namun kebanyakan data yang disimpan di database merupakan data berbentuk string/teks.

Untuk membuat database di dalam sebuah hosting, biasanya server hosting telah menyediakan aplikasi untuk mengelola database bernama PHPMyAdmin. Aplikasi tersebut bisa diakses di http://yourdomain/phpmyadmin contoh : http://localhost/phpmyadmin.

Gambar 3. PHPMyAdmin

ISSN: 2722-5011 Vol. 1, No. 1, Juni 2020

Suci Ariani, dkk (Bimbingan Teknis Pembuatan ..) 39

3. Metode Peserta pelatihan adalah siswa SMP Negeri 1 Tarakan. Dalam pelaksanaan

pengabdian masyarakat ini dilaksanakan sesuai dengan jadwal pada tabel 1 dibawah ini:

Waktu Pengabdian : Desember 2019

Pelaksanaan : 17 sd. 19 Februari 2020

Tempat Pengabdian : SMP Negeri 1 Tarakan

Tabel 1. Jadwal Kegiatan

No Kegiatan Desember Januari Februari Pelaksana

1. Survey Pendahuluan

Tim Pengabdi

2. Koordinasi dengan pihak sekolah

Ketua Tim Pengabdi

3. Identifikasi masalah Tim Pengabdi

4. Penyusunan materi Tim Pengabdi

5. Pembuatan website sekolah

Tim Pengabdi

6. Pelatihan dan implementasi

Tim Pengabdi

7. Laporan Tim Pengabdi

Untuk mencapai tujuan yang telah dirumuskan sebelumnya, pelaksanan pengabdian masyarakat ini dilakukan dalam beberapa langkah yang melibatkan metode penelitian lapangan berupa :

1) Identifikasi masalah yang dilakukan sebagai langkah awal untuk merumuskan apa saja yang akan dijadikan bahan untuk perancangan sistem dan materi pelatihan dalam kegiatan pengabdian ini.

2) Melakukan survei lapangan ke SMP Negeri 1 Tarakan sebagai tempat dilaksanakannya kegiatan. Kemudian melakukan proses wawancara dan diskusi dengan pihak sekolah untuk identifikasi permasalahan ada dalam penggunaan komputer.

3) Penelitian pustaka untuk acuan materi yang digunakan selama kegiatan pengabdian ini.

ISSN: 2722-5011 Vol. 1, No. 1, Juni 2020

Suci Ariani, dkk (Bimbingan Teknis Pembuatan ..) 40

4) Perancangan sistem website dan demonstrasi/pelatihan langsung yang diberikan kepada siswa SMP Negeri 1 Tarakan.

4. Hasil dan Pembahasan A. Proses Kegiatan

Kegiatan pengabdian kepada masyarakat ini dilakukan dengan acara wawancara, pelatihan dan demonstrasi. Kegiatan ini dilaksanakan di SMP Negeri 1 Tarakan, Kalimantan Utara. Kegiatan di mulai dengan melakukan survei lapangan untuk tahap penyusunan rencana kerja. Kegiatan survei ini dilakukan guna untuk mengidentifikasi permasalahan yang ada di SMP Negeri 1 Tarakan yang dapat dicarikan solusinya dengan kegiatan masyarakat prodi Sistem Informasi. Adapun tim pengabdi yang melakukan kegiatan survei ini adalah sebagai berikut :

1) M. Diah, S.Kom 2) Ulea Muetia

Gambar 4. Proses Pendaftaran Peserta Kegiatan survey tersebut menghasilkan kesepakatan hasil diskusi dengan kepala sekolah

dan beberapa guru bidang studi yaitu pembuatan sebuah website sekolah untuk memperluas jangkauan informasi dalam memperkenalkan layanan atau profil sekolah kepada siswa/orang tua/wali murid atau masyarakat umum secara luas.

Dalam membangun website sekolah ini dilakukan dengan beberapa tahapan yaitu: 1) Pembuatan desain tampilan atau layout web. 2) Melakukan pemrograman web 3) Pengumpulan data-data yang dibutuhkan untuk ditampilkan pada website seperti :

a) Profil Sekolah (Nama dan logo, sejarah berdirinya) b) Visi dan Misi c) Struktur Organisasi d) Direktori Guru, Siswa dan Alumni e) Alamat lengkap sekolah

ISSN: 2722-5011 Vol. 1, No. 1, Juni 2020

Suci Ariani, dkk (Bimbingan Teknis Pembuatan ..) 41

4) Melakukan free web hosting Website sekolah yang sudah dirancang dan dibuat di localhost segera setelah kegiatan

selesai di upload ke webhost gratis. Domain dan hosting yang dipakai adalah www.000webhost. com.

Gambar 5. Sambutan Kepala Sekolah sekaligus pembukaan

(a)

(b)

(c)

(d)

Gambar 6. Proses Pelaksanaan Kegiatan

ISSN: 2722-5011 Vol. 1, No. 1, Juni 2020

Suci Ariani, dkk (Bimbingan Teknis Pembuatan ..) 42

B. Hasil Pelaksanaan Kegiatan Dari hasil pelaksanaan pengabdian ini luaran yang diperoleh adalah sebuah website sekolah

yang dapat diakses secara online melalui URL www.000webhost.smpn1tarakan.com. Website ini nantinya dikelola oleh anggota sekolah. Selain itu peserta juga mendapatkan

ilmu baru bagaimana membangun sebuah website dan cara pengelolaannya sebagai media informasi atau layanan yang lebih banyak dikenal masyarakat luas.

Berikut bentuk tampilan website sekolah SMP Negeri 1 Tarakan serta penjelasannya: 1) Halaman Home

Gambar 7. Halaman Home Pada halaman Home dari website sekolah ini terdiri dari 5 menu pada sisi atas yaitu : menu

Home, Profil, Guru, Siswa, Alumni dan Fitur. Masing-masing menu dapat diakses dengan cara melakukan klik pada Menu tersebut.

Gambar 8. Tampilan Submenu dari Menu Profil

ISSN: 2722-5011 Vol. 1, No. 1, Juni 2020

Suci Ariani, dkk (Bimbingan Teknis Pembuatan ..) 43

Halaman menu profile terdapat beberapa sub menu, yaitu : Visi dn Misi, Sejarah Singkat, Sarana & Prasarana, Struktur Organisasi, Kepala Sekolah, Kemitraan, Program Kerja, Kondisi Siswa, Komite Sekolah, dan Prestasi. Sub menu ini dapat ditambah atau dikurangi sesuai kebutuhan sekolah.

Gambar 9. Tampilan Submenu dari Menu Guru Halaman menu Guru terdapat beberapa sub menu, yaitu : Direktori Guru, Silabus, Materi

Ajari, Materi Uji, Prestasi Guru, Kalender Akademik.

Gambar 10. Tampilan Submenu dari Menu Siswa Halaman menu Siswa terdapat beberapa sub menu, yaitu : Direktori Siswa, Prestasi Siswa,

Ekstrakurikuler, OSIS, dan Beasiswa.

Gambar 11. Tampilan Submenu dari Menu Alumni Direktorit menu Alumni terdapat dua sub menu, yaitu : Direktori Alumni dan Info Alumni.

ISSN: 2722-5011 Vol. 1, No. 1, Juni 2020

Suci Ariani, dkk (Bimbingan Teknis Pembuatan ..) 44

Gambar 12. Tampilan Submenu dari Menu Fitur Direktori menu Fitur terdapat beberapa sub menu, yaitu: Agenda, Artikel, Info, Berita, Buku

Tamu, Opini, Daftar Blog, Link, Galeri Photo , Peta Situs dan Kontak Sekolah. 2) Halaman Visi dan Misi Sekolah

Gambar 13. Tampilan Halaman Visi dan Misi Halaman ini menampilkan Visi dan Misi Sekolah “Berbudaya, Berprestasi, Berkompetensi

Global, dan Berwawasan Lingkungan” 3) Halaman Menu Login

http://localhost/smpn1tarakan/admin

Gambar 14. Halaman Login

ISSN: 2722-5011 Vol. 1, No. 1, Juni 2020

Suci Ariani, dkk (Bimbingan Teknis Pembuatan ..) 45

Login Administrator digunakan untuk memperbaharui isi website, berita, artikel, banner, galeri, data guru, data siswa, data alumni dan fitur lainnya.

Gambar 15.Halaman Administrator

4) Halaman Berita

Gambar 16. Halaman Berita

Halaman berita pada menu administrator dapat diakses melalui menu fitur -> Berita. Pada jendela sebelah kanan terdapat tombol / link Tambah Berita.

Gambar 14. Update Berita

ISSN: 2722-5011 Vol. 1, No. 1, Juni 2020

Suci Ariani, dkk (Bimbingan Teknis Pembuatan ..) 46

5). Halaman Artikel

Gambar 15. Update Artikel

Artikel sebaran untuk menghimpun beberapa informasi terkait dunia pendidikan yang dapat

disertakan gambar.

5. Kesimpulan Program studi Sistem Informasi telah melaksanakan kegiatan pengabdian masyarakat IPTEK

berbasis program studi. Kegiatan ini dilakukan untuk mengenalkan teknologi website sebagai media online untuk memperluas jangkauan informasi dalam memperkenalkan layanan atau profil badan usaha dari sekolah SMP Negeri 1 Tarakan kepada konsumen atau masyarakat umum secara luas. Luaran dari kegiatan pengabdian ini adalah sebuah website sekolah yang dapat dikelola secara baik dan friendly serta dapat diakses secara online dengan memanfaatkan fasilitas internet yang memadai.

Daftar Pustaka [1] Yolanda, Desta, Pembuatan dan Pelatihan Websitete Badan Usaha Milik Desa (BUMDes) Desa Naras

Hilir Kecamatan Pariaman Utara, Padang, 2018 [2] Sidik, Betha, Pemrograman Web dengan PHP7, Informatika, Bandung, 2017

ISSN: 2722-5011 Vol. 1, No. 1, Juni 2020

Suci Ariani, dkk (Bimbingan Teknis Pembuatan ..) 47

[3] Anton, Subagia, Membuat Web dengan PHP 7 dan Database PDO MySQLi, PT Elek Media Komputindo, Jakarta, 2016

[4] Sarwandi, Joomla 3.5 untuk pemula, PT Elex Media Komputindo, Jakarta, 2016 [5] Astohar, Pelatihan Laporan Administrasi Prgoram Pemberdayaan untuk Kader Masyarakat di Desa

Mijen Kecamatan Kebongagung Kabupaten Demak, Semarang, 2015 [6] Hakim, Lukmanul, Rahasia Inti Master PHP dan MySQLi (improved), Yogyakarta, 2014 [7] Divisi Data Litbang (www.divisidatalitbang.net), diakses pada tanggal 15 Februari 2020 [8] Hosting (www.000webhost.com), diakses pada tanggal 9 Februari 2020 [9] ____, Official PHP, www.php.net [10] ____, Official MySQL, www.mysql.com [11] ____, Official Apache, www.apache.org [12] ____, Official XAMPP, www.apachefriends.org