AnggaPutraJuledi INFORMATIKA 2615-1855(E-ISSN) 2303 …

Angga Putra Juledi INFORMATIKAManajemen InformatikaUniversitas LabuhanbatuVol. 9 No. 2 / Mei /2021

2615-1855 (E-ISSN)2303-2863 (P-ISSN)

57 | P a g e

PERANCANGAN SISTEM INFORMASI AKADEMIK SMA PERTIWI 2PADANG MENGGUNAKAN BAHASA PEMOGRAMAN PHP DAN MYSQL

Angga Putra JulediSistem Informasi, Fakultas Sains dan Teknologi, Universitas Labuhanbatu

e-mail: [email protected]

ABSTRACT

Technology is growing rapidly in the midst of society today, making people competing tomaster and implement it in everyday life such as students. Students are entitled to masterthe current technology activity, not just to earn income or mere skill, but science iscurrently used for things that lead to advancements and skills that are useful for thefuture. Similarly, the teachers and students, for the ease and smoothness of teaching andlearning process, it takes a simple system application and can help the learning processin teaching and learning activities. With the development of technology in the world ofcomputerization and application of Academic Information system applications in SMAPertiwi 2 Padang can help manage academic data effectively and efficiently because itcan be accessed online and academic data stored electronically.

Keywords: System, Information System, SMA Pertiwi, Academic, PHP, MySQL.

1. PENDAHULUANTeknologi yang semakin berkembang

pesat ditengah-tengah masyarakat saat ini,membuat orang berlomba-lomba untukmenguasai dan meng implementasikannyadalam kehidupan sehari-hari seperti siswa.Siswa berhak menguasai aktivitasteknologi yang beredar saat ini, bukanhanya sekedar untuk mendapatkanpenghasilan ataupun kepandaian semata,tapi ilmu pengetahuan saat ini banyakdimanfaatkan untuk hal-hal yang lebihmenjurus kepada kemajuan dan skill yangberguna bagi masa mendatang.

Perkembangan yang tiada henti-hentinya dilakukan manusia dalamberbagai bidang sehingga membuat ilmupengetahuan selalu menjadi hal yangsangat berpengaruh terhadap apapun yangterjadi baik guru, pegawai dan siswa,

ditengah-tengah masyarakat saat ini. Mulaidari hal sosial, politik, hukum, teknik, danindustri, semua hal tersebut sangatlahmembutuhkan ilmu pengetahuan yangmendalam.

Demikian juga dengan para guru dansiswa, demi kemudahan dan kelancaranproses belajar mengajar, maka diperlukansebuah aplikasi sistem yang simple dandapat membantu proses pembelajarandalam kegiatan belajar mengajar.

Alasan penulis mengangkat judul iniadalah demi kemudahan untuk membantupara guru dalam merekap nilai siswa danmata pelajaran, sehubungan dengan haltersebut, maka penulis akan berusahauntuk menciptakan sebuah aplikasi yangdapat mempermudah kinerja guru, gunamendapatan peningkatan ilmu yang lebihbaik dari sebelumnya.


2615-1855 (E-ISSN)2303-2863 (P-ISSN)

58 | P a g e

2. Landasan Teori2.1 Konsep Sistem Informasi

Pentingnya informasi digunakanpada bagian pemasaran sebagai mediadalam pemasaran produk. Tidak hanya itutetapi juga digunakan untuk mengetahuiperkembangan pemasaran di masa yangakan datang. Sistem yang tidakmemperhatikan perkembangan informasiakan menjadi kerdil dan akhirnya akanberakhir. Informasi diperoleh dari sisteminformasi (information system).

2.1.1 Pengertian SistemSistem adalah kumpulan atau

himpunan dari unsur atau variabel-variabelyang saling terkait, saling berinteraksi, dansaling tergantung satu sama lain untukmencapai tujuan. Selain itu sistem jugadapat didefenisikan sebagai sekumpulanobjek-objek yang saling berelasi danberinteraksi serta hubungan antar objekbisa dilihat sebagai satu kesatuan yangdirancang untuk mencapai satu tujuanyang telah ditetapkan. (Hamim Tohari,2014:2).

Kualitas dari suatu informasi (qualityof information) tergantung dari tiga hal,yaitu :1. Akurat

