Jurnal Lepa-lepa Open Submitted : XX/XX/XXX

http://ojs.unm.ac.id Reviewed : XX/XX/XXX

Volume XX Nomor XX, XXX Accepted : XX/XX/XXX
Published : XX/XX/XXX
Pembuatan Website E-learning SMKN 10 Makassar
Andi Awalul Rezqy1, Erika Safitri2, Fin3, Julham4, Muh.Azhard Hasmir5, Utari
Theosofi Febrilia6, Syamsidah7
1
Jurusan Pend.Teknik Informatika, Fakultas Teknik, Universitas Negeri Makassar
2,3,4,5
Jurusan Pend.Teknik Mesin, Fakultas Teknik, Universitas Negeri Makassar
6
Jurusan Pend.Sendratasik, Fakultas Seni Dan Desain, Universitas Negeri Makassar
icharezpecta@gmail.com
syamsidah@unm.ac.id

ABSTRAK

Dewasa ini teknologi telah berkembang dengan laju yang pesat menghasilkan beberapa
inovasi mutakhir yang mempermudah pekerjaan manusia salah satunya yaitu e-learning. Sistem
pembelajaran elektronik atau e-learning merupakan sebuah bentuk teknologi informasi yang
diterapkan di bidang pendidikan berupa website yang dapat diakses dimana saja. E-learning
merupakan suatu pendekatan untuk mengembangkan pengetahuan, ketrampilan, dan kompetensi
melalui sarana berbasis teknologi internet. E-learning memungkinkan tersampaikannya bahan ajar
kepada siswa melalui internet, intranet atau media jaringan komputer lainnya. Website e-learning
yang dibuat memberikan fasilitas berupa pengumuman, absensi harian siswa, tugas sekolah, tugas
UAS, dan bahan ajar per kelas setiap jurusan,

Pengembangan website e-learning diimplementasikan menggunakan bahasa pemrograman

web PHP. Untuk pengelolaan basis data digunakan MySQL dan untuk pembuatannya digunakan
pendekatan system waterfall yang meliputi analisa, desain, implementasi dan pengujian.

Adapun manfaat dari e-learning ini adalah mempermudah interaksi antara tenaga pendidik
dan peserta didik dalam proses belajar-mengajar yang dilakukan secara online. Didukung oleh
kondisi global yang sedang marak terjadi penyebaran wabah covid-19 sehingga mengharuskan
masyarakat untuk menjaga jarak tak terkecuali di dalam instansi pendidikan untuk menghindari
penyebaran covid-19, sistem belajar online kemudian menjadi solusi utama untuk mengatasi
permasalahan yang ada, sehingga proses belajar-mengajar dapat terus dilakukan meski saat ini
kondisi tidak memungkinkan untuk dilakukannya kegiatan belajar-mengajar tatap muka secara
langsung.

Kata kunci: e-learning, inovasi, belajar-mengajar.

ABSTRACT
Nowadays technology has developed at a rapid rate resulting in several cutting-edge
innovations that facilitate human work, one of which is e-learning. Electronic learning system or
e-learning is a form of information technology that is applied in the field of education in the form
of a website that can be accessed anywhere. E-learning is an approach to develop knowledge,
skills, and competencies through internet-based technology. E-learning allows the delivery of

email : lepalepa@unm.ac.id Page | 1

Jurnal Lepa-lepa Open Submitted : XX/XX/XXX
http://ojs.unm.ac.id Reviewed : XX/XX/XXX
Volume XX Nomor XX, XXX Accepted : XX/XX/XXX
Published : XX/XX/XXX
teaching materials to students through the internet, intranet or other computer network media.
The e-learning website created provides facilities in the form of announcements, student daily
attendance, school assignments, Mid-test and Final-test assignments, and teaching materials per
class for each department.
E-learning website development is implemented using the PHP web programming
language. For database management, MySQL is used and for its manufacture, a waterfall system
approach is used which includes analysis, design, implementation and testing.
The benefits of e-learning are to facilitate interaction between educators and students in
the online teaching and learning process. Supported by global conditions that are currently rife
with the spread of the covid-19 outbreak, which requires people to keep their distance, including
in educational institutions to avoid the spread of covid-19, the online learning system then becomes
the main solution to overcome existing problems, so that the teaching and learning process can
continue to be carried out even though the current conditions do not allow for face-to-face
teaching and learning activities directly.
Keywords: e-learning, innovation, teaching and learning.

