Abstract— Human needs of information which

  SNIPTEK 2014

ISBN: 978-602-72850-5-7

  

PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEB

PADA MA MAMBA’UL ‘ULUM TUNJUNGMULI

  

Vadlya Maarif

  STMIK Nusa Mandiri Jakarta

  Abstrak

• – Kebutuhan manusia akan informasi yang dapat diakses dengan cepat dan mudah, mendorong mereka untuk mengembangkan suatu teknologi yang dapat memenuhi kebutuhan manusia tersebut. Dapat terlihat pesatnya pengguna internet dikalangan masyarakat. Masalah yang timbul dari ruang lingkup sekolah yaitu kurangnya pemanfaatan perkembangan teknologi dalam sarana penyampaian informasi akademik. Dalam hal ini membangun sistem informasi akademik berbasis web, dimana web ini akan menunjang proses keluar masuknya data dan informasi. Pihak sekolah akan memproses masuknya data berupa nilai siswa, absen siswa, data siswa dan guru, jadwal pelajaran, beserta informasi akademik yang lainnya sehingga pengguna dapat melihat informasi tersebut secara online dimanapun mreka berada. Dengan adanya sistem informasi akademik berbasis web ini, dapat mempermudah mengalirnya informasi akademik dan membantu dalam meningkatkan penggunaan sistem informasi teknologi dan komunikasi berbasis web. Kata kunci
• – Sistem Informasi, Akademik, Sekolah

  Abstract — Human needs of information which can be accessed quickly and easily, force them to develop a technology which can be fulfilled their needs. It can be seen from the number of users. The problem which is raised, for example from the school field, is the use of technology as the media in delivering an academic information is still lack. In this moment, establish web-based academic information system, where this web will support the process of inputing or outputting the data and information. The school will process the input such as students’s scores, students’ presence, students’ and teachers’ data, lesson list, and another academic informations in order to make the user will be able to see the information everywhere via online. Through this web-based academic information system, hopefully it will make the flow of academis information goes well and help the development of the use of web-based academic information system. Keywords-component; Information Systems, Academic, School

  PENDAHULUAN

  Pemanfaatan kemajuan teknologi tidak menutup kemungkinan untuk dunia pendidikan yang perlu merasakan manfaatnya. Dapat digunakan sebagai menunjang proses keluar masuknya data dan informasi untuk umum maupun warga sekolah.

  SMK Mamba’ul ‘Ulum Tunjungmuli adalah sebuah sarana pendidikan menengah keatas yang memiliki unsur islami. Dengan pendidik yang berkualitas ditambah lagi dengan biaya pendidikan yang relatif murah telah mampu menyerap jumlah siswa dari berbagai macam latar belakang. Namun dengan sistem informasi akademik yang masih manual terkadang masih menemui kesulitan dalam penyampaian informasi ke lingkup yang lebih jauh serta penanganan data guru dan siswa maupun data nilai siswa. Hal tersebut terjadi karena pelayanan informasi masih kurang maksimal. Jarak penyampaian informasi akademik belum dapat meluas dan tersampaikan secara optimal. Berdasarkan uraian diatas dikemukakan oleh Wardati dan Liatmaja (2013:57) “Dengan internet maka dunia pendidikan tidak hanya terbatas pada ruang dan wilayah tertentu saja namun sudah meluas ke semua wilayah, yang mana pengaksesannya bisa dilakukan secara langsung/online

  .“ Dengan adanya Sistem informasi akademik berbasis web memudahkan guru dan siswa untuk dapat memanfaatkan fasilitas sekolah dengan mudah dan cepat.

BAHAN DAN METODE

  A. Teknik Pengumpulan Data Teknik pengumpulan data untuk mempermudah pembuatan web dan menjadikan web nyata sesuai dengan kebutuhan dan permasalahan yang ada adalah:

  1. Observasi Observasi atau pengamatan secara langsung adalah metode pencarian informasi secara langsung ke

  SMK Mamba’ul ‘Ulum Tunjungmuli untuk mendapatkan data-data sekolah seperti data siswa, data guru, data sekolah, dan data lainnya guna mengukur kebutuhan.

