SISTEM INFORMASI AKADEMIK BERBASIS WEB (STUDI KASUS PADA SMP AL-BASYARIAH BOGOR)

(1)

Seminar Nasional Ilmu Pengetahuan dan Teknologi Komputer Nusa Mandiri 221

SISTEM INFORMASI AKADEMIK BERBASIS WEB (STUDI KASUS PADA SMP AL-BASYARIAH BOGOR)

Yahdi Kusnadi

AMIK Bina Sarana Informatika Jakarta Jl. RS. Fatmawati No. 24 Jakarta

[email protected]

Merina Puspitasari STMIK Nusa Mandiri Jakarta

Sistem Informasi, STMIK Nusa Mandiri, Jl. Damai No.8 Warung Jati Barat, Jakarta, 12540, Indonesia

[email protected]

ABSTRAK—Academic Information System is a system that provides information services in the form of academic data.

The existence of this critical information systems. In this case, Al-Basyariah used as a place of research, for academic information systems that exist in the schools have not been managed well so often complicates the implementation of activities in existing academic, as the student data processing, data processing teacher, processing student scores , processing of absent students.

The purpose of this study is to provide convenience at the time of data processing students and teachers, simplify the processing of student scores, minimize errors in recording student data, and improve the security of student data so that data security is guaranteed student. The purpose of these studies generated several utilities that consists of practical and academic uses.

Keywords: Academic Information System, Information System , Base Web,

INTISARISistem Informasi Akademik merupakan suatu sistem yang meberikan layanan informasi yang berupa data akademik. Keberadaan sistem informasi ini penting.

Dalam hal ini, Al-Basyariah dijadikan sebagai tempat penelitian, karena sistem informasi akademik yang ada di sekolah tersebut belum terkelola dengan baik sehingga seringkali mempersulit dalam pelaksanaan aktifitas- aktifitas akademik yang ada, seperti proses pengolahan data siswa, pengolahan data guru, pengolahan nilai siswa, pengolahan absen siswa. Tujuan penelitian ini adalah untuk memberikan kemudahan pada saat proses pengolahan data siswa dan guru, mempermudah dalam pengolahan nilai siswa, meminimalisir kesalahan dalam pencatatan data siswa, dan meningkatkan keamanan data siswa sehingga keamanan data siswa lebih terjamin. Dan dari tujuan penelitian tersebut dihasilkan beberapa kegunaan yang terdiri dari kegunaan praktis dan akademis.

Kata Kunci: Sistem Informasi Akademik, Sistem Informasi, Base web.

PENDAHULUAN

Pendidikan merupakan langkah awal seseorang untuk dapat memperoleh sebuah kesuksesan, adanya

pengetahuan serta pengalaman yang sangat luas dan memasuki era yang telah modern yang persaingannya sangat tinggi. Secara tidak langsung dunia pendidikan harus mengikuti perkembangan baik dari segi teknologi maupun informasi yang cepat dan akurat yang mampu meningkatkan efektifitas kegiatan akademik di sekolah.

Internet sebagai teknologi yang menyatukan dunia, teknologi yang menghilangkan batas jarak, waktu dan negara menjadikan sebuah teknologi yang sangat menjanjikan dalam segala bidang, terutama bidang pendidikan.

Pada SMP Al-Basyriah membutuhkan sebuah sarana untuk menunjang mereka melakukan aktifitas pengelolahan data akedemik. Bedasarkan pengamatan penulis pada SMP Al-Basyriah terdapat hambatan dalam persoalan pengelolahan data guru, data siswa serta data nilai, hambatan adalah berupa pengarsipan dokumen yang disimpan didalam lemari sering terjadi kehilangan dan jika suatu ketika membutuhkan dokumen tersebut sulit untuk mencari dokumen yang tersimpan pada lemari arsip hal tersebut menyulitkan staff pengajar dalam memberikan laporan kepada pimpinan. Begitu juga dalam pembuatan informasi nilai akhir siswa.

Menurut Liatmaja dan Wardati (2013:58) dalam jurnalnya disimpulkan, Semakin sering nya terjadi kesalahan pencatatan data menyebabkan komunikasi antar pihak menjadi kurang baik, siswa sekolah menjadi binggung terhadap informasi akademik yang rancu atau tidak jelas untuk mendapatkan informasi yang jelas siswa haru datang langsung ke sekolah ataupun melalui telepon hal tersebut sangat menyulitkan aktifitas akademik sekolah. Sistem informasi akademik untuk bimbingan belajar Be Excellent Pacitan sangat sekali membantu mengatasi permasalah yang ada dalam proses pengelolahan data akamik serta penyimpanan data akademik menjadi lebih terorganisir.