Informasi harus bebas dari kesalahan-kesalahan dan tidak bias ataumenyesatkan. Akurat juga berartiinformasi harus jelas mencerminkanmaksudnya.Informasi harus akuratkarena dari sumber informasi sampaike penerima informasi kemungkinanbanyak terjadi gangguan yang dapatmerubah atau merusak informasitersebut.

2. Tepat pada waktunyaInformasi yang dating pada penerimatidak boleh terlambat. Informasi yang

sudah usang tidak akan mempunyainilai lagi, karena informasi merupakanlandasan didalam pengmbilankeputusan.

3. RelevanInformasi tersebut mempunyaimanfaat untuk pemakainya.Relevansiinformasi untuk tiap-tiap orang satudengan yang lainnya berbeda.

2.1.2 Pengertian Sistem InformasiSistem informasi adalah suatu sistem

di dalam suatu organisasi yangmempertemukan kebutuhan pengolahantransaksi harian yang mendukung fungsioperasi organisasi yang bersifat manejerialdengan kegiatan strategi dari suatuorganisasi untuk dapat menyediakankepada pihak luar tertentu dengan laporan-laporan yang diperlukan. (Tata Sutabri,2012:46).

Menurut Sutabri (2012) dalambukunya Konsep Sistem Informasimenjelaskan bahwa Sistem informasiterdiri dari komponen-komponen yangdisebut blok bangunan (building block),yang terdiri dari blok masukan, blokmodel, blok keluaran, blok teknologi, blokbasis data, dan blok kendali. Sebagai suatusistem, keenam blok tersebut masing-masing saling berinteraksi satu denganyang lainnya membentuk satu kesatuanuntuk mencapai sasaran keenam bloktersebut (Tata Sutabri, 2012:47), yaitu:1. Blok masukan

Input mewakili data yang masuk kedalam sistem informasi. Input disinitermasuk metode-metode dan mediauntuk menangkap data yang akandimasukkan, yang dapat berupadokumen-dokumen dasar.

2. Blok Model


2615-1855 (E-ISSN)2303-2863 (P-ISSN)

59 | P a g e

Blok ini terdiri dari kombinasi prosedur,logika dan model matematik yang akanmemanipulasi data input dan data yangtersimpan di basis data dengan carayang sudah tertentu untukmenghasilkan keluaran yang diinginkan.

3. Blok KeluaranProduk dari sistem informasi adalahkeluaran yang merupakan informasiyang berkualitas dan dokumentasi yangberguna untuk semua tingkatanmanajemen serta semua pemakai sistem.

4. Blok TeknologiTeknologi merupakan kotak alat dalamsistem informasi. Teknologi digunakanuntuk menerima input, menjalankanmodel, menyimpan dan mengakses data,menghasilkan dan mengirimkankeluaran dan membantu pengendaliansistem secara keseluruhan.

5. Blok Basis DataBasis data merupakan kumpulan daridata yang saling berhubungan satudengan yang lainnya, tersimpan diperangkat keras komputer dandigunakan perangkat lunak untukmemanipulasinya.

6. Blok KendaliBanyak hal yang dapat merusak sisteminformasi, beberapa pengendalian perludirancang dan diterapkan untukmeyakinkan bahwa hal-hal yang dapatmerusak sistem dapat dicegah ataupunbila terlanjur terjadi kesalahan-kesalahan dapat langsung cepat diatasi.

2.2 Konsep webHypertext Prepocessor (PHP)

Munculnya PHP bermula dari PHP/FIyang dibuat oleh Rasmus Lerdorf padatahun 1995. Pada awalnya PHP/FI hanyaterdiri dari sekumpulan skrip Perl dandigunakan sebagai alat untuk melacak

akses ke resume online-nya. Sekumpulanskrip perl ini diberi nama “Personal HomePage Tools”.

Rasmus kemudian memasukkanbeberapa aturan bahasa C, menambahkemampuan akses ke database, sehingga iadapat membuat aplikasi web sederhana.

Hingga saat PHP telah mendapatbanyak perhatian dari para pengembangkemudian dikembangkan dan ditingkatkanversinya menjadi versi 4.0.Pada versi iniengine dari PHP diganti namanya menjadiZend Engine, dan sampai sekarang telahmencapai versi 4.3.11 seperti yangdigunakan penulis pada penelitian ini.Selain itu Zend (diambil dari gabungannama Zeev dan Andi) sebagai perusahaanpengembang PHP juga telah memulaiproyek PHP 5.0 yang telah mencapai versi5.0.3. Pada versi ini mereka jugameningkatkan zend engine ke versi 2.