ISBN: 978-602-72850-5-7 SNIPTEK 2014

  2. Wawancara

  4. Testing

  Testing adalah tahap pengujian setelah

  Merupakan metode yang sangat penting penulisan coding. Pengujian mencakup dengan mendapatkan informasi secara langsung. beragam aspek yang berkaitan dengan

  Mewawancarai Kepala Sekolah dan waka

  system and performance dari fase code

  kesiswaan di SMK Mamba’ul ‘Ulum Tunjungmuli generation menggunakan blackbox testing. serta pihak lain yang berkaitan dengan semua

  Pengujian ini akan digunakan dalam proses informasi penunjang. Seperti permasalahan yang perbaikan sistem sehingga mencapai hasil sering muncul di sekolah serta sisi akademik yang diharapkan dan telah ditentukan sekolah. sebelumnya.

  3. Studi Pustaka

  5. Support Pada tahap ini, aplikasi yang telah di

  Dalam membangun sebuah perangkat hasilkan akan digunakan untuk menangani lunak dibutuhkan sebuah cara sebagai panduan sistem informasi. Sehingga kebutuhan- untuk mendapatkan perangkat lunak yang kebutuhan dan segala hal yang berkaitan diharapkan, oleh karena itu perlu dilakukan dengan sistem informasi pendidikan dapat pengembangan sistem baik berupa pembuatan ditangani dengan lebih, cepat, tepat dan suatu sistem baru maupun penambahan atau akurat. perubahan pada sistem yang sudah ada. untuk menunjang kebutuhan perancangan sistem yang

HASIL DAN PEMBAHASAN

  akan dibangun, model yang diperlukan dalam

  B. Analisa Kebutuhan Software pengembangannya diantaranya :

  1. Tahapan Analisis

  1. Analisa Kebutuhan Sistem Sistem informasi akademik berbasis web

  Tahapan ini dikenal sebagai proses merupakan proses penyampaian informasi tanpa

  feasibility study, melakukan investigasi

  perlu bertatap muka secara langsung dan dapat kebutuhan-kebutuhan sistem yang akan meluas tanpa batas dalam penyampaiannya. digunakan sebagai tulang punggung proses

  Beberapa pihak seperti masyarakat umum, siswa, komputerisasi bagi sistem pembuatan maupun guru cukup memanfaatkan internet

  website akademik ini. Kebutuhan sistem

  untuk dapat memperoleh informasi akademik berupa : tersebut. Berikut spesifikasi kebutuhan dari

  a. Terdapat 3(tiga) login user di dalam sistem informasi akademik sekolah berbasis web.

  website.

  a. Halaman Utama

  b. Peng-input-an nilai secara online dan 1) Pengunjung dapat melihat informasi informasi akademik yang tersedia di profile sekolah dalam website.

  2) Pengunjung dapat melihat informasi

  c. Ciri khas dari SMK Mamba’ul ‘Ulum akademik.

  Tunjungmuli berupa warna yang 3) Pengunjung dapat mengisi buku tamu. mempengaruhi tampilan website.

  4) Pengunjung dapat men-download brosur Dominan warna adalah hijau dan biru. sekolah.

  2. Desain 5) Pengunjung dapat melihat album

  Dalam tahapan ini berkaitan dengan prestasi sekolah. kebutuhan sistem untuk pengembangan

  b. Halaman Guru aplikasi yang dijelaskan pada tahap analisa 1) Guru dapat melihat informasi akademik kebutuhan sistem. Serta menghasilkan 2) Guru dapat mengolah data pribadi urutan langkah bagaimana interaksi 3) Guru dapat mengolah foto pribadi perangkat lunak yang akan di hasilkan. 4) Guru dapat mengolah nilai tugas dan

  Menentukan perancangan sistem yang akan absen siswa diterapkan berupa desain antarmuka UML

  5) Guru dapat mengolah nilai UAS dan UTS (Unified Modeling Language) dan EDR siswa (Entity Relationship Diagram), serta desain

  6) Guru dapat melihat jadwal mengajar

  database menggunakan normalisasi dan

  7) Guru dapat melihat wali kelas desain navigasi menggunakan metode 8) Guru dapat melihat data guru hirarki. 9) Guru dapat melihat data siswa

  3. Code Generation

  c. Halaman Siswa Tahapan ini menjelaskan tentang bahasa

  1) Siswa dapat melihat informasi akademik pemrograman yang digunakan untuk 2) Siswa dapat mengolah data pribadi menterjemahkan penulisan kode-kode 3) Siswa dapat melihat nilai akhir dengan menggunakan bahasa pemrograman persemester terstruktur. 4) Siswa dapat melihat nilai ujian

  SNIPTEK 2014