Berdasarkan identifikasi permasalahan yang diuraikan di atas, maka dapat dirumuskan permasalahan sebagai berikut :

1. Bagaimana merancang sistem informasi akademik untuk SMP Al-Basyariah dalam pengelolahan data supaya dapat memudahkan aktifitas akademik?

(2)

Seminar Nasional Ilmu Pengetahuan dan Teknologi Komputer Nusa Mandiri 222

2. Apakah dengan adanya sistem informasi akademik dapat menyelesaikan masalah dalam hal mempermudah penyampaian hasil nilai siswa kepada orang tua siswa?

3. Apakah dalam proses arsip data akademik SMP Al- Basyariah yang berjalan pada saat ini masih dirasa menghambat proses akademik?

4. Bagaimana orang tua siswa dapat mengetahui hasil belajar tersebut tidak memakan waktu lama?

Maksud dari dibuatnya penelitian ini adalah :

1. Menghasilkan sistem informasi akademik berbasis web yang dapat mengolah data guru, data nilai siswa, data siswa, jadwal pelajaran, dan jadwal mengajar guru yang dapat diakses dengan mudah, efektif dan dimana saja.

2. Mempermudah pihak sekolah dalam proses penyimpanan data akademik di dalam database.

3. Mempermudah siswa agar dapat memperoleh informasi akademik secara cepat dan tepat.

4. Orang tua atau wali murid dapat dengan mudah mengontrol perkembangan akademik putra dan putrinya di sekolah.

Menurut Paryati dan K.A Murya (2007: 2) “sistem merupakan sekelompok elemen-elemen yang saling berhubungan, dan bertanggung jawab melakukan proses input sehingga menghasilkan output”

.

Menurut Davis dalam Paryati dan K.A Murya (2007:17) “informasi merupakan data yang telah diolah menjadi bentuk yang berguna bagi penerimanya dan nyata, berupa nilai yang dapat dipahami di dalam keputusan sekarang maupun masa depan”. Menurut Catur dalam Liatmaja dan Wardati (2013:59) “Akademik adalah suatu bidang yang memperlajaritentang kurikulum atau pembelajaran dalam fungsinya untuk meningkatkan pengetahuan dalam segi pendidikan / pembelajaran yang dapat dikelola oleh suatu sekolah atau lembaga pendidikan”. Menurut Satoto dalam Liatmaja dan Wardati (2013:59) “Sistem Informasi Akademik adalah perangkat lunak yang digunakan untuk menyajikan informasi dan menata administrasi yang berhubungan dengan kegiatan akademik”.

Mengingat luasnya akan sistem informasi akademik maka penulis membuat batasan-batasan masalah yang penulis akan teliti. Sistem yang dibahas dimulai dari proses penginputan data siswa oleh guru, proses penginputan data guru, proses penginputan nilai (tugas, ulangan harian, UTS, UAS) oleh guru yang bersangkutan, sampai dihasilkannya laporan pendidikan dalam bentuk rapor yang dapat dicetak oleh siswa.

Menurut Sibero (2013 : 10) “Internet (Interconnected Network) adalah jaringan komputer yang menghubungkan antar jaringan secara global, internet dapat juga disebut jaringan dalam suatu jaringan yang luas”. Seperti halnya jaringan komputer lokal maupun jaringan komputer area, internet juga menggunakan

protocol komunikasi yang sama yaitu TCP/IP (Transmission Control Protocol / Internet Protocol).

Menurut Arief (2011:7) “Website adalah salah satu aplikasi yang berisikan dokumen-dokumen multi media (teks, gambar, suara, animasi, video) di dalamnya menggunakan protocol HTTP (hypertext transfer protocol) dan untuk mengaksesnya menggunakan perangkat lunak yang disebut browser”. Browser adalah aplikasi yang mampu menjalankan dokumen-dokumen web dengan cara diterjemahkan. Menurut Arief (2011:19) “PHP (Hypertext Prepocessor) adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis”. PHP termaksuk dalam Open Source Product, sehingga source code PHP dapat diubah dan didistribusikan secara bebas.

