PERANCANGAN MEDIA PEMBELAJARAN INFORMATIKA

KELAS VII MENGGUNAKAN LECTORA INSPIRE DI SMP

NEGERI 2 LUBUK BASUNG
Risma Sauri1, Hari Antoni Musril2
1
Iain Bukitnggi
2
Iain Bukittinggij
Rismasauri1@gmail.com
h4m_08@yahoo.com

Abstract
Website Information System Design for SMPN 1 Bukittiggi attendance. This research was conducted during a web
programming course at IAIN BUKITTINGGI. In this study, the authors create a website attendance information system. This
payroll information system is designed using the system development life cycle system development method (SDCLC). The
waterfall method is a method that is often used by system analysts in general. The essence of the waterfall method is that
the work of a system is carried out sequentially or linearly. The manufacturing process makes it easy for developers to
model the software they create. This employee remuneration information system is made to make it easier for employees
to work. Specifically, data collection for student attendance, attendance collection for students, this wage information
system has a very simple, easy and web-based user interface. This payroll system will be online in the employee accounting
process and staff will be able to further develop using this application at any time.
Keywords: Website, Attendance, programming language, Information System, PHP/MYSQL.

Abstrak
Perancangan Media Pembelajaran Informatika Kelas VII Menggunakan Lectora Inspire di SMP N 2 Lubuk Basung. Penelitian
ini dilakukan pada saat melakukan PPL di . Dalam penelitian ini penulis membuat sebuah website sistem informasi absensi.
Sistem informasi penggajian ini dirancang dengan menggunakan metode pengembangan sistem siklus siklus hidup
pengembangan sistem (SDCLC). Metode waterfall adalah merupakan metode yang sering digunakan oleh penganalisa
sistem pada umumnya. Inti dari metode waterfall adalah pengerjaan dari suatu sistem dilakukan secara berurutan atau
secara linear. Proses manufaktur memudahkan pengembang untuk memodelkan perangkat lunak yang mereka buat. Sistem
informasi pengupahan pegawai ini dibuat untuk memudahkan pegawai dalam bekerja. Secara khusus, pengumpulan data
untuk absensi siswa, pengumpulan absensi untuk siswa/siswi, Sistem informasi upah ini memiliki user interface yang sangat
sederhana, mudah dan berbasis web. Sistem penggajian ini akan online dalam proses akuntansi karyawan dan staf akan
dapat mengembangkan lebih lanjut menggunakan aplikasi ini setiap saat.
Kata kunci: Website, Absensi, bahasa pemograman, Sistem Informasi, PHP/MYSQL.
KomtekInfo is licensed under a Creative Commons Attribution-Share Alike 4.0 International License.

1. Pendahuluan struktur dan atribut yang memudahkan

a. Latar belakang pencarian data. Salah satunya adalah
pembuatan sistem informasi akuntansi
Perkembangan komputer saat ini telah
penggajian karyawan. Sistem informasi
memainkan peran penting dalam banyak
penggajian adalah sistem informasi yang
kehidupan, salah satunya dalam bisnis.
dibuat untuk mengatasi permasalahan yang
Dengan fungsinya yang begitu banyak,
ada. Sistem ini memiliki banyak fungsi seperti
komputer sangat membantu para pebisnis.
memproses data untuk karyawan yang hadir
Perkembangan tersebut menuntut organisasi
tepat waktu(Aspi STAI Rakha Amuntai et al.,
untuk lebih maju. Sehingga perusahaan
2022).
berusaha mengejar dan mengelola data
dengan baik. Data yang dikelola dengan baik, b. Tinjauan literatur singkat
apapun bentuk materialnya, akan memiliki Landasan Teori

Diterima: xx-xx-20xx | Revisi: xx-xx-20xx | Diterbitkan: xx-xx-20xx | doi: 10.35134/komtekinfo.v9i2.1