ISBN: 978-602-72850-5-7

  d. Halaman Admin 1) Admin dapat mengolah info akademik 2) Admin dapat mengolah data admin 3) Admin dapat mengolah data guru 4) Admin dapat mengolah data siswa 5) Admin dapat mengolah data mata pelajaran 6) Admin dapat mengolah jadwal pelajaran 7) Admin dapat melihat nilai akhir siswa 8) Admin dapat mengolah data siswa dalam kelas 9) Admin dapat mengolah profil sekolah 10) Admin dapat mengolah buku tamu 11) Admin dapat mengolah album prestasi sekolah

  Pengunjung memilih tombol batal

  4. System meng-update data pribadi.

  3. Guru memilih tombol Update.

  2. Guru mengubah data pribadi.

  1. Guru melihat form data pribadi.

  Primary actors Guru Main Flow / Basic Path

  Pre-conditions Guru melakukan login Post-conditions Data pribadi guru ter- update Failed and condition Gagal meng-update

  dan membatalkan peng- edit-an data pribadi.

  Requirements 2b Goal Guru dapat meng-update

  Halaman Utama

  Use Case Name

  Tabel 2. Deskripsi Use Case Mengolah Data Pribadi

  Gambar 2. Use Case Diagram Informasi Akademik Halaman Guru

  b. Use Case Diagram Informasi Akademik Halaman Guru

  Invariant 2 -

  Alternate Flow/Invariant1

  2. Use Case Diagram

  5) Siswa dapat melihat jadwal pelajaran 6) Siswa dapat melihat data guru

  4. Pengunjung memilih tombol simpan.

  3. Pengunjung mengisi form buku tamu.

  2. Pengunjung melihat form buku tamu

  Use Case Name Halaman Utama tamu.

  daftar isi buku

  Post-conditions Buku tamu tersimpan Failed and condition Gagal menyimpan Primary actors Pengunjung Main Flow / Basic Path 1. Pengunjung melihat

  website

  Pre-conditions Pengunjung membuka

  menyimpan, dan membatalkan pengisian buku tamu.

  Use Case Name Halaman Utama Requirements 1c Goal Pengunjung dapat

  Tabel.1. Deskripsi Use Case Mengisi Buku Tamu

  Gambar 1. Use Case Diagram Informasi Akademik Halaman Utama

  a. Use Case Diagram Informasi Akademik Halaman Utama

  5. System menyimpan data barang

ISBN: 978-602-72850-5-7 SNIPTEK 2014

  Use Case Name Halaman Utama penilaian.

  Use Case Name

  Halaman Utama

  Alternate Flow/Invariant 1

  A5. Guru memilih tombol batal A6. System hapus data yang diubah.

  Invariant 2 -

  Alternate Flow/Invariant 1

  6. System menyimpan data nilai siswa.

  5. Guru menekan tombol simpan.