JavascriptJavascript adalah bahasa skript yang

ditempelkan pada kode HTML dandiproses di sisi klien.Dengan adanyabahasa ini, kemampuan dokumen HTMLmenjadi semakin luas.Sebagai contoh,dengan menggunakan JavaScriptdimungkinkan untuk memvalidasimasukan-masukan pada formulir sebelumformulir dikirimkan ke server.Javascriptbukanlah bahasa Java dan merupakan duabahasa yang berbeda.Javascriptdiinterpretasikan oleh klien (kodenya bisadilihat pada sisi klien), sedangkan kodeJava dikompilasi oleh pemrogram danhasil kompilasinyalah yang dijalankanoleh klien.

Cascading Style Sheet (CSS)Cascading Style Sheet (CSS)

merupakan sebuah document yang


2615-1855 (E-ISSN)2303-2863 (P-ISSN)

60 | P a g e

berguna untuk melakukan pengaturan padakomponen halaman web, inti daridocument ini adalah memformat halamanweb standar menjadi bentuk web yangmemiliki kualitas yang lebih indah danmenarik.CSS biasanya digunakan untukmelakukan pengaturan global yangberkaitan dengan objek tetap, misalnyamemberikan warna pada halaman web,pengaturan lebar dan kecil bagian webserta menentukan bentuk font jenis hurufyang digunakan secara menyeluruh dalamhalaman web.

WebsiteInternet menyimpan banyak sekali

informasi, mulai dari yang ilmiah sampaihiburan yang menyenangkan. Setiapinformasi di internet khususnya WWWmemerlukan alamat (URL= UniformRecourse Location) khusus yang disebutwebsite. Setiap informasi disimpan dalamfile yang berbeda yang disebut web page.Dalam page inilah informasi akandihubungkan ke informasi lainnya, baikdalam web yang sama ataupun ke web lainpada website yang berbeda. Ketikapertama kali membuka suatu website akanditemui suatu web page pembuka yangdisebut dengan homepage. Jadi homepagemerupakan halaman pertama suatu websiteyang biasanya berisi informasi tentang apadan siapa perusahaan atau organisasipemilik website tersebut.

Hypertext Markup Language (HTML)HTML digunakan untuk membangun

suatu halaman web.HTML dirancanguntuk digunakan tanpa tergantung padasuatu platform tertentu (platformindependent).Dokumen HTML adalahsuatu dokumen teks biasa, dan disebutsebagai markup language karena

mengandung tanda-tanda (tag) tertentuyang digunakan untuk menentukantampilan suatu teks dan tingkatkepentingan dari teks tersebut dalam suatudokumen.

Web ServerWeb server berfungsi untuk membagi

file, menjalankan program eksternal, danmengecek keabsahan seperti dalamaplikasi database.Web server adalah suatuprogram atau perangkat lunak (software)yang dapat mengetahui dan berkomunikasidengan protocol HTTP. Web serverdigunakan untuk merespon permintaanHTTP dan memberikan jawaban melaluiHTTP.Pada dasarnya web server dapatberfungsi untuk melayani sembarangaplikasi HTTP dan mengembalikan headerdokumen dan isi dokumen kepadaclient.Pada Web server yang lebihkompleks, dengan berbagai kemampuandan protocol-nya telah meningkatkankemudahan penanganan dokumen HTML.

MySQLMySQL merupakan server database

open source yang digunakan terbanyak didunia. Arsitekturnya yang khasmenyebabkan MySQL ini sangat cepatdalam operasinya dan mudah disesuiakandengan kebutuhan. Penggunaan ulangkode dan pendekatan yang minimalismenghasilkan fitur yang kaya fungsi danmenghasilkan DBMS yang kecepatan,kekompakan, kestabilan dan kemudahandalam penerapannya sangat sulit untukditandingi.

Unified Modelling Language (UML)Unified Modelling Language (UML)adalah sebuah “bahasa” yang telahmenjadi standar dalam industri untuk


2615-1855 (E-ISSN)2303-2863 (P-ISSN)

61 | P a g e

menentukan, visualisasi,merancang danmendokumentasikan artifact dari sistemsoftware, untuk memodelkan bisnis dansistem non software lainnya. UMLmerupakan suatu kumpulan teknik terbaikyang telah terbukti sukses dalampemodelan sitem yang besar dan kompleks.

