PHP ( Personal Home Page)

Gambar 4.6 Activity Diagram

pendaftaran calon siswa telah selesai dan

Pembuatan Rapor

calon siswa telah terdaftar sebagai

Pendaftar di SMKN 1 Sumedang. Keterangan Gambar: Di dalam activity

act Aktiv iti Diagram INPUT NILAI

diagram Pembuatan Rapor yang pertama

PAGE SIAK HOM E

AKADEM IK / PILIH M EM U

INPUT USER NAM E

harus dilakukan oleh guru dan akademik

ST ART

INFO GURU

& PASSWORD

yaitu akses SI SIAK pilih menu info guru

M ENAM PILKAN

HALAM AN PILIH M ENU

M ENAM PILKAN

PENILAIAN PENILAIAN

HOM E PAGE AKADEM IK /

T RUE

FALSE

atau akademik dengan melakukan login.

INFO GURU

VALIDASI

Saat membuka aplikasi akan menampilkan

PENILAIAN KLIK M ENAM PILKAN

PILIH KELAS -

PELAJARAN

PENILAIAN FORM

PELAJARAN GURU &

TAM PIL KLIK

halaman login. Masukkan Username dan

FALSE

VALIDASI

Password . Jika benar memasukkan

PELAJARAN T RUE ADD NILAI

PELAJARAN INPUT NILAI

SIM PAN

PELAJARAN EDIT NILAI

DATA NILAI TAM PIL

Username dan Password maka sistem akan

menampilkan halaman utama guru atau

FINISH

CETAK NILAI

PELAJARAN

akademik. Guru atau akademik bisa

memilih menu “Penilaian” seterusnya pilih

Gambar 4.5 Activity Diagram Input Nilai

sebagainya) berupa message yang tombol “Hitungan Nilai Rapor”, meng-

digambarkan terhadap waktu. Sequence update data nilai dengan memilih tombol

diagram terdiri atar dimensi vertikal “Edit” untuk mengubah data niali, dan

(waktu) dan dimensi horizontal (objek- memilih tombol “Hapus” untuk menghapus

objek yang terkait). Sequence diagram data nilai. Guru atau akademik bisa

biasa digunakan untuk menggambarkan menyimpan perubahan yang di lakukan

skenario atau rangkaian langkah-langkah dengan memilih tombol “Simpan”.

yang dilakukan sebagai respons dari sebuah Kemudian logout untuk keluar dari sistem.

event untuk menghasilkan output tertentu.

Diawali dari apa yang mentrigger aktivitas tersebut, proses dan perubahan apa saja

act LIHAT DATA NILAI

yang terjadi secara internal dan output apa

HOME

PILIH MEMU INFO SISWA /

INPUT USER NAME

PAGE SIAK

& PASSWORD

yang dihasilkan. Masing-masing objek,

START

GURU

termasuk aktor, memiliki lifeline vertikal.

Message digambarkan sebagai garis

MENAMPILKAN

PILIH MENU PILIH MENU

HOME PAGE

TRUE

FALSE

berpanah dari satu objek ke objek lainnya.

PENILAIAN AKADEMIK

USER

FINISH

Pada fase desain berikutnya, message akan dipetakan menjadi operasi/metoda dari class . Activation bar menunjukkan

VALIDASI

MENAMPILKAN TENTUKAN

MENAMPILKAN

CETAK

lamanya eksekusi sebuah proses, biasanya

FORM NILAI

PELAJARAN KELAS

DATA NILAI

DAN SEMESTER

PELAJARAN

diawali dengan diterimanya sebuah message . Untuk objek-objek yang memiliki

Gambar 4.7 Activity Diagram Lihat Data

sifat khusus, standar UML mendefinisikan icon khusus untuk objek boundary,

Nilai

controller dan persistent entity. Berikut ini adalah sequence diagram dari Sistem

Keterangan Gambar: Di dalam activity Informasi Akademik pada SMKN 1 diagram melihat data nilai yang pertama

Sumedang.

harus dilakukan oleh actor yaitu akses SI SIAK pilih menu user info guru atau info

sd Squance Diagram Tambah Nilai

siswa dengan melakukan login. Saat membuka aplikasi akan menampilkan

menu login. Actor memasukkan Username PENILAIAN

AKADEMIK / GURU HOME PAGE SIAK FORM LOGIN MENU USER

AKADEMIK /

dan Password. Jika benar memasukkan

AKSES SI SIAK()