• Invariant 2 -

  Primary actors Guru Main Flow / Basic Path

  Failed and condition Gagal menyimpan Primary actors Guru Main Flow / Basic Path

  Tabel 3. Deskripsi Use Case Mengolah Foto Pribadi

  Tabel 5. Deskripsi Use Case Mengolah Nilai UTS dan UAS

  Use Case Name Halaman Utama Requirements 2e Goal Guru dapat memilih

  kelas dan menyimpan nilai siswa.

  Pre-conditions Guru melakukan login Post-conditions Memilih kelas, nilai

  tersimpan

  1. Guru melihat daftar kelas yang diajar.

  membatalkan peng- upload-an foto pribadi.

  2. Guru memilih kelas.

  3. Guru melihat form penilaian.

  4. Guru mengisi form penilaian.

  5. Guru menekan tombol simpan.

  6. System menyimpan data nilai siswa.

  Alternate Flow/Invariant 1

• Invariant 2 -

  c. Use Case Diagram Informasi Akademik Halaman Siswa

  Use Case Name Halaman Utama Requirements 2c Goal Guru dapat meng- upload dan

  4. Guru mengisi form

  Pre-conditions Guru melakukan login Post-conditions Foto pribadi guru ter- upload Failed and condition Gagal meng-upload

  Invariant 2 -

  6. Guru memilih tombol cari.

  7. Guru memilih tombol Upload.

  8. System meng-

  upload foto pribadi.

  9. System menuju halaman beranda.

  Alternate Flow/Invariant 1

  A5. Guru memilih tombol batal. A6. System menuju halaman beranda.

  Tabel 4. Deskripsi Use Case Mengolah Nilai Tugas dan Absen Siswa

  5. Guru melihat form foto pribadi.

  Use Case Name Halaman Utama Requirements 2d Goal Guru dapat memilih

  kelas dan menyimpan nilai siswa.

  Pre-conditions Guru melakukan login Post-conditions Memilih kelas, nilai

  Failed and condition Gagal menyimpan Primary actors Guru Main Flow / Basic Path

  1. Guru melihat daftar kelas yang diajar.

  2. Guru memilih kelas.

  3. Guru melihat form penilaian.

  tersimpan

  SNIPTEK 2014

ISBN: 978-602-72850-5-7

  Tabel 6. Deskripsi Use Case Melihat Informasi Akademik

  1. Siswa melihat form cari.

  Invariant 2 -

  Tabel 8. Deskripsi Use Case Melihat Nilai Akhir Per-Semester

  Use Case Name Halaman Utama Requirements 3c Goal siswa dapat mencari,

  melihat, dan mencetak nilai akhir.

  Pre-conditions Siswa melakukan login Post-conditions Siswa mencari dan

  mencetak

  Failed and condition Gagal mencetak Primary actors Siswa Main Flow / Basic Path

  2. Siswa memilih tahun ajaran dan semester.

  update data pribadi. Alternate Flow/Invariant 1

  3. Siswa menekan tombol lihat.

  4. System membuka daftar nilai akhir yang dicari.

  5. Siswa melihat nilai akhir.

  Alternate Flow/Invariant

  1 A5. Siswa memilih

  tombol cetak A6. System membuka halaman cetak.

  Invariant 2 -

  d. Use Case Diagram Informasi Akademik Halaman Admin

  A5. Siswa memilih tombol batal A6. System hapus data yang diubah.

  4. System meng-

  Use Case Name Halaman Utama Requirements 3a Goal Siswa dapat membuka

  Alternate Flow/Invariant 1

  link info akademik dan mencetaknya.

  Pre-conditions Siswa melakukan login Post-conditions Membuka link,

  mencetak

  Failed and condition Gagal mencetak Primary actors Siswa Main Flow / Basic Path

  1. Siswa dapat melihat daftar informasi akademik.

  2. Siswa menekan link info akademik.

  3. Siswa dapat melihat isi informasi akademik.

  A3. Siswa menekan tombol cetak A4. System membuka halaman cetak

  Gambar 3. Use Case Diagram Informasi Akademik Halaman Siswa

  Invariant 2 -

  Tabel 7. Deskripsi Use Case mengolah Data Pribadi

  Use Case Name Halaman Utama Requirements 3b Goal siswa dapat meng- Use Case Name Halaman Utama update dan

  membatalkan peng- edit-an data pribadi.

  Pre-conditions Siswa melakukan login Post-conditions Siswa pribadi guru ter- update Failed and condition Gagal meng-update

  Primary actors Siswa Main Flow / Basic Path

  1. Siswa melihat form data pribadi.

  2. Siswa mengubah data pribadi.

  3. Siswa memilih tombol Update.