Menurut Arief (2011:23) “HTML atau HyperText Markup Lenguage merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web”. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan pada web browser. Menurut Sugiri dan Kurniawan (2007 : 21) “CSS (Cascading Style Sheets) adalah sebuah cara untuk memisahkan isi dengan layout dalam halaman-halaman web yang dibuat”. Menurut Kadir (2013 : 236) “JavaScript merupakan bahasa pemrograman yang penggunaannya diletakkan di dokumen HTML”. Menurut Wahana Komputer (2012:2)

“JQuery merupakan pustaka JavaScript yang dibangun untuk mempercepat dan memperingkasserta menyederhanakan manipulasi dokumen HTML, penanganan event, animasi, dan interaksi Ajax untuk mempercepat pengembangan web”.

Unified Modeling Language (UML) adalah sebuah bahasa pemodelan standar yang memiliki sintaks dan semantic. UML juga memiliki konsep dan aturan serta standar yang harus diikuti dalam membuat sebuah UML, UML sendiri bukan hanya sebuah diagram melainkan menjelaskan konteks suatu sistem (Widodo dan Herlawati, 2011:6).

Menurut Arief (2011:151) “MySQL adalah salah satu jenis database server yang sangat terkenal dan banyak digunakan untuk membangun aplikasi web yang menggunakan database sebagai sumber dan pengelolaan datanya”. Menurut Fathansyah (2012 : 81) “ERD berisikan komponen-komponen Himpunan Entitas dan Himpunan Relasi yang masing-masing dilengkapi dengan atribut-atribut yang mempresentasikan seluruh fakta dari ‘dunia nyata’ yang kita tinjau”.

BAHAN DAN METODE Teknik Pengumpulan Data

Bedasarkan permasalahan pada latar belakang diatas, maka digunakan beberapa metode pengumpulan data sebagaimana untuk mendapatkan solusi dari permasalahan tersebut.

a. Metode Observasi

(3)

Seminar Nasional Ilmu Pengetahuan dan Teknologi Komputer Nusa Mandiri 223

Metode observasi merupakan pengamatan dan penelitian secara langsung terhadap obyek yang diselidiki di lapangan seperti kondisi sekolah tersebut, fasilitas yang tersedia dan data mengenai keadministrasian akademik siswa.

b. Metode Wawancara

Metode wawancara merupakan proses tanya jawab langsung kepada kepala sekolah, wali kelas, guru dan bagian tata usaha guna mengetahui pokok permasalahan yang ada.

c. Metode Studi Pustaka

Metode ini menggunakan buku-buku, berkas- berkas, laporan yang berkaitan dengan judul yang diangkat sebagai referensi.

Model Pengembangan Sistem

Untuk mendapatkan solusi dari permasalahan bedasarkan latar belakang maka penulis menggunakan rancangan model pengembangan sistem.

Model yang digunakan adalah SDLC (System Development Life Cycle), Menurut Rosa dan Shalahudin (2013:28) “Model SDLC (systems development life cycle) air terjun (waterfall) sering disebut model sekuensial linier atau alur hidup klasik. Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau terurut di mulai dari analisis, desain, pengodean, pengujian dan tahap pendukung (support).

Berikut gambar model air terjun :

Sumber : Rosa dan Shalahudin (2013:28) Gambar 1. Model Waterfall a. Analisa Kebutuhan Software

Menentukan perangkat lunak yang dibutuhkan dalam membangun sebuah aplikasi yang akan dibuat.

Dalam hal ini penulis menggunakan beberapa software diantaranya Dreamweaver dan MySQL.

b. Desain

Penulis mendesain sistem dengan hubungan antar entitas yang ada dalam sistem dijabarkan dalam desain database. Desain rancangan proses bisnis sistem dijabarkan dalam software architecture menggunakan UML, sedangkan desain database menggunakan ERD. Penulis merancang user interface menggunakan Adobe Dreamweaver CS6 dengan tampilan user friendly agar mudah digunakan oleh pengguna.

c. Code Generation

Penulis menggunakan bahasa pemrograman PHP untuk membuat sistem informasi akademik serta memakai konsep pemrograman terstruktur karena

konsep tersebut lebih simple dan efisien untuk di implementasikan.

d. Testing

Penulis melakukan testing dan menguji jalannya sistem ini menggunakan metode Black Box agar bias dilihat apakah sudah sesuai dengan logika program dan keinginan pengguna.

e. Support

Agar aplikasi yang telah dibuat berjalan dengan baik maka diperlukan dukungan/support. Seperti adanya hardware dan software yang memadai, koneksi internet yang cukup, user yang memiliki kemampuan untuk mengoperasikan aplikasi yang telah dibuat agar tidak terjadi kesalahan. Pemeliharaan juga diperlukan, termaksud didalamnya adalah pengembangan, karena aplikasi yang dibuat tidak selamanya hanya seperti itu.