PENDAHULUAN

A. Latar Belakang Kegiatan Pengabdian

Sejak dunia dihebohkan dengan munculnya wabah covid-19 yang berawal dari
Wuhan China pada Desember 2019, hingga kini virus ini masih menjadi pandemi global.
Kondisi ini menimbulkan dampak yang sangat signifikan terhadap segala aspek kehidupan,
tak terkecuali dalam dunia pendidikan dimana proses belajar-mengajar dilakukan dengan
sistem e-learning merujuk pada himbauan yang tertera dalam Surat Edaran Menteri
Pendidikan dan Kebudayaan Nomor 4 Tahun 2020.
E-learning merupakan sebuah inovasi yang mempunyai kontribusi sangat besar
terhadap perubahan proses pembelajaran, dimana proses pembelajaran berbasis e-learning
dilakukan secara online melalui aplikasi atau website yang dapat diakses menggunakan
jaringan internet. Hal ini memudahkan kelangsungan dari proses belajar-mengajar dengan
meminimalisir resiko penularan covid-19 akibat interaksi secara langsung antar individu.
E-learning adalah salah satu bentuk nyata dari perkembangan teknologi yang sudah
semakin canggih dan sangat memudahkan kehidupan manusia beberapa tahun belakangan
ini.
Di sekolah SMKN 10 Makassar sendiri masih belum memiliki website khusus
untuk proses belajar-mengajar secara online, sehingga sistem pembelajaran dengan
berbasis e-learning masih belum dapat diterapkan dengan maksimal. Sementara tuntutan
keadaan mengharuskan proses pembelajaran dilakukan secara online mengacu pada
penyebaran pandemi terhitung sejak Maret 2020. Dengan ini kelompok kami membuat
website e-learning untuk SMKN 10 Makassar dalam rangka menghindari penyebaran
wabah covid-19 dan mengurangi angka bertambahnya kegiatan yang menimbulkan
keramaian pada lingkungan sekitar kita, serta untuk menjawab tantangan global terkait
perkembangan teknologi dengan hal ini pentingnya kesadaran untuk tetap menjaga jarak

email : lepalepa@unm.ac.id Page | 2

Jurnal Lepa-lepa Open Submitted : XX/XX/XXX
http://ojs.unm.ac.id Reviewed : XX/XX/XXX
Volume XX Nomor XX, XXX Accepted : XX/XX/XXX
Published : XX/XX/XXX
dan mematuhi protokol kesehatan yang berlaku dengan tidak mengesampingkan kewajiban
utama sebagai peserta didik dan tenaga pendidik.
Adapun bentuk kegiatan ini dalam pengembangan inovasi e-learning yaitu membuat
website khusus proses belajar-mengajar di SMKN 10 Makassar, yaitu sebagai program
kerja mahasiswa KKN-PPL angkatan XXII Universitas Negeri Makassar di SMKN 10
Makassar.

METODE KEGIATAN

A. Ruang Lingkup dan Objek Kegiatan

Pengadaan website sekolah khusus untuk pelaksanaan proses belajar-mengajar yang
dapat digunakan oleh semua jurusan yang ada di SMKN 10 Makassar.

B. Tempat dan Waktu Pelaksanaan Kegiatan

Adapun tempat pelaksanaan pembuatan website e-learning di SMKN 10 Makassar
pada tahun 2021.