ISBN: 978-602-72850-5-7 SNIPTEK 2014

  Use Case Name Halaman Admin

  menyimpan data info akademik.

  Alternate

  1. Admin memilih Flow/Invariant 1 link hapus.

  2. System menghapus info akademik.

  3. Admin memilih link edit

  4. Admin melihat form edit info akademik.

  5. Admin mengisi form edit info akademik.

  6. Admin memilih tombol update.

  7. System meng- akademik.

  Invariant 2

  1. Admin memilih tombol batal. Gambar 4. Use Case Diagram Informasi Akademik

  2. System menghapus Halaman Siswa data yang telah diketik.

  Tabel 9. Deskripsi Use Case Melihat Informasi Akademik

  Tabel 10. Deskripsi Use Case Mengolah Data

  Use Case Name Halaman Admin

  Admin

  Requirements 4a Use Case Name Halaman Admin Goal Admin dapat Requirements 4b

  menyimpan, meng-

  Goal Admin dapat Edit, menghapus, dan

  menyimpan dan mencetak. menghapus.

  Pre-conditions Admin melakukan Pre-conditions Admin melakukan login login Post-conditions Data info akademik

  Post-conditions Data admin tersimpan

  tersimpan, ter-update, dan terhapus. terhapus, dan

  Failed and condition Gagal menyimpan dan tercetak.

  menghapus.

  Failed and condition Gagal menyimpan, Primary actors Admin

  meng-update,

  Main Flow / Basic Path

  1. Admin melihat menghapus, dan form tambah mencetak admin.

  Primary actors Admin

  2. Admin mengisi

  Main Flow / Basic Path

  1. Admin memilih form tambah tombol tambah admin. info akademik.

  3. Admin memilih

  2. Admin melihat tombol simpan. daftar info

  4. System akademik. menyimpan data

  3. Admin melihat admin. form input info

  Alternate - akademik. Flow/Invariant 1

  4. Admin mengisi

  Invariant 2 -

  form input info akademik.

  Tabel 11. Deskripsi Use Case Mengolah Data Guru

  5. Admin memilih

  Use Case Name Halaman Admin tombol publikasi. Requirements 4c

  6. System

  SNIPTEK 2014