1
First Author, et al
1. Absensi
Absensi merupakan kegiatan atau
rutinitas yang dilakukan seseorang untuk
membuktikan keberadaan orang tersebut.
Di agensi. Ketidakhadiran ini mengacu
pada penerapan disiplin yang ditetapkan
oleh masing-masing perusahaan, atau
lembaga. Absensi sering menjadi masalah
yang membosankan bagi pencatat
kehadiran dan merupakan salah satu
kegiatan Rutinitas yang harus dilakukan
dalam sains, mengapa membosankan?
Operator kehadiran setiap hari, jadi
Setiap siswa dalam kegiatan pendidikan
dan pembelajaran. Jika siswa menerima
peringatan 3 ton, Sanksi berupa telepon
ke orang tua yang berlaku. Artinya
karyawan membuat rangkuman harian
dari masing-masing individu di depan.
Ketidakhadiran ini menakjubkan untuk
digunakan sebagai dasar menilai kerajinan
siswa, jadi Peneliti perlu berhati-hati saat
merancangnya.
2. Memahami Sistem Desain
Desain adalah bahwa setiap desain
harus memenuhi kebutuhan penggunanya
dan dapat bekerja dengan baik, fungsi
muncul sebagai akibat dari kebutuhan
manusia dalam bisnis memelihara dan
mengembangkan kehidupan dan
kehidupan di alam semesta ini. Sistem
adalah elemen yang bekerja sama untuk
mencapai tujuan spesifik. Dimana sistem
harus memiliki organisasi, keterkaitan,
integrasi dan tujuan utama.(Maylisa et
al., 2022)
Desain sistem adalah proses
mengembangkan spesifikasi sistem baru
berdasarkan hasil analisis sistem
rekomendasi. Pada tahap desain, tim kerja
harus merancang spesifikasi diperlukan
dalam berbagai deskripsi input, proses,
dan output dari diusulkan,
Berdasarkan beberapa pendapat di
atas, dapat disimpulkan bahwa pengertian
Jurnal Informasi dan Teknologi Volume 4 Issue 2 (2022) 1-6
2
desain adalah gambaran dari suatu
rencana yang mengandung beberapa
elemen yang diimplementasikan menjadi
satu kesatuan sistem yang utuh dan dapat
difungsikan serta diimplementasikan.
3. Pengertian Sistem Informasi
Sistem informasi adalah
kumpulan elemen yang saling terkait
yang membentuk satu kesatuan untuk
mengintegrasikan data, memproses dan
menyimpan dan mendistribusikan
informasi.
Sistem informasi adalah cara
terorganisir untuk mengumpulkan,
memasukkan, memproses data dan
menyimpan, mengelola, mengontrol, dan
melaporkannya sehingga dapat
membantu organisasi dalam mencapai
tujuan.(Hary Soebagyo, 2020)
4. Situs web
Website atau web adalah halaman
yang berisi informasi berupa data digital
baik berupa teks, gambar, video, audio,
maupun animasi lainnya yang disediakan
melalui jalur koneksi internet.
Web adalah aplikasi yang berisi
dokumen multimedia (teks, gambar,
suara, animasi, video) di dalamnya yang
menggunakan protokol HTTP (hypertext
transfer protocol) dan untuk
mengaksesnya menggunakan perangkat
lunak yang disebut browser.(Taryana &
Kom, 2022)
Fungsi situs web meliputi:
• Media Promosi
• Pemasaran media
• Media informasi
• Media Pendidikan
• Media komunikasi
5. MySQL
First Author, et al
MySQL (My Structure Query
Language) adalah aplikasi atau sistem
yang dikelola. Database atau manajemen
data. Gunakan data untuk menyimpan
semua informasi di komputer Anda.
MYSQL mengatur dan mengelola datadata
pada database, selain itu MYSQL dikenal
sebagai sistem yang efisien dan handal,
proses query cepat dan mudah, sehingga
cocok digunakan untuk aplikasi berbasis
web.(Fadila et al., 2021)
Dengan menggunakan MySQL kita
dapat melakukan halhal berikut:
• Memodifikasi struktur database
• Mengubah, mengisi, menghapus
isi database
• Mentransfer data antar database
yang berbeda
6. PHP
PHP (Hypertext Prepocessor)
merupakan bahasa pemrograman
berbasis server–side yang dapat
melakukan parsing script php menjadi
script web sehingga dari sisi client
menghasilkan suatu tampilan yang
menarik.
PHP adalah PHP (Hypertext
Preprocessor) adalah bahasa
pemrograman web berbasis server
(server slide) yang mampu memparsing
kode PHP dari kode dengan ekstensi PHP
sehingga menghasilkan tampilan website
yang dinamis disisi client.(Sari & Okra,
2020)
2. Metodologi Penelitian
Pengembangan produk dalam
penelitian ini menggunakan contoh
pengembangan sistem siklus siklus hidup
pengembangan sistem (SDCLC). Contoh
ini sering juga disebut dengan contoh air
terjun. Metode waterfall pertama kali
diperkenalkan oleh Windows W. Royce
pada tahun 1970. Air Terjun adalah
Jurnal Informasi dan Teknologi Volume 4 Issue 2 (2022) 1-6
3
contoh klasik sederhana dengan aliran
Output sistem linier dari setiap tahap
merupakan masukan untuk tahap
selanjutnya. (Irawan et al., 2016)
1. Perencanaan Sistem (System
Planning)
Merencanakan sistem yang
akan dikembangkan sesuai rumusan
duduk perkara yang didapat, lalu
tentukan duduk perkara untuk
ditinjau lebih lanjut sehingga terkait
dengan tahap selanjutnya. Fase
perencanaan merupakan sistem yang
harus dibangun. Dalam fase Untuk
itu diperlukan analisis kelayakan
dengan mencari data atau
melakukan proses pengumpulan
Informasi yang didapat dari celana
dalam. Yayasan, Sumbangan Jaga
Aisyah. (Savitri Puspaningrum et al.,
2020)
2. Analisis sistem (analisis system) .
analisis adalah proses
penelitian Pada sistem yang berjalan
Tujuannya adalah untuk
mendapatkan jawaban tentang
Pengguna sistem, fitur sistem dan
waktu Cara menggunakan sistem.
Bagaimana proses analisis ini
ditentukan? Untuk membangun
sistem baru dari Analisis sistem lama
dengan Kenali masalahnya,
perhatikan masalahnya, Analisis
masalah menurut Masalah yang ada
dan konstruksi sistem Baru tanpa
mengubah sistem lama total.
3. Desain sistem umum (logika
desain ) .
Proses memutuskan cara
kerja sistem Dari sudut pandang
desain arsitektur dan desain
antarmuka, Database, spesifikasi
file, dan desain program. Hasil dari
proses perancangan sistem adalah
Spesifikasi sistem yang diperoleh.
First Author, et al
analisis fase Dari semua elemen
sistem yang dipilih Dikembangkan
tanpa mengacu pada spesifikasi
Kirim dengan perangkat keras atau
perangkat lunak Ikhtisar sketsa
sistem Ini sedang dikembangkan.
(Informasi Absensi & Gilang Mulia,
2020)
4. Desain sistem detail (Desain Fisik)
Hasil terjemahan atau
pemetaan Desain sistem untuk
teknologi Analis menilai dan
Pemilihan sistem yang dirancang
Detail seperti pemilihan bahasa
pemrograman. Basis data, perangkat
lunak, sistem operasi, dan Spesifikasi
perangkat keras yang digunakan di
Sistem pengembangan.
5. Implementasi .
Tahap implementasi adalah
proses pengembangan Dan evaluasi
sistem, instalasi sistem dan Rencana
dukungan sistem. Sistem itu Desain,
pengkodean, pengujian, dan Ini akan
dipasang di lokasi yang dimulai pada
tahap ini Kirim draf ke programmer.
(Informasi Absensi & Gilang Mulia,
2020)
6. Pemeliharaan system (maintenance)
Ini adalah tahap terakhir dari
data Silakan periksa secara sistematis
Informasi dapat diubah, itu
dikembangkan.
Jurnal Informasi dan Teknologi Volume 4 Issue 2 (2022) 1-6
4
3. Hasil dan Pembahasan
Model proses yang di gunakan dalam
pengembangan Sistem Informasi Management
Absensi Pegawai ini adalah menggunakan salah
satu model yaitu waterfall. Dalam model waterfall
terdapat beberapa tahapan yang digunakan untuk
proses pengembangan sistem, yaitu analisis
kebutuhan sistem, perancangan sistem sesuai
definisi kebutuhan sistem, implementasi rancangan
sistem dan pengujian system. Pada perancangan ini
digunakan UML yang terdiri dari Use Case
Diagaram, Activity Diagram, Squence Diagram,
Class Diagram dan Entity Relationship Diagram.
Pengembang rancang bangun system dilakukan
pada pengembangan front end dan back end dari
system Fitur-fitur diharapkan dapat dengan mudah
diakses oleh user. (Savitri Puspaningrum et al.,
2020)
a. Usecase diagram
Gambar 2.1 Use Case Diagram
Use Case Diagram menjabarkan
aktor yang terlibat dan hal-hal yang
dapat dilakukan pada sistem. Pada
Sistem Informasi Manjemen Absensi
terdapat aktor yang melakukan interaksi
terhadap sistem yaitu pegawai. Pegawai
hanya bisa menggunakan fitur login,
absensi, dan CRUD data diri.
b. Activity diagram
First Author, et al