GURU

Username dan Password maka sistem akan

MENAMPILKAN HOME PAGE SIAK()

menampilkan halaman utama actor. Actor bisa memilih menu “Penilaian” dalam PILIH MENU USER()

MENAMPILKAN FORM LOGIN()

menu akademik untuk melihat data nilai.

Setelah itu, maka sistem akan menampilkan VALIDASI() daftar data nilai yang ada di database

INPUT USERNAME & PASSWORD()

MENAMPILKAN MAIN MENU USER() “Nilai” Actor bisa memilih tombol lihat MENAMPILKAN MAIN MENU USER() detil untuk melihat data siswa secara PILIH MENU PENILAIAN()

MENAMPILKAN DATA NILAI()

keseluruhan dan memilih menu cetak.

MEMILIH TOMBOL TAMBAH NILAI()

Setelah selesai, kemudian logout untuk

MENAMPILKAN FORM TAMBAH NILAI() SIMPAN

keluar dari sistem. DATA()

INPUT NILAI()

MENAMPILKLAN DATA NILAI()

4.2.4 Sequence Diagram

Sequence diagram menggambarkan

Gambar 4.8 Sequence Diagram Input

interaksi antar objek di dalam dan di sekitar

Formulir PSB

Keterangan Gambar: proses Sequence

sd Squance Diagram INPUT RAPOR

diagram dimulai calon siswa yang harus dilakukan oleh calon siswa adalah memilih

menu “Daftar Siswa”, kemudian calon PENILAIAN

AKADEMIK / GURU HOME PAGE SIAK

FORM LOGIN MENU USER

AKADEMIK /

AKSES SIAK()

GURU

siswa mengisi form yang telah tersedia, calon siswa memilih tombol “Cetak” untuk MEANMPILKAN HOME PAGE SIAK()

PILIH MENU USER()

mencetak kwitansi pendaftaran siswa baru. MENAMPILKAN FORM LOGIN()

Proses pendaftaran calon siswa telah selesai VALIDASI() dan calon siswa telah terdaftar sebagai

INPUT USER NAME & PASSWORD()

MENU USER()

Pendaftar di SMKN 1 Sumedang. MENAMPILKAN MAIN MENU USER()

MEMILIH MENU PENILAIAN() MENAMPILKNA MAIN MENU PENILAIAN()

sd Squance Diagram INPUT PSB

MEMILIH MENU PERHITUNGAN RAPOR() MENAMPILKAN FORM PERHITUNGAN RAPOR()

INPUT PERHITUNGAN NILAI RAPOR()

SIMPAN DATA()

MENAMPILKAN DATA RAPOR()

CALON SISWA HOME PAGE SIAK

PSB

PILIH MENU CETAK() MENAMPILKAN CETAKAN RAOR()

MENAMPILKAN HOME PAGE SIAK()

Gambar 4.10 Sequence Diagram Input

PILIH MENU PSB()

Rapor

MENAMPILKAN MENU PSB()

Keterangan Gambar: Di dalam sequence

PILIH MENU PENDATAAN SISWA BARU()

diagram Input Rapor yang pertama harus

MENAMPILKAN FORM INPUT PSB()

dilakukan oleh akademik / guru yaitu

INPUT DATA PSB()

terlebih dahulu melakukan login. Saat

SIMPAN()

membuka aplikasi akan menampilkan halaman login. Masukkan Username dan Password . Jika benar memasukkan Username dan Password maka sistem akan

MENMPILKAN DATA PSB()

Gambar 4.9 Sequence Diagram Tambah

menampilkan halaman utama guru / akademik. User bisa memilih menu “Nilai”,

Nilai

setelah itu guru bisa input nilai rapor dengan memilih tombol “Perhitungan

Keterangan Gambar: Di dalam sequence Rapor”, User bisa menyimpan hasil input

diagram tambah nilai yang pertama harus yang di lakukan dengan memilih tombol dilakukan oleh guru yaitu terlebih dahulu

“Simpan” dan menu “cetak” untuk melakukan login. Saat membuka aplikasi

mencetak data rapor siswa. akan sd Squance Diagram LIHAT NILAI menampilkan halaman login .

Masukkan Username dan Password. Jika

benar NILAI SISWA memasukkan Username dan

AKADEMIK / GURU /

HOME PAGE SIAK

FORM LOGIN MENU UTAMA

SISWA

GURU / SISWA AKADEMIK /

Password maka sistem akan menampilkan