ISBN: 978-602-72850-5-7

  Goal Admin dapat Use Case Name Halaman Admin

  menyimpan, mencari Main Flow / Basic Path

  1. Admin melihat Pre-conditions Admin melakukan daftar siswa.

  login

  2. Admin memilih

  link tambah data Post-conditions Data guru tersimpan

  siswa. dan ditemukan.

  3. Admin melihat

  Failed and condition Gagal menyimpan dan

  form tambah mencari. siswa.

  Primary actors Admin

  4. Admin mengisi

  Main Flow / Basic Path

  1. Admin melihat form tambah daftar guru. siswa.

  2. Admin memilih

  5. Admin memilih link tambah data tombol simpan. guru.

  6. System menyimpan

  3. Admin melihat data siswa. form tambah guru.

  Alternate

  1. Admin memilih

  4. Admin mengisi Flow/Invariant 1 link hapus. form tambah guru.

  5. Admin memilih data siswa. tombol simpan.

  3. Admin memilih

  6. System menyimpan link edit. data guru.

  4. Admin melihat

  Alternate

  1. Admin memilih form edit data

  Flow/Invariant 1 link hapus.

  siswa.

  2. System menghapus

  5. Admin mengisi data guru. form edit data

  3. Admin memilih siswa. link edit

  6. Admin memilih

  4. Admin melihat tombol update. form edit data

  7. System meng- guru.

  update info data

  5. Admin mengisi siswa. form edit data

  Invariant 2

  1. Admin mencari guru. data siswa

  6. Admin memilih

  2. System tombol update. menampilkan data

  7. System meng- siswa.

  update info data guru.

  Tabel 13. Deskripsi Use Case Mengolah Data Mata

  Invariant 2

  1. Admin mencari Pelajaran data guru

  Use Case Name Halaman Admin

  2. System

  Requirements 4e

  menampilkan data

  Goal Admin dapat guru.

  menyimpan, mencari

  Pre-conditions Admin melakukan

  Tabel 12. Deskripsi Use Case Mengolah Data Siswa

  login Use Case Name Halaman Admin Post-conditions Data guru tersimpan

  dan ditemukan.

  Requirements 4d Failed and condition Gagal menyimpan dan Goal Admin dapat mencari.

  menyimpan, mencari

  Primary actors Admin Pre-conditions Admin melakukan Main Flow / Basic Path

  1. Admin melihat

  login

  daftar mata

  Post-conditions Data siswa tersimpan pelajaran.

  dan ditemukan.

  2. Admin melihat

  Failed and condition Gagal menyimpan dan

  form tambah mata mencari. pelajaran.

  Primary actors Admin

  3. Admin mengisi

ISBN: 978-602-72850-5-7 SNIPTEK 2014

  Use Case Name Halaman Admin Use Case Name Halaman Admin

  form tambah mata

  4. Admin mengisi pelajaran. form tambah

  4. Admin memilih jadwal pelajaran. tombol simpan.

  5. Admin memilih 5. System menyimpan tombol simpan. data mata

  6. System menyimpan pelajaran. data jadwal pelajaran.

  Alternate

  1. Admin memilih

  Flow/Invariant 1 link hapus. Alternate

  1. Admin memilih 2. System menghapus Flow/Invariant 1 link hapus. data mata

  2. System menghapus pelajaran. data jadwal

  3. Admin memilih pelajaran. link edit.

  3. Admin memilih 4. Admin melihat link edit. form edit data

  4. Admin melihat mata pelajaran. form edit data form edit data

  5. Admin mengisi mata pelajaran. form edit data

  6. Admin memilih jadwal pelajaran. tombol update.

  6. Admin memilih 7. System meng- tombol update.

  update info data

  7. System meng- mata pelajaran. update info data

  Invariant 2 1. Admin mencari jadwal pelajaran.

  data mata Invariant 2

  A. Admin mencari pelajaran. data jadwal

  2. System pelajaran. menampilkan data

  B. System mata pelajaran. menampilkan data jadwal pelajaran. Tabel 14. Deskripsi Use Case Mengolah Data

  Jadwal Pelajaran

  C. Activity Diagram

  Use Case Name Halaman Admin

  a. Activity Diagram pengolahan nilai akhir

  Requirements 4f

  halaman guru

  Goal Admin dapat

  menyimpan, mencari, menghapus, mengubah.

  Pre-conditions Admin melakukan login Post-conditions Data guru tersimpan,

  terhapus, ter-update dan ditemukan.

  Failed and condition Gagal menyimpan,

  menghapus, meng- update dan mencari.

  Primary actors Admin Main Flow / Basic Path

  1. Admin melihat daftar jadwal pelajaran.

  2. Admin memilih link tambah jadwal pelajaran.

  3. Admin melihat form tambah jadwal pelajaran.

  SNIPTEK 2014