Gambar 2.4 Squance Diagram

merupakan gambaran dari
diagram sekuensial untuk melakukan
absensi mulai kerja ke sistem, dimana
Gambar 2.2 Activity Diagram Admin user akan menekan tombol mulai kerja
dalam form yang akan di simpan ke
dalam database.
d. Class diagram

G
ambar 2.2 Activity Diagram Karyawan
Pada activity diagram, dilakukan
perancangan berdasarkan rancangan use
case diagram yang sudah dilakukan
sebelumnya. Dalam activity diagram
diatas menjabarkan mengenai proses
login, selain login terdapat proses
absensi pegawai yang tinggal memilih
tombol yang sudah ada
c. Squance diagram
e. Design database
Gambar 2.5 Class Diagram
Class Diagram yang dibangun
berdasarkan pendefinisian dari Use Case
Diagram dimana masing-masing fungsi
yang terdapat pada setiap kelas dibuat
untuk memenuhi kebutuhan proses yang
terdapat pada Use Case. Class Diagram
terdiri dari 4 yaitu pegawai, absensi,
data_perusahaan, dan data keluarga
yang terdiri dari atribut masing masing
yang memiliki tipe data yang berbeda.

Jurnal Informasi dan Teknologi Volume 4 Issue 2 (2022) 1-6