C. Bentuk dan Tahapan Kegiatan

Sebelum dilakukannya pembuatan website khusus untuk kegiatan belajar-mengajar di
SMKN 10 Makassar, yang pertama dipersiapkan adalah alat yang akan digunakan dalam
hal ini Laptop Lenovo dengan spesifikasi core i5 gen8, processor amd redeon 800, ram 4gb
dan ssd 128 gb dengan beberapa software yang dibutuhkan yaitu Xampp, Laragon, Mozilla
Firefox dan Wordpress untuk menunjang pembuatan website e-learning sekolah.
Adapun cara membuat website yaitu:
Hal pertama yang dilakukan setelah mempersiapkan alat yang dibutuhkan adalah
menginstall software Laragon dilaptop yang digunakan sebagai penyedia layanan
database, kemudian setelah software berhasil diinstall mulai membuat database pada
software Laragon yang diakses melalui Firefox, dimana nama dari database yang akan
dibuat adalah e-learning. Database disini berfungsi sebagai media penyimpanan lokal,
setiap aktifitas yang terjadi pada Wordpress akan ototmatis tersimpan pada database.

email : lepalepa@unm.ac.id Page | 3

Jurnal Lepa-lepa Open Submitted : XX/XX/XXX
http://ojs.unm.ac.id Reviewed : XX/XX/XXX
Volume XX Nomor XX, XXX Accepted : XX/XX/XXX
Published : XX/XX/XXX

Gambar 1. Tahap awal pembuatan website e-learning

Langkah selanjutnya, membuka halaman baru pada Firefox untuk mendownload

web penyedia layanan blog yaitu Wordpress. Setelah berhasil didownload, web Wordpress
kemudian dikoneksikan dengan software Laragon karena web Wordpress akan diaktifkan
melalui Laragon untuk dijalankan pada Firefox. Dalam proses penghubungan antara
software Laragon dan web Wordpress, disaat yang sama juga terjadi pengkoneksian antara
database e-learning yang dibuat pada Laragon dengan Wordpress. Pastikan Laragon tetap
aktif untuk dapat mengakses Wordpress.
Buka halaman baru pada Firefox lalu ketik pada tab pencarian
localhost/elearning/index.php untuk membuka menampilkan halaman Wordpress dan
memulai sesi editing menentukan tema dan tampilan setiap halaman.

HASIL & PEMBAHASAN

Kelompok kami berhasil membuat website e-learning untuk kepentingan proses

belajar-mengajar pada SMKN 10 Makassar. Setelah mempersiapkan alat dan kebutuhan
lain yang akan digunakan untuk membuat website dalam hal ini berupa beberapa software,
pembuatan website mulai dilakukan denan langkah pertama yaitu memastikan wordpress
telah terkoneksi dengan laragon untuk dioperasikan melalui firefox.

email : lepalepa@unm.ac.id Page | 4

Jurnal Lepa-lepa Open Submitted : XX/XX/XXX
http://ojs.unm.ac.id Reviewed : XX/XX/XXX
Volume XX Nomor XX, XXX Accepted : XX/XX/XXX
Published : XX/XX/XXX

Gambar 2. Halaman default dari Wordpress

Setelah wordpress berhasil dioperasikan, langkah selanjutnya yaitu menginstall

tema. Pada tahap ini kelompok kami menentukan desain homepage yang sesuai untuk
website e-learning. Kelompok kami memilih desain yang simple dan inovatif sesuai
dengan kebutuhan penggunaan website untuk kegiatan e-learning.

Gambar 3. Tampilan homepage website e-learning SMKN 10 Makassar

Selesai menentukan desain tampilan homepage, langkah berikutnya adalah

