SISTEM INFORMASI SEKOLAH MENENGAH ATAS (SMA) BERBASIS WEB (Studi Kasus Pada SMA Negeri 1 Negara Batin Way Kanan)
ABSTRAK
SISTEM INFORMASI SEKOLAH MENENGAH ATAS (SMA)
BERBASIS WEB (Studi Kasus Pada SMA Negeri 1 Negara Batin Way Kanan)
Oleh:
Hamdan Sukri
Perkembangan teknologi yang semakin hari semakin membaik merupakan sebuah
bentuk keinginan manusia untuk terus berkarya dan menggali potensi diri, seperti
bidang industri, perdagangan, kesehatan, ataupun pendidikan. Internet merupakan
jaringan komputer global di seluruh dunia sebagai media komunikasi dan informasi
modern yang dapat memberikan serta menampilkan berbagai informasi dan data
kepada publik. Suatu lembaga, instansi pemerintah atau swasta dapat memberikan
serta menampilkan profil, iklan, data, dan informasi kepada publik melalui internet
dengan memanfaatkan fasilitas website. Pada penelitian ini dirancang suatu sistem
informasi berbasis web menggunakan bahasa pemrograman PHP MySQL. Dengan
sistem ini, diharapkan mampu mengatasi berbagai kebutuhan dari user untuk
mencari informasi dan memudahkan bagian administrasi sekolah dalam
penyampaian informasi serta memberikan sarana komunikasi antara pihak sekolah
dengan masyarakat dan orang tua siswa. Dari hasil penelitian yang telah
dilaksanakan penulis mengimplementasikan hasil penelitian tersebut kedalam
sebuah bentuk Sistem Informasi Sekolah Menengah Atas (SMA) Berbasis Web
(Studi Kasus Pada SMA Negeri 1 Negara Batin Way Kanan).
Kata Kunci : Internet, Web, Sistem Informasi, Media Komunikasi.
ii
RIWAYAT HIDUP
Penulis dilahirkan di Negara Batin pada tanggal 07 Sepetember 1991 anak ke tiga
dari empat bersaudara pasangan dari Bapak Korbi MR dan Ibu Berta Aprianti.
Penulis mengawali pendidikan di Sekolah Dasar Negeri (SDN) 1 Negara Batin
Way Kanan pada tahun 1998 dan lulus pada tahun 2004. Penulis melanjutkan
pendidikan di Sekolah Menengah Pertama Negeri (SMPN) 1 Negara Batin Way
Kanan pada tahun 2004 dan lulus pada tahun 2007. Kemudian penulis
melanjutkan ke jenjang Sekolah Menengah Atas Negeri (SMAN) 1 Negara Batin
Way Kanan pada tahun 2007 dan lulus pada tahun 2010.
Pada tahun 2010, penulis terdaftar sebagai mahasiswa program studi Ilmu
Komputer Jurusan Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Lampung melalui jalur UM (Ujian Mandiri).
Pada bulan Juli sampai dengan Agustus tahun 2013, penulis melakukan Kerja
Praktek di Sekolah Menengah Atas Negeri (SMAN) 1 Negara Batin Way Kanan.
vii
MOTO
Awali hidupmu dengan senyuman,
dengan tersenyum membuat hidupmu
menjadi lebih indah dan bewarna .
Jangan pernah menyerah dengan
cobaan, karena hidup adalah anugrah,
jalanilah hidup ini dengan melakukan
yang terbaik .
Jalani hidup mengalir apa adanya
PERSEMBAHAN
Alhamdulillahirobbil’alamiin,
Puji syukur atas segala rahmat dan seluruh kemudahan yang telah
Allah SWT berikan kepadaku selama ini.
Dengan segala kemampuan, kupersembahkan sebuah karya terbaikku
kepada mereka yang sangat berarti dalam hidupku
yaitu:
Mak yang selalu berjuang memberikan yang terbaik untukku, Mak
yang rela mengorbankan seluruhnya untukku, Mak yang selalu
mendoakanku agar menjadi orang yang berguna, Bapak yang selalu
memberikan semangat untuk menjalani hidup ini dengan baik, seluruh
keluarga besar yang selalu memberikan semangat agar cepat
menyelesaikan skripsi ini,
Paman, bibik, kakak, adek, dan ponakan-ponakanku, Walit, Umi, Nita,
Tem, Oksando, Aun, Koko, Cici, yang membuatku menjadi seorang
yang dibanggakan, dan seluruh sahabat dekat ataupun wagheiwagheiku yang selalu mendukung dan membantuku selama ini dan
tidak lupa untuk almamaterku tercinta.
SANWACANA
Alhamdulillah, puji dan syukur senantiasa penulis panjatkan kepada Allah SWT
atas segala curahan rahmat dan karunia-Nya sehingga penelitian dan karya tulis
ilmiah ini dapat diselesaikan.
Skripsi dengan judul ”Sistem Informasi Sekolah Menengah Atas (SMA) Berbasis
WEB (Studi Kasus Pada SMA Negeri 1 Negara Batin Way Kanan) ” adalah salah
satu syarat untuk memperoleh gelar Sarjana Komputer di Universitas Lampung.
Dalam kesempatan ini penulis mengucapkan terima kasih kepada:
1. Bapak dan Mak tercinta yang selalu sabar memberikan cinta kasih,
dukungan, memberikan motivasi dan terus mendo’akan saya.
2. Bapak Ir. Machudor Yusman, M.Kom. sebagai pembimbing utama yang
telah memberikan ide untuk penelitian dan di tengah-tengah kesibukannya
telah membimbing penulis dan memberikan semangat sehingga penulisan
skripsi ini dapat diselesaikan.
3. Ibu Ossy Dwi Endah W, M.T. sebagai pembimbing kedua yang telah
memberikan saran, bantuan dan membimbing penulis dalam pembuatan
skripsi ini.
4. Bapak Drs. Irwan Adipribadi, M.Kom. sebagai pembahas yang telah
memberikan masukan-masukan yang bermanfaat dalam perbaikan skripsi
ini.
5. Bapak Ir. Machudor Yusman, M.Kom. selaku Ketua Jurusan Ilmu
Komputer.
6. Bapak Dr. Ir. Kurnia Muludi, M.Sc. selaku pembimbing akademik selama
penulis menjadi mahasiswa Ilmu Komputer Universitas Lampung.
viii
7. Bapak Prof. Suharso, Ph.D. selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Lampung.
8. Kakakku Mirna Susana, SPd. Noregen Korinta, SPd. Dan adikku Oksando
Paberko yang selalu memberikan semangat dan menyayangiku.
9. Walit dan Umi yang selama ini membimbing dan memotivasiku.
10. Sahabat-sahabat Alex, Akew, Dores, Hary, Eja, Epri Daus, Tama, Resti,
Rudi atas semangat dan keceriaannya selama ini.
11. Teman-teman seperjuangan Revy, Alpiyan, Togu, Beni, Gilang, Bagus,
Agus, Pandu, Hari, Ady, Omes, Dimas, Ferdi, Fajar, Ricky, Tanto,
Ahmad, Angger, Imam, Amin, Dika, Irul, Kholis atas kebersamaan dan
semangatnya selama menyelesaikan skripsi ini, semoga sukses selalu
untuk kita semua amin.
12. Teman-teman angkatan 2010 yang tidak dapat disebutkan satu persatu,
terima kasih atas kebersamaannya dan kerja samanya selama masa
perkuliahan.
13. Adik-adik angkatan 2011, 2012, 2013, 2014, yang bersedia membantu
dan memberikan semangatnya.
14. Semua pihak yang tidak dapat disebutkan satu persatu yang telah
membantu penyelesaian Skripsi ini.
Akhir kata, Penulis menyadari bahwa skripsi ini masih bisa dikembangkan lebih
lanjut, akan tetapi sedikit harapan semoga skripsi yang sederhana ini dapat
berguna dan bermanfaat bagi kita semua. Amin
Bandar Lampung, 25 September 2014
Penulis
Hamdan Sukri
ix
DAFTAR ISI
Halaman
HALAMAN JUDUL ..........................................................................................
i
ABSTRAK ..........................................................................................................
ii
LEMBAR PERNYATAAN ORISINALITAS ................................................. vi
RIWAYAT HIDUP ............................................................................................ vii
MOTTO ............................................................................................................... viii
PERSEMBAHAN................................................................................................ ix
SANWACANA ...................................................................................................
x
DAFTAR ISI ....................................................................................................... xi
DAFTAR GAMBAR .......................................................................................... xiv
DAFTAR TABEL .............................................................................................. xvii
BAB I PENDAHULUAN
1.1
Latar Belakang ..............................................................................
1
1.2
Rumusan Masalah ........................................................................
3
1.3
Batasan Masalah ...........................................................................
3
1.4
Tujuan Penelitian ..........................................................................
4
1.5
Manfaat Penelitian ........................................................................
4
BAB II TINJAUAN PUSTAKA
2.1 Teori Sistem .........................................................................
5
2.2 Penegrtian Sistem Informasi .................................................
6
2.3 Website..................................................................................
6
2.4 HTML (Hypertext Markup Language) .................................
6
2.5 PHP .......................................................................................
7
2.6 MySQL..................................................................................
7
2.7 CSS (Cascading Style Sheet) ................................................
7
2.8 JavaScript ..............................................................................
8
2.9 Dreamweaver ........................................................................
8
2.10 Konsep Dasar Desain Sistem ................................................
8
2.10.1 Use case digram.........................................................
8
2.10.2 Activity diagram ......................................................... 10
2.10.3 Squence Diagram ....................................................... 12
2.11 Appserv ................................................................................. 14
2.12 Apache................................................................................... 14
BAB III METODE PENELITIAN
3.1
Waktu dan Tempat Penelitian ...................................................... 15
3.2
Alat dan Bahan ............................................................................. 15
3.2.1
Hardware ........................................................................... 15
3.2.2
Software ............................................................................ 16
3.3
Metode Penelitian.......................................................................... 16
3.4
Analisis Sistem.............................................................................. 17
3.5
Desaian Interface .......................................................................... 18
3.5.1 Usecase Diagram.................................................................. 20
3.5.2 Activity Diagram .................................................................. 21
3.5.2.1. Activity Diagram Administrator…………………… 21
3.3.2.2. Activity Diagram Guest…………………………… 25
3.5.3 Squence Diagram ................................................................. 29
3.5.3.1 Squence Diagram Administrator…………………... 29
3.5.3.2 Squence Diagram Guest…………………………… 33
BAB IV HASIL DAN PEMBAHASAN
4.1
Implementasi ................................................................................. 38
4.2
Tampilan Program ......................................................................... 38
4.2.1
Menu utama (Home) .......................................................... 39
4.2.2
Menu Betita / Info.............................................................. 40
4.2.3
Menu Data Guru ................................................................ 41
4.2.4
Halaman Detail Data Guru ................................................ 41
4.2.5
Menu Data Siswa............................................................... 42
4.2.6
Halaman Detail Data Siswa ............................................... 43
4.2.7
Menu Pencarian ................................................................. 44
4.2.8
Menu Hasil Pencarian Data ............................................... 45
4.2.9
Menu Input Data Guru....................................................... 45
4.2.10 Menu Input Data Siswa ..................................................... 47
4.2.11 Menu Puisi ......................................................................... 49
4.2.12 Menu Buku Tamu .............................................................. 51
4.2.13 Menu Download Administrasi Online............................... 52
4.2.14 Menu Upload File .............................................................. 53
BAB V KESIMPULAN DAN SARAN
5.1
Kesimpulan ................................................................................... 63
5.2
Saran ............................................................................................. 64
DAFTAR PUSTAKA ......................................................................................... 65
DAFTAR TABEL
Tabel
Halaman
2.1 Simbol use case...............................................................................................
9
2.2 Simbol-simbol activity diagram...................................................................... 10
2.3 Simbol-simbol sequence diagram................................................................... 12
4.1 Perbandingan Administrasi Sekolah ............................................................... 60
4.2 Perbandingan sebelum dan sesudah adanya Website ...................................... 61
DAFTAR GAMBAR
Gambar
Halaman
3.1 Halaman Index interface ............................................................................... 19
3.2 Usecase Diagram .......................................................................................... 20
3.3 Activity Diagram input data ......................................................................... 21
3.4 Activity Diagram hapus data ........................................................................ 22
3.5 Activity Diagram edit data ........................................................................... 23
3.6 Activity Diagram publikasi pengumuman.................................................... 24
3.7 Activity Diagram menjawab komentar/pertanyaan wali murid ................... 24
3.8 Activity Diagram melihat informasi.............................................................. 25
3.9 Activity Diagram berkomentar..................................................................... 26
3.10 Activity Diagram pencarian data guru/siswa................................................ 26
3.11 Activity Diagram melihat data guru/siswa ................................................... 27
3.12 Activity Diagram melihat gallery ................................................................. 27
3.13 Activity Diagram administrasi online............................................................ 28
3.14 Activity Diagram kirim puisi........................................................................ 28
3.15 Squence Diagram input data ........................................................................ 29
3.16 Squence Diagram edit data .......................................................................... 30
3.17 Squence Diagram hapus data ........................................................................ 31
3.18 Squence Diagram publikasi pengumuman.................................................... 31
3.19 Squence Diagram jawab komentar/pertanyaan............................................. 32
3.20 Squence Diagram melihat data guru/siswa ................................................... 33
3.21 Squence Diagram mencari data guru/siswa .................................................. 34
3.22 Squence Diagram melihat informasi............................................................. 35
3.23 Squence Diagram memberi komentar/pertanyaan ........................................ 36
3.24 Squence Diagram melihat gallery................................................................. 37
3.25 Squence Diagram administrasi online .......................................................... 37
4.1 Tampilan Menu Home................................................................................... 39
4.2 Tampilan Menu Berita / Info......................................................................... 40
4.3 Tampilan Menu data guru ............................................................................ 41
4.4 Tampilan Detail Data Guru........................................................................... 42
4.5 Tampilan Menu data siswa............................................................................ 43
4.6 Tampilan Detail Data Guru........................................................................... 44
4.7 Tampilan Menu Pencarian ............................................................................ 44
4.8 Tampilan Menu Hasil Pencarian Data ......................................................... 45
4.9 Tampilan Menu Input Data Guru ................................................................. 46
4.10 Tampilan Menu Peringatan .......................................................................... 46
4.11 Tampilan Menu Peringatan ........................................................................... 47
4.12 Tampilan Menu Input Data Siswa................................................................. 48
4.13 Tampilan Menu Peringatan ........................................................................... 49
4.14 Tampilan Menu Peringatan ........................................................................... 49
4.15 Tampilan Menu Puisi .................................................................................... 50
4.16 Tampilan Menu Kirim Puisi......................................................................... 50
4.17 Tampilan Menu Buku Tamu ......................................................................... 51
4.18 Tampilan Menu Download Administrasi Sekolah ........................................ 52
4.19 Tampilan Menu Upload File ......................................................................... 53
4.20 Tampilan Menu Pemberitahuan Inbox Kepala Sekolah ............................... 54
4.21 Tampilan Menu Detail Inbox Kepala Sekolah ............................................. 55
4.22 Tampilan Menu Inbox Admin ..................................................................... 55
4.23 Tampilan Menu Detail Inbox Admin............................................................ 56
4.24 Tampilan Download File .............................................................................. 56
4.25 Tampilan Verifikasi File ............................................................................... 57
4.26 Tampilan halaman tujuan surat dan e-mail kepala paskibra ......................... 57
4.27 Tampilan halaman inbox e-mail kepala paskibra ......................................... 58
4.28 Tampilan halaman Hasil Download.............................................................. 59
4.29 Tampilan halaman inbox e-mail user............................................................ 60
BAB I
PENDAHULUAN
1.1. Latar Belakang
Pada zaman sekarang ini perkembangan teknologi yang semakin hari semakin
membaik merupakan sebuah bentuk keinginan manusia untuk terus berkarya dan
menggali potensi diri. Boleh dikatakan bahwa teknologi kini adalah sebuah
kebutuhan bagi berlangsungnya kehidupan.
Slogan “Sandang, Pangan, dan
Papan” nampaknya kini harus dirombak dengan menambahkan unsur baru yakni
teknologi. Andil besar perkembangan teknologi mengakibatkan arus besar
penyampaian informasi ke seluruh dunia yang berarti menjadikan sistem besar
dari rangkaian teknologi. Semua orang tahu bahwa di era maju ini informasi bisa
didapat di mana saja dan kapan saja.
Perkembangan teknologi informasi memainkan peranan yang sangat penting
dalam berbagai aspek kehidupan, seperti bidang industri, perdagangan, kesehatan,
ataupun pendidikan. Internet merupakan jaringan komputer global di seluruh
dunia sebagai media komunikasi dan informasi modern yang dapat memberikan
serta menampilkan berbagai informasi dan data kepada publik. Suatu lembaga,
instansi pemerintah atau swasta dapat memberikan serta menampilkan profil,
iklan, data, dan informasi kepada publik melalui internet dengan memanfaatkan
fasilitas website.
1
Penyampaian informasi profil sekolah, sejarah sekolah, data guru, data siswa
berprestasi, berita sekolah, dan informasi-informasi sekolah lainnya yang masih
konvensional yaitu masih menggunakan pamflet, brosur, dan spanduk yang dirasa
kurang efektif (dalam hal waktu dan biaya), sehingga membuat masyarakat dan
para siswa masih harus memamfaatkan informasi sekolah secara konvensional.
Masyarakat atau kalangan siswa yang membutuhkan informasi sekolah harus
datang dan bertanya langsung ke sekolah, menyebabkan penyampaian informasi
belum efektif dan efisien.
Sistem penyampaian informasi yang dijalani
menjadikan kendala bagi sekolah untuk bisa lebih dikenal dan diketahui oleh
masyarakat luas disebabkan jangkauan informasi yang sangat sempit dan terbatas
karena informasi sekolah yang tidak bisa diakses sewaktu-waktu.
Dengan menggunakan sistem informasi berbasis web yang dilakukan oleh
sekolah untuk meningkatkan informasi secara rinci kepada lembaga pendidikan
maupun pihak-pihak yang membutuhkan informasi, melalui web dengan bahasa
pemograman komputer,
maka dibuat suatu media sistem informasi untuk
memudahkan percarian dan penyampaian informasi lebih cepat, sehingga
informasi yang diperoleh lebih akurat dan tepat sesuai kebutuhan.
Dengan adanya suatu sistem informasi diharapkan dapat meningkatkan
kualitas sekolah dan dapat dimanfaatkan sebagai sarana promosi guna menjaring
siswa/siswi baru untuk bergabung menuntut ilmu di SMA Negeri 1 Negara Batin
Way Kanan.
2
Berdasarkan uraian yang dijelaskan pada halaman sebelumnya, maka perlu
dilakukan penelitian dengan judul “ Sistem Informasi Sekolah Menengah Atas
(SMA) Berbasis Web (Studi kasus pada SMA Negeri 1 Negara Batin Way
Kanan)”, sehingga diharapkan dengan menggunakan sistem informasi berbasis
web, masyarakat dan warga sekolah dapat mengakses informasi sekolah dengan
mudah, cepat, dan hemat, serta dapat dilakukan kapanpun dan dimanapun mereka
berada tanpa mengenal jarak dan waktu.
1.2. Rumusan Masalah
Berdasarkan uraian latar belakang di atas maka dalam pembuatan sistem ini
dikemukakan masalah sebagai berikut:
1. Bagaimana membangun suatu sistem informasi yang baik bagi SMA
Negeri 1 Negara Batin Way Kanan.
2. Bagaimana sebuah sistem informasi SMA Negeri 1 Negara Batin Way
Kanan dapat
mempermudah dalam
memperoleh informasi yang
didalamnya terdapat informasi-informasi yang berhubungan dengan
sekolah ini sendiri.
1.3
Batasan Masalah
Agar penelitian dilakukan dapat lebih terfokus, diperlukan batasan-batasan yang
ditetapkan terhadap permasalahan, maka pembangunan website sebagai sarana
menyampaikan informasi profil sekolah, sejarah berdiri, data guru, data siswa
berprestasi, berita sekolah, komentar pengunjung, informasi akademik serta
informasi-informasi yang berkaitan dengan sekolah, guru dan siswa.
3
1.4
Tujuan dan Manfaat Penelitian
1. Tujuan
Membangun website sekolah, agar SMA Negeri 1 Negara Batin Way Kanan
memiliki media penyampaian informasi yang lebih efektif.
2. Manfaat
Manfaat dari penelitian ini yaitu memberikan kemudahan bagi masyarakat umum
maupun warga sekolah, dalam mengakses informasi tentang sekolah.
4
BAB II
TINJAUAN PUSTAKA
2.1 Teori Sistem
Menurut Jogiyanto (2001) terdapat dua kelompok pendekatan dalam
mendefinisikan sistem, yaitu yang menekankan pada prosedurnya dan yang
menekankan pada komponen atau elemennya.
Pendekatan sistem yang lebih
menekankan pada prosedur mendefinisikan sistem sebagai berikut: Sistem adalah
suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul
bersama-sama untuk melakukan kegitan atau untuk menyelesaikan suatu sasaran
tertentu. Pendekatan sistem yang lebih menekankan pada elemen atau
komponennya, mendefinisikan sistem sebagai berikut: Sistem adalah kumpulan
dari elemen-elemen yang berinteraksi untuk mencapai suatu tujuan .
Batas sistem merupakan daerah yang membatasi antara suatu sistem dengan
sistem yang lainnya atau dengan lingkungan luarnya.
Batas sistem ini
memungkinkan suatu sistem dipandang sebagai suatu kesatuan.
sistem menunjukan ruang lingkup dari sitem tersebut.
Batas suatu
2.2 Penegrtian Sistem Informasi
Menurut Robert A. Leitch dan K. Roscoe Davis dalam Jogiyanto ( 2001),
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi
bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan
pihak luar tertentu dengan laporan-laporan yang diperlukan.
2.3 Website
Menurut Suryanto (2012) Website merupakan suatu koleksi dokumen HTML
pribadi atau perusahaan yang membuat sistem informasi dalam Web Server
(sistem komputer di suatu organisasi, yang berfungsi sebagi server, suatu
komputer yang berfungsi untuk menyimpan informasi dan untuk mengelola
jaringan komputer) untuk fasilitas World Wide Web atau Web, dan dapat diakses
oleh seluruh pengguna pemakai internet.
2.4 HTML (Hypertext Markup Language)
HTML (Hypertext Markup Language) merupakan suatu script yang bisa
menampilkan informasi dan daya kreasi kita melalui internet. HTML sendiri
adalah suatu dokumen teks biasa yang mudah untuk dimengerti dibandingkan
bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca
oleh platform yang berlainan seperti Windows, Unix, dan lainnya (Wardani,
2013).
6
2.5 PHP
PHP (PHP Hypertext Preprocessor) adalah bahasa pemograman yang
berjalan pada sebuah webserver dan berfungsi sebagai pengolah data pada sebuah
server. Dengan menggunakan program PHP, Sebuah website akan lebih interaktif
dan dinamis (Madcoms, 2011).
2.6 MySQL
MySQL adalah suatu perangkat lunak database relasi atau Relational
Database Management System (RDBMS) yang didistribusikan gratis di bawah
lisensi GPL (General Public License). Dimana setiap orang bebas menggunakan
MySQL, namun tidak boleh dijadikan produk turunan yang dijadikan closed
source atau komersial (Suryanto, 2012).
2.7 CSS (Cascading Style Sheet)
Style Sheet merupakan feature yang sangat penting dalam membuat Dynamic
HTML. Meskipun bukan merupakan suatu keharusan dalam membuat web,
namun penggunaan style sheet merupakan kelebihan tersendiri.
Suatu style sheet merupakan tempat mengontrol dan mengatur style-style yang
ada. Style sheet mendeskripsikan bagaimana tampilan dokumen HTML di layar,
bisa juga menyebutkan sebagai template dari dokumen HTML yang
menggunakannya. Selain itu dapat pula membuat efek-efek special di web dengan
menggunakan style sheet.
7
2.8 JavaScript
JavaScript
adalah
sebuah
bahasa
scripting
yang
dinamis,
yang
memungkinkan untuk membuat sebuah aplikasi yang interaktif meskipun dari
sebuah halaman HTML statis. Hal ini mungkin dilakukan dengan menyisipkan
kode program bahasa JavaScript di bagian mananpun pada halaman web.
2.9 Dreamweaver
Dreamweaver adalah sebuah HTML untuk mendesain web secara visual dan
mengelola situs atau halaman web. Dreamweaver merupakan software utama yang
digunakan
oleh
Web
Desainer
meaupun
Web
Programmer
dalam
mengembangkan suatu situs web, karena dreamweaver mempunyai ruang kerja,
fasilitas dan kemampuan yang mampu meningkatkan produktivitas dan efektivitas
dalam desain maupun membangun suatu situs web (Madcoms, 2011).
2.10 Konsep Dasar Desain Sistem
2.10.1 Use case digram
Use case diagram merupakan pemodelan untuk tingkah laku sistem informasi
yang dibuat. Use case diagram mendeskripsikan sebuah interaksi antara satu atau
lebih actor dengan sistem informasi yang dibuat. Secara kasar, Use case
digunakan untuk mengetahuai fungsi apa saja yang ada didalam sebuah sistem
informasi dan siapa saja yang berhak menggunakan fungsi itu. Syarat penamaan
use case nama didefinisikan sesederhana mungkin dan dapat dipahami (Rosa dan
Salahudin, 2011). Simbol-simbol yang digunakan pada Use case diagram, dapat
dilihat pada Tabel 2.1.
8
Tabel 2.1 Simbol use case
Simbol
Use case
Deskripsi
Fungsionalitas yang disediakan sistem
sebagai unit-unit yang saling bertukar
pesan antar unit atau aktor; biasanya
dinyatakan dengan menggunakan kata
kerja frase nama use case
Aktor
Orang, proses atau sistem lain yang
berinteraksi dengan sistem informasi
yang dibuat di luar sistem informasi
yang dibuat
Asosiasi
Komunikasi antar aktor dan use case
yang berpartispasi pada use case atau
use case
yang memiliki interaksi
dengan aktor
Ekstensi
Relase use case tambahan kesebuah
use case dimana use case yang
ditambahkan dapat berdiri sendiri
walau tampa use case tambahan itu.
Generalisasi
Hubungan generalisasi dan spealisasi
9
(umum-khusus) antara dua buah use
case dimana fungsi yang satu adalah
fungsi yang lebih umum dari fungsi
yang lainnya
Menggunakan / include / uses
Relasi use case tambahan kesebuah
use case yang ditambahkan melalui
use case
ini
fungsinya
untuk
untuk
menjalankan
sebagai
syarat
dijalankan use case ini
2.10.2 Activity diagram
Activity diagram atau disebut diagram aktivitas menggambarkan aliran kerja
atau aktivitas dari sebuah sistem atau proses bisnis. Yang perlu diperhatikan disini
adalah diagram aktivitas menggambarkan aktivitas sistem bukan apa yang
dilakukan aktor, jadi aktivitas yang dapat dilakukan oleh sistem (Rosa dan
salahudin 2011). Simbol-simbol yang terdapat pada activity diagram, disajikan
pada Tabel 2.2.
Tabel 2.2 Simbol-simbol activity diagram
Simbol
Status awal
Deskripsi
Status awal aktivitas sistem, sebuah
10
diagram aktivitas memiliki sebuah
status awal.
Aktivitas
Aktivitas
yang
dilakukan
sistem,
aktivitas biasanya dilakukan dengan
kata kerja.
Percabangan
Asosiasi percabangan dimana jika ada
pilihan aktivitas lebih dari satu.
Penggabungan / join
Asosiasi penggabungan dimana lebih
dari
satu
aktivitas
digabungkan
menjadi satu.
Status akhir
Status akhir yang dilakukan sistem,
sebuah diagram aktivitas memiliki
sebuah status akhir.
Swimelane
Memisahkan organisasi bisnis yang
bertanggung jawab terhadap aktivitas
yang terjadi.
11
2.10.3 Squence Diagram
Diagram sequence menggambarkan kelakuan objek pada use case dengan
mendeskripsikan waktu hidup objek dan message yang dikirimkan dan diterima
antar objek. Banyaknya diagram sequence yang harus digambar adalah sebanyak
pendefinisian use case yang memiliki proses sendiri (Rosa dan salahudin 2011).
Simbol-simbol yang ada pada sequence diagram. Disajikan pada Tabel 2.3.
Tabel 2.3 Simbol-simbol sequence diagram
Simbol
Aktor
Deskripsi
Orang, proses, atau sistem lain yang
berinteraksi
dengan
sistem
informasi yang di buat diluar sistem
Atau
Nama
aktor
Garis hidup / lifetime
Menanyakan kehidupan suatu objek
Objek
Nama objek : nama kelas
Menyatakan objek yang berinteraksi
pesan
12
Waktu aktif
Menyatakan objek dalam keadaan
aktif dan berinteraksi pesan
Pesan tipe create
Menyatakan suatu objek membuat
objek
yang
lain,
arah
panah
mengarah pada objek yang dibuat
Pesan tipe call
Menyatakan suatu objek memanggil
operasi / operasi metode yang ada
pada objek lain atau dirinya sendiri
Pesan tipe send
Menyatakan
bahwa suatu objek
mengirimkan
data
/
masuk
/
informasi keobjek lainnya, arah
panah mengarah pada objek kirim
Pesan tipe return
Menyatakan bahwa suatu objek
yang telah menjalankan operasi atau
metode
menghasilakan
suatu
pengembalian ke objek tertentu
Pesan tipe destroy
Menyatakan suatu objek mengakhiri
hidup atau yang lain, arah panah
mengarah pada objek yang diakhiri
13
2.11 Appserv
Appserv adalah salah satu paket software webserver yang terdiri dari Apache,
Php, dan MySQL.
Dalam Appserv dilengkapi dengan PhpMyAdmin yang
membantu dalam pembuatan dan pengelolaan database MsQL (Madcoms, 2011).
2.12 Apache
Apache adalah perangkat lunak yang dapat digunakan sebagai web server.
Hypertext Transper Protocol Daemon (HTTPD) server yang menterjemahkan
perintah-perintah tag dari Hypertext Tranper Protocol (HTTP). (Kadir, 2003).
14
BAB III
METODE PENELITIAN
3.1 Tempat dan Waktu Pelaksanaan
Penelitian ini dilakukan di SMA Negeri 1 Negara Batin Way Kanan, Jl BGD
Negara Batin Way Kanan, Kecamatan Negara Batin, Kabupaten Way Kanan,
Lampung. Waktu penelitian dilakukan pada Semester Genap Tahun Ajaran 20132014.
3.2 Alat dan Bahan
3.2.1
Hardware
Hardware yang digunakan dalam pembangunan sistem ini adalah 1 unit Notebook
ACER 4739 series dengan spesifikasi:
1.
Prosesor Intel Core i3- 380 M
2.
2 GB RAM DDR3
3.
320 GB Harddisk.
4.
VGA NVIDIA GEFORCE 610M, 2 GB
3.2.2
Software
Software yang digunakan dalam pembangunan sistem adalah
1.
Sistem Operasi Windows 7 Ultimated 64 Bit
Sistem operasi ini digunakan sebagai perangkat lunak utama yang menjalankan
perintah user terhadap mesin dan software lainnya.
2.
Programming Language Notepad++ v.5.9.3
Merupakan sebuah program yang berguna untuk menghasilkan program aplikasi
lainnya.
3.
APP Server
Software ini digunakan sebagai server lokal (localhost) pada sistem.
4.
Browser Mozilla Firefox 9.0
Software ini digunakan sebagai permambah pada testing sistem.
5.
MySQL Server 32 Bit
Software ini berperan sebagai penyimpan data (database).
3.3 Metode Penelitian
Metode pembangunan sistem yang digunakan dalam penelitian ini adalah
metode OOAD (Object Oriented Analysis Design, analisis, dan disain berorientasi
objek adalah cara baru dalam memikirkan suatu masalah dengan menggunakan
model yang dibuat menurut konsep sekitar dunia nyata. Dasar pembuatan adalah
objek, yang merupakan kombinasi antara struktur data dan perilaku dalam satu
entitas.
16
3.4 Analisis Sistem
Keberhasilan suatu program aplikasi komputer tergantung bagaimana
program aplikasi tersebut dapat diimplementasikan dan digunakan oleh pengguna
dengan tepat, bermanfaat serta semua kebutuhan pengguna (user) ada diprogram
tersebut dan mudah dalam pengoprasiannya. Sebaik apapun program aplikasi
yang dibuat oleh programmer tanpa adanya analis sistem yang baik, maka hal
tersebut sulit untuk mencapai keberhasilan.
Sangat penting untuk diingat bahwa tujuan utama dari analis sistem adalah
bukan untuk menciptakan sistem informasi yang hebat, tetapi tujuan utamanya
adalah menciptakan “value” yang mana bagi banyak orang ini berarti
meningkatkan profit. Membuat sistem informasi mirip dengan membangun
rumah. Pertama, rumah ( atau dalam hal ini sistem informasi) mulai dengan ide
dasar. Kedua, ide tersebut ditransformasikan dalam gambar-gambar sederhana
yang ditunjukkan pada klien dan diperbaiki setelah setuju terhadap gambar dan
sesuai dengan keinginan klien. Ketiga, mendesain “blue print” yang menjelaskan
gambar dan informasi secara detail. Begitu juga dengan pembuatan sistem
informasi SMA Negeri 1 Negara Batin Way Kanan. Sistem ini memerlukan analis
sistem agar sistem yang dibuat dapat bekerja sehingga mencapai tujuan dan
harapan yang diinginkan.
Pada dasarnya setiap sekolah, warga sekolah, dan orang tua murid dalam
hubungan
pencarian
data dan informasi membutuhkan data informasi yang
akaurat. Informasi sekolah yang selalu berubah setiap waktu, membuat pegawai
sekolah dan orang tua murid
yang membutuhkan informasi tersebut, harus
17
menggunakan cara manual dengan cara melihat informasi-informasi di mading
dan papan pengumuman sekolah. Hal itu dikarenakan belum adanya sistem
informasi yang bisa terhubung langsung dengan internet.
Berdasarkan permasalahan yang dihadapi oleh SMA Negeri 1 Negara Batin Way
Kanan, sebagaimana tersebut di atas, maka untuk meningkatkan penyampaian
informasi sekolah SMA Negeri 1 Negara Batin Way Kanan dibutuhkan
pembuatan sebuah sistem informasi berbasis web.
3.5 Desaian Interface
Pada desaian interface menampilkan halaman index, halaman index adalah
halaman utama yang tampil bila diinputkan alamat URL dari sistem informasi ini
pada browser, desain interface dapat dilihat pada Gambar 3.1.
18
Gambar 3.1. Halaman Index interface
19
3.5.1. Usecase Diagram
Usecase diagram pada sistem ini menjelaskan kejadian yang dilakukan oleh actor
(pengguna) terhadap sistem, Usecase diagram berfungsi untuk menghubungkan
dan memodelkan perilaku suatu sistem. Usecase diagram dapat dilihat pada
Gambar 3.2.
Gambar 3.2. Usecase Diagram
20
3.5.2. Activity Diagram
Activity Diagram adalah diagram yang menunjukkan aktivitas yang dilakukan
oleh administrator (pengguna) terhadap sistem.
3.5.2.1. Activity Diagram Administrator
Activity Diagram yang dilakukan oleh administrator terhadap sistem
dapat
dilihat pada Gambar 3.3 sampai dengan Gambar 3.7.
Gambar 3.3. Activity Diagram input data
21
Gambar 3.4 Activity Diagram hapus data
22
Gambar 3.5. Activity Diagram edit data
23
Gambar 3.6. Activity Diagram publikasi pengumuman
Gambar 3.7. Activity Diagram menjawab komentar/pertanyaan wali murid
24
3.3.2.2. Activity Diagram Guest
Activity Diagram yang dilakukan oleh guest terhadap sistem dapat dilihat pada
Gambar 3.8 sampai dengan Gambar 3.13 di bawah ini.
Gambar 3.8. Activity Diagram melihat informasi
25
Gambar 3.9. Activity Diagram berkomentar
Gambar 3.10. Activity Diagram pencarian data guru/siswa
26
Gambar 3.11. Activity Diagram melihat data guru/siswa
Gambar 3.12. Activity Diagram melihat galery
27
Gambar 3.13. Activity Diagram Administrasi online
Gambar 3.14. Activity Diagram kirim puisi
28
3.5.3. Squence Diagram
Berdasarkan usecase yang dibahas di atas maka dibuat sequence diagram seperti
di bawah ini.
3.5.3.1 Squence Diagram Administrator
Squence Diagram yang dilakukan oleh administrator terhadap sistem
dapat
dilihat pada Gambar 3.15 sampai Gambar 3.19. berikut ini.
Gambar 3.15. Squence Diagram input data
Dari Gambar 3.15 di atas terlihat bahwa admin melakukan pemilihan menu
pengolahan terhadap user interface untuk mendapatkan tampilan melakukan
penginputan data siswa, guru, foto, berita, dan administrasi sekolah. Selanjutnya
halaman database melakukan pemanggilan menu halaman tampil data guru, siswa
dan berita pada kelas database yang digunakan untuk memproses entry data guru,
siswa, foto, dan berita, selanjutnya sistem akan melakukan penyimpana data guru,
29
siswa, foto, dan berita. Dari pemanggilan menu tersebut mendapatkan
pengembalian berupa konfirmasi inputan yang memberikan isyarat kepada admin
bahwa data yang disimpan sukses. Penjelasan di atas berturut-turut sama dengan
Gambar 3.16 dan Gambar 3.17.
Gambar 3.16. Squence Diagram edit data
30
Gambar 3.17. Squence Diagram hapus data
Gambar 3.18. Squence Diagram publikasi pengumuman
31
Dari Gambar 3.18 di atas terlihat bahwa admin melakukan pemilihan menu
publikasi pengumuman terhadap user interface, selanjutnya admin menuliskan
pengumuman, setelah admin selesai menuliskan pengumuman maka sistem
menyimpan data dan mendapatkan pengembalian berupa konfirmasi publikasian
yang memberikan isyarat kepada admin bahwa data yang disimpan sukses.
Gambar 3.19 Squence Diagram jawab komentar/pertanyaan
Dari Gambar 3.19 di atas terlihat bahwa admin melakukan pemilihan menu
komentar atau pertanyaan terhadap user interface, selanjutnya admin membuka
halaman inbox komentar atau pertanyaan, lalu admin menuliskan jawaban
komentar atau pertanyaan, setelah admin selesai menuliskan jawaban komentar
atau pertanyaan maka sistem mengirim jawaban tersebut.
32
3.5.3.2 Squence Diagram Guest
Squence Diagram yang dilakukan oleh guest terhadap sistem dapat dilihat pada
Gambar 3.20, sampai Gambar 3.25 berikut ini.
Gambar 3.20. Squence Diagram melihat data guru/siswa
Dari Gambar 3.20 di atas terlihat bahwa guest melakukan pemilihan menu guru
atau siswa, selanjutnya sistem menampilkan halaman data siswa atau guru.
Dengan asumsi guest harus memilih salah satu menu guru atau siswa yang dilihat.
33
Gambar 3.21. Squence Diagram mencari data guru/siswa
Dari Gambar 3.21 di atas terlihat bahwa
guest melakukan pemilihan menu
pencarian data guru atau siswa terhadap user interface, selanjutnya guest akan
menuliskan pencarian data guru atau siswa, setelah guest selesai menuliskan
pencarian data guru atau siswa maka sistem menampilkan halaman
hasil
pencarian data guru atau siswa.
34
Gambar 3.22. Squence Diagram melihat informasi
Dari Gambar 3.22 di atas terlihat bahwa guest melakukan pemilihan menu lihat
informasi, selanjutnya sistem menampilkan halaman tampil informasi dan daftar
informasi yang ada.
35
Gambar 3.23. Squence Diagram memberi komentar/pertanyaan
Dari Gambar 3.23 di atas diketahui guest melakukan pemilihan menu buku tamu,
selanjutnya sistem menampilkan halaman buku tamu, lalu guest menuliskan
komentar atau pertanyaaan, setelah guest selesai menuliskan komentar atau
pertanyaan maka sistem menyimpan komentar atau pertanyaan tersebut.
36
Gambar 3.24. Squence Diagram melihat gallery
Gambar 3.25. Squence Diagram administrasi online
Dari Gambar 3.24 di atas diketahui bahwa guest melakukan pemilihan menu lihat
galery, selanjutnya sistem menampilkan halaman tampil galery dan daftar galeri
yang ada.
37
BAB V
KESIMPULAN DAN SARAN
5.1
Kesimpulan
Berdasarkan hasil pengujian dan pembahasan
yang telah diperoleh selama
penelitian maka dapat ditarik beberapa kesimpulan sebagai berikut:
1. Sistem informasi ini memudahkan pengguna dalam pengaksesan informasi
dan dapat digunakan sebagai alternatif baru bagi SMA Negeri 1 Negara
Batin Way Kanan dalam metode penyampaian informasi secara efektif,
sehingga diharapkan dengan adanya sistem ini SMA Negeri 1 Negara
Batin Way Kanan dapat lebih meningkatkan layanan sehingga menjadi
salah satu sekolah unggulan di Lampung.
2. Sistem berbasis web memberikan sarana komunikasi antara pihak sekolah
dengan masyarakat dan orang tua siswa.
3. Dengan adanya administrasi online surat yang masuk ke sekolah lebih
teratur dan terjaga keamanannya.
5.2
Saran
Berdasarkkan kesimpulan di atas, maka dapat diberikan saran sebagai berikut:
1. Sistem hasil pengembangan masih memiliki banyak kekurangan, sehingga
diperlukan evaluasi dan pengembangan tahap lanjutan, seperti keamanan
sistem, sistem akademik sekolah, sms gateway, dan raport online.
2. Diharapkan Sistem Informasi ini dapat dipergunakan oleh SMA Negeri 1
Negara Batin Way Kanan.
3. Perlu adanya sosialisasi kepada siswa, dan guru mengenai cara
penggunaan dan fungsinya, karena tanpa adanya sosialisasi penggunaan
sistem informasi sulit mencapai tujuan yang diinginkan.
64
DAFTAR PUSTAKA
Jogiyanto, H..M. 2001. Analisis dan Desain Sistem Informasi. Andi Yogyakarta
Kompotindo, Jakarta
Kadir, A. 2003. Dasar Pemograman Web Dinamis Menggunakan PHP. Andi
Offset. Yogyakarta.
Lembaga penelitian UNILA. 2010. Karya Tulis Ilmiah. UNILA. Universitas
Lampung.
Madcoms. 2011.Aplikasi Web Database dengan Dreamweaver dan PHP- MySQL.
Andi Offset. Yogyakarta.
Rosa A. S dan Salahudin . 2011. Rekayasa Perangkat Lunak. Modula: Bandung.
Suryanto, A. 2012. Pembanguna Aplikasi Piket Pada Sekolah Menengah Atas Satu
Kudus Berbasis Web. Indonesian Jurnal on Computer Science - Speed (IJCSS)
15 FTI UNSA Vol 10 No 1 – Februari 2012.
Wardini, S. K. 2013. Sistem Informasi Pengolahan Data Nilai Siswa Berbasis Web
Pada Sekolah Menengah Atas (SMA) Muhammadiyah Pacitan. IJNS Volume
2 No 2 – April 2013.
1
SISTEM INFORMASI SEKOLAH MENENGAH ATAS (SMA)
BERBASIS WEB (Studi Kasus Pada SMA Negeri 1 Negara Batin Way Kanan)
Oleh:
Hamdan Sukri
Perkembangan teknologi yang semakin hari semakin membaik merupakan sebuah
bentuk keinginan manusia untuk terus berkarya dan menggali potensi diri, seperti
bidang industri, perdagangan, kesehatan, ataupun pendidikan. Internet merupakan
jaringan komputer global di seluruh dunia sebagai media komunikasi dan informasi
modern yang dapat memberikan serta menampilkan berbagai informasi dan data
kepada publik. Suatu lembaga, instansi pemerintah atau swasta dapat memberikan
serta menampilkan profil, iklan, data, dan informasi kepada publik melalui internet
dengan memanfaatkan fasilitas website. Pada penelitian ini dirancang suatu sistem
informasi berbasis web menggunakan bahasa pemrograman PHP MySQL. Dengan
sistem ini, diharapkan mampu mengatasi berbagai kebutuhan dari user untuk
mencari informasi dan memudahkan bagian administrasi sekolah dalam
penyampaian informasi serta memberikan sarana komunikasi antara pihak sekolah
dengan masyarakat dan orang tua siswa. Dari hasil penelitian yang telah
dilaksanakan penulis mengimplementasikan hasil penelitian tersebut kedalam
sebuah bentuk Sistem Informasi Sekolah Menengah Atas (SMA) Berbasis Web
(Studi Kasus Pada SMA Negeri 1 Negara Batin Way Kanan).
Kata Kunci : Internet, Web, Sistem Informasi, Media Komunikasi.
ii
RIWAYAT HIDUP
Penulis dilahirkan di Negara Batin pada tanggal 07 Sepetember 1991 anak ke tiga
dari empat bersaudara pasangan dari Bapak Korbi MR dan Ibu Berta Aprianti.
Penulis mengawali pendidikan di Sekolah Dasar Negeri (SDN) 1 Negara Batin
Way Kanan pada tahun 1998 dan lulus pada tahun 2004. Penulis melanjutkan
pendidikan di Sekolah Menengah Pertama Negeri (SMPN) 1 Negara Batin Way
Kanan pada tahun 2004 dan lulus pada tahun 2007. Kemudian penulis
melanjutkan ke jenjang Sekolah Menengah Atas Negeri (SMAN) 1 Negara Batin
Way Kanan pada tahun 2007 dan lulus pada tahun 2010.
Pada tahun 2010, penulis terdaftar sebagai mahasiswa program studi Ilmu
Komputer Jurusan Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Lampung melalui jalur UM (Ujian Mandiri).
Pada bulan Juli sampai dengan Agustus tahun 2013, penulis melakukan Kerja
Praktek di Sekolah Menengah Atas Negeri (SMAN) 1 Negara Batin Way Kanan.
vii
MOTO
Awali hidupmu dengan senyuman,
dengan tersenyum membuat hidupmu
menjadi lebih indah dan bewarna .
Jangan pernah menyerah dengan
cobaan, karena hidup adalah anugrah,
jalanilah hidup ini dengan melakukan
yang terbaik .
Jalani hidup mengalir apa adanya
PERSEMBAHAN
Alhamdulillahirobbil’alamiin,
Puji syukur atas segala rahmat dan seluruh kemudahan yang telah
Allah SWT berikan kepadaku selama ini.
Dengan segala kemampuan, kupersembahkan sebuah karya terbaikku
kepada mereka yang sangat berarti dalam hidupku
yaitu:
Mak yang selalu berjuang memberikan yang terbaik untukku, Mak
yang rela mengorbankan seluruhnya untukku, Mak yang selalu
mendoakanku agar menjadi orang yang berguna, Bapak yang selalu
memberikan semangat untuk menjalani hidup ini dengan baik, seluruh
keluarga besar yang selalu memberikan semangat agar cepat
menyelesaikan skripsi ini,
Paman, bibik, kakak, adek, dan ponakan-ponakanku, Walit, Umi, Nita,
Tem, Oksando, Aun, Koko, Cici, yang membuatku menjadi seorang
yang dibanggakan, dan seluruh sahabat dekat ataupun wagheiwagheiku yang selalu mendukung dan membantuku selama ini dan
tidak lupa untuk almamaterku tercinta.
SANWACANA
Alhamdulillah, puji dan syukur senantiasa penulis panjatkan kepada Allah SWT
atas segala curahan rahmat dan karunia-Nya sehingga penelitian dan karya tulis
ilmiah ini dapat diselesaikan.
Skripsi dengan judul ”Sistem Informasi Sekolah Menengah Atas (SMA) Berbasis
WEB (Studi Kasus Pada SMA Negeri 1 Negara Batin Way Kanan) ” adalah salah
satu syarat untuk memperoleh gelar Sarjana Komputer di Universitas Lampung.
Dalam kesempatan ini penulis mengucapkan terima kasih kepada:
1. Bapak dan Mak tercinta yang selalu sabar memberikan cinta kasih,
dukungan, memberikan motivasi dan terus mendo’akan saya.
2. Bapak Ir. Machudor Yusman, M.Kom. sebagai pembimbing utama yang
telah memberikan ide untuk penelitian dan di tengah-tengah kesibukannya
telah membimbing penulis dan memberikan semangat sehingga penulisan
skripsi ini dapat diselesaikan.
3. Ibu Ossy Dwi Endah W, M.T. sebagai pembimbing kedua yang telah
memberikan saran, bantuan dan membimbing penulis dalam pembuatan
skripsi ini.
4. Bapak Drs. Irwan Adipribadi, M.Kom. sebagai pembahas yang telah
memberikan masukan-masukan yang bermanfaat dalam perbaikan skripsi
ini.
5. Bapak Ir. Machudor Yusman, M.Kom. selaku Ketua Jurusan Ilmu
Komputer.
6. Bapak Dr. Ir. Kurnia Muludi, M.Sc. selaku pembimbing akademik selama
penulis menjadi mahasiswa Ilmu Komputer Universitas Lampung.
viii
7. Bapak Prof. Suharso, Ph.D. selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Lampung.
8. Kakakku Mirna Susana, SPd. Noregen Korinta, SPd. Dan adikku Oksando
Paberko yang selalu memberikan semangat dan menyayangiku.
9. Walit dan Umi yang selama ini membimbing dan memotivasiku.
10. Sahabat-sahabat Alex, Akew, Dores, Hary, Eja, Epri Daus, Tama, Resti,
Rudi atas semangat dan keceriaannya selama ini.
11. Teman-teman seperjuangan Revy, Alpiyan, Togu, Beni, Gilang, Bagus,
Agus, Pandu, Hari, Ady, Omes, Dimas, Ferdi, Fajar, Ricky, Tanto,
Ahmad, Angger, Imam, Amin, Dika, Irul, Kholis atas kebersamaan dan
semangatnya selama menyelesaikan skripsi ini, semoga sukses selalu
untuk kita semua amin.
12. Teman-teman angkatan 2010 yang tidak dapat disebutkan satu persatu,
terima kasih atas kebersamaannya dan kerja samanya selama masa
perkuliahan.
13. Adik-adik angkatan 2011, 2012, 2013, 2014, yang bersedia membantu
dan memberikan semangatnya.
14. Semua pihak yang tidak dapat disebutkan satu persatu yang telah
membantu penyelesaian Skripsi ini.
Akhir kata, Penulis menyadari bahwa skripsi ini masih bisa dikembangkan lebih
lanjut, akan tetapi sedikit harapan semoga skripsi yang sederhana ini dapat
berguna dan bermanfaat bagi kita semua. Amin
Bandar Lampung, 25 September 2014
Penulis
Hamdan Sukri
ix
DAFTAR ISI
Halaman
HALAMAN JUDUL ..........................................................................................
i
ABSTRAK ..........................................................................................................
ii
LEMBAR PERNYATAAN ORISINALITAS ................................................. vi
RIWAYAT HIDUP ............................................................................................ vii
MOTTO ............................................................................................................... viii
PERSEMBAHAN................................................................................................ ix
SANWACANA ...................................................................................................
x
DAFTAR ISI ....................................................................................................... xi
DAFTAR GAMBAR .......................................................................................... xiv
DAFTAR TABEL .............................................................................................. xvii
BAB I PENDAHULUAN
1.1
Latar Belakang ..............................................................................
1
1.2
Rumusan Masalah ........................................................................
3
1.3
Batasan Masalah ...........................................................................
3
1.4
Tujuan Penelitian ..........................................................................
4
1.5
Manfaat Penelitian ........................................................................
4
BAB II TINJAUAN PUSTAKA
2.1 Teori Sistem .........................................................................
5
2.2 Penegrtian Sistem Informasi .................................................
6
2.3 Website..................................................................................
6
2.4 HTML (Hypertext Markup Language) .................................
6
2.5 PHP .......................................................................................
7
2.6 MySQL..................................................................................
7
2.7 CSS (Cascading Style Sheet) ................................................
7
2.8 JavaScript ..............................................................................
8
2.9 Dreamweaver ........................................................................
8
2.10 Konsep Dasar Desain Sistem ................................................
8
2.10.1 Use case digram.........................................................
8
2.10.2 Activity diagram ......................................................... 10
2.10.3 Squence Diagram ....................................................... 12
2.11 Appserv ................................................................................. 14
2.12 Apache................................................................................... 14
BAB III METODE PENELITIAN
3.1
Waktu dan Tempat Penelitian ...................................................... 15
3.2
Alat dan Bahan ............................................................................. 15
3.2.1
Hardware ........................................................................... 15
3.2.2
Software ............................................................................ 16
3.3
Metode Penelitian.......................................................................... 16
3.4
Analisis Sistem.............................................................................. 17
3.5
Desaian Interface .......................................................................... 18
3.5.1 Usecase Diagram.................................................................. 20
3.5.2 Activity Diagram .................................................................. 21
3.5.2.1. Activity Diagram Administrator…………………… 21
3.3.2.2. Activity Diagram Guest…………………………… 25
3.5.3 Squence Diagram ................................................................. 29
3.5.3.1 Squence Diagram Administrator…………………... 29
3.5.3.2 Squence Diagram Guest…………………………… 33
BAB IV HASIL DAN PEMBAHASAN
4.1
Implementasi ................................................................................. 38
4.2
Tampilan Program ......................................................................... 38
4.2.1
Menu utama (Home) .......................................................... 39
4.2.2
Menu Betita / Info.............................................................. 40
4.2.3
Menu Data Guru ................................................................ 41
4.2.4
Halaman Detail Data Guru ................................................ 41
4.2.5
Menu Data Siswa............................................................... 42
4.2.6
Halaman Detail Data Siswa ............................................... 43
4.2.7
Menu Pencarian ................................................................. 44
4.2.8
Menu Hasil Pencarian Data ............................................... 45
4.2.9
Menu Input Data Guru....................................................... 45
4.2.10 Menu Input Data Siswa ..................................................... 47
4.2.11 Menu Puisi ......................................................................... 49
4.2.12 Menu Buku Tamu .............................................................. 51
4.2.13 Menu Download Administrasi Online............................... 52
4.2.14 Menu Upload File .............................................................. 53
BAB V KESIMPULAN DAN SARAN
5.1
Kesimpulan ................................................................................... 63
5.2
Saran ............................................................................................. 64
DAFTAR PUSTAKA ......................................................................................... 65
DAFTAR TABEL
Tabel
Halaman
2.1 Simbol use case...............................................................................................
9
2.2 Simbol-simbol activity diagram...................................................................... 10
2.3 Simbol-simbol sequence diagram................................................................... 12
4.1 Perbandingan Administrasi Sekolah ............................................................... 60
4.2 Perbandingan sebelum dan sesudah adanya Website ...................................... 61
DAFTAR GAMBAR
Gambar
Halaman
3.1 Halaman Index interface ............................................................................... 19
3.2 Usecase Diagram .......................................................................................... 20
3.3 Activity Diagram input data ......................................................................... 21
3.4 Activity Diagram hapus data ........................................................................ 22
3.5 Activity Diagram edit data ........................................................................... 23
3.6 Activity Diagram publikasi pengumuman.................................................... 24
3.7 Activity Diagram menjawab komentar/pertanyaan wali murid ................... 24
3.8 Activity Diagram melihat informasi.............................................................. 25
3.9 Activity Diagram berkomentar..................................................................... 26
3.10 Activity Diagram pencarian data guru/siswa................................................ 26
3.11 Activity Diagram melihat data guru/siswa ................................................... 27
3.12 Activity Diagram melihat gallery ................................................................. 27
3.13 Activity Diagram administrasi online............................................................ 28
3.14 Activity Diagram kirim puisi........................................................................ 28
3.15 Squence Diagram input data ........................................................................ 29
3.16 Squence Diagram edit data .......................................................................... 30
3.17 Squence Diagram hapus data ........................................................................ 31
3.18 Squence Diagram publikasi pengumuman.................................................... 31
3.19 Squence Diagram jawab komentar/pertanyaan............................................. 32
3.20 Squence Diagram melihat data guru/siswa ................................................... 33
3.21 Squence Diagram mencari data guru/siswa .................................................. 34
3.22 Squence Diagram melihat informasi............................................................. 35
3.23 Squence Diagram memberi komentar/pertanyaan ........................................ 36
3.24 Squence Diagram melihat gallery................................................................. 37
3.25 Squence Diagram administrasi online .......................................................... 37
4.1 Tampilan Menu Home................................................................................... 39
4.2 Tampilan Menu Berita / Info......................................................................... 40
4.3 Tampilan Menu data guru ............................................................................ 41
4.4 Tampilan Detail Data Guru........................................................................... 42
4.5 Tampilan Menu data siswa............................................................................ 43
4.6 Tampilan Detail Data Guru........................................................................... 44
4.7 Tampilan Menu Pencarian ............................................................................ 44
4.8 Tampilan Menu Hasil Pencarian Data ......................................................... 45
4.9 Tampilan Menu Input Data Guru ................................................................. 46
4.10 Tampilan Menu Peringatan .......................................................................... 46
4.11 Tampilan Menu Peringatan ........................................................................... 47
4.12 Tampilan Menu Input Data Siswa................................................................. 48
4.13 Tampilan Menu Peringatan ........................................................................... 49
4.14 Tampilan Menu Peringatan ........................................................................... 49
4.15 Tampilan Menu Puisi .................................................................................... 50
4.16 Tampilan Menu Kirim Puisi......................................................................... 50
4.17 Tampilan Menu Buku Tamu ......................................................................... 51
4.18 Tampilan Menu Download Administrasi Sekolah ........................................ 52
4.19 Tampilan Menu Upload File ......................................................................... 53
4.20 Tampilan Menu Pemberitahuan Inbox Kepala Sekolah ............................... 54
4.21 Tampilan Menu Detail Inbox Kepala Sekolah ............................................. 55
4.22 Tampilan Menu Inbox Admin ..................................................................... 55
4.23 Tampilan Menu Detail Inbox Admin............................................................ 56
4.24 Tampilan Download File .............................................................................. 56
4.25 Tampilan Verifikasi File ............................................................................... 57
4.26 Tampilan halaman tujuan surat dan e-mail kepala paskibra ......................... 57
4.27 Tampilan halaman inbox e-mail kepala paskibra ......................................... 58
4.28 Tampilan halaman Hasil Download.............................................................. 59
4.29 Tampilan halaman inbox e-mail user............................................................ 60
BAB I
PENDAHULUAN
1.1. Latar Belakang
Pada zaman sekarang ini perkembangan teknologi yang semakin hari semakin
membaik merupakan sebuah bentuk keinginan manusia untuk terus berkarya dan
menggali potensi diri. Boleh dikatakan bahwa teknologi kini adalah sebuah
kebutuhan bagi berlangsungnya kehidupan.
Slogan “Sandang, Pangan, dan
Papan” nampaknya kini harus dirombak dengan menambahkan unsur baru yakni
teknologi. Andil besar perkembangan teknologi mengakibatkan arus besar
penyampaian informasi ke seluruh dunia yang berarti menjadikan sistem besar
dari rangkaian teknologi. Semua orang tahu bahwa di era maju ini informasi bisa
didapat di mana saja dan kapan saja.
Perkembangan teknologi informasi memainkan peranan yang sangat penting
dalam berbagai aspek kehidupan, seperti bidang industri, perdagangan, kesehatan,
ataupun pendidikan. Internet merupakan jaringan komputer global di seluruh
dunia sebagai media komunikasi dan informasi modern yang dapat memberikan
serta menampilkan berbagai informasi dan data kepada publik. Suatu lembaga,
instansi pemerintah atau swasta dapat memberikan serta menampilkan profil,
iklan, data, dan informasi kepada publik melalui internet dengan memanfaatkan
fasilitas website.
1
Penyampaian informasi profil sekolah, sejarah sekolah, data guru, data siswa
berprestasi, berita sekolah, dan informasi-informasi sekolah lainnya yang masih
konvensional yaitu masih menggunakan pamflet, brosur, dan spanduk yang dirasa
kurang efektif (dalam hal waktu dan biaya), sehingga membuat masyarakat dan
para siswa masih harus memamfaatkan informasi sekolah secara konvensional.
Masyarakat atau kalangan siswa yang membutuhkan informasi sekolah harus
datang dan bertanya langsung ke sekolah, menyebabkan penyampaian informasi
belum efektif dan efisien.
Sistem penyampaian informasi yang dijalani
menjadikan kendala bagi sekolah untuk bisa lebih dikenal dan diketahui oleh
masyarakat luas disebabkan jangkauan informasi yang sangat sempit dan terbatas
karena informasi sekolah yang tidak bisa diakses sewaktu-waktu.
Dengan menggunakan sistem informasi berbasis web yang dilakukan oleh
sekolah untuk meningkatkan informasi secara rinci kepada lembaga pendidikan
maupun pihak-pihak yang membutuhkan informasi, melalui web dengan bahasa
pemograman komputer,
maka dibuat suatu media sistem informasi untuk
memudahkan percarian dan penyampaian informasi lebih cepat, sehingga
informasi yang diperoleh lebih akurat dan tepat sesuai kebutuhan.
Dengan adanya suatu sistem informasi diharapkan dapat meningkatkan
kualitas sekolah dan dapat dimanfaatkan sebagai sarana promosi guna menjaring
siswa/siswi baru untuk bergabung menuntut ilmu di SMA Negeri 1 Negara Batin
Way Kanan.
2
Berdasarkan uraian yang dijelaskan pada halaman sebelumnya, maka perlu
dilakukan penelitian dengan judul “ Sistem Informasi Sekolah Menengah Atas
(SMA) Berbasis Web (Studi kasus pada SMA Negeri 1 Negara Batin Way
Kanan)”, sehingga diharapkan dengan menggunakan sistem informasi berbasis
web, masyarakat dan warga sekolah dapat mengakses informasi sekolah dengan
mudah, cepat, dan hemat, serta dapat dilakukan kapanpun dan dimanapun mereka
berada tanpa mengenal jarak dan waktu.
1.2. Rumusan Masalah
Berdasarkan uraian latar belakang di atas maka dalam pembuatan sistem ini
dikemukakan masalah sebagai berikut:
1. Bagaimana membangun suatu sistem informasi yang baik bagi SMA
Negeri 1 Negara Batin Way Kanan.
2. Bagaimana sebuah sistem informasi SMA Negeri 1 Negara Batin Way
Kanan dapat
mempermudah dalam
memperoleh informasi yang
didalamnya terdapat informasi-informasi yang berhubungan dengan
sekolah ini sendiri.
1.3
Batasan Masalah
Agar penelitian dilakukan dapat lebih terfokus, diperlukan batasan-batasan yang
ditetapkan terhadap permasalahan, maka pembangunan website sebagai sarana
menyampaikan informasi profil sekolah, sejarah berdiri, data guru, data siswa
berprestasi, berita sekolah, komentar pengunjung, informasi akademik serta
informasi-informasi yang berkaitan dengan sekolah, guru dan siswa.
3
1.4
Tujuan dan Manfaat Penelitian
1. Tujuan
Membangun website sekolah, agar SMA Negeri 1 Negara Batin Way Kanan
memiliki media penyampaian informasi yang lebih efektif.
2. Manfaat
Manfaat dari penelitian ini yaitu memberikan kemudahan bagi masyarakat umum
maupun warga sekolah, dalam mengakses informasi tentang sekolah.
4
BAB II
TINJAUAN PUSTAKA
2.1 Teori Sistem
Menurut Jogiyanto (2001) terdapat dua kelompok pendekatan dalam
mendefinisikan sistem, yaitu yang menekankan pada prosedurnya dan yang
menekankan pada komponen atau elemennya.
Pendekatan sistem yang lebih
menekankan pada prosedur mendefinisikan sistem sebagai berikut: Sistem adalah
suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul
bersama-sama untuk melakukan kegitan atau untuk menyelesaikan suatu sasaran
tertentu. Pendekatan sistem yang lebih menekankan pada elemen atau
komponennya, mendefinisikan sistem sebagai berikut: Sistem adalah kumpulan
dari elemen-elemen yang berinteraksi untuk mencapai suatu tujuan .
Batas sistem merupakan daerah yang membatasi antara suatu sistem dengan
sistem yang lainnya atau dengan lingkungan luarnya.
Batas sistem ini
memungkinkan suatu sistem dipandang sebagai suatu kesatuan.
sistem menunjukan ruang lingkup dari sitem tersebut.
Batas suatu
2.2 Penegrtian Sistem Informasi
Menurut Robert A. Leitch dan K. Roscoe Davis dalam Jogiyanto ( 2001),
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi
bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan
pihak luar tertentu dengan laporan-laporan yang diperlukan.
2.3 Website
Menurut Suryanto (2012) Website merupakan suatu koleksi dokumen HTML
pribadi atau perusahaan yang membuat sistem informasi dalam Web Server
(sistem komputer di suatu organisasi, yang berfungsi sebagi server, suatu
komputer yang berfungsi untuk menyimpan informasi dan untuk mengelola
jaringan komputer) untuk fasilitas World Wide Web atau Web, dan dapat diakses
oleh seluruh pengguna pemakai internet.
2.4 HTML (Hypertext Markup Language)
HTML (Hypertext Markup Language) merupakan suatu script yang bisa
menampilkan informasi dan daya kreasi kita melalui internet. HTML sendiri
adalah suatu dokumen teks biasa yang mudah untuk dimengerti dibandingkan
bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca
oleh platform yang berlainan seperti Windows, Unix, dan lainnya (Wardani,
2013).
6
2.5 PHP
PHP (PHP Hypertext Preprocessor) adalah bahasa pemograman yang
berjalan pada sebuah webserver dan berfungsi sebagai pengolah data pada sebuah
server. Dengan menggunakan program PHP, Sebuah website akan lebih interaktif
dan dinamis (Madcoms, 2011).
2.6 MySQL
MySQL adalah suatu perangkat lunak database relasi atau Relational
Database Management System (RDBMS) yang didistribusikan gratis di bawah
lisensi GPL (General Public License). Dimana setiap orang bebas menggunakan
MySQL, namun tidak boleh dijadikan produk turunan yang dijadikan closed
source atau komersial (Suryanto, 2012).
2.7 CSS (Cascading Style Sheet)
Style Sheet merupakan feature yang sangat penting dalam membuat Dynamic
HTML. Meskipun bukan merupakan suatu keharusan dalam membuat web,
namun penggunaan style sheet merupakan kelebihan tersendiri.
Suatu style sheet merupakan tempat mengontrol dan mengatur style-style yang
ada. Style sheet mendeskripsikan bagaimana tampilan dokumen HTML di layar,
bisa juga menyebutkan sebagai template dari dokumen HTML yang
menggunakannya. Selain itu dapat pula membuat efek-efek special di web dengan
menggunakan style sheet.
7
2.8 JavaScript
JavaScript
adalah
sebuah
bahasa
scripting
yang
dinamis,
yang
memungkinkan untuk membuat sebuah aplikasi yang interaktif meskipun dari
sebuah halaman HTML statis. Hal ini mungkin dilakukan dengan menyisipkan
kode program bahasa JavaScript di bagian mananpun pada halaman web.
2.9 Dreamweaver
Dreamweaver adalah sebuah HTML untuk mendesain web secara visual dan
mengelola situs atau halaman web. Dreamweaver merupakan software utama yang
digunakan
oleh
Web
Desainer
meaupun
Web
Programmer
dalam
mengembangkan suatu situs web, karena dreamweaver mempunyai ruang kerja,
fasilitas dan kemampuan yang mampu meningkatkan produktivitas dan efektivitas
dalam desain maupun membangun suatu situs web (Madcoms, 2011).
2.10 Konsep Dasar Desain Sistem
2.10.1 Use case digram
Use case diagram merupakan pemodelan untuk tingkah laku sistem informasi
yang dibuat. Use case diagram mendeskripsikan sebuah interaksi antara satu atau
lebih actor dengan sistem informasi yang dibuat. Secara kasar, Use case
digunakan untuk mengetahuai fungsi apa saja yang ada didalam sebuah sistem
informasi dan siapa saja yang berhak menggunakan fungsi itu. Syarat penamaan
use case nama didefinisikan sesederhana mungkin dan dapat dipahami (Rosa dan
Salahudin, 2011). Simbol-simbol yang digunakan pada Use case diagram, dapat
dilihat pada Tabel 2.1.
8
Tabel 2.1 Simbol use case
Simbol
Use case
Deskripsi
Fungsionalitas yang disediakan sistem
sebagai unit-unit yang saling bertukar
pesan antar unit atau aktor; biasanya
dinyatakan dengan menggunakan kata
kerja frase nama use case
Aktor
Orang, proses atau sistem lain yang
berinteraksi dengan sistem informasi
yang dibuat di luar sistem informasi
yang dibuat
Asosiasi
Komunikasi antar aktor dan use case
yang berpartispasi pada use case atau
use case
yang memiliki interaksi
dengan aktor
Ekstensi
Relase use case tambahan kesebuah
use case dimana use case yang
ditambahkan dapat berdiri sendiri
walau tampa use case tambahan itu.
Generalisasi
Hubungan generalisasi dan spealisasi
9
(umum-khusus) antara dua buah use
case dimana fungsi yang satu adalah
fungsi yang lebih umum dari fungsi
yang lainnya
Menggunakan / include / uses
Relasi use case tambahan kesebuah
use case yang ditambahkan melalui
use case
ini
fungsinya
untuk
untuk
menjalankan
sebagai
syarat
dijalankan use case ini
2.10.2 Activity diagram
Activity diagram atau disebut diagram aktivitas menggambarkan aliran kerja
atau aktivitas dari sebuah sistem atau proses bisnis. Yang perlu diperhatikan disini
adalah diagram aktivitas menggambarkan aktivitas sistem bukan apa yang
dilakukan aktor, jadi aktivitas yang dapat dilakukan oleh sistem (Rosa dan
salahudin 2011). Simbol-simbol yang terdapat pada activity diagram, disajikan
pada Tabel 2.2.
Tabel 2.2 Simbol-simbol activity diagram
Simbol
Status awal
Deskripsi
Status awal aktivitas sistem, sebuah
10
diagram aktivitas memiliki sebuah
status awal.
Aktivitas
Aktivitas
yang
dilakukan
sistem,
aktivitas biasanya dilakukan dengan
kata kerja.
Percabangan
Asosiasi percabangan dimana jika ada
pilihan aktivitas lebih dari satu.
Penggabungan / join
Asosiasi penggabungan dimana lebih
dari
satu
aktivitas
digabungkan
menjadi satu.
Status akhir
Status akhir yang dilakukan sistem,
sebuah diagram aktivitas memiliki
sebuah status akhir.
Swimelane
Memisahkan organisasi bisnis yang
bertanggung jawab terhadap aktivitas
yang terjadi.
11
2.10.3 Squence Diagram
Diagram sequence menggambarkan kelakuan objek pada use case dengan
mendeskripsikan waktu hidup objek dan message yang dikirimkan dan diterima
antar objek. Banyaknya diagram sequence yang harus digambar adalah sebanyak
pendefinisian use case yang memiliki proses sendiri (Rosa dan salahudin 2011).
Simbol-simbol yang ada pada sequence diagram. Disajikan pada Tabel 2.3.
Tabel 2.3 Simbol-simbol sequence diagram
Simbol
Aktor
Deskripsi
Orang, proses, atau sistem lain yang
berinteraksi
dengan
sistem
informasi yang di buat diluar sistem
Atau
Nama
aktor
Garis hidup / lifetime
Menanyakan kehidupan suatu objek
Objek
Nama objek : nama kelas
Menyatakan objek yang berinteraksi
pesan
12
Waktu aktif
Menyatakan objek dalam keadaan
aktif dan berinteraksi pesan
Pesan tipe create
Menyatakan suatu objek membuat
objek
yang
lain,
arah
panah
mengarah pada objek yang dibuat
Pesan tipe call
Menyatakan suatu objek memanggil
operasi / operasi metode yang ada
pada objek lain atau dirinya sendiri
Pesan tipe send
Menyatakan
bahwa suatu objek
mengirimkan
data
/
masuk
/
informasi keobjek lainnya, arah
panah mengarah pada objek kirim
Pesan tipe return
Menyatakan bahwa suatu objek
yang telah menjalankan operasi atau
metode
menghasilakan
suatu
pengembalian ke objek tertentu
Pesan tipe destroy
Menyatakan suatu objek mengakhiri
hidup atau yang lain, arah panah
mengarah pada objek yang diakhiri
13
2.11 Appserv
Appserv adalah salah satu paket software webserver yang terdiri dari Apache,
Php, dan MySQL.
Dalam Appserv dilengkapi dengan PhpMyAdmin yang
membantu dalam pembuatan dan pengelolaan database MsQL (Madcoms, 2011).
2.12 Apache
Apache adalah perangkat lunak yang dapat digunakan sebagai web server.
Hypertext Transper Protocol Daemon (HTTPD) server yang menterjemahkan
perintah-perintah tag dari Hypertext Tranper Protocol (HTTP). (Kadir, 2003).
14
BAB III
METODE PENELITIAN
3.1 Tempat dan Waktu Pelaksanaan
Penelitian ini dilakukan di SMA Negeri 1 Negara Batin Way Kanan, Jl BGD
Negara Batin Way Kanan, Kecamatan Negara Batin, Kabupaten Way Kanan,
Lampung. Waktu penelitian dilakukan pada Semester Genap Tahun Ajaran 20132014.
3.2 Alat dan Bahan
3.2.1
Hardware
Hardware yang digunakan dalam pembangunan sistem ini adalah 1 unit Notebook
ACER 4739 series dengan spesifikasi:
1.
Prosesor Intel Core i3- 380 M
2.
2 GB RAM DDR3
3.
320 GB Harddisk.
4.
VGA NVIDIA GEFORCE 610M, 2 GB
3.2.2
Software
Software yang digunakan dalam pembangunan sistem adalah
1.
Sistem Operasi Windows 7 Ultimated 64 Bit
Sistem operasi ini digunakan sebagai perangkat lunak utama yang menjalankan
perintah user terhadap mesin dan software lainnya.
2.
Programming Language Notepad++ v.5.9.3
Merupakan sebuah program yang berguna untuk menghasilkan program aplikasi
lainnya.
3.
APP Server
Software ini digunakan sebagai server lokal (localhost) pada sistem.
4.
Browser Mozilla Firefox 9.0
Software ini digunakan sebagai permambah pada testing sistem.
5.
MySQL Server 32 Bit
Software ini berperan sebagai penyimpan data (database).
3.3 Metode Penelitian
Metode pembangunan sistem yang digunakan dalam penelitian ini adalah
metode OOAD (Object Oriented Analysis Design, analisis, dan disain berorientasi
objek adalah cara baru dalam memikirkan suatu masalah dengan menggunakan
model yang dibuat menurut konsep sekitar dunia nyata. Dasar pembuatan adalah
objek, yang merupakan kombinasi antara struktur data dan perilaku dalam satu
entitas.
16
3.4 Analisis Sistem
Keberhasilan suatu program aplikasi komputer tergantung bagaimana
program aplikasi tersebut dapat diimplementasikan dan digunakan oleh pengguna
dengan tepat, bermanfaat serta semua kebutuhan pengguna (user) ada diprogram
tersebut dan mudah dalam pengoprasiannya. Sebaik apapun program aplikasi
yang dibuat oleh programmer tanpa adanya analis sistem yang baik, maka hal
tersebut sulit untuk mencapai keberhasilan.
Sangat penting untuk diingat bahwa tujuan utama dari analis sistem adalah
bukan untuk menciptakan sistem informasi yang hebat, tetapi tujuan utamanya
adalah menciptakan “value” yang mana bagi banyak orang ini berarti
meningkatkan profit. Membuat sistem informasi mirip dengan membangun
rumah. Pertama, rumah ( atau dalam hal ini sistem informasi) mulai dengan ide
dasar. Kedua, ide tersebut ditransformasikan dalam gambar-gambar sederhana
yang ditunjukkan pada klien dan diperbaiki setelah setuju terhadap gambar dan
sesuai dengan keinginan klien. Ketiga, mendesain “blue print” yang menjelaskan
gambar dan informasi secara detail. Begitu juga dengan pembuatan sistem
informasi SMA Negeri 1 Negara Batin Way Kanan. Sistem ini memerlukan analis
sistem agar sistem yang dibuat dapat bekerja sehingga mencapai tujuan dan
harapan yang diinginkan.
Pada dasarnya setiap sekolah, warga sekolah, dan orang tua murid dalam
hubungan
pencarian
data dan informasi membutuhkan data informasi yang
akaurat. Informasi sekolah yang selalu berubah setiap waktu, membuat pegawai
sekolah dan orang tua murid
yang membutuhkan informasi tersebut, harus
17
menggunakan cara manual dengan cara melihat informasi-informasi di mading
dan papan pengumuman sekolah. Hal itu dikarenakan belum adanya sistem
informasi yang bisa terhubung langsung dengan internet.
Berdasarkan permasalahan yang dihadapi oleh SMA Negeri 1 Negara Batin Way
Kanan, sebagaimana tersebut di atas, maka untuk meningkatkan penyampaian
informasi sekolah SMA Negeri 1 Negara Batin Way Kanan dibutuhkan
pembuatan sebuah sistem informasi berbasis web.
3.5 Desaian Interface
Pada desaian interface menampilkan halaman index, halaman index adalah
halaman utama yang tampil bila diinputkan alamat URL dari sistem informasi ini
pada browser, desain interface dapat dilihat pada Gambar 3.1.
18
Gambar 3.1. Halaman Index interface
19
3.5.1. Usecase Diagram
Usecase diagram pada sistem ini menjelaskan kejadian yang dilakukan oleh actor
(pengguna) terhadap sistem, Usecase diagram berfungsi untuk menghubungkan
dan memodelkan perilaku suatu sistem. Usecase diagram dapat dilihat pada
Gambar 3.2.
Gambar 3.2. Usecase Diagram
20
3.5.2. Activity Diagram
Activity Diagram adalah diagram yang menunjukkan aktivitas yang dilakukan
oleh administrator (pengguna) terhadap sistem.
3.5.2.1. Activity Diagram Administrator
Activity Diagram yang dilakukan oleh administrator terhadap sistem
dapat
dilihat pada Gambar 3.3 sampai dengan Gambar 3.7.
Gambar 3.3. Activity Diagram input data
21
Gambar 3.4 Activity Diagram hapus data
22
Gambar 3.5. Activity Diagram edit data
23
Gambar 3.6. Activity Diagram publikasi pengumuman
Gambar 3.7. Activity Diagram menjawab komentar/pertanyaan wali murid
24
3.3.2.2. Activity Diagram Guest
Activity Diagram yang dilakukan oleh guest terhadap sistem dapat dilihat pada
Gambar 3.8 sampai dengan Gambar 3.13 di bawah ini.
Gambar 3.8. Activity Diagram melihat informasi
25
Gambar 3.9. Activity Diagram berkomentar
Gambar 3.10. Activity Diagram pencarian data guru/siswa
26
Gambar 3.11. Activity Diagram melihat data guru/siswa
Gambar 3.12. Activity Diagram melihat galery
27
Gambar 3.13. Activity Diagram Administrasi online
Gambar 3.14. Activity Diagram kirim puisi
28
3.5.3. Squence Diagram
Berdasarkan usecase yang dibahas di atas maka dibuat sequence diagram seperti
di bawah ini.
3.5.3.1 Squence Diagram Administrator
Squence Diagram yang dilakukan oleh administrator terhadap sistem
dapat
dilihat pada Gambar 3.15 sampai Gambar 3.19. berikut ini.
Gambar 3.15. Squence Diagram input data
Dari Gambar 3.15 di atas terlihat bahwa admin melakukan pemilihan menu
pengolahan terhadap user interface untuk mendapatkan tampilan melakukan
penginputan data siswa, guru, foto, berita, dan administrasi sekolah. Selanjutnya
halaman database melakukan pemanggilan menu halaman tampil data guru, siswa
dan berita pada kelas database yang digunakan untuk memproses entry data guru,
siswa, foto, dan berita, selanjutnya sistem akan melakukan penyimpana data guru,
29
siswa, foto, dan berita. Dari pemanggilan menu tersebut mendapatkan
pengembalian berupa konfirmasi inputan yang memberikan isyarat kepada admin
bahwa data yang disimpan sukses. Penjelasan di atas berturut-turut sama dengan
Gambar 3.16 dan Gambar 3.17.
Gambar 3.16. Squence Diagram edit data
30
Gambar 3.17. Squence Diagram hapus data
Gambar 3.18. Squence Diagram publikasi pengumuman
31
Dari Gambar 3.18 di atas terlihat bahwa admin melakukan pemilihan menu
publikasi pengumuman terhadap user interface, selanjutnya admin menuliskan
pengumuman, setelah admin selesai menuliskan pengumuman maka sistem
menyimpan data dan mendapatkan pengembalian berupa konfirmasi publikasian
yang memberikan isyarat kepada admin bahwa data yang disimpan sukses.
Gambar 3.19 Squence Diagram jawab komentar/pertanyaan
Dari Gambar 3.19 di atas terlihat bahwa admin melakukan pemilihan menu
komentar atau pertanyaan terhadap user interface, selanjutnya admin membuka
halaman inbox komentar atau pertanyaan, lalu admin menuliskan jawaban
komentar atau pertanyaan, setelah admin selesai menuliskan jawaban komentar
atau pertanyaan maka sistem mengirim jawaban tersebut.
32
3.5.3.2 Squence Diagram Guest
Squence Diagram yang dilakukan oleh guest terhadap sistem dapat dilihat pada
Gambar 3.20, sampai Gambar 3.25 berikut ini.
Gambar 3.20. Squence Diagram melihat data guru/siswa
Dari Gambar 3.20 di atas terlihat bahwa guest melakukan pemilihan menu guru
atau siswa, selanjutnya sistem menampilkan halaman data siswa atau guru.
Dengan asumsi guest harus memilih salah satu menu guru atau siswa yang dilihat.
33
Gambar 3.21. Squence Diagram mencari data guru/siswa
Dari Gambar 3.21 di atas terlihat bahwa
guest melakukan pemilihan menu
pencarian data guru atau siswa terhadap user interface, selanjutnya guest akan
menuliskan pencarian data guru atau siswa, setelah guest selesai menuliskan
pencarian data guru atau siswa maka sistem menampilkan halaman
hasil
pencarian data guru atau siswa.
34
Gambar 3.22. Squence Diagram melihat informasi
Dari Gambar 3.22 di atas terlihat bahwa guest melakukan pemilihan menu lihat
informasi, selanjutnya sistem menampilkan halaman tampil informasi dan daftar
informasi yang ada.
35
Gambar 3.23. Squence Diagram memberi komentar/pertanyaan
Dari Gambar 3.23 di atas diketahui guest melakukan pemilihan menu buku tamu,
selanjutnya sistem menampilkan halaman buku tamu, lalu guest menuliskan
komentar atau pertanyaaan, setelah guest selesai menuliskan komentar atau
pertanyaan maka sistem menyimpan komentar atau pertanyaan tersebut.
36
Gambar 3.24. Squence Diagram melihat gallery
Gambar 3.25. Squence Diagram administrasi online
Dari Gambar 3.24 di atas diketahui bahwa guest melakukan pemilihan menu lihat
galery, selanjutnya sistem menampilkan halaman tampil galery dan daftar galeri
yang ada.
37
BAB V
KESIMPULAN DAN SARAN
5.1
Kesimpulan
Berdasarkan hasil pengujian dan pembahasan
yang telah diperoleh selama
penelitian maka dapat ditarik beberapa kesimpulan sebagai berikut:
1. Sistem informasi ini memudahkan pengguna dalam pengaksesan informasi
dan dapat digunakan sebagai alternatif baru bagi SMA Negeri 1 Negara
Batin Way Kanan dalam metode penyampaian informasi secara efektif,
sehingga diharapkan dengan adanya sistem ini SMA Negeri 1 Negara
Batin Way Kanan dapat lebih meningkatkan layanan sehingga menjadi
salah satu sekolah unggulan di Lampung.
2. Sistem berbasis web memberikan sarana komunikasi antara pihak sekolah
dengan masyarakat dan orang tua siswa.
3. Dengan adanya administrasi online surat yang masuk ke sekolah lebih
teratur dan terjaga keamanannya.
5.2
Saran
Berdasarkkan kesimpulan di atas, maka dapat diberikan saran sebagai berikut:
1. Sistem hasil pengembangan masih memiliki banyak kekurangan, sehingga
diperlukan evaluasi dan pengembangan tahap lanjutan, seperti keamanan
sistem, sistem akademik sekolah, sms gateway, dan raport online.
2. Diharapkan Sistem Informasi ini dapat dipergunakan oleh SMA Negeri 1
Negara Batin Way Kanan.
3. Perlu adanya sosialisasi kepada siswa, dan guru mengenai cara
penggunaan dan fungsinya, karena tanpa adanya sosialisasi penggunaan
sistem informasi sulit mencapai tujuan yang diinginkan.
64
DAFTAR PUSTAKA
Jogiyanto, H..M. 2001. Analisis dan Desain Sistem Informasi. Andi Yogyakarta
Kompotindo, Jakarta
Kadir, A. 2003. Dasar Pemograman Web Dinamis Menggunakan PHP. Andi
Offset. Yogyakarta.
Lembaga penelitian UNILA. 2010. Karya Tulis Ilmiah. UNILA. Universitas
Lampung.
Madcoms. 2011.Aplikasi Web Database dengan Dreamweaver dan PHP- MySQL.
Andi Offset. Yogyakarta.
Rosa A. S dan Salahudin . 2011. Rekayasa Perangkat Lunak. Modula: Bandung.
Suryanto, A. 2012. Pembanguna Aplikasi Piket Pada Sekolah Menengah Atas Satu
Kudus Berbasis Web. Indonesian Jurnal on Computer Science - Speed (IJCSS)
15 FTI UNSA Vol 10 No 1 – Februari 2012.
Wardini, S. K. 2013. Sistem Informasi Pengolahan Data Nilai Siswa Berbasis Web
Pada Sekolah Menengah Atas (SMA) Muhammadiyah Pacitan. IJNS Volume
2 No 2 – April 2013.
1