ANALISIS DAN PERANCANGAN E-REGISTRATION SISWA BARU BERBASIS WEB DI MUHAMMADIYAH BOARDING SCHOOL YOGYAKARTA
NASKAH PUBLIKASI
diajukan oleh Afifah Ayumi 10.11.3894
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2014
NASKAH PUBLIKASI
ANALYSIS AND DESIGN OF E-REGISTRATION FOR NEW STUDENTS WEB BASED AT YOGYAKARTA MUHAMMADIYAH BOARDING SCHOOL ANALISIS DAN PERANCANGAN E-REGISTRATION SISWA BARU BERBASIS WEB DI MUHAMMADIYAH BOARDING SCHOOL YOGYAKARTA
Afifah Ayumi Krisnawati Jurusan Teknik Informatika STIMIK AMIKOM YOGYAKARTA
ABSTRACT In the era of globalization that is growing rapidly at this time also coupled with progress - rapid technological advances, education is a very important tool in supporting children's future. In educational institutions new admissions is one of a series of teaching and learning process. In this case the educational institution require a computerized system so that data processing is done in a fast, precise, and accurate. For that the Muhammadiyah Boarding School Yogyakarta need to improve the quality of good service to prospective new students. Based on these issues the authors propose a computerized system so that the flow of new admissions in Muhammadiyah Boarding School can operate effectively and efficiently so as to speak against constraints in the new admissions process. The design of new admissions include the purchase form, registration data entry, entry exam results admission, preparing reports as needed reports. Keywords: E-Registration, Information System, Learning Process, New Students,Admissions
1.
Pendahuluan Persaingan dalam berbagai bidang menjadi sangat ketat seiring dengan adanya kemajuan
teknologi dan ilmu pengetahuan. Hampir berbagai macam aspek kehidupan yang kerap kami temui tidak terlepas dari ruang lingkup teknologi. Salah satu teknologi yang terus menerus berkembang yaitu teknologi komputer sehingga akan lebih baik jika kita memanfaatkan
kemajuan teknologi
komputer ini dalam mengatasi permasalahan – permasalahan yang kerap kami temui diberbagai aspek kehidupan yang ada. Bidang pendidikan merupakan salah satu aspek yang sangat membutuhkan sebuah sistem yang dapat bekerja secara cepat, tepat dan akurat agar sebuah lemabaga pendidikan dipermudah dalam melaksanakan tugas serta aktifitas dalam kegiatan belajar mengajar. Kemajuan teknologi komputer tidak hanya diperlukan dalam kegiatan belajar mengajar saja namun juga diperlukan dalam penerimaan siswa baru.
2. Landasan Teori 2.1 Sistem Informasi Sistem adalah suatu kesatuan yang terdiri atas komponen atau elemen yang saling berkaitan satu dengan yang lainnya bekerja sama sesuai dngan aturan yang diterapkan sehgga membentk suatu tujuan yang sama. Dimana dalam sebuah sistem bila terjadi satu bagian saja yang tidak bekerja atau rusak maka suatu tujuan bisa terjadi keselahan hasilya atau outputnya. 2.2 E-registration E-registration atau yang juga dikenal Sistem Informasi pendaftaran adalah sistem aplikasi yang merupakan bagian dari sistem yang telah di buat pada sebuah instansi khusus untuk pendaftaran anggota baru. Biasanya e-registration digunakan pada pendaftaran wajib pajak, pendaftaran siswa baru dan lain – lain. Sebelum adanya E-registration online untuk penerimaan siswa baru dahulu dilakukan dengan cara yang sangat sederhana yaitu calon siswa datang ke sekolah atau tempat pendaftaran dengan membawa berkas persyaratan yang ditentukan. 2.2.1 Konsep E-registration Pendaftaran siswa baru di Muhammadiyah Boarding School pada umumnya sama dengan pendaftaran siswa di sekolah umum lainnya. Calon siswa melakukan seleksi administrasi, setelah itu calon siswa wajib mengikuti proses seleksi dan berujung dengan hasil seleksi. Konsep E-registration yang akan dibuat kali ini berbasis web artinya segala proses pendaftaran dari awal hingga akhir akan dilakukan secara online dimulai dengan pembelian formulir secara online. Calon siswa bisa membeli formulir secara on line maupun off line dan hanya peserta yang telah
1
membayar saja yang dapat mengisi formulir pendaftaran. Dalam pengumpulan berkasnyapun dapat dilakukan secara on line. Setelah melakukan proses administrasi khususnya bagi calon siswa yang berada di luar DI Yogyakarta dapat melakukan ujian seleksi secara on line dan pada saat itu juga peserta dapat melihat hasil ujian seleksi. 2.3
Pemodelan Sistem UML UML merupakan kesatuan dari bahasa pemodelan yang dikembangkan oleh Booch, Object
Modeling Technique(OMT) dan Object Oriented Software Engeneering(OOSE). Model Booch dari Grandy Booch sangat terkenal dengan nama metode Desain Object Oriented. Keunggulan dari metode Booch adalah pada detail dan kayanya dengan notasi dan element. Pemodelan dengan OMT yang dikembangkan oleh Runbaugh didasarkan
pada
analisis terstruktur dan pemodelan entity-
relationship.Keunggulan dari metode ini adalah dalam penotasian yang mendukung semua konsep OO. Metode OOSE dari Jacobson lebih memberi penekanan pada use case. Keunggulan dari metode ini adalah mudah dipelajari, karena memiliki notasi yang sederhanana namun mencangkup seluruh tahapan dalam rekayasa perangkat lunak .Diagram-diagram yang digunakan didalam UML adalah sebagai berikut: 1. Usecase diagram 2. Activity diagram 3. Class Diagram 4. Sequence Diagram 2.4 Bahasa Pemrograman 1. PHP Menurut Andi Pramono dan M. Syafii (2005:2) PHP adalah singkatan dari “PHP: Hipertext Preprocessorí” yang merupakan bahasa pemrogram an berbasis web yang mempunyai keunggulan dibandingkang= dengan bahasa pemrograman berbasis web yang lain. 2.
Hypertext Markup Language(HTML) Hypertext Markup Language atau yang biasa disebut HTML adalah sekumpulan symbol-simbol
atau tag-tag yang dituliskan dalam sebuah file yang digunakan untuk menampilkan halaman pada web browser. Namun, pengertian secara umum merupakan bahasa pemrograman web yang memiliki sintak atau aturan tertentu dalam menuliskan kode-kode, sehingga browser dapat menampilkan informasi dengan membaca kode-kode HTML. HTML atau HyperText Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen ini dikenal seebagai web page. Dokument HTML merupakan dokumen yang disajikan pada web browser.
2
2.5 2.5.1
2.5.2
Aplikasi yang digunakan XAMPP Paket yang sudah tersedia dalam program ini antara lain:
Apache 2.2.21
MySQL 5.5.16
PHP 5.3.8
phpMyAdmin 3.4.5
FileZilla FTP Server 0.9.3
CodeIgniter Codeigniter adalah aplikasi open source yang berupa framework dengan model MVC(Model,
View,Control) untuk membangun website dinamis dengan menggunakan PHP. Codeigniter memdahkan developer untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuat dari awal. 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. 2.5.3
Notepad ++ Notepad++ adalah sebuah penyunting teks dan penyunting kode sumber yang berjalan di sistem
operasi Windows. Notepad++ menggunakan komponen Scintilla untuk dapat menapilkan dan menyunting teks dan berkas kode sumber sebagai bahasa pemrograman.
Gambar Notepad++ 2.5.4
Adobe Dreamweaver CS4 Adobe Dreamweaver CS 4 adalah HTML editor profesional yang berfungsi mendesain,
melakukan coding dan mengembangkan website yang paling terkenal di dunia web. Dreamweaver membuatnya jadi lebih mudah dengan menyediakan tool yang sangat berguna dalam meningkatkan kemampuan dan pengalaman membuat web.
3
Salah satu kelebihan dreamweaver adalah ruang kerja dreamweaver beserta tool untuk kodekode dalam hal web beserta fasilitas-fasilitasnya antara lain : Referensi HTML, CSS, Java Script, Debugger, dan Editor Code yang mengizinkan pengeditan kode JavaScript XML, dan dokumen teks lain secara langsung delam Dreamweaver.
2.5.5
Astah Community Astah,dikenal juga sebagai JUDE, adalah alat UML Modeling yang diciptakan oleh perusahaan
Jepang ChangeVision. Pengembangan JUDE pertama kali dilakukan oleh Kenji Hiranabe CEO dari ChangeVision Inc pada tahun 1996. JUDE dijadikan freeware pada tahun 1999, dan lima tahun kemudian jude mulai dijual di pasar Jepang.
Gambar Astah Community 2.5.6
Adobe Photoshop Adobe Photoshop adalah perangkat lunak editor citra buatan Adobe System yang dikhususkan untuk pengditan foto atau gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan sehingga dianggap.
3. Analisis 3.1 Identifikasi Masalah Identifikasi Permasalahan merupakan tahapan penting di dalam suatu penelitian, dimana keadaan ril yang ada dirumuskan secara sistematik berdasarkan hasil studi literature. Dalam hal ini permasalahan yang dihadapi oleh Muhammadiyah Boarding School Yogyakarta
adalah dalam hal
pelayanan terhadap pendaftaran yaitu antara lain mudahnya dalam mendapatkan pelayanan pendaftaran online, tes ujian masuk menggunakan Compter based test, kemudian kemudahan dalam mendapat kan informasi mengenai Muhammadiyah Boarding School Yogyakarta, Fasilitas Pondok, dan informasi mengenai kurikulum yang diajarkan di Muhammadiyah Boarding School Yogyakarta ini. 3.2
Analisis kebutuhan Sistem
3.2.1 1.
Kebuthuan fungsional Aplikasi mampu mengelola pendaftaran online melalui Website
2.
Aplikasi mampu mengelola pendaftaran online melalui petugas
3.
Aplikasi mampu mengelola data pendaftar
4.
Aplikasi mampu mengelola data pendaftar diterima dan tidak diterima
4
5.
Aplikasi mampu mengelola data petugas
6.
Aplikasi mampu mengelola Berita Pendaftaran
7.
Aplikasi mampu mengelola pendaftaran santri SMA
8.
Aplikasi mampu mengelola pengerjaan ujian masuk secara online
3.2.2 1. 2.
Kebutuhan Non fungsional Personal computer Processor Intel Core i3 2130 Clockspeed 3.3Ghz Monitor 15".6 WXGA LED Max Resolution 1366 x 768 Memory 2GB DDR3 Network Ethernet 10 / 100 / 1000 Mbps Hard Disk Drive Storage 500 GB HDD Optical Disk Drive DVD±RW SuperMulti DL Keyboard, mouse Printer CANON PIXMA iP2770
1. 3.3
Kebutuhan Perangkat Lunak
Sistem Operasi Windows 98, ME, NT, 2000 atau XP XAMPP version 1.7.7 dengan paket yang tersedia Apache 2.2.21 MySQL 5.5.16 PHP 5.3.8 phpMyAdmin 3.4.5 Notepad++ version Web browser Mozilla Firefox version 11.0 Google Chrome Version 15.0.854.0 Perancangan Aplikasi
3.3.1
Usecase Diagram Use Case Diagram merupakan gambaran sebuah sistem secara ksluruhan Gambaran fungsionalitas yang terdapat dalam sisem ini. Ada 3 Aktor dalam sistem ini yaitu admin/ petugas, pendaftar, dan pengunjung.
Gambar 3.1 Use case diagram
5
3.3.2
Activity Diagram
Gambar 3.2 Activity Diagram pendaftaran 3.3.3
Sequence diagram
Gambar 3.3 Sequence Diagram pendaftaran 3.4
Database
3.4.1
Entity Relation Diagram(ERD) ERD adalah suatu pemodelan dari suatu basis data yang didasarkan pada implementasi yag
nyata. Dalam Entity Relationship Diagram, terdapat sekumpulan elemen yang saling berhubungan antara satu dan yang lainnya.
6
Gambar 3.4 ERD 3.4.2
Relasi Antar Tabel
Gambar 3.5 Relasi Antar tabel
7
3.4.3 Perancangan Interface Interface merupakan hal yang sangat penting dalam memudahkan user dalam mengoperasikan sebuah aplkasi. Adapun perancangan tampilan pada sistem E- registration adalah sebagai berikut.
Gambar 3.6 rancanagan interface 4. Hasil Penelitian dan pembahasan 4.1 Implmentasi Pembuatan Basisdata 4.1 .1 Pembuatan database Database merupakan hal pertama kali dibuat dalam membangun sistem E-registration.Pada tahap membuat database E-registration ini menggunakan phpMyAdmin karena phpMyAdmin sangat mudah digunakan dengan tampilan grafisnya. Berikut ini cara membuat database E-registration.
Gambar 4.1 Create new database 4.1.2
Pembuatan table
Berikut ini merupakan salah satu strukter table dari hasil Query yang sieksekusi: CREATE TABLE IF NOT EXISTS `pndaftar` ( `Id_pndaftar` int(10) NOT NULL,`nama_pendaftar` varchar(40) NOT NULL,`TTL_pendaftar` date NOT NULL,`Asal_sekolah` varchar(40) NOT NULL, `alamat_pendaftar` text NOT NULL,`nilai_rata` tinyint(1) NOT NULL, `no_ijazah` int(20) NOT NULL,`no_tlp` int(14) NOT NULL, `nem` tinyint(1) NOT NULL, `foto` varchar(100) NOT NULL, `RaportIjazah` varchar(100) NOT NULL, `keterangan` varchar(20) NOT NULL `Jenjang` enum('SMP','SMA') NOT NULL, `username` varchar(50) NOT NULL, `password` varchar(50) NOT NULL, PRIMARY KEY (`Id_pndaftar`)) ENGINE=InnoDB DEFAULT CHARSET=latin1 ROW_FORMAT=DYNAMIC;
8
Gambar 4.2 Structure tabel 4.2 4.2.1
Uji coba sistem White box testing White box testing adalah cara menguji prangkat – prangkat secara internal .
Gambar 4.3 White box testing 4.2.2 Black Box Testing Black Box Testing digunakan untuk mendemonstrasikan fungsi software yang dioperasikan, apakah input diterima dengan benar, dan output yang dihasilkan benar.
9
Gambar 4.4 halaman login Pada testing di atas diinputkan username dan password yang benar.Setelah mengklik login maka mnampilkan pesan “selamat Login”.
4.3 Uji program 4.3.1 Uji program pada fungsi input data Tabel 4.1 Uji program input data No Uji Coba Hasil 1 Input petugas/admin Sukses 2 Input berita Sukses 3 Input soal Sukses 4 Input data pendaftar Sukses SMP 5 Input data pendaftar Sukses SMA 6 Input jawaban Sukses 7 Input dokumen Sukses 4.3.2
Uji program pada fungsi edit No 1 2 3 4 5
Tabel 4.2 Uji program input data Uji Coba Hasil Edit petugas/admin Sukses Edit berita Sukses Edit soal Sukses Edit data pendaftar Sukses SMP Edit data pendaftar Sukses
10
6
SMA Edit jawaban
Sukses
4.3.3 Uji program pada fungsi hapus No 1 2 3 4 5 6 7
Tabel 4.3 Uji program hapus data Uji Coba Hasil hapus Sukses petugas/admin hapus berita Sukses hapus soal Sukses hapus data Sukses pendaftar SMP hapus data Sukses pendaftar SMA hapus jawaban Sukses hapus dokumen Sukses
4.3.4 Uji program pada halaman yang ditampilkan Tabe 4.4 uji program informasi No Uji coba Hasil 1 Info mengenai Sukses pendaftaran(berita) 2 Info petugas Sukses 3 Info pendaftar lulus Sukses SMA 4 Info pendaftar lulus Sukses SMP 5 Info Pendaftar Sukses gagal 6 Menampilkan soal Sukses 7 Informasi score dan Sukses status 8 Informasi Sukses Document 9 Informasi Sukses konfirmasi 4.4 4.4.1
Manual Program Home Halaman ini merupakan halaman yang pertama kali dijuampai sebagai seorang pendaftar
maupun pengunjung.
11
Gambar 4.5 Home 4.4.2 Login Halaman ini merupakan akses bagi para pendaftar maupun petugas/admin untuk masuk ke halaman utama
Gambar 4.6 Login
4.4.3
Tambah soall Halaman merupakan halaman bagi admin/petugas yang berfungsi untuk menambah,menghapus atau mengedit Soal ujian. Soal ujian yang ada pada sistem ini bersifat multiple choice atau pilihan ganda. 4.4.4
Konfirmasi Halaman ini menampilkan informasi pendaftar yang telah menginputkan data dan mngkonfirmasi telah membayar biaya pendaftaran.Setelah pegawai menapatkan konfirmasi melalui telefon maka petugas mengecek e-bankink atau sistem kuangan dan mangklik “konfirmasi” agar pndaftar dapat melakukan proses login
12
Gambar 4.7 Konfirmasi 4.4.5
Detile pendaftar Halaman merupakan halaman bagi admin/petugas yang berfungsi untuk melihat detile identitas
pendaftar.
Gambar 4.8 detile Pendaftar 4.4.6
Pendaftar Halaman merupakan halaman bagi admin/petugas yang berfungsi untuk melihat list pendaftar.
13
Gambar 4.9 list pendaftar
4.4.7 Ujian Halaman merupakan halaman bagi pendaftar yang melakukan ujian masuk secara online.
Gambar 4.10 ujian masuk
14
4.4.8 Pendaftaran Form ini merupakan halaman dimana para pendaftar melakukan input data
Gambar 4.11 Pendaftaran
4.4.9
Slip
Slip adalah sebuah bukti dari hasil ujian masuk.slip ini menampilkan identitas pendaftar bserta scor yang diraih
Gambar 4.30 Slip hasil ujian
15
5.
Penutup
5.1 Kesimpulan Adapun yang menjadi kesimpulan pada pembuatan sistem E-rgistration ini adalah: 1.
Sistem ini dibuat berbasis web yang mampu memberikan informasi secara akurat, tepat, dan efisien.
3
Sistem ini mampu memberikan informasi secara hardcopy kepada user yang berwenang berupa laporan yang berkaitan dengan proses pendaftaran
4
Sistem ini dibuat berbasis web dan dibuat dengan menggunakan framework Code Igniter sehingga akan lebih mempermudah pada saat proses pengembangan sistem.
16
DAFTAR PUSAKA Pramono, Andi dan Syafi’i M. 2005. Kolaborasi Flash, Dreamweaver dan PHP Untuk Aplikasi Website. Yogyakarta : Andi. HM. Jogianto, Analisis dan Desain. Yogyakarta : Andi, 2005.McLeod, Raymond, dan Schell, George. 2004. Sistem Informasi Manajemen. edisi 8. PT.Indeks, Jakarta. Queen.2013.Activity diagram. http://queenlittle.wordpress.com/2011/10/29/activity-diagram/. pada tanggal 10 september 2013.
17
Diakses