3. Analisa Dan Perancangan3.1 Analisa Sistem

Tahap analisis sistem merupakantahap yang paling penting,karena tahap iniakan berpengaruh pada tahap selanjutnya,sebab analisis sistem adalah penguraiandari suatu sistem yang utuh ke dalambagian atau entitas-entitas yang terlibat didalam suatu sistem, yang bertujuan untukmengevaluasi permasalahan, kesempatan,hambatan yang terjadi dan kebutuhan yangdiharapkan sehingga dapat diusulkanperbaikan atau perancangan suatu sistemyang baru

3.2 Perancangan Sistem3.2.1 Model Use Case

Diagram use case yang ditampilkanakan digunakan untuk menjelaskan fitur-fitur yang dapat digunakan oleh penggunaatau user. Diagram ini juga digunakanuntuk verifikasi apakah seluruh fungsiyang dijelaskan didalam use case telahdiimplementasikan ke dalam websitetersebut.

Model use caseberfungsi untukmengambarkan kebutuhan fungsional danmenggambarkan kelakuan (behavior)sistem yang akan dibuat sertamendeskripsikan sebuah interaksi antarasatu atau lebih aktor dengan sistem yangkan dibuat. Use case diagram pada sistemini dapat dilihat pada gambar 3.1

Siswa

kepala sekolah

adminLogin

kelola data wari kelas

kelola data nilai

cek nilai

kelola nilai siswa

lihat jadwal mengajar

lihat jadwal

kelola data user

cetak laporan

kelola data siswa

kelola data guru

kelola data matapelajaran

kelola data ruang kelas

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

tata usaha

guru

<<include>>

view data<<include>>

login_

<<include>>

<<include>>

<<include>>

<<include>>

Gambar 3.1 Use Case Diagram

3.2.2 Activity DiagramActivity diagram menggambarkan

berbagai alir aktivitas dalam sistem yangsedang dirancang, bagaimana masing-masing alir berawal, decisionyangmungkin terjadi, dan bagaimana merekaberakhir. Activity diagram juga dapatmenggambarkan proses paralel yangterjadi pada beberapa eksekusi. Activitydiagram lebih menggambarkan proses-proses dan jalur-jalur aktivitas dari levelatas secara umum. Activity diagram ataudiagram aktivitas menggambarkanaktivitas yang dilakukan sistem bukan apayang dilakukan aktor. Activity diagrampada sistem ini dapat dijelaskan sebagaiberikut :

a. Activity Diagram Pada SiswaActivity diagram pada siswa

mengambarkan aliran aktivas atau aliran


2615-1855 (E-ISSN)2303-2863 (P-ISSN)

62 | P a g e

kerja yang dilakukan siswa di dalamsistem dari mulai kegiatan sampai kegiatanyang dilakukan berakhir. Model Activitydiagram pada siswa tersebut dapat dilihatpada Gambar 3.2 Berikut ini :

Siswa System

menu utama

Halaman Siswa

login

logout

lihat data

cek login

PrestasiNilai Jadwal Biodata

Validasi Login

login Berhasil

Gambar 3.2 Activity Diagram Siswa

b. Activity Diagram GuruActivity Diagram guru

mengambarkan aliran aktivas atau alirankerja yang dilakukan guru di dalam sistem.Model Activity diagram pada guru tersebutdapat dilihat pada Gambar 3.3 Berikut ini :

Guru System

menu utama

Halaman Guru

login

logout

lihat data

cek login

NilaiJadwal Biodata

Validasi Login

login Berhasil

Input Nilai

Gambar 3.3 Activity Diagram Guru

c. Activity Diagram Kepala SekolahActivity Diagram kepala sekolah

mengambarkan aliran aktivas atau alirankerja yang dilakukan kepala sekolah dalamsistem. Model Activity diagram padakepala sekolah tersebut dapat dilihat padaGambar 3.4 Berikut ini :

Kepala Sekolah System

menu utama

Halaman Kepala Sekolah

login

logout

lihat data

cek login

siswaguru matapelajaran wali_kelas jadwal nilai

Validasi Login

login Berhasil

Gambar 3.4 Activity DiagramKepala Sekolah

d. Activity Diagram Tata UsahaActivity Diagram Tata Usaha