Pengembangan diperlukan ketikaadanya perubahan dari eksternal sekolah seperti ketika ada pergantian sistemoperasi atau perangkat lainnya.

HASIL DAN PEMBAHASAN Analisis Kebutuhan Software

Pada tahap ini penulis melakukan serangkaian analisa apa saja yang dibutuhkan oleh software. Sistem informasi akademik adalah sistem akademik berbasis sekolah yang dipergunakan untuk mempermudah kegiatan akademik sekolah dimana siswa dapat mengetahui nilai dan hasil rapot mereka hanya dengan membuka web akademik ini lalu guru dapat mengisi nilai akademik siswa secara langsung (Real Time). Berikut ini spesifikasi kebutuhan (system requirement) dari sistem informasi akademik:

Halaman Adminstrasi:

A1. Admin dapat login dan logout A2. Admin dapat mengelola data guru A3. Admin dapat mengelola data siswa A4. Admin dapat mengelola data admin A5. Admin dapat mengelola data kelas A6. Admin dapat mengelola data pelajaran A7. Admin dapat mengelola data absensi A8. Admin dapat mengelola pembagian kelas A9. Admin dapat mengelola data jadwal mengajar A10. Admin dapat melihat laporan penilaian

A11. Admin dapat mengelola berita dan pengumuman Halaman Siswa:

B1. Siswa dapat login dan logout B2. Siswa dapat melihat nilai harian B3. Siswa dapat melihat nilai tugas B4. Siswa dapat melihat nilai UTS B5. Siswa dapat melihat nilai UAS

B6. Siswa dapat melihat hasil rapor tengah semester B7. Siswa dapat melihat hasil rapor akhir semester Halaman Guru:

C1. Guru dapat login dan logout Analisi

s

Desain Pengod ean

Penguji an

Suport

(4)

Seminar Nasional Ilmu Pengetahuan dan Teknologi Komputer Nusa Mandiri 224

C2. Guru dapat mengelola nilai harian C3. Guru dapat mengelola nilai tugas C4. Guru dapat mengelola nilai UTS C5. Guru dapat mengelola nilai UAS C6. Guru dapat melihat laporan nilai harian C7. Guru dapat melihat laporan nilai tugas C8. Guru dapat melihat laporan nilai UTS C9. Guru dapat melihat laporan nilai UAS C10. Guru dapat melihat laporan nilai akhir C11. Guru dapat melihat laporan perkembangan akademik.

Desain

A. Desain Usecase Diagram

Pada tahapan ini mengambarkan use case diagram yang dapat dilakukan, dalam software yang akan dirancang.

1. Package Diagram Halaman Admin

uc Use Case Halaman Admin Otentifikasi Admin

+ Adm i n + Logi n + Logout + Otenti fi kasi

M egelola Data Sisw a + Adm i n + Browse Data Si swa + Del ete Si swa + Edi t Si swa + M enam pi l kan Form Data Si swa + Si m pan Si swa + T am bah Si swa

M engelola Data Guru + Adm i n + Browse Data Guru + Del ete Guru + Edi t Guru + M enam pi l kan Form Data Guru + Si m pan Guru + T am bah Guru

M engelola Data Admin + Adm i n + Browse Data Adm i n + Del ete Adm i n + Edi t Adm i n + M enam pi l kan Form Data Adm i n + Si m pan Adm i n + T am bah Adm i n

M engelola Data Pelaj aran + Adm i n + Browse Data Pel aj aran + Del ete Pel aj aran + Edi t Pel aj aran + M enam pi l kan Form Data Pel aj aran + Si m pan Pel aj aran + T am bah Pel aj aran

M engelola Data Absensi + Adm i n + Browse Data Kel as + M enam pi l kan Form Absensi Si swa + Si m pan Absensi

M engelola Pembagian Kelas + Adm i n + Browse Pem bagi an Kel as + Del ete Pem bagi an Kel as + M enam pi l kan Form Pem bagi an Kel as + Si m pan Pem bagi an Kel as + T am bah Pem bagi an Kel as

M engelola Data Jadw al M engaj ar + Adm i n + Browse Jadwal M engaj ar + Del ete Jadwal M engaj ar + M enam pi l kan Form Jadwal M engaj ar + Si m pan Jadwal M engaj ar + T am bah Jadwal M engaj ar

