SKRIPSI
Oleh :
Ar ie Eka S
0934010138
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL“VETERAN”
J AWA TIMUR
Puji syukur kehadirat TuhanYang Maha Esa, yang telah memberikan rahmat dan segala karunia-NYA, sehingga penulis dapat menyelesaikan tugas akhir atau skripsi ini dengan judul “Sistem Penilaian Akademik Berbasis Web (Studi Kasus SMP Kartini Taman Sidoarjo) Menggunakan Codeigniter”.
Dengan tugas akhir atau skripsi ini merupakan syarat kelulusan dalam mencapai gelar Sarjana Komputer Strata I Jurusan Teknik Informatika di Universitas Pembangunan Nasional “Veteran” Jawa Timur.
Keberhasilan penulis dalam menyelesaikan tugas akhir atau skripsi ini banyak melibatkan bantuan dari berbagai pihak. Oleh karena itu, pada kesempatan ini penulis tidak lupa untuk mengucapkan terima kasih yang sebesar-besarnya kepada :
1. Kepada Tuhan Yang Maha Esa, atas segala petunjuk, rahmat dan karunia-NYA yang selalu Engkau limpahkan kepada penulis.
2. Bapak Prof. Dr. Ir. Teguh Soedarto, MP, selaku Rektor Universitas Pembangunan Nasional “Veteran” Jawa Timur.
3. Bapak Ir. Sutiyono, MT, selaku Dekan Fakultas Teknologi Industri Universitas Pembangunan Nasional “Veteran” Jawa Timur.
4. Ibu Dr. Ir. Ni Ketut Sari, MT, selaku Wakil Dekan 1, Ketua Program Studi Teknik Informatika serta selaku Dosen Pembimbing Pertama selama proses pelaksanaan Tugas Akhir atau Skripsi. Terima kasih banyak telah sabar membimbing dan memberi saran, yang sangat bermanfaat kepada penulis. 5. Bu Yisti Vita Via S.ST, M.Kom selaku Dosen Pembimbing Kedua selama
ini. Terima kasih banyak telah sabar membimbing dan memberi saran yang sangat bermanfaat kepada penulis.
7. Bapak Frinda Wahyu N, S.Kom serta Ibu Yisti Vita Via, S.ST, M.Kom selaku PIA Program Studi Teknik Informatika.
8. Kedua Orang Tua, dan seluruh keluarga besar tercinta penulis. Terima kasih banyak telah memberikan motivasi, semangat, do’a dan saran yang telah diberikan kepada penulis, suatu hal yang tidak bisa di ukur.
9. Teman-teman penulis baik di dalam kampus serta di luar kampus yang tidak bisa disebutkan satu persatu. Terima kasih banyak telah memberikan motivasi, saran, kritik, semangat, sehingga dapat lebih baik lagi serta kebersamaan dan do’a.
10. Staf dan Pegawai Perpustakaan Pusat Universitas Pembangunan Nasional “Veteran” Jawa Timur.
11. Dan pihak-pihak lain yang tidak bisa disebutkan satu persatu, yang turut memperlancar selesainya Laporan ini.
Penulis menyadari bahwa dalam penyusunan dan penulisan Laporan ini masih terdapat banyak kekurangan dan belum sempurna oleh karena itu penulis mohon saran dan kritik yang membangun dari para pembaca demi sempurna laporan ini.
Surabaya. Desember 2014
Abstrak
Kata Pengantar ... i
Daftar Isi ... iii
Daftar Gambar ... vi
BAB I PENDAHULUAN 1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 5
1.3 Batasan Masalah ... 6
1.4 Tujuan Penelitian ... 6
1.5 Manfaat Penelitian ... 7
1.6 Metode Penelitian ... 7
1.7Sistematika Penulisan ... 9
BAB II TINJAUAN PUSTAKA 2.1 Profil SMP Kartini Taman Sidoarjo ... 11
2.2 Pengertian Sistem informasi ... 12
2.3 Pengertian Website ... 15
2.4 UML (United Modeling Language) ... 15
2.5 Perhitungan Nilai... 19
2.6 PHP (Hypertext Preprocessor) ... 19
2.9 Apache Web Server ... 22
2.9 Pengertian Framework ... 23
2.10 Framework CI (CodeIgniter) ... 26
2.11 MVC (Model View Controller) ... 28
BAB III Metodologi Penelitian 3.1 Analisa Sistem ... 30
3.1.1 Requirement ... 30
3.2 Perancangan Sistem ... 31
3.2.1 Deskripsi Umum Sistem ... 31
3.2.2 Diagram UML (Unified Modelling Language) ... 32
1. Perancangan Use Case Diagram ... 32
2. Perancangan Activity Diagram ... 34
3. Perancangan Sequence Diagram ... 37
4. Perancangan Class Diagram ... 41
3.3 Perancangan Basis Data ... 42
3.3.1 CDM (Conceptual Data Model) ... 42
3.3.2 PDM (Physiscal Data Model) ... 43
3.4 Perancangan Antar Muka (Desain Interface) ... 44
BAB IV Hasil dan Pembahasan 4.1 Lingkungan Implementasi ... 48
4.4 Implementasi Antarmuka User Admin ... 51
4.4.1 Admin - Login ... 51
4.4.2 Halaman Utama Akses Admin... 53
4.4.3 Halaman Admin - Mengelola Data Master ... 54
4.4.4 Halaman Admin - Mengelola Data Proses ... 87
4.4.5 Halaman Admin - Mengelola Data Laporan ... 90
4.4.6 Halaman Admin - Mengelola Data Profile ... 92
4.5 Implementasi Antarmuka User Guru ... 93
4.5.1 Guru - Login... 94
4.5.2 Halaman Utama Akses Guru ... 95
4.5.3 Halaman Guru - Mengelola Data Proses ... 95
4.5.4 Halaman Guru - Mengelola Data Laporan ... 98
4.6 Implementasi Antarmuka User Siswa ... 100
4.6.1 Siswa - Login ... 101
4.6.2 Halaman Utama Akses Siswa ... 101
4.6.3 Halaman Siswa - Mengelola Data Laporan ... 102
4.7 Implementasi Antarmuka User Kepsek ... 105
4.7.1 Kepsek - Login ... 105
4.7.2 Halaman Utama Akses Kepsek ... 106
4.7.3 Halaman Kepsek - Mengelola Data Proses ... 107
5.1 Kesimpulan ... 113 5.2 Saran ... 114 Daftar Pustaka
DOSEN PEMBIMBING II : YISTI VITA VIA S.ST M.KOM
ABSTRAK
Didalam SMP Kartini taman sidoarjo hanya mempunyai data yang berupa laporan yang masih ditulis secara manual. Pengarsipan data secara manual masih menjadi kendala untuk mendapatkan hasil pencatatan yang baik karena kesalahan-kesalahan dalam pencatatan data sering terjadi serta waktu yang diperlukan untuk mendapatkan suatu laporan. Sistem informasi penilaian berbasis web yang telah dibuat dapat membantu pengelolaan data penilaian. Solusi yang diberikan sistem ini adalah mengurangi adanya kesalahan data yang dimasukan ke dalam penilaian siswa.
Tugas akhir ini dimaksudkan untuk membuat Aplikasi Penilaian di SMP Kartini menggunakan framework codeigniter, codeigniter merupakan sebuah framework untuk membangun sebuah aplikasi website dinamis menggunakan PHP yang dapat digunakan dengan cepat dan mudah tanpa harus membangun aplikasi PHP dari awal. Penilaian pada sekolah merupakan bagian yang tidak dapat dipisahkan dalam suatu proses belajar-mengajar. Penilaian adalah koleksi dari informasi yang valid, reliabel, dan bertujuan untuk meningkatkan penampilan. Penilaian memerlukan informasi yang baik dan informasi yang baik itu harus valid dan reliabel. Analisa dan rancangan yang digunakan antar lain, flowchart, use case diagram, activity diagram, ERD, CDM, PDM, design interface. Perangkat yang digunakan dalam pembuatan sistem ini yaitu, bahasa pemrograman web (PHP).
Dengan adanya sistem penilaian ini yaitu siswa dapat melihat informasi nilai ataupun informasi sekolah, dan dapat memudahkan atau efektif dan efisein dalam memberikan informasi nilai dan informasi tentang sekolah yang ada di sekolah SMP KARTINI taman sidoarjo. Dan mampu memberikan sebuah informasi kepada orang tua atau wali murid atas penilaian siswa/ siswi yang bersangkutan di sekolah tersebut melalui sms gateway.
1.1. Latar Belakang
Perancangan sistem informasi akademik diharapkan dapat mempermudah
dan membantu sekolah dalam melakukan pengelolaan data akademik sekolah. Karena sistem ini mengintegrasikan beberapa proses yang penting di dalam mengelola data-data yang berhubungan dengan akademik sekolah sehingga kualitas dari informasi yang dihasilkan akan lebih baik jika dibandingkan dengan menggunakan sistem yang sebelumnya yaitu secara manual. Dunia pendidikan yang selalu mengalami perkembangan pesat seiring dengan laju perkembangan Teknologi Informasi yang sangat beraneka ragam, diperlukan peningkatan kualitas dan mekanisme pelayanan di bidang pendidikan agar lebih berdaya guna dan berhasil guna, sehingga Sumber Daya Manusia (SDM) yang diciptakan dapat berpartisipasi dalam membangun masyarakat sesuai dengan kemampuannya. Pada saat ini pelayanan pendidikan khususnya sekolah negeri maupun swasta sebagai tempat menuntut ilmu, pada umumnya telah menampilkan sistem informasi akademik berbasis Web. Pengelolaan sistem informasi berbasis Web yang ada masih perlu di maksimalkan, sehingga Website yang dibangun di sekolah dapat di
diakses melalui internet, karena pada saat ini teknologi tersebut telah dikenal dekat oleh masyarakat (Desi P,2013).
Penilaian merupakan bagian yang tidak dapat dipisahkan dalam suatu proses belajar-mengajar. Penilaian adalah koleksi dari informasi yang valid, reliabel, dan bertujuan untuk meningkatkan penampilan. Penilaian memerlukan informasi yang baik dan informasi yang baik itu harus valid dan reliabel. Penilaian digunakan sebagai usaha untuk melihat keberhasilan proses belajar mengajar yang ditunjukkan dalam bentuk nilai dan juga digunakan sebagai penilaian terhadap usaha dalam rangka perbaikan suatu penampilan. Jadi dalam penilaian harus dilakukan secara adil, dan harus dihubungkan dengan tujuan. Langkah-langkah penting dalam proses penilaian mencakup tujuan, menuangkan kembali tujuan dalam bagian perilaku, berhasil dalam target dan kriteria, mengumpulkan baseline data, mencapai tujuan melalui strategi khusus danpengukuran reguler, memelihara sekaligus mengembangkan keterampilan, dan mengontrol terhadap pengajaran. (Tite J,2013).
demikian seharusnya guru atau dosen tidak lagi memposisikan diri sebagai pemegang otoritas pengetahuan namun lebih sebagai mediator yang berperan untuk memfasilitasi berlangsungnya proses belajar yang lebih partisipatif. Konsekuensi dari hal ini adalah selayaknya paradigma yang digunakan bukan lagi menekankan pada aspek teaching (mengajar) namun lebih menitikberatkan pada proses learning (belajar). Bidang teknologi informasi merupakan salah satu bidang usaha atau bisnis yang mengalami perkembangan yang sangat pesat, karena kebutuhan akan efisiensi kerja yang semakin meningkat yang mana kebutuhan tersebut dapat dipenuhi dengan menerapkan teknologi informasi secara baik dan benar. Peran informasi saat ini sangat penting untuk mendukung kelancaran pekerjaan baik yang dilakukan dalam jangka pendek, jangka menengah maupun jangka panjang. Juga perkembangan yang mengalami kemajuan yang yang sangat pesat khususnya teknologi informasi, namun belum begitu signifikan penggunaannya (Al-Manar,2004).
Dan juga seperti study literature “Pembuatan Sistem Informasi Akademik SMA 2 Banda Aceh Menggunakan Framework Codeigniter” Pengembangan sistem informasi ini telah memberikan informasi laporan keaktifan siswa secara online yang berupa laporan nilai dan absensi. Dalam membangun sistem ini telah menggunakan php framework dengan jenis framework CodeIgniter, tetapi dalam aplikasi ini belum menggunakan sms gateway yang berfungsi sebagai penghubung atau berinteraksi antar user di dalam sistem.(Galih S. 2012)
Selain itu juga terdapat study literatur “Sistem Informasi Nilai SMPN 14 Bandung“ jurnal ini juga telah menampilkan hasil belajar siswa setiap semester secara online, memberikan fasilitas latihan soal bagi siswa. Aplikasi ini belum dapat memberikan informasi sekolah dan belum dapat memberikan informasi lainnya. Danya dapat memberikan informasi penilaian dan tidak adanya interaksi antar user berupa sms gateway.(Tanti K.2012)
menghasilkan penilaian akademik yang efektif dan lebih baik dalam pelaporan kepada pimpinan SMP Kartini Taman Sidoarjo.
1.2. Rumusan Masalah
Rumusan masalah dibuatnya Tugas Akhir ini adalah sebagai berikut :
1. Bagaimana cara membuat aplikasi Sistem penilaian Akademik menggunakan Framework yang mudah dipahami?
2. Bagaimana menyajikan informasi akademik yang real time dan efisien tentang sistem penilaian akademik pada SMP Kartini Taman Sidoarjo? 3. Bagaimana merancang sistem yang dapat menginformasikan secara online
proses pemberitahuan informasi penilaian dalam sistem penilaian akademik ini?
4. Bagaimana cara guru dapat mengelola nilai semua mata pelajaran didalam sistem ini?
5. Bagaimana merancang sistem yang dapat menginformasikan secara online proses pemberitahuan penilaian dalam sistem penilaian akademik melalui media handphone?
1.3. Batasan Masalah
Sesuai dengan permasalahan yang telah dijelaskan di atas, batasan pembuatan aplikasi ini sebagai berikut:
1. Aplikasi yang dibuat hanya digunakan untuk memberi informasi tentang penilaian dan menampilkan informasi tambahan sekolah untuk siswa dan orang tua.
2. Aplikasi ini menggunakan Framework PHP CodeIgniter, dan MySQL. 3. Aplikasi ini juga mampu memberikan informasi tambahan berupa
menampilkan data guru dan siswa.
4. Membuat sistem penilaian secara komputerisasi, yang sebelumnya dilakukan secara manual.
5. Sistem informasi penilaian secara online menggunakan gammu sms gateway dengan media handphone.
6. Memiliki 4 user yaitu admin, siswa , kepala sekolah , guru.
1.4. Tujuan Penelitian
1.5. Manfaat Penelitian
Manfaat dari dibuatnya Tugas Akhir ini adalah sebagai berikut :
1. Dengan adanya aplikasi ini diharapkan dapat mempermudah dalam memberikan penilaian serta memberikan informasi tambahan yang ada pada SMP Kartini Taman Sidoarjo.
2. Pengolahan dan pengelolaan data sistem penilaian dapat dilakukan secara efisien sehingga dapat mengurangi terjadinya resiko human errors.
3. Mempermudah pegawai dalam memberikan penilaian pada siswa SMP Kartini Taman Sidoarjo.
4. Sistem penilaian akademik ini menggunakan Framework CodeIgniter yang memudahkan pengembang dalam pembuatan web.
5. Mempermudah siswa dan orang tua untuk mengetahui informasi tentang penilaian tanpa harus datang langsung ke sekolah. Dikarenakan aplikasi ini memiliki fasilitas sms gateway dengan media
handphone
1.6. Metode Penelitian
Untuk dapat mencapai keberhasilan dalam pembangunan Aplikasi Penilaian Akademik ini, maka perlu dilakukan beberapa langkah seperti berikut :
1. Studi Literatur
maupun internet dan lain sebagainya yang terkait dengan judul penelitian ini.
2. Perancangan Sistem
Sistem Penilaian Akademik ini dibuat berbasis web, yang memiliki empat kategori user yaitu admin, guru, siswa, dan kepala sekolah. Admin berhak atas pengelolaan data-data guru siswa serta data nilai sedangkan guru hanya dapat mengelola data nilai akademik siswa kepala sekolah hanya menerima hasil atau rekapan dari data guru, siswa, serta data nilai Setiap user diwajibkan login terlebih dahulu dengan meggunakan akun yang telah dibuatkan admin untuk dapat mengakses sistem ini.
3. Implentasi Sistem
Beberapa Tools yang digunakan untuk membuat Aplikasi Sistem Penilaian Akademik ini adalah:
1. Adobe Dreamweaver CS 5 2. XAMPP
3. PhpMyAdmin 4. Uji Coba dan Analisa
Setelah pembuatan sistem penilaian maka selanjutnya dilakukan uji coba dan analisa yang kemudian mengetahui sejauh mana hasil sistem penilaian akademik di SMP kartini.
5. Pembuatan Laporan
Pada tahap ini dilakukan pembuatan laporan mulai dari study
implementasi, sehingga pada akhirnya dapat dilakukan penarikan kesimpulan dan saran untuk kemajuandan perbaikan pada aplikasi yang telah dibuat.
6. Kesimpulan
Pada tahap kesimpulan adalah bagian dari penyusunan laporan proses aplikasi ( tugas akhir ) yang dibuat. Disini dibuat sebuah kesimpulan dari hasil pembuatan aplikasi dengan dasar teori yang mendukung dalam pembuatan aplikasi tersebut.
1.7. Sistematika Penulisan
Sistematika pembahasan Tugas akhir ini disusun dalam beberapa bab, yang dijelaskan sebagai berikut :
BAB I PENDAHULUAN
Bab ini menjelaskan permasalahan yang ada beserta solusi yang digunakan untuk menyelesaikan permasalahan tersebut. Penjelasan tersebut akan di bagi-bagi menjadi sub bab yaitu latar belakang masalah, perumusan masalah batasan masalah, tujuan dari pembuatan tugas akir, manfaat yang diperoleh, dan sistematika penulisan.
BAB II TINJ AUAN PUSTAKA
BAB III PERENCANAAN SISTEM
Bab ini membahas tentang gambaran umum dan rencanaan dari aplikasi pengajaran yang dibuat. Perencanaan aplikasi seperti konsep aplikasi seperti konsep aplikasi, desain sistem aplikasi,
user-interface, dan lain sebagainya.
BAB IV IMPLEMENTASI & UJ I COBA EVALUASI
Bab ini membahas tentang bagaimana aplikasi yang sudah dirancang konsep, desain sistem aplikasi, user-interface dan lain-lainnya dibuat menjadi sebuah aplikasi yang dapat dijalankan, dan Bab ini menjelaskan tentang bagaimana aplikasi yang telah jadi dan dapat dijalankan telah di uji coba, untuk mengetahui apakah aplikasi tersebut telah menyelesaikan permasalahannya dan sesuai dengan konsep yang dibuat.
BAB V PENUTUP
Bab ini membahas tentang bagian akir pada sebuah Laporan Tugas Akhir yaitu kesimpulan dan saran yang didapatkan dari hasil evaluasi BAB IV. Kesimpulan akan menjelaskan tentang hasil apa yang telah didapat dari pembuatan aplikasi dan laporannya. Sedangkan saran, akan menjelaskan bagaimana Peneliti memiliki visi tentang aplikasi yang dibuat pada masa mendatang.
DAFTAR PUSTAKA
2.1. Pr ofil SMP Kartini Taman Sidoarjo
SMP Kartini Taman Sidoarjo (dikenal juga dengan sebutan CR87) adalah sebuah sekolah menengah pertama yang berdiri pada tahun 1998 berlokasi di Jl Krisuryo Jati Utara Kedung Turi Taman, Sidoarjo. Merupakan sekolah menengah pertama yang didirikan oleh Drs.H.Bambang Sugiarto,M,Si. SMP kartini berdiri di atas tanah seluas 4.190 meter persegi yang terdiri dari 4 kelas VII , 4 kelas VIII dan 4 kelas IX , yang memiliki fasilitas lapangan olahraga, lab komputer serta perpustakaan.
Berikut Visi dan Misi SMP Kartini Taman Sidoarjo 1. Visi
Berprestasi, berdasarkan imtaq, berwawasan Iptek, berpijak pada budaya bangsa. 2. Misi
a. Melaksanakan pembelajaran dan bimbingan secara efektif . b. Menumbuhkan semangatberprestasi kepada warga sekolah.
c. Mendorong dan membantu setiap siswa untuk mengenali potensi dirinya dijiwai saling asah, asih dan asuh.
d. Menumbuh kembangkan penghayatan dan pengalaman terhadap ajaran agama yang dianut siswa.
Di bawah ini merupakan gambar tentang struktur organisasi yang ada di SMP kartini taman sidoarjo.
Struktur dari SMP Kartini Taman Sidoarjo:
Gambar 2.1 Struktur Organisasi SMP Kartini Taman Sidoarjo 2.2. Pengertian Sistem Infor masi
kebutuhan akan suatu informasi oleh pengguna informasi. Kriteria dari sistem informasi antara lain, fleksibel, efektif dan efisien.
Definisi sistem informasi pada abad ke 21 telah bergeser menjadi teknologi sistem informasi yang mempunyai lima komponen yaitu hardware, programs, data, procedure dan people. (Melisa Rachel, 2010).
1. Lingkungan luar sistem (environment)
Lingkungan luar sistem adalah apapun yang berada di luar batas sistem yang mempengaruhi operasi sistem. Lingkungan luar sistem dapat bersifat menguntungkan dan dapat pula merugikan sistem tersebut. Lingkungan luar sistem yang menguntungkan merupakan energi dari sistem dan dengan demikian harus tetap dijaga dan dipelihara. Sedangkan lingkungan luar yang merugikan harus ditahan dan dikendalikan, karena kalau tidak akan mengganggu kelangsungan hidup sistem.
2. Batas sistem (boundary)
Merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lain atau dengan lingkungan luarnya. Batas sistem ini memungkinkan suatu sistem dipandang sebagai suatu kesatuan. Batas-batas sistem menunjukkan suatu ruang lingkup atau scope dari sistem tersebut.
3. Masukan sistem (input)
Masukan adalah item yang dimasukkan ke dalam sistem. Masukan dapat berupa masukan perawatan (maintenance input) dan masukan sinyal (sinyal
dapat beroperasi. Signal input adalah item yang diproses untuk didapatkan keluaran.
4. Keluaran sistem (output)
Keluaran adalah hasil dari energi yang diolah dan diklarifikasikan menjadi keluaran yang berguna dan sisa pembuangan. Keluaran dapat merupakan masukan untuk sub sistem yang lain.
5. Pengolahan sistem (proses)
Suatu sistem dapat mempunyai suatu bagian pengolahan yang akan mengubah masukan menjadi keluaran.
2.3. Pengertian Website
Website atau situs adalah kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringanjaringan halaman (Hyperlink).
Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-berubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. (Achmad N,2004)
2.4 UML (United Modeling Language)
Pemecahan masalah utama dari Object Oriented biasanya dengan penggambaran dalam bentuk model. Model abstrak (semu) merupakan gambaran detail dari inti masalah yang ada, umumnya sama seperti refleksi dari problem yang ada pada kenyataan. Beberapa modeling tool yang dipakai adalah bagian dari dasar UML, kependekan dari United Modeling Language.
UML terdiri atas beberapa diagram, yaitu : 1. Diagram Use Case
6. Diagram StateChart 7. Diagram Activity 8. Diagram Deployment
Semakin kompleks bentukan sistem yang akan dibuat, maka semakin sulit komunikasi antara orang-orang yang saling terkait dalam pembuatan dan pengembangan software yang akan dibuat. Pada masa lalu, UML mempunyai peranan sebagai software blueprint (gambaran) language untuk analisis sistem, designer, dan programmer. Sedangkan pada saat ini, merupakan bagian dari software trade (bisnis software). UML memberikan jalur komunikasi dari sistem analis kemudian designer, lalu programmer mengenai rancangan software yang akan dikerjakan. Salah satu pemecahan masalah Object Oriented adalah dengan menggunakan UML. Oleh karena itu orang-orang yang berminat dalam mempelajari UML harus mengetahui dasar-dasar mengenai Object Oriented Solving (pemecahan masalah OO). Tahap pertama, pembentukan model. Model
adalah gambaran abstrak dari suatu dasar masalah. Dan dunia nyata atau tempat dimana masalah itu timbul bisa disebut dengan domain. Model mengandung obyek-obyek yang beraktifitas dengan saling mengirimkan messages (pesan-pesan). Obyek mempunyai sesuatu yang diketahui (Bayu Aji,2010).
1. Diagram Use Case
menjadi persoalan itu apa yang dilakukan bukan bagaimana melakukannya. Diagram Use Case dekat kaitannya dengan kejadian-kejadian.
2. Diagram Class
Diagram Class Diagram Class memberikan pandangan secara luas dari suatu sistem dengan menunjukan kelas-kelasnya dan hubungan mereka. Diagram
Class bersifat statis; menggambarkan hubungan apa yang terjadi bukan apa yang terjadi jika mereka berhubungan.
3. Package dan Object
Untuk mengatur pengorganisasian diagram Class yang kompleks, dapat dilakukan pengelompokan kelas-kelas berupa package (paket-paket). Package
adalah kumpulan elemen-elemen logika UML.
4. Diagram Sequence
5. Diagram Colaboration
Diagram Collaboration juga merupakan diagram interaction. Diagram membawa informasi yang sama dengan diagram Sequence, tetapi lebih memusatkan atau memfokuskan pada kegiatan obyek dari waktu pesan itu dikirimkan.
6. Diagram StateChar t
Behaviors dan state dimiliki oleh obyek. Keadaan dari suatu obyek bergantung pada kegiatan dan keadaan yang berlaku pada saat itu. Diagram StateChart menunjukan kemungkinan dari keadaan obyek dan proses yang menyebabkan perubahan pada keadaannya.
7. Diagram Activity
Pada dasarnya diagram Activity sering digunakan oleh flowchart. Diagram ini berhubungan dengan diagram Statechart. Diagram Statechart berfokus pada obyek yang dalam suatu proses (atau proses menjadi suatu obyek), diagram
8. Diagram Component dan Deployment
Component adalah sebuah code module (kode-kode module). Diagram Component merupakan fisik sebenarnya dari diagram Class. Diagram Deployment
menerangkan bahwa konfigurasi fisik software dan hardware
2.5. Perhitungan Penilaian Pada SMP
Pada penilaian di smp memiliki perhitungan rata-rata apabila ingin mengetahui jumlah data yang diperoleh dengan berupa rata-rata atau hasil akhir pada penilaian tersebut yaitu :
Perhitungan penilaian memperoleh hasil rata-rata yaitu :
Banyak Jumlah jenis nilai pelajaran x jumlah mata pelajaran secara keseluruhan dibagi hasil dari kali jumlah tersebut.
Contoh misal ada jumlah nilai satu mata pelajaran ada 5 nilai yang terdiri dari nilai UAS =78 UTS =75 Tugas1 =80 Tugas =82 Tugas3 =76 kemudian dikali jumlah mata pelajaran yang misal terdapat ada 10 mata pelajaran dan setelah itu dibagi 5 x 10=50 Bagaimanakah perhitungan rata-ratanya?
Jumlah jenis nilai satu mata pelajaran x 5 = 391 Jumlah mata pelajaran keseluruhan = 10
Perhitungan nilai = 391 x 10 = 3,910 : 50 = 78,2 Maka hasil akhir rata-rata nilai di atas adalah 78,2
2.6. PHP (Hypertext Preprocessor)
dikarenakan bersifat open source dan juga paling banyak didukung oleh banyak
web server. PHP dapat digunakan oleh banyak sistem operasi dari Windows, Linux maupun BSD. PHP umumnya diintegrasikan dengan aplikasi database
yang juga open source seperti MySQL maupun PostgreSql, tapi bisa juga diintegrasikan dengan Microsoft SQL, Access maupun Oracle (Aman B, 2010).
Keunggulan PHP menurut (Aman B, 2010):
1. Bahasa Pemrograman PHP mendukung komunikasi dengan layanan seperti protocol IMAP, SNMP, NNTP, POP3 bahkan HTTP.
2. Securiry: Tingkat keamanan yang cukup tinggi dan Stabil.
3. Access: Akses ke sistem Database yang lebih fleksibel, seperti MySQL. 4. Easy & Faster: Dalam sisi pemahamanan, PHP adalah bahasa scripting
yang paling mudah karena memiliki referensi yang banyak dan berkecepatan tinggi.
5. Cross platform yaitu PHP dapat berjalan lintas platform, yaitu dapat berjalan dalam sistem operasi seperti Windows, Linuz, MacOS dan OS lainnya dan web server apapun.
6. Free: Dapat digunakan secara gratis.
7. Termasuk bahasa yang embedded, yakni dapat diletakkan dalam tag HTML.
8. Termasuk Jenis server side programming, sehingga kode asli/source code PHP tidak dapat dlihat di browser pengguna, yang terlihat hanya kode dalam format HTML.
misalnya untuk keperluan Database connection.
10. PHP dapat melakukan semua aplikasi program CGI, seperti mengambil nilai form, menghasilkan halaman web yang dinamis, mengirimkan dan menerima cookies.
11. On The Fly: PHP sudah mendukung on the fly, artinya dengan php anda dapat membuat document text, Word, Excel, PDF, menciptakan image dan flash, juga menciptakan file-file seperti zip, XML, dan banyak lagi.
12. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan.
2.7. MySQL
2.8. XAMPP
XAMPP adalah aplikasi web server instan yang dibutuhkan untuk membangun aplikasi berbasis web. Fungsi XAMPP adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache, http server, MySQL,
database, dan penterjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (X=Cross Platform), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam lisensi GNU ( General Public Universitas Sumatera Utara License ) dan gratis. (Jeckson.S dkk, 2012).
Dengan menginstal XAMPP, kita tidak perlu menginstal aplikasi server
satu persatu karena di dalam XAMPP sudah terdapat 1. Apache 2.2.14 ( Ipv6 Enabled) + open SSL 0.9.8l
2. MySQL 5.1.41 + PBXT engine
3. PHP 5.3.1
4. PHPMyAdmin 3.2.4
5. Perl 5.10.1
6. Filezilla FTP Server 0.9.33.
7. Mercury Mail Transport System 4.72.
2.9. Apache Web Server
juga diartikan sebagai suatu web server yang kompak, modular, mengikuti standar protokol HTTP, dan tentu saja sangat digemari (Sutarman, 2003).
2.10. Pengertian Framewor k
Framework merupakan salah satu pendukung dalam pengembangan CMS, terutama jika CMS atau aplikasi yang akan dibuat berbasiskan pada object oriented. Dengan adanya framework yang tersedia, maka pengembangan aplikasi yang dibuat menjadi lebih mudah, cepat dan lebih object oriented. Sehingga analisa – analisa yang dilakukan secara object oriented dapat dengan mudah dan cepat diterapkan untuk dikembangkan. Jenis–jenis dari framework sangat banyak, baik yang open-source maupun yang non open-source (Riski Tahara dkk, 2011). 2.10.1 J enis-J enis Framewor k
Beberapa tipe dari framework 1. Framework teknologi
Dikenal juga sebagai infrastruktur middleware framework. Contoh: COM, COBRA, Java
2. Framework object oriented
Terdiri dari satu set class yang bekerja sama untuk memecahkan masalah yang saling berkaitan. Contoh : RequeWavetool.h, Model-View-Controller(MVC)
Mendefinisikan satu set interaksi abstrak yang menjelaskan protocol yang dimana komponen saling bekerja sama. Contoh : Visual Component Framework (VCF), Yii Framework
4. Framework Bisnis
Dikenal juga Enterprise Framework. Contoh : SAP R3, John doe’s order Prosescing Framework.
1. CodeIgniter
Kelebihan : Mudah digunakan dan tidak memerlukan konfigurasi yang rumit Fungsi-fungsi pendukung yang cukup lengkap Mendukung PHP4 dan PHP5 Mungkin merupakan Framework MVC paling populer dan paling banyak digunakan. Dokumentasi yang sangat bagus, friendly dan didukung oleh forum, wiki, dan komunitas yang besar.
Kekurangan : Tidak mendukung AJAX, dan ORM meyediakan dan memisahan file-file dalam MVC pattern, tapi masih memberikan kebebasan user untuk melanggar aturan MVC.
2. CakePHP
Kekurangan : Manual yang ada tidak selengkap CI. Butuh waktu belajar yang lebih lama untuk menguasai framework ini dibanding CI. Tapi jika sudah benar-benar mengerti, banyak kelebihan dibanding CI. Beberapa situs menyarankan anda untuk belajar dan terbiasa dulu dengan CodeIgniter baru kemudian mempelajari CakePHP.
3. Symfony
Kelebihan : Dukungan terhadap AJAX, ORM Kompatibel dengan berbagai macam database Banyak library dan fungsi symfony yang sudah tersedia. Bahkan hampir mendekati CMS. Sehingga ada yang mengatakan ”Symphony is a CMS with a heart of a framework.” ini menjadi kelebihan sekaligus kekurangan. Kekurangan : Tidak mendukung PHP4 Relatif butuh waktu lama untuk mengerti framework ini Instalasi dan konfigurasinya cukup rumit.
4. Zend
Kelebihan : Dukungan terhadap AJAX, ORM Berdasarkan informasi dari situs resminya, disebutkan bahwa fokus dari Zend Framework ini adalah untuk membangun aplikasi berbasis Web dan untuk memudahkan dalam mengakses API dari berbagai vendor seperti Google, Amazon, Yahoo!, dan Flickr.
5. Akelos
Merupakan Framework yang relatif baru dengan kemampuan yang handal dan lengkap.
Kelebihan : Dukungan terhadap PHP4, PHP5, AJAX, ORM (cukup lengkap dan cukup mengakomodasi semua kebutuhan yang umum dari aplikasi php).
Kekurangan : Kurang adanya dukungan komunitas. Mungkin karena masih relatif baru Beberapa forum mengatakan bahwa framewok ini cukup banyak memakan memory.
Kesimpulan Ternyata dokumentasi dan manual merupakan salah satu kunci sukses CodeIgniter. Padahal Framework lain memiliki banyak keungulan. ” Produk yang hebat tanpa didukung dokumentasi yang bagus ternyata tetap kalah dibanding produk yang biasa-biasa saja” Faktor lain yang membuat CodeIgniter unggul adalah dukungan forum yang friendly, dan hampir setiap pertanyaan. Terdapat banyak komunitas pengembang (Bagus.P,2012)
2.11. Fr amewor k CI (CodeIgniter)
juga merupakan sebuah framework untuk membangun sebuah aplikasi website dinamis menggunakan PHP yang dapat digunakan dengan cepat dan mudah tanpa harus membangun apilkasi PHP dari awal. Framework secara sederhana dapat diartikan kumpulan dari fungsi-fungsi/prosedur-prosedur dan class-class untuk tujuan tertentu yang sudah siap digunakan sehingga bisa lebih mempermudah dan mempercepat pekerjaan seorang pemrograman, tanpa harus membuat fungsi atau class dari awal. (Komang W.2010) Master Framework Codeigniter Berikut ini merupakan kelebhan menggunakan Framework Codeigniter (Komang W.2010).
1. Fr ee of Charge – Gratis Lisensi CodeIgniter adalah lisensi Apache/BSD style open source license, yang berarti kita dapat menggunakannya secara gratis sesuai kebutuhan kita.
2. Suppor t PHP 4.0 ataupun PHP 5.0 mampu mensupport pengembang yang masih menggunakan PHP versi 4.0 tetapi tetap powerful walau harus digunakan bersama PHP 5.0.
3. Ringan dan Cepat (LightWeight) Secara default, saat CodeIgniter berjalan hanya akan me-load beberapa library saja. Untuk library-library lain bisa di load sesuai kebutuhan. Hal ini berarti penggunaan resource yang sedikit sehingga aplikasi akan terasa ringan dan cepat.
bisa lebih mudah dibagi-bagi. Ada bagian yang khusus membuat tampilan dan bagian yang membuat core programnya.
5. Dokumentasi lengkap terdapat dokumentasi yang sangat lengkap tentang semua hal yang ada dalam CodeIgniter. Mulai dari langkah instalasi sampai dokumentasi fungsi-fungsi nya tersedia. Adanya dokumentasi sangat memudahkan bagi pemula dalam mempelajari lingkungan pengembangan website dengan CodeIgniter.
6. Pustaka yang lengkap. CodeIgniter dilengkapi dengan berbagai pustaka siap pakai untuk berbagai kebutuhan, misalnya saja koneksi database, email, session dan cookies, keamanan, manipulasi gambar dan banyak lagi.
2.12. Pengertian MVC (Model View Contr oller).
Model View Controller atau yang sering disebut dengan MVC merupakan arsitektur yang sangat berguna dalam melakukan pengembangan sebuah sistem. Model View Controller merupakan suatu konsep yang cukup populer dalam pembangunan aplikasi web, berawal pada bahasa pemrograman Small Talk, MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data, user interface, dan bagian yang menjadi kontrol aplikasi. Terdapat 3 jenis komponen yang membangun suatu MVC pattern dalam suatu aplikasi yaitu :
data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model.
2. Model, biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian view.
3. Controller, merupakan bagian yang mengatur hubungan antara bagian model dan bagian view, controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi.
akademik menggunakan framework Codeigniter., serta langkah-langkah alur program. Adapun langkah-langkah yang digunakan dalam pengerjaan proyek akhir ini adalah sebagai berikut :
3.1. Analisa Sistem
Dalam sub bab analisis sistem ini, penulis akan mencoba untuk menjelaskan mengenai analisis dari sistem yang dibuat, yaitu Sistem Penilaian Akademik Berbasis Web di SMP Kartini Taman Sidoarjo. Sistem ini bertujuan untuk memberikan informasi penilaian siswa data para guru dan siswa , serta laporan yang digunakan untuk pimpinan atau kepala sekolah SMP Kartini dalam mengawasi perkembangan laporan penilaian yang terdapat pada SMP Kartini. Di dalam sistem penilaian ini.
3.1.1 Requirement
Pada sekolah di SMP Kartini Taman Sidoarjo ini penulis telah melakukan wawancara pada pihak kepala sekolah serta guru di sekolah tersebut dan memperoleh data serta informasi sistem yang akan di butuhkan oleh penulis dalam membangun aplikasi ini yang sebelumnya masih dilakukan secara manual.
masing user, pihak sekolah ingin pada login user ini terdapat informasi secara detail mengenai data guru, siswa, kepala sekolah, serta data nilai yang dapat diakses dan dilihat dan dicetak secara online. Pada akhir wawancara, penulis menyimpulkan dan membuat perancangan sistem dari seluruh hasil wawancara kepada kepala sekolah dan guru di SMP Kartini Taman Sidoarjo.
3.2. Perancangan Sistem
Perancangan sistem membahas mengenai konsep dari sistem yang akan di bangun untuk memenuhi kebutuhan kepada pengguna sistem dan memberikan gambaran secara umum dan jelas kepada user tentang sistem yang baru. Perancangan sistem secara umum merupakan persiapan dari perancangan dan mengidentifikasi komponen-komponen sistem yang akan dirancang secara detail. Dalam melakukan perancangan terhadap sistem, maka model yang dipergunakan dalam melakukan perancangan sistem yaitu model rancangan sistem dengan menggunakan UML (Unified Modeling Language).
3.2.1 Deskr ipsi Umum Sistem
Secara umum, Deskripsi Sistem Penilaian Akademik SMP Kartini sistem yang dibuat adalah sebagai berikut :
data guru , siswa dan kepala sekolah. Seperti insert, update dan delete data guru , siswa maupun kepala sekolah.
3. Guru bisa menjalankan sistem informasi untuk melakukan pengolahan data nilai siswa dan memasukkan nilai siswa.
4. Siswa bisa menjalankan sistem informasi untuk melihat data nilai siswa tersebut.
5. Kepala sekolah bisa menjalankan sistem informasi untuk melihat laporan guru dan siswa, dan melihat laporan nilai siswa. Serta pimpinan dapat mengawasi segala inputan data dan perubahan data yang dilakukakn oleh admin dan guru.
3.2.2. Diagram UML (Unified Modeling Language)
Pada proses perancangan Tugas Akhir ini, desain yang dibuat menggunakan diagram UML (Unified Modeling Language) yang bertujuan untuk memodel rancangan sistem dan aliran program yang dibuat mendekati realitas dan siap pakai. Software yang digunakan dalam merancang proses adalah Rational Rose Enterprise Edition. Diagram-diagram UML yang digunakan pada Sistem Penilaian Akademik adalah sebagai berikut : 1. Diagram Use Case
atau mesin yang berinteraksi dengan sistem untuk melakukan pekerjaan-pekerjaan tertentu. Use case diagram dapat sangat membantu bila kita sedang menyusun sebuah sistem.
Gambar 3.1 Diagram Use Case Sistem Penilaian Akademik. 2. Diagram Aktifitas
Activity diagram menggambarkan berbagai alir aktifitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang terjadi pada beberapa eksekusi.
Gambar 3.2 Diagram Aktifitas Login
start
login cek username dan
password
menampilkan halaman utama end
validasi
dahulu untuk mengakases sistem penilaian akademik.
Gambar 3.3 Diagram Aktifitas Admin
Pada gambar 3.3 admin melakukan login terlebih dahulu untuk menjalankan sistem. Dimana terlihat pada 3.3 setelah login akan menampilkan menu. Admin dapat melakukan pengolahan guru, pengolahan siswa, pengolahan data nilai siswa serta pengolahan data kepala sekolah.
menjalankan sistem. Dimana terlihat pada 3.4 setelah login akan menampilkan menu. Guru dapat melakukan pengolahan data siswa, serta melakukan pengolahan data nilai siswa.
Gambar 3.5 Diagram Aktifitas Siswa
Pada gambar 3.5 siswa melakukan login terlebih dahulu untuk menjalankan sistem. Dimana terlihat pada 3.5 setelah login akan menampilkan menu. Siswa bisa menjalankan sistem informasi untuk melihat informasi dan melihat data nilai serta dapat mencetak nilai siswa tersebut.
menjalankan sistem. Dimana terlihat pada 3.6 setelah login akan menampilkan menu. Kepala sekolah disini berfungsi mengawasi inputan-inputan data yang dilakukan oleh admin dan guru.
3. Diagram Sekuensial
Sequence diagram menggambarkan interaksi antar objek didalam dan disekitar sistem ( termasuk pengguna, display dan sebagainya ) berupa
message terhadap waktu. Sequence diagram terdiri atas dimensi vertikal ( waktu ) dan dimensi hotizontal ( objek-objek ) yang terkait.
Sequence diagram bisa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respon dari sebuah entitas event untuk menghasilkan output tertentu.
Gambar 3.7 Diagram Sekuensial Login
Dari Gambar 3.7 diagram sekuensial yang ada diatas menggambarkan aliran kerja yang terjadi sebelum memasuki sistem penilaian akademik harus login dahulu.
user
user form loginform login form menu
Gambar 3.8 Diagram Sekuensial Mengolah Guru
Pada gambar 3.8 Diagram sekuensial sistem dimana admin menjelaskan tentang proses admin mengolah data guru.
Gambar 3.9 Diagram Sekuensial Mengolah Siswa
Gambar 3.10 Diagram Sekuensial Mengolah Nilai Siswa
Pada gambar 3.10 menjelaskan tentang aliran dimana guru mengolah data nilai siswa.
Gambar 3.11 Diagram Sekuensial Melihat Guru
Gambar 3.12 Diagram Sekuensial Melihat Siswa
Pada gambar 3.12 menjelaskan tentang aliran dimana kepsek dapat melihat data siswa, serta dapat dicetak.
Gambar 3.13 Diagram Sekuensial Melihat Nilai Siswa
tidak terjadi korupsi data. 4. Diagram Class
Class diagram memperlihatkan keberadaan dari class-class dan hubungannya dari sistem dalam logical view. Class diperoleh dengan melakukan pengetesan pada diagram sekuensial.
Gambar 3.14 Diagram Class Sistem Penilaian Akademik
3.3.1 CDM (Conceptual Data Model)
CDM pada website sistem penilaian akademik ini mempresentasikan rancangan basis data konseptual di database.
Gambar 3.15 CDM
Gambar 3.15 diatas menjelaskan tentang CDM didalam sistem ini. Terdapat 9 tabel database yakni admin, guru, siswa, kelas, pelajaran, tahun ajaran, belajar mengajar, jenis nilai dan nilai.
Physiscal Data Model dibuat dengan cara generate diagram Conceptual Data Model sehingga menghasilkan tabel-tabel yang akan digunakan dalam implementasi pada website sistim penilaian akademik.
Gambar 3.16 PDM
Seperti halnya pda CDM, PDM pada gambar 3.16 diatas menjelaskan tentang database didalam sistem ini. terdapat 9 tabel database. Admin mengolah data guru dan siswa.Guru mengelola kelas dan BM (belajar mengajar) Belajar mengajar berelasi dengan tahun ajaran dan nilai dari siswa. Nilai sendiri berelasi dengan jenis nilai. Pelajaran berelasi dengan kelas. Admin disini bertugas mengelola dan menambah data dari siswa dan kelas, yang berelasi dengan kelas, perlajaran, belajar mengajar, tahun ajaran, dan nilai.
Perancangan antar muka (interface) yang akan dibuat untuk sistem penilaian akademik di SMP Kartini ini akan dibuat secara terstruktur. Dalam merancang tampilan sebuah situs, harus menggambarkan layout dari situs yang akan dibuat. Layout berfungsi untuk memudahkan dalam mendesain tampilan pada sebuah halaman web. Berikut ini merupakan bagian-bagian dari aplikasi web tersebut:
1. Halaman Login
Di bawah ini adalah gambar halaman login, tampilan awal saat ingin menggunakan aplikasi.
Gambar 3.18 Halaman Admin
Antarmuka user sebagai admin merupakan tampilan dimana admin melakukan aktifitasnya dalam mengelola data dan nilai siswa-siswi yang ada di SMP Kartini Taman Sidoarjo. Dalam sistem ini admin akan melakukan berbagai aktifitasnya yaitu seperti menambah data master yang terdiri dari guru, jabatan, siswa, jenis nilai, tahun ajaran, semester, kelas, group, pelajaran dan menambah data proses yang didalamnya terdapat kelola kelas dan belajar mengajar.
Gambar 3.19 Halaman Guru
Gambar di atas merupakan tampilan login guru , dimana guru dapat mengelola data proses yang didalamnya terdapat input nilai dan status nilai, guru juga bisa melihat laporan data guru, siswa, dan nilai.
Gambar 3.20 Halaman Siswa
Gambar di atas merupakan tampilan login siswa , dimana siswa dapat mengelola laporan guru, laporan siswa, dan laporan nilai.
5. Halaman kepsek di bawah ini adalah tampilan awal halaman kepsek
Pada Bab IV ini akan membahas mengenai implementasi dan hasilnya dari rancangan sistem yang telah dibuat. Pembahasan ini meliputi lingkungan implementasi, implementasi antarmuka(interface), hasil dan uji coba, sms
gateway.
4.1 Lingkungan Implementasi
Spesifikasi perangkat keras dan pernagkat lunak yang digunakan pada implementasi sistem ini, sebagai berikut :
1. Perangkat Keras (Hardware) a. Laptop Acer Aspire 4741 b. Memori 4GB
c. Modem Huaweii E173 2. Perangkat Lunak (Software)
a. Sistem Operasi Windows 7 Professional
b. Macromedia Dreamweaver 8 sebagai pembuatan desaign web dan
code editor-nya.
c. Notepad ++ sebagai code editor
d. XAMPP 1.7.7 sebagai server local
e. PHP MyAdmin sebagai Interface database
f. MySQL sebagai database
aplikasi dekstop
i. Google Chrome sebagai web browser
j. Power Desaigner 12 sebagai pemodelan dalam perancangan sistem k. Rational Rose sebagai perancangan sistem
4.2 Implementasi Antar muka (Interface)
Pada sub-bab ini akan menjelaskan apa saja dan bagaimana sistem yang telah dibuat berdasarkan rancangan telah dibahas pada bab III. Pada sistem dan aplikasi yang akan dibuat ini terdapat beberapa menu utama yang diklasifikasikan berdasarkan pengguna dan kegunaannya.
Ada beberapa pengguna yang berkaitan dengan sistem yang dibuat berikut pengguna-penggunanya :
1. Administrator (Admin) 2. Guru
3. Siswa/ Siswi 4. Kepala Sekolah
Antarmuka user merupakan media untuk menampilkan sebuah sistem yang digunakan oleh para penggunanya dalam memanajemen data siswa dan nilai siswa di SMP KARTINI TAMAN SIDOARJO. Tampilan sistem ini dirancang, dan dibuat agar pengguna atau user dapat dengan mudah dalam mengakses. Maka dapat dilihat antarmuka user pada gambar 4.1 berikut ini :
Gambar 4.1 Antarmuka Halaman Utama User Login
secara benar. Dimana username yang dimasukkan dengan benar maka user dapat memasuki halaman sistem ini dan dapat mengakses dalam mengelola atau memanajemen data berdasarkan aktifitas masing-masing user. Tombol login dan
batal menunjukkan jika login diklik maka dapat melakukan proses masuk halaman sistem, jika batal maka tidak dapat mengakses atau memasuki halaman
user.
4.4 Implementasi Antar muka User Admin
Antarmuka user sebagai admin merupakan tampilan dimana admin melakukan aktifitasnya dalam mengelola data dan nilai siswa-siswi yang ada di SMP Kartini Taman Sidoarjo. Dalam sistem ini admin akan melakukan berbagai aktifitasnya, berikut macam-macam aktifitas admin setelah mendapatkan hasil serta uji coba yang telah dilakukan :
4.4.1 Admin - Login
Gambar 4.2 Halaman Admin Login
Halaman ini merupakan gambar 4.2 saat admin login dengan memasukkan datanya berupa username dan password. Data yang dimasukkan harus sesuai ataupun benar dengan yang sudah ditentukan sehingga admin dapat memasuki halaman utama admin. Jika tombol Login dipilih maka dapat memasuki halaman utama admin, apabila memilih Batal maka tidak dapat memasuki halaman utama admin serta kembali ke tampilan login semula. Di dalam halaman utama user
Ini merupakan halaman utama yang telah dimasuki atau diakses oleh admin. Dimana halaman utama admin dapat diakses dengan memasukkan
username dan password dengan benar. Sehingga tampil gambar 4.3 yang akan dijelaskan :
Gambar 4.3 Halaman Utama Admin (Administrator)
Pada menu master ini admin akan mengelola semua data guru, jabatan siswa, jenis nilai, tahun ajaran, semester, kelas group dan pelajaran. dimulai dari memasukkan data guru, jabatan siswa, jenis nilai, tahun ajaran, semester, kelas group dan pelajaran. menampilkan data guru, jabatan siswa, jenis nilai, tahun ajaran, semester, kelas group dan pelajaran. mengubah data guru, jabatan siswa, jenis nilai, tahun ajaran, semester, kelas group dan pelajaran. memperbarui data guru, jabatan siswa, jenis nilai, tahun ajaran, semester, kelas group dan pelajaran. menghapus data guru, jabatan siswa, jenis nilai, tahun ajaran, semester, kelas group dan pelajaran.
1. Halaman Admin - Memasukkan Data Gur u
Gambar 4.4 Halaman Admin Memasukkan Data Guru
Gambar 4.4 menjelaskan admin akan memasukkan data guru yang baru berdasarkan kolom-kolom yang tersedia dan kosong dengan memasukkan NIP, Nama, Email, Title, Alamat, J enis Kelamin, Hak Khusus, Telepon, Password, dengan benar. Kemudian data tersebut akan disimpan dan akan diproses penyimpanan datanya di dalam database. Pada kolom jenis kelamin terdapat
radio button yaitu laki-laki dan perempuan. Pada kolom Hak Khusus juga terdapat radio button yaitu ya atau tidak.
Gambar 4.5 Data Guru Berhasil Disimpan
Berdasarkan gambar-gambar di atas, gambar 4.5, merupakan tampilan dengan berupa alert “Data berhasil tersimpan“ maksudnya adalah data tersebut telah tersimpan dengan benar di dalam database.
Gambar 4.6 Tampilan Data Guru
Pada data Guru terdapat juga menu conten control edit dan delete , dimana edit berfungsi sebagai meng-update identitas setiap guru dengan identitas yang lebih baru. Berikut tampilan gambar 4.7 yaitu data mengedit guru :
Gambar 4.7 Tampilan Edit Data Guru
Dari gambar 4.7 menjelaskan admin ingin mengedit data guru , terdapat inputan edit NIP , nama , email , title , alamat , jenis kelamin ,hak khusus , telp , dan password . setelah data guru di submit maka akan muncul gambar seperti di bawah ini .
Gambar 4.8 diatas menampilkan update data guru telah sukses . Conten control selanutnya yaitu delete , dimana delete ini berfungsi untuk menghapus data guru yang telah non aktif , bila conten control delete ini dipilih akan muncul alert pilihan seperti gambar berikut .
Gambar 4.9 Alert conten control delete guru
Pada gambar 4.9 di atas dimana admin telah sukses menghapus data guru yang sudah ada di dalam sisitem dan gambar tersebut tampilan saat berhasil terhapus.
2. Halaman Admin – Memasukan Data jabatan
Gambar 4.10 dibawah ini menggambarkan tampilan dalam memasukkan data Jabatan yang baru. Data yang dimasukkan berdasarakan field-field atau kolom-kolom yang tersedia dan kosong
baru berdasarkan kolom-kolom yang tersedia dan kosong dengan memasukkan nama jabatan dan catatan dengan benar. Kemudian data tersebut akan disimpan dan akan diproses penyimpanan datanya di dalam database.
Berikut ini gambar dengan tampilan berhasil dalam menyimpan data jabatan :
Gambar 4.11 Data Jabatan Berhasil Disimpan
Berdasarkan gambar-gambar di atas, gambar 4.11, merupakan tampilan dengan berupa alert “Data berhasil tersimpan“ maksudnya adalah data tersebut telah tersimpan dengan benar di dalam database.
. Setelah data telah tersimpan, data dapat ditampilkan seperti gambar berikut ini :
jabatan yang dimana berisi tentang kepala sekolah, guru, TU, wakil kepala sekolah dan masing masing nama jabatan memiliki catatan.
2.1 Halaman Admin – Edit Data jabatan
Pada data Jabatan terdapat juga menu conten control edit dan delete , dimana edit berfungsi sebagai meng-update identitas jabatan dengan identitas yang lebih baru. Berikut tampilan gambar 4.13 yaitu data mengedit jabatan :
Gambar 4.13 Tampilan Edit Data Jabatan
Dari gambar 4.13 menjelaskan admin ingin mengedit data jabatan , terdapat inputan edit nama jabatan dan catatan , masing inputan tidak boleh ada yang kosong .
Bila sudah data edit telah terisi seluruhnya akan muncul alert seperti gambar 4.14
Gambar 4.14 diatas menampilkan update data jabatan telah sukses . Conten control selanutnya yaitu delete , dimana delete ini berfungsi untuk menghapus data jabatan yang telah non aktif , bila conten control delete ini dipilih akan muncul alert pilihan seperti gambar berikut .
Gambar 4.15 Alert conten control delete Jabatan
Pada gambar 4.15 di atas dimana admin telah sukses menghapus data jabatan yang sudah ada di dalam sisitem dan gambar tersebut tampilan saat berhasil terhapus.
3. Halaman Admin – Memasukan Data Siswa
Gambar 4.16 dibawah ini menggambarkan tampilan dalam memasukkan data Siswa yang baru. Data yang dimasukkan berdasarakan field-field atau kolom-kolom yang tersedia dan kosong.
berdasarkan kolom-kolom yang tersedia dan kosong dengan memasukkan NIS , nama, email, kelas, alamat, jenis kelamin, telp, password, nama ortu, pekerjaan ortu, pendapatan ortu dan no telp ortu dengan benar. Kemudian data tersebut akan disimpan dan akan diproses penyimpanan datanya di dalam
database.
Berikut ini gambar dengan tampilan berhasil dalam menyimpan data siswa
Gambar 4.17 Data Siswa Berhasil Disimpan
Berdasarkan gambar-gambar di atas, gambar 4.17, merupakan tampilan dengan berupa alert “Data berhasil tersimpan“ maksudnya adalah data tersebut telah tersimpan dengan benar di dalam database.
Gambar di bawah ini merupakan tampilan data siswa
nama, email, kelas, alamat, jenis kelamin, telp, password, nama ortu, pekerjaan ortu, pendapatan ortu dan no telp ortu.
3.1 Halaman Admin – Edit Data Siswa
Pada data Siswa terdapat juga menu conten control edit dan delete , dimana edit berfungsi sebagai meng-update identitas siswa dengan identitas yang lebih baru. Berikut tampilan gambar 4.19 yaitu data mengedit siswa :
Gambar 4.19 Tampilan Edit Data Siswa
Dari gambar 4.19 menjelaskan admin ingin mengedit data siswa , terdapat inputan edit NIS , nama, email, kelas, alamat, jenis kelamin, telp, password, nama ortu, pekerjaan ortu, pendapatan ortu dan no telp ortu, masing inputan tidak boleh ada yang kosong .
Gambar 4.20 Tampilan Mengubah Data Siswa
Setelah data melakukan perubahan dengan memilih tombol submit, maka akan tampil gambar 4.20 bahwa data siswa/ siswi yang bernama “Jono” telah diperbarui”. Selanjutnya dapat melihat data siswa/ siswi yang telah diperbarui dengan memilih menu “View Siswa” pada Menu Siswa yang dapat melakukan aktifitas lainnya dalam mengelola atau memanajemen data siswa.
3.2 Halaman Admin – Delete Data Siswa
Gambar 4.21 Tampilan Data Siswa Telah Dihapus
Jika telah melewati proses penghapusan dengan sebelumnya memilih link
hapus, maka akan tampil informasi bahwa “Data Siswa Telah Dihapus” dan dapat dilihat data yang terbaru dengan memilih pada link “Lihat Data”, seperti gambar 4.21
4. Halaman Admin – Memasukan Data J enis Nilai
Gambar 4.22 dibawah ini menggambarkan tampilan dalam memasukkan data jenis nilai yang baru. Data yang dimasukkan berdasarakan field-field atau kolom-kolom yang tersedia dan kosong.
baru berdasarkan kolom-kolom yang tersedia dan kosong dengan memasukkan nama dan bobot dengan benar. Nama yang bermaksud jenis nama nilai sedangkat bobot bermaksud bobot dari nilai tersebut. Kemudian data tersebut akan disimpan dan akan diproses penyimpanan datanya di dalam database. Berikut ini gambar dengan tampilan berhasil dalam menyimpan data jenis nilai :
Gambar 4.23 Data Jenis Nilai Berhasil Disimpan
Berdasarkan gambar-gambar di atas, gambar 4.23, merupakan tampilan dengan berupa alert “Data berhasil tersimpan“ maksudnya adalah data tersebut telah tersimpan dengan benar di dalam database.
macam macam jenis nilai seperti UAS , UTS dan nilai nilai lainnya serta memiliki bobot yang berbeda beda berdasarkan jenis nilai tersebut.
4.1 Halaman Admin – Edit Data J enis Nilai
Pada data Jenis nilai terdapat juga menu conten control edit dan delete , dimana edit berfungsi sebagai meng-update data jenis nilai dengan data yang lebih baru. Berikut tampilan gambar 4.25 yaitu data mengedit jenis nilai :
Gambar 4.25 Tampilan Edit Jenis Nilai
Dari gambar 4.25 menjelaskan admin ingin mengedit data jenis nilai , terdapat inputan edit seperti nama dan bobot masing masing inputan tidak boleh ada data yang tidak diisi atau kosong .
Bila sudah data edit telah terisi seluruhnya akan muncul alert seperti gambar 4.26
akan tampil gambar 4.26 bahwa data jenis nilai UAS dengan bobot 30 telah diperbarui”. Selanjutnya dapat melihat data jenis nilai yang telah diperbarui.
4.2 Halaman Admin – Delete Data J enis Nilai
Gambar 4.26 diatas menampilkan update data jenis nilai telah sukses .
Conten control selanutnya yaitu delete , dimana delete ini berfungsi untuk menghapus data jenis nilai yang telah non aktif , bila conten control delete ini dipilih akan muncul alert pilihan seperti gambar berikut.
Gambar 4.27 Tampilan Data Jenis Nilai Telah Dihapus
Jika telah melewati proses penghapusan dengan sebelumnya memilih
link hapus, maka akan tampil informasi bahwa “Data Jenis Nilai Telah Dihapus” dan dapat dilihat data yang terbaru dengan memilih pada link “Lihat Data”.
5. Halaman Admin – Memasukan Data Tahun Ajar an
Gambar 4.28 Halaman Admin Memasukkan Data Tahun Ajaran
Gambar 4.28 menjelaskan admin akan memasukkan data tahun ajaran yang baru berdasarkan kolom-kolom yang tersedia dan kosong dengan memasukkan nama tahun ajar an dan catatan dengan benar. Nama tahun ajaran yang bermaksud tahun aktif yang sedang digunakan oleh sekolah tersebut sedangkat catatan bermaksud catatan dari tahun ajaran tersebut. Kemudian data tersebut akan disimpan dan akan diproses penyimpanan datanya di dalam database.
Berikut ini gambar-gambar dengan tampilan berhasil dan tidak berhasil dalam menyimpan data tahun ajaran :
dengan berupa alert “Data berhasil tersimpan“ maksudnya adalah data tersebut telah tersimpan dengan benar di dalam database.
Gambar 4.30 di bawah menunjukan tampilan tahun ajaran yang berisi nama tahun ajaran yang akan digunakan , catatan yang berupa tentang catatan tahun ajaran tersebut serta status tahun ajaran tersebut yang sedang aktif atau non aktif.
Gambar 4.30 Tampilan Tahun Ajaran 5.1 Halaman Admin – Edit Data Tahun Ajar an
Pada data Tahun Ajaran terdapat juga menu conten control edit dan delete , dimana edit berfungsi sebagai meng-update data tahun ajaran dengan data yang lebih baru. Berikut tampilan gambar 4.31 yaitu data mengedit tahun ajaran :
terdapat inputan edit seperti nama tahun ajar an dan catatan masing masing inputan tidak boleh ada data yang tidak diisi atau kosong . Bila salah satu inputan tidak diisi akan muncul alert seperti ini.
Bila sudah data edit telah terisi seluruhnya akan muncul alert seperti gambar 4.32
Gambar 4.32 Tampilan Mengubah Data Tahun Ajaran
Setelah data melakukan perubahan dengan memilih tombol submit, maka akan tampil gambar 4.32 bahwa data tahun ajaran telah diperbarui”. Selanjutnya dapat melihat data tahun ajaran yang telah diperbarui.
5.2 Halaman Admin – Delete Data Tahun Ajaran
Gambar 4.32 diatas menampilkan update data tahun ajaran telah sukses .
Gambar 4.33 Tampilan Data Tahun Ajaran Telah Dihapus
Jika telah melewati proses penghapusan dengan sebelumnya memilih link
hapus, maka akan tampil informasi bahwa “Data Tahun Ajaran Telah Dihapus” dan dapat dilihat data yang terbaru dengan memilih pada link “Lihat Data”.
6. Halaman Admin – Memasukan Data Semester
Gambar 4.34 dibawah ini menggambarkan tampilan dalam memasukkan data semester yang baru. Data yang dimasukkan berdasarakan field-field atau kolom-kolom yang tersedia dan kosong.
Gambar 4.34 Halaman Admin Memasukkan Data Semester
nama tahun semester yang dapat diisi dengan semester satu atau dua sedangkan catatan semester terdapat di ganjil atau genap tahun aktif yang sedang digunakan oleh sekolah tersebut. Kemudian data tersebut akan disimpan dan akan diproses penyimpanan datanya di dalam database.
Berikut ini gambar-gambar dengan tampilan berhasil dan tidak berhasil dalam menyimpan data semester :
Gambar 4.35 Data Semester Berhasil Disimpan
Gambar 4.36 Tampilan Semester
Gambar 4.36 di atas menunjukan tampilan semester yang berisi nama semester yang akan digunakan , catatan yang berupa tentang catatan semester yang sedang digunakan oleh sekolah tersebut
6.1 Halaman Admin – Edit Data Semester
Pada data semester terdapat juga menu conten control edit dan delete , dimana edit berfungsi sebagai meng-update data semester dengan data yang lebih baru. Berikut tampilan gambar 4.37 yaitu data mengedit semester :
Gambar 4.37 Tampilan Edit Semester
Gambar 4.38 Tampilan Mengubah Data Semester
Setelah data melakukan perubahan dengan memilih tombol submit, maka akan tampil gambar 4.38 bahwa data semester telah diperbarui”. Selanjutnya dapat melihat data semester yang telah diperbarui.
6.2 Halaman Admin – Delete Data Semester
Gambar 4.38 diatas menampilkan update data semester telah sukses .
Conten control selanutnya yaitu delete, dimana delete ini berfungsi untuk menghapus data semester yang telah non aktif bila conten control delete ini dipilih akan muncul alert pilihan seperti gambar berikut .
link hapus, maka akan tampil informasi bahwa “Data Semester Telah Dihapus” dan dapat dilihat data yang terbaru dengan memilih pada link “Lihat Data”.
7. Halaman Admin – Memasukan Data Kelas
Gambar 4.40 dibawah ini menggambarkan tampilan dalam memasukkan data kelas yang baru. Data yang dimasukkan berdasarakan field-field atau kolom-kolom yang tersedia dan kosong
Gambar 4.40 Halaman Admin Memasukkan Data Kelas
Gambar 4.40 menjelaskan admin akan memasukkan data kelas yang baru berdasarkan kolom-kolom yang tersedia dan kosong dengan memasukkan nama kelas dan catatan kelas dengan benar. Nama kelas berupa nama kelas yang dapat diisi dengan nama kelas satu, dua tau tiga sedangkan catatan kelas merupakan catatan tentang kelas tersebut yang sedang digunakan oleh sekolah. Kemudian data tersebut akan disimpan dan akan diproses penyimpanan datanya di dalam database.
Gambar 4.41 Data Kelas Berhasil Disimpan
Berdasarkan gambar-gambar di atas, gambar 4.41, merupakan tampilan dengan berupa alert “Data berhasil tersimpan“ maksudnya adalah data tersebut telah tersimpan dengan benar di dalam database. Setelah data telah tersimpan, data dapat ditampilkan seperti gambar berikut ini :
Gambar 4.42 Tampilan Kelas
Pada data kelas terdapat juga menu conten control edit dan delete , dimana edit berfungsi sebagai meng-update data kelas dengan data yang lebih baru. Berikut tampilan gambar 4.43 yaitu data mengedit kelas :
Gambar 4.43 Tampilan Edit Kelas
Dari gambar 4.43 menjelaskan admin ingin mengedit data kelas , terdapat inputan edit seperti nama kelas dan catatan kelas masing masing inputan tidak boleh ada data yang tidak diisi atau kosong . Bila sudah data edit telah terisi seluruhnya akan muncul alert seperti gambar 4.44