AKSES SIAK()

MENAMPILKAN HOME PAGE SIAK()

halaman utama guru / akademik. User bisa

PILIH MENU USER()

memilih menu “Nilai”, setelah itu guru bisa MENAMPILKAN FORM LOGIN USER()

INPUT USER NAME & PASSWORD() VALIDASI()

menambah data nila siswa dengan memilih tombol “Tambah”, Guru bisa menyimpan MAINMENU USER()

MENAMPILKAN MAIN MENU USER()

perubahan yang di lakukan dengan memilih MEMILIH MENU PENILAIAN()

tombol “Simpan” dan menu “cetak” untuk MEMILIH CETAK()

MENAMPILAKN DATA PENILAIN()

MENAMPILKAN DATA CETAK PENILAIAN()

mencetak data nilai siswa.

Gambar 4.11 Sequence Diagramt Lihat Nilai

Keterangan Gambar: Di dalam sequence 4.2.6 Component Diagram

diagram lihat data nilai siswa yang pertama harus dilakukan oleh actor yaitu

diagram terlebih dahulu melakukan login. Saat

Component

menggambarkan struktur dan hubungan membuka aplikasi akan menampilkan

antar komponen peranti lunak, termasuk menu login. Bagian siswa memasukkan

ketergantungan (dependency) diantaranya. Username dan Password. Jika salah

Pada umumnya komponen terbentuk dari bebrapa class dan/atau package, tapi dapat

memasukkan Username dan Password,

sistem akan menampilkan pesan kesalahan – komponen yang lebih

juga dari komponen

kecil. Komponen dapat juga berupa dan kembali ke menu login untuk interface , yaitu kumpulan layanan yang memasukkan Username dan Password

disediakan sebuah komponen untuk yang benar. Jika benar memasukkan

komponen lain.

Username dan Password maka sistem akan

deployment DEPLOYMENT DIAGRAM SIAK

menampilkan halaman utama actor sesuai

dengan levelnya masing-masing. Actor bisa PROGRAM

DBMS

WEB SERVER

memilih PHP menu “Nilai Pelajaran” untuk melihat data nilai siswa yang masuk.

MYSQL

XAMPP

Setelah itu, maka

sistem

akan

«device» SERVER

menampilkan daftar data nilai siswa yang ada di database “Nilai”. Actor bisa memilih

tombol lihat detil untuk melihat data nilai

CLIENT WORKSTATION «device»

(HTTP/HTTPS) NETWORK

siswa secara keseluruhan dan memilih

WEB BROWSER

menu cetak.

4.2.6 Deployment Diagram Gambar 4.13 Component Diagram SIAK

Deployment Diagram adalah diagram yang menggambarkan

detail

bagaimana

komponen di-sebar (di-deploy) kedalam infrastruktur sistem, dimana komponen akan terletak (pada mesin, node, server atau piranti keras apa), bagaimana kemampuan jaringan pada lokasi tersebut, spesifikasi server , dan hal-hal lain yang bersifat fisikal

cmp COMPONENT DIAGRAM SIAK

WEB CLIENT

MYSQL SERVER

JAVA SCRIPT

«flow»

MYSQL LIBRARY

MYSQL CLIENT

PHP LIBRARY CSS

WEB SERVER

«flow»

WEB SERVICE

APP SERVER

Gambar 4.12 Deployment Diagram Gambar 4.14 Home Page Siak SKN 1 SIAK

Sumedang

5. KESIMPULAN DAN SARAN

5.2 Saran

5.1 Kesimpulan

Saran pengembangan untuk menutupi kekurangan yang masih

Dengan adanya Aplikasi Sistem dapat dilakukan dalam aplikasi Informasi Akademik SMKN 1 absensi ini antara lain :

Sumedang maka dapat mengambil

1. Beralih ke Bahasa Microsoft C# kesimpulan sebagai berikut :

atau Active Server Pages (ASP).

lebih mudah Sekolah bisa memberi informasi

1. Sistem Informasi

Akademik

Agar

diimplementasikan dengan server yang berhubungan dengan data

yang ada di data center SMKN 1 informasi akademik sekolah

Sumedang

secara cepat, akurat, bisa diakses

2. Untuk pengembangan aplikasi ini secara online kapan pun dan

unruk lebih baik kedepanya bisa dimana saja.

ditambahkan aplikasi :

a. Aplikasi Keuangan untuk penerimaan siswa baru secara