M elihat Laporan Penilaian + Adm i n + Browse Laporan Peni l ai an + Fi l ter Laporan Peni l ai an + M enam pi l kan Form Laporan Peni l ai an

M engelola Berita Dan Pengumuman + Adm i n

+ Browse Data Beri ta + Del ete Beri ta

+ M enam pi l kan Form Beri ta Dan Pengum um an + Si m pan Beri ta

+ T am bah Beri ta

M engelolah Data Kelas + Adm i n + Browse Data Kel as + Del ete Kel as + Edi t Kel as + M enam pi l kan Form Data Kel as + Si m pan Kel as + T am bah Kel as

Sumber : Hasil Penelitian (2016)

Gambar 2. Package Diagram Halaman Admin 2. Use Case Diagram Otentifikasi Admin

uc Otentifikasi Admin

Admin

Login Logout

Otentifikasi

Gambar 3. Use Case Diagram Otentifikasi Admin

Deskripsi Use Case Diagram Otentifikasi Admin:

Tabel 1. Deskripsi Use Case Diagram Otentifikasi Admin

Use Case Name Otentifikasi Admin

Requirements A1

Goal Admin dapat login dan logout

Pre-conditions Admin melakukan login Post-conditions Admin berhasil login Failed end condition Admin gagal login

Primari Actors Admin

Main Flow/Basic Path 1.Admin melakukan login 2.Sistem melakukan otentifikasi 3.Admin berhasil login Alternate Flow/Invariant 1 1.Admin melakukan logout

2.Sistem melakukan otentifikasi 3.Admin berhasil logout Sumber : Hasil Penelitian (2016)

3. Use Case Diagram Mengelola Data Guru

uc Mengelola Data Guru

Admin

Brow se Data Guru Tambah Guru

Edit Guru

Delete Guru

Menampilkan Form Data Guru

Simpan Guru

«extend»

«include»

«extend»

«include»

«extend»

Gambar 4. Use Case Diagram Mengelola Data Guru

Deskripsi Use Case Diagram Mengelola Data Guru:

Tabel 2. Deskripsi Use Case Diagram Data Guru

Use Case Name Mengelola Data Guru

Requirements A2

Goal Admin dapat tambah,edit,delete dan simpan

Pre-conditions Admin melakukan login

Post-conditions Data guru tersimpan, terupdate dan terhapus

Failed end condition Data guru gagal tersimpan, terupdate dan terhapus

Main Flow/Basic Path 1.Admin melihat data guru 2.Admin memilih tambah

3.Sistem menampilkan form data guru 4.Admin menginput data guru 5.Admin memilih tombol simpan 6.Sistem menyimpan data guru Alternate Flow/Invariant

1 1.Admin melihat data guru

2.Admin memilih edit data guru 3.Sistem menampilkan form data guru 4.Admin mengedit data guru 5.Admin memilih tombol simpan 6.Sistem menyimpan data guru Alternate Flow/Invariant

2 1.Admin melihat data guru

2.Admin memilih tombol hapus 3.Sistem menghapus data guru Sumber : Hasil Penelitian (2016)

(5)

Seminar Nasional Ilmu Pengetahuan dan Teknologi Komputer Nusa Mandiri 225

4. Use Case Diagram Mengelola Data Siswa

uc Megelola Data Sisw a

Admin

Brow se Data Sisw a Tambah Sisw a

Edit Sisw a

Delete Sisw a

Menampilkan Form Data Sisw a

Simpan Sisw a

«extend»

«include»

«extend»

«include»

Gambar 5. Use Case Diagram Mengelola Data Siswa

Deskripsi Use Case

Diagram Mengelola Data Siswa:

Tabel 3. Deskripsi Use Case Diagram Data Siswa

Use Case Name Mengelola Data Siswa

Requirements A3

Goal Admin dapat tambah,edit,delete dan

simpan

Pre-conditions Admin melakukan login

Post-conditions Data siswa tersimpan, terupdate dan terhapus

Failed end condition Data siswa gagal tersimpan, terupdate dan terhapus

Main Flow/Basic Path 1.Admin melihat data siswa 2.Admin memilih tambah

3.Sistem menampilkan form data siswa 4.Admin menginput data siswa 5.Admin memilih tombol simpan 6.Sistem menyimpan data siswa Alternate Flow/Invariant

1 1.Admin melihat data siswa

2.Admin memilih edit data siswa 3.Sistem menampilkan form data siswa 4.Admin mengedit data siswa 5.Admin memilih tombol simpan 6.Sistem menyimpan data siswa Alternate Flow/Invariant