menginstall Plugin Dash untuk menambah kan fitur proses pembelajaran seperti input
materi, upload tugas dan soal, bisa juga sudah tersedia layanan login sebagai siswa dan
login sebagai guru dimana dapat terjadi proses mengajar antara guru dan murid. Terakhir,
kelompok kami sebagai pengembang salah satu hasil dari teknologi yang berinovasi ini
kemudian menyusun dan memodel website sedemikian rupa menggunakan fitur yg tersedia
agar tampilan dan tools yang terdapat dalam website mudah digunakan oleh siswa dan
guru.
Adapun masalah/kendala dalam pembuatan website e-learning ini adalah
kurangnya ide-ide kreatif dan pengetahuan yang terbatas sehingga dalam proses pembuatan
website sering kali mengalami error dan harus diulang kembali tahapan pembuatannya.

email : lepalepa@unm.ac.id Page | 5

Jurnal Lepa-lepa Open Submitted : XX/XX/XXX
http://ojs.unm.ac.id Reviewed : XX/XX/XXX
Volume XX Nomor XX, XXX Accepted : XX/XX/XXX
Published : XX/XX/XXX
Selanjutnya beberapa solusi yang kami usahakan untuk menuntaskan masalah di
atas adalah yang pertama kami menggunakan sistem trial and error sehingga ketika salah
satu tahapan mengalami error, kami mencari tahu penyebab kegagalan yang terjadi pada
beberapa referensi seperti artikel di internet dan penjelasan pada buku kemudian mencoba
kembali hingga berhasil.
Pihak sekolah sangat bangga dan senang dengan adanya website e-learning ini
karena sangat dibutuhkan dalam pelaksanaan proses belajar mengajar yang dilakukan
secara online. Website ini juga akan menjadi website e-learning official pertama untuk
SMKN 10 Makassar.

KESIMPULAN & SARAN

A. Kesimpulan
1. Dengan adanya pembuatan website e-learning ini proses belajar-mengajar di sekolah
SMKN 10 Makassar dapat lebih terorganisir dan terkontrol rapi dalam satu website
resmi milik sekolah
2. Website e-learning ini dapat meminalisir atau memutuskan mata rantai covid-19 pada
SMKN 10 Makassar karena dapat mengurangi kegiatan yang menimbukan keramaian
karena proses belajar-mengajar dilakukan secara online melalui website e-learning.
3. Menjadi salah satu bentuk nyata bahwa SMKN 10 Makassar merupakan sekolah yang
telah memanfaatkan inovasi teknologi dalam bidang pendidikan.

B. Saran
Dengan perkembangan teknologi yang sudah semakin pesat dewasa ini, tentunya
harus dimanfaatkan sebaik mungkin terlebih penggunaan teknologi sangat memudahkan
dalam melakukan berbagai hal salah satunya kegiatan belajar-mengajar dibidang
pendidikan, dengan adanya teknologi kegiatan belajar-megajar kini dapat dilakukan secara
online tanpa bertemu secara langsung antara tenaga pendidik dan peserta didik. Hal ini
diharapkan mampu mencegah dan menekan angka penyebaran covid-19.

DAFTAR PUSTAKA

Anonymous. 2021. Pengertian e-learning. http://id.m.wiktonary.org/wiki/e-learning (diakses

pada tanggal 26 April 2021).
Anonymous. 2021. Pengertian Wordpress. https://id.m.wikipedia.org/wiki/Wordpress (diakses
pada tanggal 26 April 2021).
Dewaweb. 2021. 5 Plugin E-learning Wordpress Terbaik.
https://www.google.com/amp/s/www.dewaweb.com/blog/plugin-e-learning-ordpress/amp/
(diakses pada tanggal 28 April 2021).
Jurnal.unimus.ac.id (diakses pada tanggal 5 juni 2021)
Ubaidah, Ahmad Nur. 2018. Keuntungan Menggunakan Laragon Dibandingkan
XAMPP.https://www.logique.co.id/blog/2018/06/25/keuntungan-laragon-dibanding-
xampp/ (diakses pada tanggal 27 April 2021).

email : lepalepa@unm.ac.id Page | 6