5
First Author, et al

Gambar 2.6 Design Database Admin Gambar 2.11 Design Interface Login
Admin

Gambar 2.7 Design Database Jam Absen

Gambar 2.12 Design Interface admin

Gambar 2.13 Design Interface admin

Gambar 2.8 Design Database Karyawan
f. Design user interface

Gambar 2.14 Design Interface Admin

Gambar 2.9 Design Interface Home

Gambar 2.15 Design Interface Login

Karyawan
Gambar 2.10 Design Interface Index

Jurnal Informasi dan Teknologi Volume 4 Issue 2 (2022) 1-6

6
 First Author, et al
Menghadapi Tantangan Perkembangan
Teknologi Pendidikan. Adiba: Journal Of
Education, 2(1), 64–73. Https://Adisampublisher.
Org/Index.Php/Adiba/Article/View/57

Fadila, R. R., Aprison, W., & Musril, H. A. (2021).

Gambar 2.16 Design Interface Karyawan
Perancangan Perizinan Santri Menggunakan
Bahasa Pemograman Php/Mysql Di Smp Nurul
Ikhlas. Csrid (Computer Science Research And Its
Development Journal), 11(2), 84. Https://
Doi.Org/10.22303/Csrid.11.2.2019.84-95

Hary Soebagyo. (2020). Peningkatan Peran Riset Iptek

Dan Pendidikan Tinggi Untuk Merespon Revolusi
Industri 4.0. Https://Doi.Org/Https://Doi.Org/
10.5614/Sniko.2018.41

Informasi Absensi, S., & Gilang Mulia, A. (2020). Sistem

Gambar 2.17 Design Interface Karyawan Informasi Absensi Berbasis Web Di Politeknik
g. Design output Negeri Padang. Jtii, 05(01).
Https://Doi.Org/Https://Doi.Org/10.30869/Jtii.V5
i1.519

Irawan, A., Hasna, A., Pahlevi, R., & Negeri

Gambar 2.18 Design Output admin
Banjarmasin, P. (2016). Sistem Informasi
Perdagangan Pada Pt Yoltan Sari Menggunakan
Php Berbasis Web. In Jurnal Positif: Vol. I (Issue
2). Https://Ejurnal. Poliban.Ac.Id/Index.Php
/Positif/Article/View/275

Maylisa, L., Sesmiarni, Z., Zakir, S., & Aprison, W.

Gambar 2.19 Design Ouput Jam masuk
(2022). Humantech Jurnal Ilmiah Multidisiplin
Indonesia Analisis Kemandirian Belajar Siswa
Dalam Pembelajaran Blended Learning Pada
Mata Pelajaran Tik Di Sman 1 Kecamatan Kapur
Ix. Https://Journal .Ikopin.Ac.Id/Index.Php/
Humantech/Article/View/1141

Sari, W. P., & Okra, R. (2020). Perancangan Aplikasi

Mobile Penyetoran Ayat Untuk Mahasiswa
4. Kesimpulan
Komprehensif Di Iain Bukittinggi Berbasis
Dalam membuat website ini sangat Android. Jurnal Ilmiah Informatika, 5(2), 157–
menyenangkan dan sangat berguna untuk
memantau karyawan yang sudah hadir di kantor,
167. Https://Doi.Org/10.35316/Jimi.V5i2.957
admin kantor tidak perlu lagi susah menggunakan
Savitri Puspaningrum, A., Saputri, I., & Ariany, F.
catatan buku karena catatan absen akan di rekap
kedalam database. Semoga website ini berguna (2020). Pengembangan E-Raport Kurikulum 2013
nantinya bagi setiap pembaca. Berbasis Web Pada Sma Tunas Mekar Indonesia.
Daftar Rujukan In Jurnal Komputasi (Vol. 8, Issue 2).
/Http://Dx.Doi.Org/10.23960%2fkomputasi.V8i2.
Aspi Stai Rakha Amuntai, M., Selatan, K., & Stai Rakha
2692
Amuntai, S. (2022). Profesional Guru Dalam

Jurnal Informasi dan Teknologi Volume 4 Issue 2 (2022) 1-6

7
 First Author, et al
Taryana, O. :, & Kom, S. M. (2022). Pengenalan Html,  
Browser Dan Text Editor. Https://Notepad-Plus-
Plus.Org/Downloads/

Jurnal Informasi dan Teknologi Volume 4 Issue 2 (2022) 1-6

8
Jevri1, Elga Fameska2, Efmi Maiyana3

Jurnal KomtekInfo − Vol. 9 No. 2 (2022) 1-6

9