mengambarkan aliran aktivas atau alirankerja yang dilakukan tata usaha sekolah didalam sistem. Model Activity diagrampada tata usaha sekolah tersebut dapatdilihat pada Gambar 3.5 Berikut ini :

Tata Usaha System

menu utama

Halaman Admin

login

logout

Input datalihat data

Akademik

cek login

siswa

guru

matapelajaran

wali_kelas

input jadwal Input nilai

Validasi Login

login Berhasil


2615-1855 (E-ISSN)2303-2863 (P-ISSN)

63 | P a g e

Gambar 3.5 Activity Diagram TataUsaha

e. Activity Diagram AdminActivity Diagram admin

mengambarkan aliran aktivas atau alirankerja yang dilakukan administrator sistem.Model Activity diagram pada admintersebut dapat dilihat pada Gambar 3.6Berikut ini :

Admin System

menu utama

Halaman Admin

login

logout

Input datalihat data

Akademik

cek login

user setting

siswa

guru

matapelajaran

wali_kelas

input jadwal Input nilai

Validasi Login

login Berhasil

Gambar 3.6 Activity Diagram Admin

3.2.3 Sequence DiagramSequence diagram digunakan

untuk menggambarkan skenario ataurangkaian langkah-langkah yang dilakukansebagai respons dari sebuah event untukmenghasilkan output tertentu. Diawali dariapa yang men-triggeraktivitas tersebut,proses dan perubahan apa saja yang terjadisecara internal dan output apa yangdihasilkan.

a. Sequence Diagram Login Pada UserSequence diagram login pada user

menggambarkan urutan even dan waktusemua user saat mengakses halaman login,

sequence diagram ini dapat dilihat padaGambar 3.7.

Halaman Utama Koneksi databaseHalaman Login

: User

Halaman Siswa

1 : Buka Halaman Utama()

2 : Buka Halaman Login()3 : Input Username dan password()

4 : Cek Login()

5 : Cek()6 : Login gagal()

7 : Login Berhasil()

Gambar 3.7 Sequence Diagram LoginPada User

b. Sequence Diagram Lihat Nilai PadaSiswaSequence diagram lihat nilai pada siswa

menggambarkan urutan even dan waktusaat siswa melakukan akses untuk melihatnilai siswa, sequence diagram ini dapatdilihat pada Gambar 3.8.

LoginKoneksi Database

: Siswa

Halaman Lihat Nilai

1 : Login()

2 : Buka halaman Nilai()3 : Lihat Nilai()

4 : Data Nilai()

5 : Data Nilai()

Gambar 3.8 Sequence Diagram LihatNilai Pada Siswa

c. Sequence Diagram Lihat Jadwal PadaSiswaSequence diagram lihat jadwal

pada siswa menggambarkan urutan evendan waktu saat siswa melakukan aksesuntuk melihat jadwal pelajaran, sequencediagram ini dapat dilihat pada Gambar 3.9.


2615-1855 (E-ISSN)2303-2863 (P-ISSN)

64 | P a g e


: Siswa

Halaman Lihat Jadwal

1 : Login()

2 : Buka halaman Jadwal()3 : Lihat Jadwal()

4 : Data Jadwal()

5 : Data Jadwal()

Gambar 3.9 Sequence Diagram LihatJadwal Pada Siswa

d. Sequence Diagram Lihat JadwalMengajar Pada Guru

Sequence diagram Lihat JadwalMengajar Pada Guru menggambarkanurutan even dan waktu guru saatmelakukan lihat jadwal mengajar,sequence diagram ini dapat dilihat padaGambar 3.10


: Guru

Halaman Lihat Jadwal

1 : Login()

2 : Buka halaman Jadwal()3 : Lihat Jadwal()

4 : Data Jadwal()

5 : Data Jadwal()

Gambar 3.10 Sequence Diagram LihatJadwal Mengajar Pada Guru

e. Sequence Diagram Kelola Nilai SiswaPada GuruSequence diagram kelola nilai

siswa pada guru menggambarkan urutaneven dan waktu saat guru mengelola datanilai siswa, sequence diagram ini dapatdilihat pada Gambar 3.11


: Guru

Halaman Lihat KelolaNilai

1 : Login()

2 : Buka halaman Kelola Nila()3 : Input, efit, hapus Nilai()

4 : Kelola Nilai()