2

1.Admin melihat data siswa 2.Admin memilih tombol hapus 3.Sistem menghapus data siswa Sumber : Hasil Penelitian (2016) B. Activity Diagram

Pada tahapan ini mengambarkan activity diagram yang dapat dilakukan, dalam software yang akan dirancang.

1. Activity Diagram Mengelolah Data Guru

act M engelolah Data Guru

Sistem Admin

Start

Pilih M enu Data Guru

M elihat Data Guru

Tampil Form Input Tambah

Edit

Delete

Pilih Tombol Simpan Input Data

Tampil Dialog Konfirmasi

Pilih Aksi

Hapus Data

End

Simpan Data

End Joi n

Fork

[Yes]

[No]

Gambar 6. Activity Diagram Mengelolah Data Guru

2. Activity Diagram Mengelolah Data Siswa

act M engelolah Data Sisw a

Start

Pilih M enu Data Sisw a

M elihat Data Sisw a

Edit

Delete

Pilih Aksi

Hapus Data

End

Simpan Data

End Joi n

Fork

[No]

[Yes]

Gambar 7. Activity Diagram Mengelolah Data Siswa

3. Activity Diagram Mengelolah Data Admin

act M engelolah Data Admin

Start

Pilih M enu Data Admin

M elihat Data Admin

M enampilkan Form Input Tambah

Edit

Delete

M enampilakan Dialog Konfirmasi

Pilih Aksi

M enghapus Data

End

M enyimpan Data

End Joi n

Fork

[Yes]

[No]

Gambar 8. Activity Diagram Mengelolah Data Admin

(6)

Seminar Nasional Ilmu Pengetahuan dan Teknologi Komputer Nusa Mandiri 226

4. Activity Diagram Mengelolah Data Kelas

act M engelolah Data Kelas

Start

Pilih M enu Data Kelas

M elihat Data Kelas

Edit

Delete

Pilih Aksi

Hapus Data

End

Simpan Data

End Joi n

Fork

[No]

[Yes]

Gambar 9. Activity Diagram Mengelolah Data Kelas

5. Activity Diagram Mengelolah Data Pelajaran

act M engelolah Data Pelaj aran

Start

Pilih M enu Data Pelaj aran

M elihat Data Pelaj aran

Edit

Delete

Pilih Aksi

Hapus Data

End

Simpan Data

End Joi n

Fork

[No]

[Yes]

Gambar 10. Activity Diagram Mengelolah Data Pelajaran

6. Activity Diagram Mengelolah Data Absensi Siswa

a c t M e nge lola h Abs e ns i

Sis te m Admin

M e nu Abs e ns i Sta rt

Pilih M e nu

Ta mpil Da ta Ke la s

M imilih Ke la s

Ta mpil Form Abs e ns i Sis w a

Input Da ta Abs e ns i Sis w a

Pilih Tombol Simpa n Simpa n Da ta Abs e ns i

Sis w a

En d

Gambar 11. Activity Diagram Mengelolah Data Absensi Siswa

7. Activity Diagram Mengelolah Ruang Kelas

act M engelolah Ruang Kelas

Start

Pilih M enu

Lihat Data Penj adw alan Ruang Kelas

Delete

Pilih Aksi

Hapus Data

End

Simpan Data

End Fork

[No]

[Yes]

Gambar 12. Activity Diagram Mengelolah Ruangan Kelas

8. Activity Diagram Mengelolah Jadwal Pengajar

act M engelolah Jadw al Pengaj aran

Start

Pilih M enu Jadw al Pengaj aran

M elihat Data Jadw al Pengaj aran

Delete

Pilih Aksi

Hapus Data

End

Simpan Data

End Fork

[No]

[Yes]

Gambar 13. Activity Diagram Mengelolah Jadwal Pengajar

9. Activity Diagram Mengelolah Berita Dan Pengumuman

act M engelolah Berita Dan Pengumuman

Start Pilih M enu

M enu Berita Dan Pengumuman

Delete

Pilih Aksi

Hapus Data

End

Simpan Data

End Tampil Data Berita Dan

Pengumuman

[T am bah]

[No] [Yes]

[Del ete]

Gambar 14. Activity Diagram Mengelolah Berita Dan Pengumuman

(7)

Seminar Nasional Ilmu Pengetahuan dan Teknologi Komputer Nusa Mandiri 227

10. Activity Diagram Halaman Siswa

act Halaman Sisw a

Sistem Sisw a

Start

M emilih M enu

Lihat Nilai M ID Semester