ISBN: 978-602-72850-5-7

  Gambar 5. Activity Diagram pengolahan nilai akhir halaman guru b. Activity Diagram pembagian kelas halaman admin

  Gambar 6. Activity Diagram pembagian kelas halaman admin c. Activity Diagram pengolahan jadwal pelajaran halaman admin

  Gambar 6. Activity Diagram pengolahan jadwal pelajaran halaman admin C. Desain

  1. Database

  a. Entity Relationship Diagram

  Siswa Memiliki Jam Pelajaran _Memiliki Mata Pelajaran _Memiliki ^{Detail Kelas} _{Menginputkan Nilai Akhir Guru} ^Berdasarkan _Kelas ^{Mendapatkan Grade Nilai} _Berdasarkan Detail Mata _Pelajaran ^{Berdasarkan Berdasarkan Jadwal 1 M N NIS 1 Nama_siswa alamat Nm_ibu penghasilan telp agama jekel Tgl_lahir Tmp_lahir Passwd Nm_ayah status No_kk Jam_ke Waktu_mulai Waktu_selesa i Id_mapel Th_ajaran semester kelas Jam_ke Hari Id_jadwal NIS kelas Kelas tingkat NIP Nama_mapel semester Id_mapel jabatan agama alamat Ijasah_th Ijasah_jur Ijasah_sek Ijasah_tertg Nama_guru Kode_guru password Tmp_lahir NIP Kode_stat Tgl_lahir jekel} _NIP ^{Id_mapel ket Nilai_mas Nilai_min grade semester UTS Th_ajaran UAS Tot_tugas Tot_absen NIS Id_mapel Id_nilai grade M 1 M N N 1 1 1 1 M N 1 M M 1} Gambar 7. Entity Relationship Diagram penilaian

  akademik

  b. Logical Record Structure

ISBN: 978-602-72850-5-7 SNIPTEK 2014

  _SISWA NIS _{Nama_siswa Passwd Tmp_lahir Tgl_lahir Jekel Agama Alamat} Telp _{Nm_ayah Nm_ibu Pk_ayah Pk_ibu Penghasilan No_kk status} ^{DETAIL KELAS Kelas NIS} _{JADWAL Id_jadwal Hari Jam_ke} Id_mapel _{Kelas Semester Th_ajaran} JAM PELAJARAN _{Jam_ke Waktu_mulai Waktu_selesai} ^{NILAI Id_nilai Id_mapel NIS Th_ajaran} _{Semester UTS UAS Tot_tugas Tot_absen Nil_akhir grade} ^{MATA PELAJARAN Id_mapel Nama_mapel semester KELAS Kelas Tingkat NIP GURU NIP Nama_guru Kode_guru Password Tmp_lahir Tgl_lahir Jekel Ijasah_tetg Ijasah_sek Ijasah_jur Ijasah_th Jabatan Kode_stat Agama Alamat No_telp Foto Email Status Tgl_masuk DETAIL MAPEL Id_mapel NIP STATUS JABATAN Kode_stat Stat_guru} _ket GRADE _{Grade Nilai_min Nilai_mas ket} ^{NIS kelas NIP NIP Kelas Id_mapel Id_mapel NIS Jam_ke Id_mapel Grade Kode_stat}

  Gambar 8. Logical Record Structure penilaian akademik

  2. Software Architecture

  a. Component Diagram

  <<Application>> Sistem Informasi Akademik Sekolah <<Database>> akademik2014 <<Javascript>>

  JQuery.js <<Cascading Style Sheets>> Style.css

  <<Web Server>> Apache <<Database Server>> MySQL

  <<Web Operating System>> Windows 7

  Gambar 9. Component Diagram Sistem Informasi Akademik Sekolah

  b. Deployment Diagram ^{<<Application>> Sistem Informasi Akademik Sekolah <<Java Script>> JQuery.js <<Cascading Style Sheet>> Style.css <<Web Server>> Apache <<Web Operating system>> Windows 7 <<Database>> Akademik2014 <<Databse Server>> MySQL Web Browser Operating system Port 80 Port 3306} Gambar 10. Deployment Diagram Sistem

  Informasi Akademik Sekolah

  3. User Interface Gambar 10. Tampilan Form Login Guru

  Gambar 11. Tampilan form login guru

  SNIPTEK 2014