5 : Data Niali Berhasil Dikelola()

Gambar 3.11 Sequence Diagram KelolaNilai Siswa Pada Guru

f. Sequence Diagram View Data PadaKepala SekolahSequence diagram View data pada

kepala sekolah menggambarkan urutaneven dan waktu saat kepala melakukanview atau lihat data, sequence diagram inidapat dilihat pada Gambar 3.12.


: Kepala Sekolah

Halaman Lihat Data

1 : Login()

2 : Buka halaman Lihat Data()3 : View Data()

4 : View data()

5 : Data Niali Berhasil Dilihat()

Gambar 3.12 Sequence Diagram ViewData Pada Kepala Sekolah

g. Sequence Diagram Kelola Data SiswaPada Admin dan Tata UsahaSequence diagram kelola data

siswa pada admin dan tata usahamenggambarkan urutan even dan waktusaat admin dan tata usaha mengelola datasiswa, sequence diagram ini dapat dilihatpada Gambar 3.13.


: TU & Admin

Halaman Kelola Siswa

1 : Login()

2 : Buka halaman Kelola Siswa()3 : Input, efit, hapus Siswa()

4 : Kelola Siswa()

5 : Data Siswa Berhasil Dikelola()


2615-1855 (E-ISSN)2303-2863 (P-ISSN)

65 | P a g e

Gambar 3.13 Sequence Diagram KelolaData Siswa Pada Admin dan Tata

Usaha

h. Sequence Diagram Kelola Data GuruPada Admin dan Tata UsahaSequence diagram kelola data

Guru pada admin dan tata usahamenggambarkan urutan even dan waktusaat admin dan tata usaha mengelola dataguru, sequence diagram ini dapat dilihatpada Gambar 3.14..


: TU & Admin

Halaman Kelola Guru

1 : Login()

2 : Buka halaman Kelola Guru()3 : Input, edit, hapus Guru()

4 : Kelola Guru()

5 : Data Guru Berhasil Dikelola()

Gambar 3.14 Sequence Diagram KelolaData Guru Pada Admin dan Tata

Usaha

i. Sequence Diagram Kelola Data Matapelajaran Pada Admin dan Tata UsahaSequence diagram kelola data Mata

pelajaran pada admin dan tata usahamenggambarkan urutan even dan waktusaat admin dan tata usaha mengelola dataMata pelajaran, sequence diagram inidapat dilihat pada Gambar 3.15.


: TU & Admin

Halaman KelolaMatapelajaran

1 : Login()

2 : Buka halaman Kelola Matapelajaran()3 : Input, edit, hapus Matapelajaran()

4 : Kelola Matapelajaran()

5 : Data Matapelajaran Berhasil Dikelola()

Gambar 3.15 Sequence Diagram KelolaData Mata pelajaran Pada Admin dan

Tata Usaha

j. Sequence Diagram Kelola DataRuang Kelas Pada Admin dan TataUsahaSequence diagram kelola data

Ruang Kelas pada admin dan tata usahamenggambarkan urutan even dan waktusaat admin dan tata usaha mengelola dataRuang Kelas, sequence diagram ini dapatdilihat pada Gambar 3.16.


: TU & Admin

Halaman Kelola RuangKelas

1 : Login()

2 : Buka halaman Kelola Ruang Kelas()3 : Input, edit, hapus Ruang Kelas()

4 : Kelola Ruang Kelas()

5 : Data Ruang KelasBerhasil Dikelola()

Gambar 3.16 Sequence Diagram KelolaData Ruang Kelas Pada Admin

dan Tata Usaha

k. Sequence Diagram Kelola LaporanPada Admin dan Tata UsahaSequence diagram kelola laporan

pada admin dan tata usahamenggambarkan urutan even dan waktusaat admin dan tata usaha mengelola datalaporan, sequence diagram ini dapatdilihat pada Gambar 3.17


: TU & Admin

Halaman KelolaLaporan

1 : Login()

2 : Buka halaman Kelola Laporan()3 : Input, edit, hapus Laporan()

4 : Kelola Laporan()

5 : Data Laporan Berhasil Dikelola()


2615-1855 (E-ISSN)2303-2863 (P-ISSN)

66 | P a g e

Gambar 3.17 Sequence Diagram KelolaLaporan Pada Admin dan Tata

Usaha

l. Sequence Diagram Kelola Data UserPada AdminSequence diagram kelola data user