Tampil Hasil Nilai Sisw a

Lihat Nilai Final Semester

Lihat Nilai Harian

Lihat Nilai Tugas

Lihat Laporan Penilaian Semester

Tampil Laporan Penilaian

End Lihat Rapor

Tampil Hasil Rapor Joi n

Joi n [Yes]

[Yes]

[No]

[Yes]

[No]

[Yes]

[No]

Gambar 15.Activity Diagram Halaman Siswa 11. Activity Diagram Halaman Guru

act Halaman Guru

Sistem Guru

Start

Memilih Menu

Input Nilai MID Semester

Tampil Data Mata Pelaj aran Dan Form

Input Nilai Sisw a

Input Nilai Sisw a Tampil Data Nilai Sisw a

End Input Nilai Final

Semester

Input Nilai Harian

Input Nilai Tugas

Laporan Nilai MID Semester

Tampil Laporan Penilaian

End

Laporan Nilai Final Semester

Laporan Nilai Tugas

Laporan Nilai Keseharian

Join

[No]

[Yes]

[No]

[Yes]

[No]

[Yes]

[No]

Gambar 16. Activity Diagram Halaman Guru Pada tahapan ini penulis akan menjelaskan tentang desain database, desain software architecture dan desain interface dari sistem informasi akademik.

Database

Entity Relationship Diagram

Gambar 17. Entity Relationship Diagram Sistem Informasi Akademik

2. Logical Record Structure

data_siswa *id_siswa nama_siswa nis Jenis_kelamin alamat_siswa telpon_siswa

username password

data_Guru

* id_guru nama_guru Jenis_kelamin nip alamat telepon username password

tbl_Nilai

* id_nilai id_siswa id_pelajaran

id_kelas id_guru nilai jenis_ujian

tbl_Jadwal

* id_jadwal id_guru id_pelajaran

id_kelas Absensi

* kd_absensi kd_siswa kd_kelas keterangan tanggal selesai

tbl_Ruangan

* id_ruangan id_siswa id_kelas setup_pelajaran

*id_pelajaran nama_pelajaran kd_pelajaran

setup_Kelas

* id_kelas nama_kelas id_guru_wali_kelas

1 M 1

M

1 M

1

M

1 1

M

1

M 1

M 1 1

M

1

tbl_perkembangan_akademik

* id id_siswa id_kelas id_guru akhlak kepribadian

catatan 1

M

1

M

1

Gambar 18. Logical Record Structure Sistem Informasi Akademik

(8)

Seminar Nasional Ilmu Pengetahuan dan Teknologi Komputer Nusa Mandiri 228

Software Architecture A. Component Diagram

cmp Component Diagram

Database Sisfo Akademik

sceern.css j query.j s

Apache 2 Serv er

Database Sisfo MYSQL Database

Gambar 19. Component Diagram Sistem Informasi Akademik

A. Deployment Diagram

cmp Deployment Model

Port 80 Web Serv er

Port 80 screen.css

j query.j s Apache 2 Serv er

Sisfo Akademik

Client

Brow ser

Port 3306

Database Serv er

Port 3306

MYSQL Database Database sisfo

Gambar 20. Deployment Diagram Sistem Informasi Akademik

User Interface

A. Tampilan Halaman Login

Sumber : Hasil Penelitian (2016) Gambar 21. Tampilan Halaman Login

B. Tampilan Halaman Data Guru

Gambar 22. Tampilan Halaman Data guru Hal yang sama juga dibuat untuk tampilan layar yang lain seperti:

a. Tampilan Halaman Data Siswa b. Tampilan Halaman Data Kelas c. Tampilan Halaman Data Pelajaran d. Tampilan Halaman Mengisi Absensi

e. Tampilan Halaman Penjadwalan Ruang Kelas f. Tampilan Halaman Penjadwalan Pengajar g. Tampilan Halaman Mengisi Nilai

h. Tampilah Halaman Laporan Penilaian Testing

Pengujian terhadap program yang dibuat menggunakan Blackbox Testing yang fokus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Form Login

Tabel 5. Hasil Pengujian Blackbox Testing Halaman Login

No Skenario Pengujian

Test Case Hasil yang diharapkan

Hasil Pengujian

Kesimpulan

1 User id dan password tidak di isi kemudia di klik tombol login

User id=

(kosong) Password

= (kosong)

Sistem akan menampilkan pesan “Gagal Login”

Sesuai

Harapan Valid

2 Mengetikan user id dan password kosong kemudian login

User id = 001 Password

