1
BAB I PENDAHULUAN
1.1
Latar Belakang Teknologi informasi dan komunikasi saat ini telah berkembang sangat
pesat. Salah satu perkembangan teknologi adalah internet. Internet memiliki salah satu fasilitas, yaitu World Wide Web atau yang disingkat dengan WWW. Media ini telah digunakan untuk berkomunikasi, mencari informasi, melakukan transaksi jual beli, bahkan mendaftarkan diri ke suatu organisasi/instansi. Mendaftarkan diri kesuatu organisasi/instansi melalui internet atau Pendaftaran online adalah salah satu hal yang sudah tidak asing lagi. Sudah banyak
instansi-instansi yang
menerapkan pendaftaran masuk online seperti pada penerimaan pegawai Badan Usaha Milik Negara, penerimaan Calon Pegawai Negeri Sipil, perguruan tinggi, sekolah negeri unggulan, sekolah swasta bertaraf Internasional, dan masih banyak lagi. SMA Negeri 4 Palembang adalah salah satu sekolah unggulan yang sudah mempunyai aplikasi pendaftaran secara online. Aplikasi yang ada ini digunakan untuk melakukan pendaftaran calon siswa agar lebih praktis, efektif dan efisien. Aplikasi ini menampilkan beberapa menu pilihan selain dari menu pendaftaran, antaranya menu Beranda, menu Profil, menu Informasi, menu Guru, menu Siswa, Menu Penerimaan Siswa Baru, menu Alumni, menu Berita, menu Galeri, dan
2
menu Materi. Dari menu utama, terdapat juga submenu. Submenu Profil terdiri dari Sejarah Singkat, Visi dan Misi, Sejarah dan Prasarana, Struktur Organisasi, Kepala Sekolah dan Wakil serta Kondisi Sekolah. Pada menu Informasi, terdapat submenu Prestasi, Ekstrakulikuler, Hasil UN, Diterima PTN dan OSIS. Submenu menu Guru adalah Data Guru Dan Pegawai. Submenu pada menu Siswa adalah Data Siswa, Absensi Siswa Dan Nilai Siswa. Submenu pada menu Penerimaan siswa baru adalah Pendaftaran Online, Pengumuman Hasil PSB (Penerimaan Siswa Baru) Dan Registrasi Calon Siswa yang Lulus. Sedangkan submenu pada menu Alumni adalah Data Alumni dan pada menu Materi terdapat submenu adalah Hj. Nasriah, S.Pd. M.M, Sapuraini, A.Md, Moses Ahmad, S.Pd. M.M, dan Taslim, S.pd. Msi. Dilihat dari segi tampilan, aplikasi ini memiliki warna dan tampilan menarik, sedangkan dilihat dari segi kegunaan, aplikasi ini dapat digunakan saat pendaftaran penerimaan siswa baru dan juga sebagai media informasi profil sekolah, informasi guru dan siswa, penerimaan siswa baru, alumni, berita, galeri dan materi. Dilihat dari segi kelengkapan pada menu Penerimaan Siswa Baru, di submenu pendaftaran online belum terdapat batasan waktu penerimaan siswa baru. Sehingga, kapan pun siswa bisa melakukan pendaftaran online, dan menu untuk melakukan pendaftran online ini belum lengkap karena tidak ada form pengisian nilai akhir saat Sekolah Menengah Pertama, yang ada hanya nomor STTB dan Tanggal STTB. Serta tidak ada pilihan pernyataan kebenaran data yang telah di isi.
3
Dari segi kelengkapan menu secara keseluruhan, menu yang terdapat pada web ini bisa ditambah lagi dengan adanya menu nilai siswa. Karena kurikulum baru ini raport hanya diberikan saat semester genap saja. Dengan adanya menu nilai ini, nilai dapat dilihat kapanpun, dimanapun baik oleh siswa, guru dan orang tua siswa. Sementara itu, perkembangan teknologi yang semakin canggih dapat memberikan ide untuk mencari alternatif dalam mengakses internet tanpa harus melalui komputer dengan cara memanfaatkan mobile smartphone. Smartphone secara harfiah adalah telepon pintar, yakni telepon seluler yang memiliki kemampuan seperti PC walaupun terbatas. Selain itu, smartphone juga mengandung email dan organizer. Fitur lainnya adalah kemampuan untuk ditambah aplikasi-aplikasi baru. ( Zaki : 2008 ) Dari latar belakang diatas, penulis bermaksud untuk membuat pengembangan aplikasi penerimaan siswa baru pada SMA Negeri 4 Palembang, sehingga menu pendaftaran online bisa memiliki batas waktu, form input nilai dan pernyataan kebenaran data, dan calon bisa memanfaatkan smarthphone agar bisa lebih mudah mengakses nilai. Adapun judul proposal ini adalah Rekayasa dan Pengembangan Aplikasi Pendaftaran Online Pada SMA Negeri 4 Palembang Berbasis Mobile.
1.2
Perumusan Masalah Dari permasalahan yang telah dijelaskan pada latar belakang diatas maka
penulis merumuskan masalah pokok yaitu bagaimana membuat Rekayasa dan
4
Pengembangan Aplikasi Pendaftaran Online pada SMA Negeri 4 Palembang Berbasis Mobile.
1.3
Batasan Masalah Agar dalam penyusunan proposal ini lebih terarah dari tujuan pembahasan
dan keterbatasan kemampuan penulis, maka penulis membatasi permasalahan yang meliputi : 1. Hanya berkaitan tentang pengembangan pendaftaran online SMA Negeri 4 Palembang berbasis mobile smartphone. 2. Mobile yang digunakan adalah smartphone.
1.4
Tujuan dan Manfaat Penelitian
1.4.1 Tujuan Penelitian Sesuai dengan konsep yang ada dan upaya untuk menyelesaikan hasil penelitian maka tujuan dari penelitian ini yaitu : Membuat Rekayasa pengembangan aplikasi pendaftaran online pada SMA Negeri 4 Palembang berbasis mobile.
1.4.2 Manfaat Penelitian Adapun manfaat dari penelitian ini adalah sebagai berikut: 1. Mempermudah dalam proses penerimaan siswa baru. 2. Mempermudah melihat nilai persemester.
5
3. Memberikan alternatif dalam melakukan pendaftran melalui mobile smartphone.
1.5
Metodologi Penelitian
1.5.1 Waktu dan Tempat Penelitian bertempat di SMA Negeri 4 Palembang beralamat di Jln. Ki Anwar Mangku Plaju. Waktu pelaksanaannya dilakukan selama 4 bulan dari bulan Oktober 2015 sampai dengan januari 2016.
1.5.2 Data Penelitian Data penelitian yang menjadi objek penelitian adalah berbagai entitas dari Rekayasa Dan Pengembangan Aplikasi Pendaftaran Online Pada SMA Negeri 4 Palembang Berbasis Mobile yaitu sebagai berikut: 1. Data kelengkapan pendaftaran online SMA Negeri 4 Palembang. 2. Data Admin SMA Negeri 4 Palembang.
1.5.3 Metode Penelitian Metode yang digunakan dalam penelitian ini yaitu menggunakan Metode penelitian deskriptif. Metode penelitian deskriptif adalah salah satu metode penelitan yang banyak digunakan pada penelitian yang bertujuan untuk menjelaskan suatu kejadian.Seperti yang dikemukakan oleh Sugiyono (2011) “penelitian desktiptif adalah sebuah penelitian yang bertujuan untuk memberikan
6
atau menjabarkan suatu keadaan atau fenomena yang terjadi saat ini dengan menggunakan prosedur ilmiah untuk menjawab masalah secara aktual”.
1.5.4 Metode Pengumpulan Data Adapun metode pengumpulan data yang digunakan dalam penelitian adalah sebagai berikut: a.
Data primer Data primer yaitu data atau informasi yang diambil langsung dari subjek
penelitian melalui buku-buku, jurnal atau website yang berkaitan dengan penelitian. b.
Data sekunder Data sekunder yaitu sumber data penelitian yang diambil secara tidak
langsung melalui media perantara (diperoleh dan dicatat oleh pihak lain) yaitu dari dokumen dan studi pustaka, baik yang dipublikasikan maupun yang tidak dipublikasikan. 1.5.5 Metode Pengembangan Sistem Metode pengembangan yang digunakan adalah metode Waterfall. Model Proses Waterfall Menurut Pressman (2010) waterfall model disebut juga dengan model classic life cycle. Model proses tersebut mengusulkan sebuah pendekatan kepada perkembangan perangkat lunak yang sistematik dan sekuensial, yang mulai dari tingkat dan kemajuan sistem pada seluruh analisis, desain, kode, pengujian, dan pemeliharaan. Model sekuensi linier melingkupi aktivitas – aktivitas sebagai berikut :
7
1.
Komunikasi Proses pencarian kebutuhan yang diintensifkan dan difokuskan pada perangkat lunak. Untuk mengetahui sifat dari program yang akan dibuat maka pengembang perangkat lunak harus mengerti tentang domain informasi dari perangkat lunak, contohnya fungsi yang dibutuhkan, user interface, dan lain sebagainya. Komunikasi dititikberatkan untuk mencapai kesepakatan user requirement dan system requirement.
2. Perencanaan Menetapkan suatu rencana pengembangan dari perangkat lunak antara lain tugas – tugas teknik yang harus dipenuhi, resiko yang kemungkinan akan dihadapi, sumber daya yang dibutuhkan, hasil kerja, dan jadwal kerja. 3.
Pemodelan Menghasilkan suatu model yang memungkinkan pengembang dan pelanggan memahami lebih lanjut mengenai kebutuhan software dan perancangan– perancangan untuk memenuhi kebutuhan tersebut. Desain perangkat lunak sebenarnya adalah proses multi langkah yang berfokus pada empat atribut sebuah program yang berbeda; struktur data, arsitektur perangkat lunak, representasi antarmuka, dan detail (algoritma) procedural. Proses desain menerjemahkan syarat atau kebutuhan ke dalam sebuah representasi perangkat lunak, yang dapat diperkirakan demi kualitas sebelum dimulai kegiatan mengkode. Sebagaimana persyaratan, desain didokumentasikan dan menjadi bagian dari konfigurasi perangkat lunak.
8
4.
Konstruksi Desain harus diterjemahkan ke dalam bentuk mesin yang bisa dibaca, atau disebut juga langkah pembuatan kode. Jika desain dilakukan dengan cara yang lengkap, pembuatan kode dapat diselesaikan secara mekanis.
5.
Penyebaran Perangkat lunak dikirim kepada pelanggan yang dimaksudkan untuk mengevaluasi hasil kerja dan memberikan feedback (umpan balik) berdasarkan evaluasi tersebut.
Sumber : (Pressman : 2010) Gambar 1.1 Waterfall Model
1.6.
Sistematika Penulisan Sistematika penulisan ini menguraikan struktur bab dalam penulisan dan
gambaran umum dari masing-masing bab yang dibagi menjadi 5 (lima) bab, yaitu: BAB I
PENDAHULUAN Bab ini akan menguraikan secara singkat mengenai latar belakang masalah, rumusan masalah, batasan masalah, tujuan dan manfaat penelitian, metode penelitian dan sistematika penulisan.
9
BAB II
TINJAUAN PUSTAKA Bab ini mencakup teori-teori yang berhubungan dengan judul penelitian seperti tinjauan umum, landasan teori,
dan penelitian
sebelumnya yang memiliki keterkaitan dengan permasalahan. BAB III
ANALISIS DAN PERANCANGAN Pada bab ini berisi analisis kebutuhan untuk sistem yang akan di bangun sesuai dengan metode pengembangan perangkat lunak yang digunakan. Selain itu bab ini juga berisi perancangan struktur antar muka untuk perangkat lunak yang akan dibangun.
BAB IV
HASIL DAN PEMBAHASAN Pada bab ini berisi implementasi analisis dan perancangan sistem yang dilakukan, serta hasil pengujian sistem untuk mengetahui apakah perangat lunak yang dibangun sudah memenuhi kebutuhan.
BAB V
KESIMPULAN DAN SARAN Pada bab ini menguraikan kesimpulan dari keseluruhan bab dan diikuti dengan saran-saran guna pengembangan perangkat lunak ini dimasa yang akan datang.
10
BAB II TINJAUAN PUSTAKA 2.1.
Tinjuan Umum
2.1.1 Sejarah Singkat Berdirinya SMA Negeri 4 Palembang didasari oleh keinginan yang luhur, disertai dengan tekad yang suci untuk ikut serta dalam memajukan dan mengembangkan pendidikan tinggi berdasarkan falsafah Pancasila dan UndangUndang Dasar 1945 yang merupakan landasan utama dalam penyelenggaraan pendidikan di Indonesia. SMA Negeri 4 Palembang didirikan pada tahun 1965 dan bertempat di SMK Negeri 1 Palembang sampai dengan tahun 1974 baru pindah gedung sendiri bertempat di Jalan KI. Anwar Mangku Plaju, berdasarkan Surat Keputusan Ka. Kantor Wilayah BPN (Badan Pertahanan Nasional) Provinsi Sumatera Selatan Nomor : 96/HP 3/BPN-26/1999 tanggal 25 Oktober 1999 dengan sertifikat No. 04.01.06.61.4.00001. SMA Negeri 4 Palembang bertahan sebagai Sekolah Standar Nasional (SSN) dan terakreditasi A (Amat Baik). ( http://smanepaplg.sch.id/p_sejarah.php )
2.1.2
Visi dan Misi Adapun Visi dan Misi dari SMA Negeri 4 Palembang ini adalah :
VISI : “Sekolah Bermutu, Berbudaya, Dan Berwawasan Lingkungan”
11
Indikator Visi adalah: 1. Unggul dalam Pengamalan Ajaran Agama 2. Unggul dalam Prestasi Akademik 3. Unggul dalam Persaingan Masuk Perguruan Tinggi 4. Unggul dalam Prestasi Ekstrakurikuler 5. Unggul dalam Wawasan Wiyata Mandala 6. Unggul dalam Bidang Keterampilan
MISI : 1. Menumbuhkembangkan Pengamalan Ajaran Agama 2. Menyelenggarakan Pembelajaran yang Efektif dan Berbudaya Lingkungan 3. Mendorong Siswa untuk Meningkatkan Motivasi, Prestasi dan Peduli Lingkungan 4. Menumbuhkan Keterampilan Siswa dalam Bidang Ekstrakurikuler 5. Menumbuhkembangkan Lingkungan Wiyata Mandala 6. Memberikan Bekal Keterampilan Bagi Lulusan
2.1.3
Struktur Organisasi Adapun struktur organisasi dari SMA Negeri 4 Palembang dapat dilihat
pada gambar 2.1 berikut ini.
12
Gambar 2.1 Struktur Organisasi
2.2
Landasan Teori
2.2.1 Rekayasa Rekayasa adalah aplikasi sains yang sesuai dengan kebutuhan manusia. Ini terpenuhi melalui pengetahuan, matematika, dan pengalaman praktik yang diterapkan untuk perancangan objek atau proses yang bermanfaat. Rekayasa adalah aplikasi tentang prinsip-prinsip keilmuan untuk praktik akhir, seperti desain, manufaktur, dan operasi struktur dan mesin. ( Simarmata : 2010 )
13
2.2.2 Internet Internet
merupakan
singkatan
dari
Interconnect
Network.
Jika
diterjemahkan secara langsung berarti jaringan yang saling berhubungan. Internet adalah kumpulan komputer yang terhubung satu dengan yang lainnya dalam suatu jaringan. Disebut jaringan yang saling terhubung karena internet menghubungkan komputer dan jaringan-jaringan komputer yang ada diseluruh dunia menjadi sebuah jaringan komputer yang sangat besar. Saat ini diperkirakan terdapat ratusan ribu jaringan lokal yang terhubung ke internet. Karena merupakan sebuah jaringan, maka sebuah komputer yang terhubung ke internet berarti terhubung dengan semua komputer diseluruh dunia yang juga terhubung ke internet. Semua komputer yang terhubung ke internet dapat mengakses semua informasi yang terdapat di internet secara langsung. Ada dua peranan internet yang sangat penting, yakni: (1) sebagai sumber data dan informasi, dan (2) sarana pertukaran data dan informasi. Sebagai sumber informasi, internet menyimpan berbagai jenis informasi dalam jumlah yang tidak terbatas. Kita dapat mengakses informasi apa pun di internet. Bahkan, jika ingin, kita juga dapat menempatkan informasi yang kita milik di internet agar dapat diskases oleh orang lain. Internet dapat digunakan sebagai sarana pertukaran informasi dari satu komputer ke komputer lain, tanpa dibatasi oleh jarak fisik kedua komputer tersebut. Dua komputer yang sama-sama terhubung ke internet dapat saling berkomunikasi satu sama lain, atau mempertukarkan data dan informasi. Akses dan pertukaran informasi tersebut dilakukan dalam waktu yang sangat cepat.
14
Internet menjadi salah satu pemicu terjadinya globalisasi karena telah menghilangkan batas-batas dunia. Internet memungkinkan kita dapat mengakses informasi yang tersimpan di komputer di balahan dunia lain, internet telah membuat dua orang dari belahan bumi yang berbeda dapat berkomunikasi tanpa dibatasi oleh batas-batas Negara, waktu, jarak, dan hukum atau birokrasi suatu Negara. ( Pandia : 2007 )
2.2.3 Mobile Mobile device adalah peralatan kecil yang memiliki kemampuan komputasi terbatas. Peranti mobile sering juga disebut sebagai peranti genggam atau komputer genggam. Peranti mobile pada umumnya terdiri atas dua bagian, yakni layar display sebagai peranti keluaran dan keyboard atau layar sentuh untuk piranti masukan. ( Zaki : 2008 )
2.2.4 Smartphone Smartphone secara harfiah adalah telepon pintar, yakni telepon seluler yang memiliki kemampuan seperti PC walaupun terbatas. Selain itu, smartphone juga mengandung email dan organizer. Fitur lainnya adalah kemampuan untuk ditambah aplikasi-aplikasi baru. ( Zaki : 2008 )
2.2.5 Database Secara umum, database berarti koleksi data yang saling terkait. Secara praktis, basis data dapat dianggap sebagai suatu penyusunan data yang terstruktur
15
yang disimpan dalam media pengingat (hard disk) yang tujuannya adalah agar data tersebut dapat diakses dengan mudah dan cepat. ( Kadir : 2008 )
2.2.6 XAMPP Bagi sebagian programmer berpengalaman menginstal web server Apache tidak mudah dan menyulitkan saat user ingin menambah MySQL, PHP, dan Perl. XAMPP adalah salah satu peket instalasi Apache, PHP, dan MySQL secara instan yang dapat digunakan untuk membantu proses instansi instan, XAMPP juga memberikan fasilitas pilihan menggunakan PHP 4 atau PHP 5. Untuk melakukan migrasi ke versi lebih tinggi juga sangat mudah dilakukan dengan bantuan PHPswicth yang telah disertakan oleh XAMPP. Sama halnya dengan PHP, XAMPP bersifat free atau gratis untuk digunakan. XAMPP juga sangat mudah menginstal dan digunakan. Cukup mendownload, mengekstrak, dan mulai menggunakan. XAMPP berdasar pada lisensi GNU (General Public License), sehingga instalasi XAMPP tidak memerlukan perubahan pada register Windows dan tidak perlu mengedit file konfigurasinya. Terdapat program default XAMPP yang ditulis dalam bahasa PHP menggunakan MySQL dan aplikasi buku tamu dalam bahasa Perl, serta beberapa utility demo program lainnya. ( Hermawan : 2009 )
2.2.7 MySQL MySQL merupakan perangkat lunak basisdata server atau smart. Menurut server, karena perangkat lunak ini diletakan di server, sedangkan menurut smart,
16
karena dapat secara otomatis menentukan index terbaik, membagi hak akses database yang baik, dan mengolah transaksi dengan baik, seperti commit, rollback, dan lain-lainnya. MySQL juga termasuk software database yang menggunakan bahasa standar SQL. ( Supardi : 2007 )
2.2.8 PhoneGap Phonegap adalah framework pembuatan aplikasi mobile berbasis open source yang di keluarkan oleh sebuah perusahaan di Amerika yang bernama Nitobi.
Phonegap
bisa
di-download
di
situs
resminya
yaitu
:
http://www.phonegap.com Phonegap framework memungkinkan seorang mengembangkan aplikasi native. Mobile dengan menggunakan keahlian HTML, CSS dan javaScript. Sebuah aplikasi yang dibuat menggunakan framework phonegap dapat di-deplay ke berbagai platform. Saat buku ini ditulis phonegap mendukung 7 platform, yaitu sebagai berikut : (Yudistira : 2010 ) 1. iOs: iPhone, iPad 2. Android 3. Windows mobile 4. Balckberry 5. Web Os 6. Symbian 7. Bada
17
2.2.9 Bootstrap Bootstrap adalah platform untuk membuat interface website dan aplikasi berbasis web. Bootstrap berisi kode HTML dan CSS yang telah dilengkapi desain untuk tipografi, bentuk, tombol, navigasi dan lain sebagainya. Bootstrap bertujuan untuk meringankan pembuatan dan pengembangan web. Bootstrap awalnya bernama Twitter Blueprint yang dikembangkan oleh Mark Otto dan Jacob Thornton di Twitter sebagai suatu kerangka kerja untuk mendorong konsentrasi di internal. Sebelum menggunakan bootstrap, ada banyak library yang digunakan untuk mambangun tampilan twitter sehingga menyebabkan inkonsistensi (rancu) dan menjadi beban maintenance. ( Nahado : 2015)
2.2.10 CSS (Cascading Style Sheet) CSS adalah singkatan dari Cascading Style Sheets. aliran dari suatu kode ke kode lain yang saling berhubungan. kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML. CSS juga dapat membantu anda untuk mendesain halaman web. Misalnya anda mempunyai halaman web yang terdiri dari beberapa file,untuk melakukan pemformatan pada halaman tersebut, Anda tidak perlu memformat satu persatu, tetapi Anda cukup membuat file CSS. ( Andi : 2009 )
2.2.11 HTML HTML (Hyper Text Markup Language) adalah suatu sistem penulisan
perintah dan formatting hypertext sederhana yang ditulis ke dalam dokumen teks
18
ASCII agar dapat menghasilkan tampilan visual yang terintegrasi. Dengan kata lain, dokumen yang dibuat dalam aplikasi pengolahan kata dan disimpan ke dalam format ASCII normal sehingga menjadi home page dengan tambahan perintahperintah HTML. Dengan menggunakan perintah-perintah HTML memungkinkan user melakukan fungsi-fungsi berikut ini: ( Wahana Komputer dan Andi : 2001 ) 1. Menentukan ukuran dan alur teks 2. Mengintegrasikan gambar dengan teks (in-line) 3. Membuat links
2.2.12 PHP PHP merupakan salah satu bahasa (sering disebut script) pemograman yang sering digunakan pada sisi server sebuah web. ( Wahana Komputer dan Andi : 2001 ) PHP 5 adalah versi yang diliris pada awal tahun 2006 dan pada bulan Desember 2008 telah muncul hingga versi 5.2.8. dengan berbagai kelebihan dibandingkan dengan versi sebelumnya, PHP 5 hadir membawa lebih banyak fungsi dan perbaikan terhadap bug. PHP 5 lebih cepat stabil, dan siap untuk digunakan skala produksi. ( Hermawan : 2009 ) Beberapa peningkatan fungsional dan penambahan beberapa fitur pada PHP 5 adalah : 1. Peningkatan kemampuan pemograman berorientasi objek. 2. Peningkatan terhadap penanganan string lebih lanjut.
19
3. Peningkatan dukungan terhadap XML dan wb server yang menggunakan libxml2. 4. Dukungan terhadap SQLite database server.
2.2.13 Adobe Dreamweaver CS3 Dreamweaver adalah sebuah HTML editor professional untuk mendesain web secara visual dan mengelola situs atau halaman web. Saat ini terdapat software kelompok Adobe yang bayak digunakan untuk mendesain suatu situs web, versi terbaru dari Adobe Dreamweaver adalah Dreamweaver CS5. Dreamweaver C53 merupakan software canggih untuk membuat desain-desain web, baik dari sisi grafis maupun scripting. Walaupun peran Dreamweaver CS5 sedah tergusur oleh kehadiran blog engine seperti Wordpress, Blogger, dan lain sebagainya, namun software ini tetap memiliki banyak penggemar. ( Prabantini : 2008 )
2.2.14 Adobe Photoshop Adobe Photoshop CS3 merupakan sebuah aplikasi yang memiliki banyak fungsi dan kompleks. Meskipun demikian, jika anda bisa mampu mengoprasikan atau memfungsikan menu dan tool yang ada di dalamnya secara tepat, maka aplikasi ini akan menjadikan pekerjaan anda menjadi lebih efektif dan efisien. Untuk mampu mengoprasikan dan mengfungsikan menu dan tool dengan tepat,anda tidak perlu menguasai semuanya, tetapi cukup menggunakan menu dan tool yang anda butuhkan saja. ( Agung : 2007 )
20
2.2.15 JavaScript JavaScript adalah bahasa scripting yang populer di internet dan dapat bekerja di sebagian besar browser popular seperti Internet Exploler (IE), Mozilla FireFoz, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag script. ( Sunyoto : 2007 ) Beberapa hal tantang JavaScript: 1. JavaScript didesain untuk menambah interaktif suatu web. 2. JavaScript merupakan sebuah bahasa scripting. 3. Bahasa scripting merupakan bahasa pemograman yang ringan.
2.2.16 UML Unified Modeling language (UML) adalah salah satu alat bantu yang sangat handal didunia pengembangan sistem yang berorientasi objek. Hal ini disebabkan karena UML menyediakan bahasa pemodelan visual
yang
memungkinkan bagi pengembang sistem untuk membuat cetak biru atau visi mereka dalam bentuk yang baku, mudah dimengerti serta dilengkapi dengan mekanisme yang efektif untuk berbagi (sharing) dan mengkomunikasikan rancangan mereka dengan yang lain. UML merupakan kesatuan dari bahasa pemodelan yang dikembangkan oleh Booch, Object Modeling Technique (OMT) dan Object Oriented Software Engineering (OOSE). Metode Booch dari Grady Booch sangat terkenal dengan nama metode Design Object Oriented. Metode ini menjadikan proses analisis dan design ke dalam empat tahapan interaktif, yaitu: identifikasi kelas-kelas dan
21
objek-objek, identifikasi semantic dari hubungan objek dan kelas tersebut. Keunggulan metode ini adalah dalam penotasian yang mendukung semua konsep OO. Metode OOSE dari Jacobson lebih memberi penekanan pada use case. OOSE memiliki tiga tahapan yaitu membuat model requirement dan analisis, design dan implementasi, dan model pengujian (Munawar : 2005). a.
Use Case Diagram Use Case adalah teknik untuk mereka persyaratan fungsional sebuah
sistem.Use Case mendeskripsikan interaksitipikal antara para pengguna sistem dengan sistem itu sendiri, dengan memberikan sebuah narasi tentang bagaimana sistem tersebut digunakan (Fowler Martin : 2005). Dalam bahasan use case,para pengguna disebut aktor. Aktor merupakan sebuah peran yang dimainkan seorang pengguna dalam kaitannya dengan sistem. Seorang aktor dapat menggunakan banyak use case, sebaliknya sebuah use case juga dapat digunakan oleh beberapa aktor. Tabel 2.1. Simbol Use Case Diagram Simbol
Keterangan Fungsi
Aktor
Aktor adalah sebuah entitas manusia atau mesin yang berinteraksi dengan sistem untuk melakukan pekerjaanpekerjaan tertentu.
Use CaseActor2
Use Case adalah deskripsi dari urutan aksi-aksi yang ditampilkan sistem yang menghasilkan suatu hasil yang terukur bagi suatu aktor.
class Use ...
class Use Case Model
Use Case3
Asosiasi
Asosiasi adalah apa yang menghubungkan antara objek satu dengan objek yang lainnya.
22
b.
Generalisasi
Generalisasi adalah hubungan dimana objek anak (descendent) berbagi prilaku dan struktur data dari objek yang ada diatasnya atau sebaliknya dari bawah ke atas.
Dependency
Dependency (ketergantungan) adalah hubungan dimana perubahan yang terjadi pada suatu elemen Dependen (mandiri) akan mempengaruhi elemen yang bergantung padanya (Independen).
Class Diagram Class Diagram mendeskripsikan jenis-jenis objek dalam sistem dan
berbagai macam hubungan statis yang terdapat diantara mereka. Class Diagram juga menunjukkan properti dan operasi sebuah class dan batasan-batasan yang terdapatdalam hubungan-hubungan objek tersebut (Fowler Martin : 2005) Tabel 2.2.Class Diagram Simbol
Keterangan Fungsi
class Class Model
Kelas Class5
Class menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut (metoda/fungsi).
Asosiasi
Asosiasi, yaitu hubungan statis antar class.
Agregasi
Agregasi, yaitu hubungan yang menyatakan bagian (“terdiri atas..”).
Directed Asosiasi (Pewarisan)
Pewarisan, yaitu hubungan hirarkis antar class. Class dapat diturunkan dari class lain dan mewarisi semua atribut dan metoda class asalnyadan menambahkan fungsionalitas baru, sehingga ia disebut anak dari class yang diwarisinya.
Generalization
Hubungan dinamis, yaitu rangkaian pesan (message) yang di-passing dari satu class kepada class lain.
23
c.
Activity Diagram Activity diagrams teknik untuk menggambarkan logika prosedural, proses
bisnis, dan jalur kerja. Dalam beberapa hal, diagram ini memainkan peran mirip sebuah diagram alir (Fowler Martin : 2005). Table 2.3.Activity Diagram Simbol
Keterangan Fungsi
clas... Start
Mendefinisikan dimasukkan.
class Class Model Activity
Aktivitas menggambarkan proses yang berjalan, sementara use case menggambarkan bagaimana aktor menggunakan sistem untuk melakukan aktivitas.
Activ ity1
suatu
tindakan
sebelum
aktivitas
Control Flow
Mendeskripsikan kemana aliran kegiatan berlangsung.
Fork/Join class Cla...
Untukmengilustrasikan proses-proses paralel (fork danjoin) digunakan titik sinkronisasi yang dapat berupa titik, garis horizontal atau vertikal.
class ...
Decision
Untuk menggambarkan behaviour pada kondisi tertentu.
Annotation Things
Annotation Things merupakan bagian yang memperjelas model UML. Ia dapat berupa komentar-komentar yang menjelaskan fungsi serta ciri-ciri tiap elemen dalam model UML.
analysis Business Process Model
The Workflows package documents business processes, drawing on stakeholders, structures and objects defined in the Context and Object packages showing how these work together to provide fundamental business activities.
class... Final
Final
Menandakan bahwa suatu tindakan atau aktivitas telah selesai.
24
2.3
Penelitian Sebelumnya Adapun penelitian sebelumnya yang menjadi referensi pembuatan tugas
akhir ini adalah sebagai berikut.
2.3.1 Registrasi Calon Siswa Baru Berbasis Mobile Android di Sekolah Menengah Atas Negeri 9 Manado Kenneth Y. R. Palilingan, Alicia A. E. Sinsuw, ST, MT, Xaverius B. N. Najoan, ST, MT, 2014. Registrasi Calon Siswa Baru Berbasis Mobile Android Di Sma N 9 Manado. Perkembangan teknologi informasi dan komunikasi yang semakin pesat berbanding lurus dengan kebutuhan masyarakat akan informasi yang semakin pesat juga, dan mendorong berbagai lembaga pendidikan khususnya SMA N 9 Manado untuk memanfaatkan sistem yang berbasis mobile android yaitu sistem registrasi calon siswa baru berbasis mobile android untuk meningkatkan efektivitas dan fleksibilitas sistem sekolah.
2.3.2 Aplikasi Mobile Learning Berbasis Moodle Pada Platform Android Thio
Pratama
Putra,
Suwanto
Sanjaya,
Surya
Agustian,
2012.
Perkembangan perangkat komunikasi telepon selular belakangan ini mengalami pertumbuhan yang sangat pesat yang didukung dengan disertakannya teknologi terbaru dalam perangkat tersebut. Hal itu juga dipicu oleh pesatnya kebutuhan konvergensi layanan pada satu perangkat komunikasi yang mampu menangani proses voice, data dan video. Berbagai macam fitur pendukung juga disisipkan pada perangkat ini, seperti pengolah dokumen, gambar, video, konektivitas dan
25
sebagainya. Konvergensi teknologi perangkat komunikasi yang ada saat ini lebih memberi kemudahan kepada penggunanya. Dalam hal ini terobosan teknologi pada perangkat komunikasi untuk pembelajaran masih terus dikembangkan. Mobile learning merupakan salah satu metode pembelajaran yang terus dikembangkan dalam dunia pendidikan agar nantinya bisa dimanfaatkan untuk media belajar bagi penggunanya. Mobile learning adalah suatu pendekatan pembelajaran yang melibatkan perangkat bergerak seperti telepon genggam, PDA, dan tablet PC, dimana pembelajar dapat mengakses materi, arahan dan aplikasi yang berkaitan dengan pelajaran tanpa dibatasi oleh ruang dan waktu, dimanapun dan kapanpun mereka berada.
26
2.4
Kerangka Berpikir Untuk
menyelesaikan
peneltian
dengan
judul
Rekayasa
dan
Pengembangan Aplikasi Pendaftran Online pada SMA Negeri 4 Palembang Berbasis Mobile maka penulis membuat kerangka berpikir. Untuk itu dapat dilihat pada gambar berikut. Komunikasi Pada tahapan ini yang dilakukan adalah melakukan komunikasi dengan pihak sekolah untuk meminta data yang di butuhkan, mengetahui sistem yang akan di kembangkan.
Perancangan Merancang dan merencanakan sistem yang akan dibuat. Seperti rancangan tampilan, database, jadwal kerja, data yang dibutuhkan, dll.
Permodelan Memahami kebutuhan software. Pembuatan interface, basis data dan arsitektur perangkat lunak.
Konstruksi Pembuatan kode program.
Penyebaran Mengevaluasi software yang telahi dibuat.
Gambar 2.2 Kerangka Berpikir
algoritma,
27
BAB III ANALISIS DAN PERANCANGAN Tujuan dari penelitian ini adalah untuk melakukan rekayasa dan pengembangan aplikasi pendaftaran online SMA Negeri 4 Palembang berbasis mobile sebagai solusi dari permasalahan yang dikemukakan pada bab sebelumnya. Untuk menghasilkan rekayasa dan pengembangan aplikasi pendaftaran online SMA Negeri 4 Palembang berbasis mobile menggunakan metode pengembangan perangkat lunak yaitu waterfall. Adapun tahapannya terdiri dari : komunikasi, perancangan, permodelan, konstruksi dan penyebaran.
3.1
Komunikasi (Comunication) Dalam melakukan penelitan rekayasa dan pengembangan aplikasi
pendaftaran online pada SMA Negeri 4 Palembang berbasis mobile ini penulis telah melakukan komunikasi kepada pihak SMA Negeri 4 Palembang berkaitan dengan aplikasi yang akan dibuat. Komunikasi dilakukan secara tatap muka langsung ke pegawai dan pimpinan yang ada untuk meminta data yang dibutuhkan untuk membangun aplikasi yang akan dibuat, serta melalui surat pengajuan penelitian yang ditanda tangani oleh dekan Fakultas Ilmu Komputer Universtias Bina Darma Palembang serta surat balasan dari SMA Negeri 4 Palembang atas kesediannya penelitian dilakukan pada SMA Negeri 4 Palembang tersebut.
28
3.2
Perencanaan (Planning) Perencanaan dalam melakukan peneltian pembuatan aplikasi pendaftaran
online pada SMA Negeri 4 Palembang berbasis mobile ini dapat dilihat pada jadwal penelitian pada lampiran penelitian ini.
3.3
Pemodelan (Modeling)
3.3.1 Analisis 3.3.1.1 Gambaran Sistem Lama Saat ini pendaftaran online pada SMA negeri 4 Palembang sudah baik, hanya saja terdapat beberapa kekurangan pada sistem pendaftran ini antaranya pendaftaran dapat dilakukan kapan pun tanpa ada batasan waktu, pengumuman hasil pendaftaran tidak berfungsi dan registrasi tidak digunakan. Pada web SMA Negeri 4 Palembang ini juga tidak terdapat menu nilai dimana siswa bisa melihat nilai secara online persemesternya. Hal ini dikarenakan berlakunya pendaftaran online dan website ini baru berjalan satu kali pendaftaran saja. Masih ada beberapa yang perlu di benari dan di tambahkan.
3.3.1.2 Gambaran Umum Perangkat Lunak Usulan Perangkat lunak yang akan dibangun dalam penelitian ini adalah rekayasa dan pengembangan aplikasi pendaftaran online pada SMA Negeri 4 Palembang berbasis mobile yang memiliki hak akses pihak sekolah ( kepala sekolah, guru dan admin ), siswa dan orang tua siswa. Aplikasi ini selain bertujuan untuk mendaftar
29
sekolah, juga dapat memberi informasi terbaru seputar sekolah dan nilai siswa persemester.
3.3.1.3 Analisis Kebutuhan Analisis kebutuhan adalah analisis untuk menentukan kebutuhan dari rekayasa dan pengembangan aplikasi pendaftran online SMA Negeri 4 Palembang berbasis mobile. Kebutuhan perangakt lunak terbagi menjadi dua yaitu : kebutuhan perangkat lunak fungsional dan kebutuhan perangkat lunak nonfungsional yang diperlukan untuk mencapai tujuan dalam pengembangan rekayasa dan pengembangan aplikasi pendaftran online pada SMA Negeri 4 Palembang berbasis mobile. Berikut adalah kebutuhan fungsional dan non fungsional tersebut: a) Kebutuhan Fungsional Kebutuhan fungsional adalah kebutuhan yang berkaitan secara langsung dengan rekayasa dan pengembangan aplikasi pendaftran online pada SMA Negeri 4 Palembang berbasis mobile. Kebutuhan fungsional tersebut dapat dilihat sebagai berikut: a.
Kebutuhan pengguna pihak sekolah (Admin) Kebutuhan pengguna dengan hak akses pihak sekolah pada rekayasa dan
pengembangan aplikasi pendaftran online pada SMA Negeri 4 Palembang berbasis mobile adalah sebagai berikut: 1) Melakukan login ke halaman utama 2) Mengelola data informasi sekolah
30
3) Mengelola data siswa pendaftaran 4) Mengelola data karyawan 5) Mengelola data alumni
b.
Kebutuhan pengguna pihak sekolah (Guru) Kebutuhan pengguna dengan hak akses guru pada rekayasa dan
pengembangan aplikasi pendaftran online pada SMA Negeri 4 Palembang berbasis mobile adalah sebagai berikut: 1) Melakukan login ke halaman utama 2) Mengelola nilai siswa
c.
Kebutuhan pengguna Siswa Kebutuhan pengguna dengan hak akses siswa pada rekayasa dan
pengembangan aplikasi pendaftran online pada SMA Negeri 4 Palembang berbasis mobile adalah sebagai berikut: 1) Melakukan pendaftaran sekolah 2) Melihat informasi sekolah 3) Melihat nilai 4) Melihat materi pembelajaran
31
d.
Kebutuhan pengguna Orang tua Siswa Kebutuhan pengguna dengan hak akses Orang Tua siswa pada rekayasa
dan pengembangan aplikasi pendaftran online pada SMA Negeri 4 Palembang berbasis mobile adalah sebagai berikut: 1. Melihat informasi sekolah 2. Melihat nilai siwa
b) Kebutuhan Non-fungsional Kebutuhan non-fungional adalah kebutuhan yang terkait tidak secara langung dengan perangkat lunak informasi lokasi kebakaran hutan di Provinsi Sumatera Selatan berbasis web. Kebutuhan non-fungsional tersebut dapat dilihat sebagai berikut: 1) Laptop Acer, Processor Intel i-5, Harddisk 500GB dan RAM 2GB 2) Modem dan Printer untuk koneksi internet dan cetak laporan 3) Microsoft Office 2007 sebagai aplikasi pengolahan data untuk penulisan. 4) Microsoft Windows 7, sebagai sistem operasi 5) Adobe Dreamweaver CS3, sebagai tools pengembangan 6) Xampp 1.7.7, Apache, MySQL, Browser Google Chrome.
3.3.2 Perancangan Perangkat Lunak Dalam membangun rekayasa dan pengembangan aplikasi pendaftran online pada SMA Negeri 4 Palembang berbasis mobile yang akan dilakukan maka penulis membuat beberapa tahapan perancangan sebagai acuan dalam pembuatan
32
rekayasa dan pengembangan aplikasi pendaftran online pada SMA Negeri 4 Palembang berbasis mobile ini sesuai dengan analisis kebutuhan. Diantara hasil perancangan berdasarkan dari data SMA Negeri 4 Palembang dapat gambarkan dalam bentuk diagram. Diagram tersebut antara lain adalah use case diagram, activity diagram dan class diagram. Use case diagram digunakan untuk mengambarkan model fungsional sebuah sistem yang menggunakan actor dan use case. Use case adalah layanan (services) atau fungsi-fungsi yang disediakan oleh system untuk penggunanya. Activity diagram digunakan untuk memodelkan workflow proses bisnis dan urutan aktivitas dalam sebuah proses. Diagram ini memodelkan workflow dari satu aktivitas ke aktivitas lainnya atau dari aktivitas ke status.Sedangkan Class diagram penulis gunakan untuk melihat model statis yang menggambarkan struktur dan deskripsi class serta hubungannya antara class. Class terdiri dari nama kelas, atribut dan operasi/methode. Berikut ini adalah model untuk masing-masing diagram pada rekayasa dan pengembangan aplikasi pendaftran online pada SMA Negeri 4 Palembang berbasis mobile
3.3.2.1
Use Case Diagram
3.3.2.1.1 Rancangan Alur Sistem Rancangan alur sitem ini dimaksudkan untuk mempermudah dalam penyusunan dan pembuatan aplikasi yang terdiri atas use case, diagram activity, base data, dan rancangan tampilan. Pada rancangan tampilan, desain tampilan menu, desain tampilan login, desain tampilan input dan desain tampilan output.
33
3.3.2.1.1.1 Use Case
Gambar 3.1 Use Case
Pada gambar use case di atas, terdapat 3 aktor yaitu calon siswa, admin dan Guru. Calon siswa dapat melakukan 3 proses pada menu penerimaan siswa baru, yaitu menginput data, cetak nomor pendaftaran, dan melihat pengumuman peneriaan siswa baru (PSB). Pada menu Nilai, siswa dapat melakukan 2 proses yaitu login dan melihat nilai raport. Sedangkan admin dapat melakukan login untuk mengolah data calon siswa. Pada Guru, guru dapat login dan melakukan pengisian nilai raport.
34
3.3.2.1.1.2 Diagram Activity
Gambar 3.2 Diagram Activity Pada diagram activity di atas proses yang di lakukan sama seperti use case. Sistem menyimpan data yang telah di input-kan oleh siswa lalu dikelola oleh admin. Dan guru dapat menginputkan nilai raport siswa. 3.3.2.1.1.3 Base Data Kumpulan data yang disimpan secara sistematis di dalam komputer yang dapat diolah atau dimanipulasi menggunakan perangkat lunak (program aplikasi) untuk menghasilkan informasi. a. Tabel Berita No. Field 1.
Id_berita
Tabel 3.1 Tabel Berita Type Size Keterangan Int
50
Primary Key
35
2.
Judul_berita
Varchar
3.
Isi_berita
Longtext
4.
Gambar_berita
Longtext
5.
Tgl_berita
Datetime
6.
Tag_berita
Longtext
100
b. Tabel Calon_siswa No. Field
Tabel 3.2 Tabel Calon_siswa Type Size
1.
Id_cs
Bigint
3
2.
Nama_cs
Varchar
50
3.
Jk_cs
Varchar
50
4.
Ttl_cs
Varchar
100
5.
Agama_cs
Varchar
50
6.
Alamat_cs
Longtext
7.
Telp_cs
Varchar
50
8.
Asal_cs
Varchar
50
9.
Ortu_cs
Varchar
50
10.
Kerja_ortu_cs
Varchar
50
11.
Stts_cs
Varchar
100
12.
Tgl_sttb_cs
Datetime
13.
Rata_s1_cs
Double
(50,2)
14.
Rata_s2_cs
Double
(50,2)
15.
Rata_s3_cs
Double
(50,2)
Keterangan Primary Key
36
16.
Rata_s4_cs
Double
(50,2)
17.
Rata_s5_cs
Double
(50,2)
18.
Periode
Int
100
19.
Status
Varchar
100
c. Tabel Galeri No. Field
Tabel 3.3 Tabel Galeri Type Size Keterangan
1.
Id_galeri
Bigint
50
2.
Album
Varchar
100
3.
File
Longtext
Primary Key
d. Tabel Hasil_tes No. Field
Tabel 3.4 Tabel Hasil_tes Type Size Keterangan
1.
Idcs_ht
Bigint
50
2.
Ipa
Double
(50,2)
3.
Ips
Double
(50,2)
4.
Mtk
Double
(50,2)
5.
Indo
Double
(50,2)
6.
Ing
Double
(50,2)
7.
Std
Double
(50,2)
Primary Key
e. Tabel Kesiswaan No. Field
Tabel 3.5 Tabel Kesiswaan Type Size Keterangan
37
1.
Id_kesiswaan
Varchat
2.
Isi_kesiswaan
Longtext
3.
Tgl_kesiswaan
Datetime
100
Primary Key
f. Tabel Nilai_siswa No. Field
Tabel 3.6 Tabel Nilai_siswa Type Size Keterangan
1.
Id_ns
Int
50
2.
Nisn
Int
50
3.
Smt
Varchar
50
4.
Ipa
Double
50,2
5.
Ips
Double
50,2
6.
Mtk
Double
50,2
7.
Indo
Double
50,2
8.
Ing
Double
50,2
9.
Ppkn
Double
50,2
10.
Agama
Double
50,2
11.
Pen
Double
50,2
12.
Seni
Double
50,2
13.
Tik
Double
50,2
14.
Nip
Int
50
Primary Key
38
g. Tabel Pengumuman No. Field
Tabel 3.7 Tabel Pengumuman Type Size Keterangan
1.
Idp
Bigint
50
2.
Judul_p
Varchar
100
3.
Isi_p
Longtext
4.
Tgl_p
Datetime
5.
Gambar_p
Longtext
Primary Key
h. Tabel Periode No. Field
Tabel 3.8 Tabel Periode Type Size Keterangan
1.
Id_periode
Bigint
50
2.
Thn_periode
Int
50
3.
Tgl_mulai
Datetime
4.
Tgl_tutup
Datetime
Primary Key
i. Tabel Profil No. Field
Tabel 3.9 Tabel Profil Type Size Keterangan
1.
Id_profil
Varchat
2.
Isi_profil
Longtext
3.
Tgl_profil
Datetime
50
Primary Key
39
j. Tabel Siswa No. Field
Tabel 3.10 Tabel Siswa Type Size Keterangan
1.
Nisn
Bigint
50
2.
Nama
Varchar
50
3.
Tgl_lahir
Varchar
100
4.
Jk
Varchar
50
Primary Key
k. Tabel Statistik No. Field
Tabel 3.11 Tabel Statistik Type Size Keterangan
1.
Id_s
Bigint
2.
Tgl_s
Datetime
3.
Ip_s
Varchar
50
Primary Key
100
l. Tabel User No. Field
Tabel 3.12 Tabel User Type Size Keterangan
1.
Id_User
Int
50
2.
Password
Varchar
50
3.
Username
Varchar
50
4.
Level
Varchar
50
Primary Key
3.3.3 Rancangan Tampilan Rancangan tampilan pada aplikasi ini terdiri dari rancangan menu utama, menu pendaftaran online, menu pengumuman pendaftaran dan menu nilai siswa.
40
3.3.3.1 Tampilan Awal Mobile user
SMA NEGERI 4 PALEMBANG
BERANDA
Gambar 3.3 Tampilan Awal Mobile Gambar di atas adalah tampilan menu awal. Dimana terdapat beranda yang berisikan tentang informasi ter-update sekolah, lambang hati adalah simbol dari menu lainnya. Menu yang terdapat pada lambang hati bisa kita lihat pada Gambar 3.4
41
HOME SMA NEGERI 4 PALEMBANG PROFIL
KESISWAAN INFORMASI GALERY PENDAFTARAN ONLINE BERANDA NILAI LOGIN
Gambar 3.4 Tampilan Menu
HOME
SMA NEGERI 4 PALEMBANG PROFIL
KESISWAAN INFORMASI GALERY PENDAFTARAN ONLINE
BERANDA
PENDAFTARAN ONLINE
PENGUMUMAN SISWA BR NILAI LOGIN
Gambar 3.5 Submenu Penerimaan Siswa Baru
Pada menu penerimaan siswa baru ini terdapat 2 submenu yaitu pendaftaran online dan pengumuman hasil PSB (Penerimaan Siswa Baru). jika kita pilih menu
42
pendaftaran online maka akan masuk pada menu pendaftaran online yang bisa di lihat di gambar 3.6, gambar 3.7 dan gambar 3.8.
SMA NEGERI 4 PALEMBANG PENERIMAAN SISWA BARU TAHUN AJARAN 2014/2015 Tahun Ajaran Periode Nama Lengkap Jenis Kelamin Tampat Lahir Tanggal Lahir Agama Alamat Rumah Telepon Rumah Kota
: xxxx/xxx :x : xxxxxxxxx : : xxxxxxxxx : xxxxxxxxx : xxxxxxxxx : xxxxxxxxx : xxxxxxxxx : xxxxxxxxx
Gambar 3.6 Menu Pendaftaran Online
SMA NEGERI 4 PALEMBANG Asal Sekolah Nama Oratng Tua Pekerjaan Orang Tua Nomor STTB Tanggal STTB Nilai Rata-Rata smstr 1 Nilai Rata-Rata smstr 2 Nilai Rata-Rata smstr 3 Nilai Rata-Rata smstr 4 Nilai Rata-Rata smstr 5
: xxxxxxx : xxxxxxx : xxxxxxx : xxxxxxx : xxxxxx : xxxx : xxxx : xxxx : xxxx : xxxx
Penyataan Kebenaran Data daftar DAFTAR
RISET
Gambar 3.7 Menu Pendaftaran Online
Ketika sudah selesai melakukan pengisian data, maka diwajibkan mencontreng verifikasi kebenaran data. Setelah di contreng maka tombol daftar
43
akan muncul lalu klil tombol tersebut. Ketika sudah melakukan pendaftaran, maka akan ada pernyataan anda berhasil daftar dan tampil daftar calon siswa yang telah mendaftar. Dapat dilihat pada gambar 3.8.
SMA NEGERI 4 PALEMBANG Pendaftaran Anda Berhasil Cetak Kartu Tanda Peserta
Gambar 3.8 Cetak Kartu
SMA NEGERI 4 PALEMBANG DAFTAR HASIL TES MASUK SMA NEGERI 4 PALEMBANG TAHUN No
Nama
Asal
Nil ai
Status
Xx
xxxx
Xxxx
Xx
Lulus
Xx
Xxxx
Xxxx
Xx
Tidak Lulus
Xx
Xxxx
Xxxx
Xx
Lulus
Xx
Xxxx
xxxx
Xx
Tidak Lulus
Gambar 3.9 Pengumuman Hasil PSB Keterangan : Lulus jika nilai rata-rata >=60
44
3.3.3.2 Tampilan Awal Mobile Admin
HOME SMA NEGERI 4 PALEMBANG PROFIL
KESISWAAN INFORMASI GALERY PENDAFTARAN ONLINE BERANDA NILAI LOGIN
Gambar 3.10 Login Admin
SMA NEGERI 4 PALEMBANG
USER
: xxxxxxx
PASSWORD : xxxxxxx
Gambar 3.11 Tampilan Awal Mobile Admin Pada saat admin akan mengolah data, maka admin wajib untuk login, dan ketika selesai login maka akan tampil form admin seperti gambar 3.12.
45
USER ADMIN HOME SMA NEGERI 4 PALEMBANG DATA GURU & PEGAWAI PROFIL GURU KESISWAAN SISWA BERITA PENERIMAAN SISWA BARU GALERY ALUMNI PENGUMUMAN BERANDA MATERI PERIODE PENDAFTARAN ONLINE
Gambar 3.12 Tampilan Menu Admin
. HOME SMA NEGERI 4 PALEMBANG PROFIL
KESISWAAN BERITA GALERI PENGUMUMAN BERANDA PERIODE PENDAFTARAN ONLINE
Gambar 3.13 Tampilan Menu Penerimaan Siswa Baru
Dari menu penerimaan siswa baru terdapat 3 submenu yaitu Pendaftaran, Pengumuman Dan Periode. Untuk tampilan form dapat dilihat dari gambar 3.14, 3.15 dan 3.16 berikut ini.
46
LOGOUT
SMA NEGERI 4 PALEMBANG Daftar Calon Siswa SMA Negeri 4 Palembang Tahun 2015 No. Tes
Nama
JK
Asal Sekolah
Xxx
xxxx
X
Xxxxx
EIH
Xxx
Xxxx
X
Xxxxx
EIH
Xxx
Xxxx
X
Xxxxx
EIH
xxx
Xxxx
X
Xxxxx
EIH
Gambar 3.14 Tampilan Menu Pendaftaran .
LOGOUT
SMA NEGERI 4 PALEMBANG PENGUMUMAN SISWA BARU TAHUN AJARAN 2014/2015 Nilai Bahasa : xxxx Nilai Matematika : xxxx Nilai IPA : xxxx Nilai IPS : xxxx Nilai Standar Kelulusan : xxxx SAVE
Gambar 3.15 Tampilan Menu Pengumuman
47
LOGOUT
SMA NEGERI 4 PALEMBANG PERIODE PENDAFTARAN SISWA BARU SMA NEGERI 4 PLG Tahun Tanggal Mulai Tanggal Tutup
: xxxx : xx-xx-xx : xx-xx-xx
simpan
edit
Gambar 3.16 Tampilan Menu Periode
3.3.3.3 Tampilan Awal Mobile guru Pada menu guru, terdapat 3 menu yaitu home, kesiswaan dan login. Guru diharuskan login agar bisa masuk ke halaman utama.
HOME SMA NEGERI 4 PALEMBANG LOGIN
BERANDA
Gambar 3.17 Login Guru
48
SMA NEGERI 4 PALEMBANG USER
: xxxxxxx
PASSWORD : xxxxxxx
Gambar 3.18 Tampilan Awal Mobile Guru Pada saat admin akan mengisi nilai, maka guru wajib untuk login, dan ketika selesai login maka akan tampil form admin seperti gambar 3.18.
HOME SMA NEGERI 4 PALEMBANG KESISWAAN
DATA SISWA NILAI SISWA LOGIN
BERANDA
Gambar 3.19 Menu utama Guru
49
Pada gambar 3.19 terdapat menu utama pada guru yaitu data siswa dan nilai siswa. Data siswa digunakan untuk menambah data siswa dan nilai siswa digunakan untuk menginput nilai semester siswa atau raport online.
SMA NEGERI 4 PALEMBANG Nilai Siswa SISWA SEMETER IPA IPS MATEMATIKA B. INDONESIA B. INGGRIS PPKNsimpan AGAMA DIINPUT OLEH
: xxxx :x : xx : xx : xx : xx : xx : xx edit : xx : xx simpan
Gambar 3.20 Tampilan input nilai siswa Ketika sudah disimpan makan data akan masuk dan bisa si lihat oleh siswa dengan menggunakan login siswa.
50
BAB IV HASIL DAN PEMBAHASAN
4.1
Hasil dan Pembahasan Rekayasa dan Pengambangan Aplikasi
Pendaftaran Online pada SMA Negeri 4 Palembang Berbasis Mobile. Pada perencanaan aplikasi ini terdapat 3 halaman, yaitu halaman Admin, halaman guru dan halaman siswa.
4.1.1 Proses Pendaftaran Online
Gambar 4.1 Halaman Utama
51
Pada halaman utama terdapat menu home, profil, kesiswaan, informasi, galeri, pendaftaran online (PSB) dan login. Dimana menu profil terdapat submenu sejarah, visi dan misi, keunggulan, guru dan logo. Sedangkan pada menu kesiswaan terdapat submenu ekstrakulikuler dan OSIS. Lalu pada menu informasi submenunya berita dan pengumuman. Dan pada menu pendaftaran online (PBS) terdapat menu pendaftaran online dan pengumuman pendaftaran. Untuk melakukan pendaftaran online siswa memilih menu pendaftaran online seperti pada gambar 4.2 berikut.
Gamar 4.2 Menu pendaftaran Onlie
Setelah dipilih, maka siswa di minta untuk mengisi form pendaftaran seperti pada gambar 4.3, 4.4 dan 4.5.
52
Gambar 4.3 Form Pendaftaran Online
Gambar 4.4 Form Pendaftaran Online
53
Gambar 4.5 Form Pendaftaran Online
Setelah form sudah diisi, maka akan klik tombol daftar, maka akan tampil nomor pendaftaran siswa seperti pada gambar 4.6.
54
Gambar 4.6 Cetak Nomor Pendaftaran Setelah siswa melakukan pendaftaran, dan melakukan tes tertulis, maka admin akan menginputkan nilai siswa hasil tes tertulis tersebut. Dapat dilihat pada tampilan proses login dan pengisisan admin pada gambar 4.7, 4.8 dan 4.9.
Gambar 4.7 form login
55
Untuk menginputkan nilai siswa, admin memilih menu pendaftaran online, ketika menu dipilih maka akan tampil form penilaian.
Gambar 4.7 Menu Admin
Gambar 4.8 Form Penilaian
56
Gambar 4.9 Form Penilaian Ketika selasai mengisi form, maka save dengan otomatis siswa tersebut lulus apabila nilai diatas standar yang ditetapkan. Hasil dapat dilihat pada gamabar 4.10.
Gambar 4.10 Form Penilaian
57
Setelah hasil pengumuman selesai diinput, maka siswa pendaftaran dapat melihat hasil di menu pengumuman pendaftaran seperti pada gambar 4.11, 4.12 dan 4.13.
Gambar 4.11 Pengumuman Kelulusan Pendafataran Online
58
Gambar 4.12 Pengumuman Kelulusan Pendafataran Online
Gamabar 4.13 Pengumuman Kelulusan Pendafataran Online
59
Untuk membatasi tanggal penerimaan, maka pada menu admin terdapat menu periode, dimana menu ini berguna untuk memberi waktu mulai dan waktu selesai pendaftaran online pada SMA Negeri 4 Palembang. Ketika menu tersebut di pilih, maka akan tampil seperti pada gambar 4.14 berikut.
Gambar 4.14 menambahakan periode pendaftaran
60
Gambar 4.15 menambahakan periode pendaftaran
Pada gamabar terdapat pemilihan tahun, tanggal mulai dan tanggal tutup pendaftaran. Dimana admin bertugas menentukan tanggal tersebut. Setelah tanggal di tentukan, maka simpan. Setelah di simpan maka periode akan tampil seperti pada tanggal 4.16
61
Gambar 4.16 menambahakan periode pendaftaran
4.1.2 Proses Nilai Raport Penilaian guru untuk raport online siswa dapat dilakukan dengan melakukan login terlebih dahulu. Form login dapat di lihar pada gambar 4.17 berikut.
Gambar 4.17 Login guru
62
Gambar 4.18 Halaman utama guru Pada gambar 4.18 adalah tampilan halaman utama dari login guru, dimana terdapat 2 menu yaitu home dan kesiswaan. Di menu kesiswaan terdapat data siswa dan nilai siswa.
Gambar 4.19 Halaman utama guru
63
Gambar 4.20 Menu Data Siswa
Pada gambar 4.20 adalah tampilan menu data siswa, dimana guru menambahkan data siswa dengan memilih nama siswa dan menginputkan NISN siswa. Proses penambahan data siswa dapat dilihat pada gambar 4.21
64
Gambar 4.21 Proses tambah Data Siswa
Gambar 4.22 Data Siswa berhasil ditambah
65
Gambar 4.23 Menu Nilai Siswa
Pada gamabar 4.23 adalah menu guru untuk melakukan penginputan nilai semester siswa. Proses penginputan dapat dilihat pada gambar 4.24 berikut.
Gambar 4.23 Menu Nilai Siswa
66
Gambar 4.25 Form Nilai Siswa
Gambar 4.26 Form Nilai Siswa
67
Ketika nilai sudah selesai di input dan disimpan, maka akan ada pemberitahuan bahwa data berhasil di proses seperti pada gambar
Gambar 4.27 Nilai siswa telah bertambah Lalu siswa dapar mengkases nilai dengan cara melakukan login seperti gambar 4.28 berikut.
Gambar 4.28 Login siswa
68
Gambar 4.29 Nilai siswa
Setelah berhasil login siswa, maka menu nilai siswa akan tampil pada menu utama. Setelah dipilih maka nilai siswa yang melakukan login tersebut. Tampilan nilai siswa data dilihat pada gambar 4.30, 4.31 dan 4.32.
69
Gambar 4.30 Nilai siswa
Gambar 4.31 Nilai siswa
Gambar 4.32 Nilai siswa
70
4.2
Hasil Perancangan Database Aplikasi Pendaftaran Online Setelah
tahap
perancanaan
database
maka
database
dapat
di
implementasikan pada software XAMPP versi 7.0.0.1.Alasan penulis memakai XAMPP karena XAMPP adalah salah satu peket instalasi Apache, PHP, dan MySQL secara instan yang dapat digunakan untuk membantu proses instansi instan, XAMPP juga memberikan fasilitas pilihan menggunakan PHP 4 atau PHP 5. Database yang dibuat ada 12 tabel, dapat dilihat dari gambar 4.33
Gambar 4.33 database
71
72
73
74
75
76
4.3
Hasil Analisa Aplikasi Pendaftaran Online Pada halaman administrator menggunakan login dengan memasukan
username dan password sebelum masuk ke halaman utama guna menjaga kerahasiaan data siswa. Administrator bisa menindak lanjuti status siswa tersebut biterima atau di tolak dengan cara mengklik tombol diterima atau ditolak pada halaman siswa pendaftaran, tindakan tersebut tidak langsung dijalankan karena
77
akan tampil pemberitahuan dahulu apakah benar sisa tersebut diterima / ditolak. Apabila administrator mengklik tombol ok maka nama siswa yang siterima dan ditolak langsung masuk ke daftar siswa yang diterima / ditolak pada halaman siswa yang diterima / siswa yang ditolak. Ini memudahkan admin dalam mengelompokan siswa yang diterima dan ditolak, hasil atau daftar yang otomatis saat ditindak lanjuti tersebut dapat langsung di cetak oleh admin. Tidak perlu mengetik ulang data siswa yang telah diterima. Administrator juga dapar menentukan rungan yang diperlukan saat tes melalui aplikasi ini, ruangan yang telah ditentukan tersebut bisa langsung tercetak saat siswa mendaftar sesuai dengan nomor urut siswa tersebut. Jadi admin tidak perlu lagi mengelompokan nama siswa secara manual untuk menentukan ruang tes siswa. Aplikasi pendaftaran online ini untuk setiap siswa yang mendaftar langsung dapat mencetak kartu tanda peserta yang berisi nomor tes, lokasi tes, tanggal tes dan syarat-syarat sebelum tes dilakukan. Hal ini mempermudah siswa Karena siswa tidak perlu dating kesekolah cukup dengan daftar online yang lebih efisien.
BAB V
78
KESIMPULAN DAN SARAN
BAB V KESIMPULAN DAN SARAN
1.1
Kesimpulan Berdasarkan pembahasan yang dipaparkan pada bab sebelumnya, maka
penulis memiliki beberapa kesimpulan yaitu : 1.
Calon siswa bisa mendaftar melalui website yang dibuat dengan cara memasukankan identitas dan berkas yang terdiri dari foto, kartu pelajar, format 1 dan format 2. F1 dan F2 yang dikeluarka oleh sekolah asal mereka untuk lanjut ke jenjang berikutnya.
2.
Data yang dimasukan oleh calon siswa dan admin masuk dalam database yang telah dibuat.
3.
Pada hasil pengujian aplikasi, data mahasiswa yang mendaftar pada pendaftaran online akan terekam atau tersimpan dalam database. Dan siswa yang telah mendaftar dengan memenuhi persyaratan mendapatkan kartu peserta tes yang dapat langsung dicetak.
1.2
Saran Dari kesimpulan diatas, maka penulis memberikan saran yang akan
dijadikan sebagai bahan masukan sebagai berikut : 1.
Pada pembuatan aplikasi ini masih banyak memerlukan pengembangan dari segi tampilan dan keamanan data.
2.
Diharapkan program ini dapat diaplikasikan pada SMA Negeri 18 Palembang.
79
3.
Jika program ini dapat diaplikasikan, dibutuhkan sosialisasi kepada calon siswa dikarenakan tidak semua calon siswa mengetahui dan mengerti aplikasi ini.