pada admin menggambarkan urutan evendan waktu saat admin dan tata usahamengelola data user, sequence diagram inidapat dilihat pada Gambar 3.18


: Admin

Halaman Kelola User

1 : Login()

2 : Buka halaman Kelola User()3 : Input, edit, hapus User()

4 : Kelola User()

5 : Data User Berhasil Dikelola()

Gambar 3.18 Sequence Diagram KelolaData User Pada Admin

3.2.4 Class DiagramClass diagram menggambarkan

struktur dan deskripsi class, package danobjek beserta hubungan satu sama lainseperti containment, pewarisan, asosiasi,dan lain-lain. Pada sistem informasiakademik di SMA 2 Pertiwi Kota Padangyang dirancang ini class diagram dapatdilihat pada gambar 3.20.

guru

#idGuru+nama+alamat+wali_kelas+password+foto

+login()+logout()

mata_pelajaran

#idmata_pelajaran+nama

+tambah()+edit()+hapus()

administrator

#idAdministrator+nama+username+password+current_login+last_login

+login()+logout()

kep_sek

#idKep_sek+nama+username+password


ruang_kelas

#idRuang_Kelas+nama+jumlah_siswa

+tambah()+delete()+edit()

siswa

#idSiswa+nama+alamat+kelas+password


t_u

#idT_u+nama+alamat+username+password


wali_kelas

#idWali_kelas+password


guru_mata_pelajaran

#idGuru+idmata_pelajaran+idRuang_Kelas


mata_pelajaran_ruang_kelas

+idmata_pelajaran+idRuang_kelas+hari+jampelajaran


siswa_mata_pelajaran

+idSiswa+idmata_pelajaran+semester+thn_ajaran+efektif+komulatif+psikomotorik+rata


t_u_guru

+id_tu+id_guru


t_u_mata_pelajaran

+id_tu+idmata_pelajaran


t_u_ruang_kelas

+id_tu+idRuang_kelas


11

1

1

1

1

1

1

1

1

1

1

1

11

1

1

1

1

1

1

1

11

1

1

1..*

1

1..*

1

1

1..*

Gambar 3.20 Class Diagram

4. Implementasi SistemTahap implementasi sistem

merupakan salah satu tahap dalam daurhidup pengembangan sistem, dimana tahapini merupakan tahap meletakkan sisteminformasi supaya siap untukdipakai.Dalam tahap ini, berlangsungbeberapa aktivitas secara berurutan yaknimulai dari menerapkan rencanaimplementasi, melakukan kegiatanimplementasi, dan tindak lanjutimplementasi.

4.1 Layout Halaman UtamaTampilan halaman utama menampilkanbentuk halaman utama website saat usermengakses halaman web. Pada halamanutama ini ditampilkan menu dan sub menuyang bisa diakses oleh semua user,Tampilan halaman utama untuk semuauser seperti pada Gambar 4.1


2615-1855 (E-ISSN)2303-2863 (P-ISSN)

67 | P a g e

Gambar 4.1 Layout Halaman Utama

4.2 Layout Halaman Admin

Gambar 4.2 Layout Halaman Admin

4.3 Layout Halaman Siswa

Gambar 4.3 Layout Halaman Siswa

4.4 Layout Halaman Guru

Gambar 4.4 Layout Halaman Guru

4.5 Layout Lihat Nilai pada Siswa


2615-1855 (E-ISSN)2303-2863 (P-ISSN)

68 | P a g e

Gambar 4.5 Layout Lihat Nilai padaSiswa

4.6 Layout Lihat Jadwal Pelajaran

Gambar 4.6 Layout Lihat JadwalPelajaran

4.7 Layout Input Nilai Pada Guru

Gambar 4.7 Layout Input NilaiPada Guru

4.8 Layout Input Siswa

Gambar 4.8 Layout Input Siswa

4.9 Layout Laporan Jadwal Pelajaran

Gambar 4.9 Layout Laporan JadwalPelajaran

4.10Layout Laporan Data Siswa

Gambar 4.10 Layout Laporan DataSiswa

4.11Layout Laporan Data Nilai siswa


2615-1855 (E-ISSN)2303-2863 (P-ISSN)

69 | P a g e

Gambar 4.11 Layout Laporan DataNilai siswa

5. KESIMPULANDANSARAN5.1 Kesimpulan