2. Calon siswa bisa mendaftar

menangani pembayaran iuran online tanpa datang langsung dan

siswa dan laporan keuangan. mengantri yang membutuhkan

b. Aplikasi Tata Usaha untuk waktu lama melalui Sistem

menangani data pegawai Informasi Akademik Sekolah.

sekolah, absensi pegawai

serta laporan menginformasikan kelas, jadwal

sekolah

kepegawaian sekolah. pelajaran dan nilai kepada siswa

c. Untuk absensi siswa dan dan guru secara online, cepat dan

sekolah bisa tepat

pegawai

mengunakan alat finger print

4. Guru bisa melakukan proses menggunakan sidik jari yang

mengajar, absensi pelajaran dan bisa langsung terkoneksi ke memberikan penilaian terhadap

data base sekolah siswa secara online melalui Sistem

d. Aplikasi Perpustakaan untuk Informasi Akademik Sekolah

menangani data perpustakan

5. Sistem Informasi

Akademik

katalog buku Sekolah bisa menyimpan dan

dari

perpustakaan dan data menampilkan data siswa, data

anggota perpustakaan. nilai, absen, jadwal pelajaran,

serta materi pelajaran yang akan diinformasikan ke siswa dan orang

tua wali siswa dapat mengetahui

informasi perkembangan belajar anaknya secara online yang bisa di akses dimana saja.

6. Kepala sekolah bisa mengakses

laporan sekolah melaui Sistem

Informasi Akademik Sekolah

DAFTAR PUSTAKA

Istilah Akademik , http://id.wikipedia.org/wiki/akademik .

15) Putro, 2012,

1) Agustinus, Mujilan, 2012, Sistem

16) Pressman, R.S, 2010, Software Informasi Akuntansi, Edisi I , Wima

Engineering, a practitioner’s approach, Pers, Madiun.

McGraw-Hill, New York.

17) Raharjo, Budi. Heryanto, Imam & RK,

2) Anhar, 2012, PHP & MySql Secara Enjang, 2012, Modul Pemprograman Otodidak, media kita, Jakarta.

Web HTML PHP MYSQL, Modula,

3) A.S, R., & Shalahuddin, M, 2013,

Bandung.

Rekayasa Perangkat Lunak Terstruktur

18) Ranjini, K, Kanthimathi, A, & Yasmine, dan

Beroientasi Objek, Y, 2012, Design of Adaptive Road INFORMATIKA, Bandung.

Traffic Control System through Unified Modeling Language . International

4) Agustinus, Mujilan, 2012, Sistem Journal of Computer Applications, 6. Informasi Akuntansi, Edisi I , Wima

19) Sekolah Menengah Kejuruan Negeri 1 Pers, Madiun.

Sumedang, 2016, Profil SMKN 1

5) Gauri, K, & Dipanwita, T, 2012, Design Sumedang, www.smkn1sumedang.sch.i and Analysis of Software Architecture

d , Sumedang.

with Unified Modeling Language ,

20) Tohari, Hamim, 2014, Analisa Serta International Journal of Advanced

Perancangan Sistem Informasi Melalui Research in Computer Science, 5.

Pendekatan UML.

6) Hardcastel, Elizabeth, 2012, Business

information systems, BookBoon.

Penggunaan UML , Jurnal Informatika

Mulawarman, 15.

8) Hidayat, Rahmat, 2010, Cara Praktis

Membangun Website Gratis, Pengertian

Website , PT Elex Media Komputindo

Kompas, Granedia, Jakarta.

9) Jamilah, 2012, Sistem Informasi

Akademik Berbasis Client Server Pada

Madrasah Tsanawiyah An-Nizhamiyah ,

Laporan Tugas Akhir, Universitas

Negeri Syarif Hidayatulloh, Jakarta.

10) Jogiyanto, 2012, Analisis dan Desain

Sistem Informasi,

Pendekatan

Terstruktur Teori Dan Praktek Aplikasi

Bisnis , Andi, Yogyakarta.

11) Jogiyanto, 2012, Analisis dan Desain

Sistem Informasi , Andi, Yogyakarta.

12) Kadir, Abdul,

Menggunakan PHP, Andy, Yogyakarta.

13) Koswara, Eko, 2011, Visual Basic

Beginner Guide ,

MediaKom,

Yogyakarta.

14) Nixon, Robin, 2012, LearningPHP, MySQL,JavaScript & CSS , O’Reilly Media, USA.

20