= (kosong)

Sesuai Harapan

Valid

3 User id tidak di

isi User id =

(kosong) Password

= 123456

Sesuai

Harapan Valid

Hal yang sama juga dilakukan terhadap form tampilan yang lain, seperti :

a. Pengujian Terhadap Form Logout

(9)

Seminar Nasional Ilmu Pengetahuan dan Teknologi Komputer Nusa Mandiri 229

b. Penggujian Terhadap Form Guru c. Pengujian Terhadap Form Siswa d. Pengujian Terhadap Form Kelas e. Pengujian Terhadap Form Admin f. Pengujian Terhadap Form Pelajaran Support

Sub bab ini penulis akan menjelaskan proses penyewaan domain, hosting dan spesifikasi hardware dan software yang digunakan oleh sistem informasi akademik.

Publikasi Web

Pada subbab ini penulis melakukan publikasi Sistem Informasi Akademik pada SMP Al-Basyariah yang bertujuan supaya para siswa dapat menggunakan sistem ini secara online.

Penyewaan Domain dan Hosting

Penulis disini menggunakan penyedia jasa domain dan hosting dari Niaga Hoster yang dapat diakses secara online dengan mengunjugi web resmi mereka yang beralamat https://www.niagahoster.co.id.

Analisa Biaya

Tabel 6. Analisa Biaya Penyewaan Hosting dan Domain

Nama Durasi Harga

Domain al-

basyariah.xyz 1 (Satu)

Tahun Rp 0

Hosting 1 (Satu)

Tahun Rp 466.800,00

PPN 10% Rp 46.680

Total Rp 513.480,00

Untuk penyewaan hosting selama 1 tahun Niaga Hoster memberikan diskon domain selama 1 tahun. Hal ini tentu dapat menekan pengeluaran biaya yang diperlukan untuk sewa hosting dan domain.

Spesifikasi Hardware Dan Software Tabel 7.

Spesifikasi Hardware Dan Software

Kebutuhan Keterangan

Sistem Operasi

Processor Windows 7 Core 2 Duo 2.4 GHZ

RAM 2 GB

Harddisk 160 GB

Monitor Keyboard

SVGA 14”

108 Key

Printer Laser Jet

Mouse

Browser Standart

Mozila Firefox, Google Chrome, Opera Software Adobe Dreamwaver, Notepad++, Xampp,

Adobe Photoshop, PhpMyAdmin Sumber: Hasil Penelitian (2016)

KESIMPULAN

Berdasarkan pembahasan diatas, maka dapat ditarik kesimpulan sebagai berikut:

1. Siswa dapat dengan mudah memperoleh Informasi seputar kegiatan belajar mengajar di sekolah seperti jadwal pelajaran, nilai siswa, absen siswa dan Informasi tentang akademik di sekolah.

2. Pihak sekolah terutama guru dapat melakukan penilaian akademik siswa di website ini.

Admin bertugas untuk memenejemen website sisem informasi sekolah seperti membuat, menjaga dan mengupdate website, membuat website lebih ramah dan mudah (user friendly ).

REFERENSI

Arief, M. Rudiyanto. 2011. Pemrograman Web Dinamis menggunakan PHP dan MySQL. Yogyakarta : Penerbit Andi.

Marlinda, L., & Kom, S. (2004). Sistem Basis Data.

Yogyakarta, Andi.

Kadir, Abdul. 2013. Pemrograman DATABASE MySQL untuk pemula. Yogyakarta : Penerbit MediaKom.

Paryati dan KA. Yosef Murya. 2008. Sistem Informasi.

Yogyakarta : Penerbit Ardan Media.

Rosa A.S dan Shalahudin, M. 2013. Rekayasa Perangkat Lunak. Bandung : Penerbit Informatika Bandung.

Sibero, Alexander F.K. 2013. Web Programming Power Pack. Yogyakarta : Penerbit MediaKom.

Sugiri dan Kurniawan, Budi. 2007. Desain Web Menggunakan HTML + CSS. Yogyakarta : Penerbit Andi.

Wahana Komputer. 2012. Belajar JavaScript Menggunakan jQuery. Yogyakarta : Penerbit Andi.

Liatmaja, Rizka; Indah Uly Wardati (2013), Sistem Informasi Akademik Berbasis Web Pada Lembaga Bimbingan Belajar Be Excellent Pacitan, IJNS – Indonesian Journal on Networking and Security, Vol 2 No 2 –Januari 2013, ijns.org, ISSN: 2302- 5700

(10)