Dari penelitian dan pembahasan yangtelah penulis lakukan, maka dapatdisimpulkan beberapa hal sebagai berikut :1. Dengan perkembangan teknologi

dalam dunia komputerisasi danpenerapan aplikasi sistem InformasiAkademik yang di SMA Pertiwi 2Padang dapat membantu mengeloladata akademik secara efektif danefesien karena bisa diakses secaraonline dan data akademik tersimpansecara elektronik.

2. Sistem Informasi Akademik yangdirancang ini mampu mengatasikekurangan pada sistem manualkarena pengolahan data dilakukansecara komputerisasi dan bisa diakseskapanpun dan dimanapun.

3. Bahasa pemograman PHP danMySql dapat membantu perancanganSistem Informasi Akademik karenabersifat open source dan mudahdiimplementasikan.

4. Penerapan aplikasi sistem informasiakademik dengan bahasa pemogramanPHP dapat membantu pihak tata usahadengan mudah mencari informasidata-data nilai siswa/i SMA Pertiwi 2Padang.

5.2 SaranSetelah Menarik beberapa kesimpulan

dari analisa yang dibuat, maka penulismengajukan beberapa saran yangberkaitan dengan system yang dirancangini. Saran-saran yang dapat diberikansebagai berikut Sistem pemasaran danpengolahan data penjualan secara online

melalui alat bantu komputer harusdidukung oleh tenaga yang mengertitentang komputer.1. Dalam pengembangan aplikasi, dapat

dilakukan dengan mudah dan cepat.2. Dalam penggunaan server website

yang harus online 24 jam, sebaiknyadigunakan komputer yang khususuntuk menjadi server.

3. Penulis mengharapkan aplikasi sisteminformasi akademik dapatmenerapkan aplikasi yang didukungdatabase MySql, baik secara langsungatau bertahap.

4. Memberikan pemeliharaan terhadapsistem agar dapat terus berkembangdan dapat bekerja sesuai denganfungsinya.

DAFTAR PUSTAKAA.S, Rosa dan Shalahuddin, M. 2013.

Rekayasa Perangkat Lunak.Bandung : Informatika.

Gunawan, Hendro. 2014. Jurnal MediaAplikom (ISSN : 2086-972X).

Hendra, Asbon. 2012. Pengantar SistemInformasi. Yogyakarta: AndiOffset.

Hidayatullah, Priyanto 2014.Pemrograman WEB. Bandung:INFORMATIKA.

Larry, Roy. 2012. Jurus Kilat MahirHTML & CSS. Jakarta : DuniaKomputer.

Liatmaja, Rizka dan Indah Uly Wardati.2013. Indonesian Jurnal onNetworking and Security (IJNS)(Volume 2 No 2 ISSN : 2302-5700).

Madcoms. 2013. Adobe DreamweaverCS6. Yogyakarta: Andi Offset.


2615-1855 (E-ISSN)2303-2863 (P-ISSN)

70 | P a g e

Madcoms. 2016. Pemograman PHP danMySql untuk Pemula. Yogyakarta:Andi Offset.

Raharjo, Budi, dkk. 2012. ModulPemrograman WEB (HTML, PHP,& MySQL). Bandung : Modula.

Saputra, Agus. 2012. PemogramanBerbasis web dengan PHP.Yogyakarta: Andi Offset.

Saputra, Febri dan Puspita MerrieayuHannah. 2014. Jurnal SeminarPerkembangan dan HasilPenelitian Ilmu Komputer(ISSN:24067-1102).

Sianipar, R.H. 2015. Membangun webdengan PHP dan MySQL.Bandung: Informatika.

Sutabri, Tata. 2012. Analisis dan DesainSistem Informasi. Yogyakarta:Andi Offset.

Sutabri, Tata. 2012. Konsep SistemInformasi. Yogyakarta: AndiOffset.

T. Recky Djaelangkara dan Rizal Sengkey.2015. E-Jurnal Teknik Elektro danKomputer (ISSN : 2301-8402).

Tohari, Hamim. 2012. Analisis sertaPerancangan Informasi MelaluiPendekatan UML. Yogyakarta:Andi Offset.

Widiawati, Wina. 2014. Swabumi (Vol INo.1 ISSN : 2355-990X).

Documents

AnggaPutraJuledi INFORMATIKA 2615-1855(E-ISSN) 2303 …