ISBN: 978-602-72850-5-7

  Gambar 14. Tampilan halama siswa Gambar 15. Tampilan form login admin

  Ladjamudin, Al Bahra. 2005. Analisa dan Desain Sistem Informasi. Yogyakarta: Graha Ilmu.

  Jakarta : PT Elex Media Komputindo. Sarosa, samiaji. 2009. Sistem Informasi

  Permana, Pupung Budi. 2004. Kiat Praktis Menjadi Desain Web Professional.

  Examples: Graphics, Games and Animations. United States of America : Ramacad Inc

  Bandung: Informatika. Nguyen, Quan. 2013. HTML5 Canvas and CSS3 by

  M. Shalahuddin, Rosa A.S. 2008. Java di Web.

  2006. Sistem Informasi Manajemen Sumber Daya Manusia. Jakarta: Gramedia Widiasarana Indonesia.

  Marimin, Tanjung, henri, dan Prabowo, haryo.

  Yogyakarta: PD. Anindya. Kroenke, David M. 2005. Database Processing. PT Gelora Aksara Pratama.

  Gambar 16. Tampilan halaman admin

  Gambar 12. Tampilan Halaman Guru Gambar 13. Tapilan form login siswa

  REFERENSI

  3. Pihak sekolah dapat mengarsipkan data guru dan siswa dengan aman dan mudah pengaksesannya.

  2. Dengan menggunakan sarana website ini dapat mempermudah guru dalam melakukan input nilai siswa dan rekap nilai akhir.

  1. Dapat mempermudah penyampaian informasi untuk warga sekolah dan masyarakat umum yang berada di dalam atau luar sekolah.

  D. Kesimpulan

  KESIMPULAN

  Anhar. 2010. Panduan Menguasai PHP & MySQL Secara Otodidak. Jakarta : Media Kita. Arconico, Eddie S. 2005. Web Database menggunakan MySQL dan SQLite.

ISBN: 978-602-72850-5-7 SNIPTEK 2014

  Akuntansi. Jakarta : Gramedia Widiasarana Indonesia (Grasindo)

  Suardika, Gede dan Triandini, Evi. 2012. Step By Step Desain Proyek Menggunakan UML.

  Yogyakarta : CV. Andi Offset. Wahana Komputer. 2010. Panduan Praktis

  Menguasai Pemrograman Web dengan JavaScript. Yogyakarta : Andi Offset

  Wardana. 2010. Menjadi Master PHP dengan Framework Codeigniter. Jakarta : PT Elex Media Komputindo

  Winanto, Edy, Ali Zaki. 2012. Mobile Web Development dengan Dreamweaver.

  Jakarta : PT Elex Media Komputindo. Yuhefizar. 2008. 10 Jam Menguasai Internet

  Teknologi dan Aplikasinya. Jakarta : PT Elex Media Komputindo.

  Yuhefizar, HA Mooduto, 2009. Rahmat Hidayat.

  Cara Mudah Membangun Website Interaktif Menggunakan Content Management System Joomla. Jakarta : PT Elex Media Komputindo.

  Ramadhan, Arif. 2006. SGS:Pemrograman WEB.

  Jakarta: PT Elex Media Komputindo. Sutopo, Ariesto Hadi. 2007. Pemrograman Flash dengan PHP & MySQL. Yogyakarta:

  Graha Ilmu. Talib, Haer. 2010. Panduan Praktis Menguasai

  Komputer. Jakarta. PT Elex Media Komputindo.