Design Of Information Media Android Based For Student Academic

14 J u r n a l V O I S T M I K T a s i k ma l a ya V o l . 5 , N o . 1

  ISSN: 1978-1520 

• Perancangan Media Informasi Akademik Siswa

  Berbasis Android

  

(Studi Kasus : SMPN 1 Sukahening Kabupaten Tasikmalaya)

Design Of Information Media Android Based For

Student Academic

  

(Case Study : SMPN 1 Sukahening Kabupaten Tasikmalaya)

₁

_{2 1,2}

Fitri Nuraeni , Inna Risdiani

  STMIK Tasikmalaya; Jalan RE Martadinata 272A Tasikmalaya, (0265)310830 ₁ STMIK Tasikmalaya, Tasikmalaya. ₂ e-mail: * nenk.ufit@gmail.com , inna-risdiani@stmik-tasikmalaya.ac.id

  

Abstrak

Informasi perkembangan akademik biasanya hanya dapat diperoleh orangtua siswa

pada saat pembagian raport, sehingga orangtua siswa kesulitan dalam mengawasi

perkembangan akademik putra-putrinya setiap waktu. Sedangkan pada saat ini orangtua siswa

sudah mengenal alat komunikasi yang berkembang. Begitu pula pihak sekolah yang saat ini,

sudah memiliki koneksi internet dan memanfaatkan kemajuan teknologi informasi untuk

pengolahan data akademik. Oleh karena itu,muncullah gagasan untuk merancang suatu media

informasi yang dapat dipergunakan oleh orang tua siswa dengan menggunakan alat komunikasi

yaitu smartphone dengan berbasis android. Aplikasi android ini dirancang dengan

menggunakan metode waterfall dengan pendekatan berorientasi objek. Alat perancangan yang

digunakan adalah Unified Modeling Language (UML). Kemudian aplikasi ini dibuat

menggunakan PHP & HTML untuk sisi server sedangkan sisi client aplikasi dibuat

menggunakan eclips untuk membangun aplikasi berbasis android. Dengan adanya aplikasi ini,

sekolah memiliki media informasi perkembangan akademika siswa yang dapat membantu orang

tua siswa dalam mengawasi perkembangan putra-putrinya.

  Kata kunci—Android, Informasi akademik, UML

Abstract

Academic progress information can usually only be obtained by the parents at the time

of the distribution of report cards, so parents difficulty in monitoring their child's academic

progress at any time. While at this time the parents are already familiar with developing

communication apparatus. Similarly, the school today, already have an internet connection and

take advantage of advances in information technology for the processing of academic data.

Therefore, there arose the idea to design an information medium that can be used by parents to

use communication tools that Android-based smartphones. This android app designed using

waterfall method with object-oriented approach. Design tool used is the Unified Modeling

Language (UML). Then the application is created using PHP and HTML to the server while the

client side application created using eclipse to build applications based on Android. With this

application, the school has a media information about the academic progress of students who

can assist parents in monitoring the progress of their children.

  Keywords— Android, Academic Information, UML

  J ur na l V O I S T M I K T a s i k ma l a ya V o l . 5 , N o . 1 - 15

1. PENDAHULUAN

  Modernisasi pada pendidikan membuat segala sesuatunya menjadi lebih lancar dan mudah, beberapa faktor pendukung pendidikan adalah internet, fasilitas Wifi, dan komputer yang dijadikan sebagai penunjang kemajuan pada pendidikan. Dunia pendidikan dituntut untuk terus-menerus mengikuti alur perkembangan ilmu dan teknologi yang kian berkembang pesat, karena pendidikan yang tetap pada instruksional kurikulum hanya akan menjadikan ketidak selarasan terhadap kemajuan teknologi yang semakin tak terhindarkan.

  Perkembangan teknologi saat ini menghasilkan banyak alat yang dapat digunakan sebagai media penyampaian informasi. Alat atau aplikasi tersebut dapat dengan memudah menampilkan informasi berdasarkan data-data yang telah diolahnya. Apalagi jika data-data yang diperlukan telah tersimpan pada data base, seperti halnya data siswa dan data hasil akademiknya dapat diintegrasikan pada suatu basis data, karena basis data dapat menyelesaikan masalah kesulitan akses data dan integrasi data[1].

  Kemajuan teknologi informasi selalu melahirkan suatu produk baru yang pastinya memenuhi permintaan konsumen. Dengan munculnya berbagai produk-produk baru dilandasi dengan kecanggihan teknologi informasi menjadikan konsumen untuk terus mengejar kemajuan teknologi dengan menggunakan kecanggihan suatu produk tersebut. Salah satu teknologi yang berkembang sekarang ini adalah mobile. Perkembangan mobile smakin hari semakin maju pesat dengan kecanggihan dan kelengkapan fitur-fitur yang di sajikan secara up to

  

date sehingga dapat memudahkan konsumen dalam mengakses informasi kapan saja dan

  dimana saja. Pemanfaatan mobile dalam kehidupan sehari-hari tidak hanya oleh masyarakat, dan kalangan dunia usaha saja tetapi dalam dunia pendidikan juga banyak digunakan untuk memudahkan dalam penyampaian dan pengaksesan informasi seputar infomasi akademik melalui mobile.

  Awalnya media informasi yang dimanfaatkan oleh pihak sekolah berupa sistem informasi berbasis web. Sebuah sistem informasi berbasis web membantu kerja dari para guru dan wali kelas dengan menggunakan teknologi pendukung berupa PHP dan basis data MySQL. Sistem ini memberi kemudahan bagi admin dalam hal ini wali kelas/guru dan siswa untuk mengakses melalui piranti apapun selama terkoneksi dengan jaringan internet. Hal ini dilakukan untuk membangun sistem yang membantu dalam pengolahan serta penyajian informasi data nilai siswa. Dengan tujuan agar pengolahan nilai dapat di olah secara efektif dan efisien, sehingga bisa langsung di akses serta informasi dapat tersampaikan dengan baik[2].

  Namun kurangnya penerapan teknologi sebagai media informasi akademik pada guru yang masih terbilang tidak efektif dan juga tidak efisien dalam segi waktu. Disamping itu, banyaknya masalah tentang susahnya para orang tua untuk mengecek rapor anak-anak mereka karena memiliki aktivitas yang sangat padat dan kesibukan dalam urusan pekerjaan[3]. Sehingga dibutuhkan media yang lebih memudahkan orang tua siswa mengakses informasi akademik. Pilihan jatuh pada smartphone yang sudah memasyarakat.

  Teknologi smartphone dan aplikasi mobile mulai dikembangkan dengan menggunakan platform android berbasis linux, yang juga memiliki berbagai kelebihan dibandingkan dengan platform symbian yang pada umumnya dipakai. Keuntungan memakai platform android yaitu lengkap (complete platform), terbuka (open source platform), dan gratis (free platform). Sistem operasi mobile berbasis android ini semakin berkembang dibandingkan dengan teknologi J2ME dengan platform symbian[4]. Hal tersebut merupakan kesempatan untuk pengguna android membuat aplikasi yang dapat di akses secara bebas dan lebih luas. Dengan adanya teknologi ini, pengguna dapat membuat suatu sistem baru untuk kebutuhan organisasi atau instansi untuk meningkatkan efektifitas kerja[5]. Selain itu, aplikasi android dapat menyelesaikan masalah operasional penggunaan media sms atau website, dengan dibuatnya sebuah aplikasi yang dapat dijalankan pada perangkat mobile, lebih simpel, cepat, tidak mengkonsumsi banyak bandwidth, dan lebih informatif, serta dapat dioperasikan di mana saja dan kapan saja[6].

  Aplikasi media infomasi mulai banyak dibuat berbasis android, begitupun dengan media informasi akademik siswa. Aplikasi mobile untuk monitoring pendidikan siswa sekolah berbasis

• 16 J u r n a l V O I S T M I K T a s i k ma l a ya V o l . 5 , N o . 1

  ISSN: 1978-1520 

  android dibangun menggunakan prinsip client server dimana client akan mengakses data menggunakan mobile phone berbasis android, sedangkan server akan menggunakan aplikasi berbasis web. Komunikasi antara client dan server dilakukan melalui koneksi internet[7].

2. METODE PENELITIAN

  Dalam perancangan aplikasi ini digunakan metodeWaterfall. Metode Waterfall diawali dengan analisis data, perancangan sistem, pembangunan aplikasi menggunakan Visual Basic 6.0[8]. Proses pertama yang dilakukan adalah pengumpulan data dengan melakukan wawancara dengan pihak sekolah dalam hal ini guru dan walikelas. Dari hasil wawancara didapatkan data yang akan digunakan untuk setiap proses perancangan aplikasi.

  2.1. Analisis Sistem Menganalisa dari sistem yang berjalan dengan analisis kelemahan sistem yang ada,serta mengumpulkan kebutuhan-kebutuhan sistem yang akan dibangun[9]. Berdasarkan hasil wawancara diindentifikasi permasalahan yang ada dalam proses pengelolaan informasi akademik ini adalah : 1) Kurang efektifnya informasi nilai raport karena orangtua dan siswa harus menunggu setiap enam bulan sekali; 2) Data siswa dan data nilai raport masih di simpan dalam bentuk kertas yang semakin hari semakin menumpuk, sehingga menyulitkan pegawai dalam pencarian data serta rawan terhadap hilangnya data-data atau pun kerusakan seperti sobek, terbakar dan sebagainya; 3) Adanya kesenjangan antara fasilitas yang sudah tersedia di SMPN 1 Sukahening yaitu memiliki koneksi internet tetapi informasi nilai raport hanya dapat dilihat di periode tertentu saja. 4) Penyampaian informasi seputar informasi akademik menggunakan fasilitas website yang akan sulit jika dibuka di dalam perangkat mobile karena membutuhkan koneksi yang cepat dan resolusi yang terlalu besar untuk ukuran mobile.

  Oleh karena itu sebagai suatu solusi maka pada aplikasi yang akan dirancang, dibutuhkan adanya kemampuan untuk: (1) penyimpanan database secara online dan terkomputerisasi sehingga penyimpanan data lebih aman dan pencarian data lebih mudah; (2) informasi harus dapat diakses secara online khususnya berbasis mobile sehingga dapat memberi kemudahan bagi orang tua siswa dalam mendapatlkan informasi akademik putra-putrinya.

  Namun untuk memokuskan penyelesaian masalah media informasi perkembangan akademik siswa ini maka dibatasi hanya meliputi informasi nilai raport saja meliputi nilai akhir mata pelajaran, kepribadian, ketidakhadiran, catatan pengembangan diri dan catatan dari wali kelas.

  2.2. Desain sistem Perancangan ini menggunakan Unified Modeling Language (UML) tool berupa usecase diagram, activity diagram dan class diagram.

  Gambaran mengenai prosedur dari aplikasi ini adalah sebagai berikut : 1) Pada menu aplikasi ini, orangtua siswa dapat memilih cek profil, kemudian sistem akan menampilkan form input NIS maka harus mnginputkan NIS, setelah itu sistem akan menampilkan profil siswa; 2) Pada menu cek nilai, pengguna dapat melihat informasi nilai rapot, orangtua siswa dapat memilih cek nilai, kemudian sistem akan menampilkan form input NIS, pilih kelas dan semester maka orangtua siswa harus menginputkan NIS memilih kelas dan semester, setelah itu sistem akan menampilkan nilai siswa.

  Prosedur diatas digambarkan dengan usecase diagram pada gambar 1.

  J ur na l V O I S T M I K T a s i k ma l a ya V o l . 5 , N o . 1 - 17 Orang tua siswa

  

Gambar 1 usecase diagram aplikasi penyaji informasi akademik siswa

  Berikut tentang deskripsi dari use case pada gambar 1: 1) use case Cek Profil dengan aktor Orang Tua Siswa yang melakukan proses pengecekan profil siswa. Orang tua siswa membuka aplikasi, lalu sistem menampilkan Menu. Kemudian memilih menu Data Siswa, menginput NIS, dan sistem menampilkan profil siswa. 2) use case Cek Nilai dengan aktor Orang Tua Siswa melakukan proses pengecekan nilai akademik siswa. Langkah-langkahnya : a) membuka aplikasi; b) sistem akan menampilkan

  Menu; c) memilih menu Nilai; d) sistem menampilkan Form input NIS, pilihan kelas dan semester; e) input NIS, memilih kelas dan semester; f) sistem menampilkan nilai akademik siswa. 3) use case Pendataan siswa dengan aktor Wali Kelas yang melakukan proses pendataan siswa.

  Wali Kelas memilih menu data siswa untuk mengolah data siswa, Sistem menampilkan tampilan halaman dari menu data siswa. Kemudian Wali Kelas memilih menu detail data siswa dan sistem menampilkan form untuk menampilkan detail data siswa. 4) use case Penilaian dengan aktor Wali Kelas yang melakukan proses input nilai akademik siswa. Berikut langkah-langkahnya: a) Wali Kelas memilih menu nilai akademik untuk input nilai akademik siswa; b) Sistem menampilkan tampilan halaman dari menu data nilai akademik siswa; c) Wali Kelas memilih menu input nilai akademik siswa; d) sistem menampilkan form siswa; e) Wali Kelas memilih siswa yang akan diinputkan nilainya; f) sistem menampilkan form input nilai; g) Wali kelas memilih kelas , tahun ajar dan semester kemudian menginputkan nilai dari masing masing mata pelajaran kemudian klik tombol simpen untuk menyimpan data nilai akademik siswa; h) terakhir sistem menyimpan data nilai akademik siswa.

  Selanjutnya dibuatkan Activity diagram yang merupakan salah satu cara untuk memodelkan event-event yang terjadi dalam suatu usecase. Secara esensial, activity diagram mirip dengan diagram alir (flow diagram) karena memperlihatkan aliran kendali dari suatu aktifitas ke aktifitas lainnya. Gambar 2 dan gambar 3 berikut ini adalah activity diagram proses yang terjadi di dalam aplikasi nilai akademik siswa sisi client:

• 18 J u r n a l V O I S T M I K T a s i k ma l a ya V o l . 5 , N o . 1

  ISSN: 1978-1520 

Gambar 2 Activity Diagram Cek Profil

  Pada gambar 2 tersebut, Orang tua siswa membuka aplikasi, lalu sistem menampilkan Menu. Kemudian memilih menu Data Siswa, menginput NIS, dan sistem menampilkan profil siswa.

  

Gambar 3 Activity Diagram Cek Nilai

  Activity Diagram Cek Nilai pada gambar 3 diatas, dimulai pada saat orang tua siswa memilih cek nilai pada menu aplikasi, kemudian meninputkan NIS, memilih kelas dan semester. Setelah itu sistem akan menampilkan nilai akademik siswa tersebut.

  Untuk penggambaran pembuatan aplikasi maka digunakan Sequence Diagram yaitu interaction diagram yang memperlihatkan event-event yang berurutan sepanjang berjalannya waktu. Cara membuat sequence diagram dari atas kebawah. Masing-masing sequence diagram akan menggambarkan aliran- aliran pada suatu usecase .

  J ur na l V O I S T M I K T a s i k ma l a ya V o l . 5 , N o . 1 - 19

Gambar 4. Sequence Diagram Cek Profil

  

Gambar 5 Sequence Diagram Cek Nilai

  Gambar 4 dan gambar 5 diatas menggambarkan event-event yang terjadi pada aplikasi berbasis android yang berjalan di sisi client. Sedangkan untuk event-event yang terjadi pada aplikasi web pada bagian admin seperti gambar 6 dan gambar 7 berikut ini.

  

Gambar 6 Sequence Diagram Pendataan Siswa

• 20 J u r n a l V O I S T M I K T a s i k ma l a ya V o l . 5 , N o . 1

  ISSN: 1978-1520  Gambar 7 Sequence Diagram Penilaian

  Gambar 8 dibawah ini adalah class diagram yang digunakan untuk menampilkan beberapa kelas serta paket-paket yang ada dalam sistem/ perangkat lunak yang dikembangkan. Class diagram memberikan gambaran/ diagram statis tentang sistem / perangkat lunak dan relasi-relasi yang ada di dalamnya[10].

  

Gambar 8. Class Diagram

  Sedangkan gambar 9 adalah deployment diagram menunjukan tata letak sebuah sistem secara fisik, menampakan bagian-bagian software yang berjalan pada bagian-bagian hardware. Deployment diagram menggambarkan detail bagaimana komponen dibentuk dan didistribusikan (deploy) dalam instruktur sistem. Dimana komponen akan terletak pada mesin, server atau peranti keras. Bagaimana jaringan pada lokasi tersebut, misalnya server, client dan hal – hal lain yang bersifat fisik.

  

Gambar 9 Deployment Diagram

  J ur na l V O I S T M I K T a s i k ma l a ya V o l . 5 , N o . 1 - 21

  2.3. Pembuatan Program Selanjutnya mengubah desain menjadi bentuk yang dimengerti oleh komputer, maka dilakukan penulisan jika desainnya detail maka penulisan program dapat dicapai. Pertama-tama dibuat basis data sesuai dengan rancangan pada gambar 8 menggunakan MySQL. Setelah itu dibuatkan aplikasi pengelola untuk database tersebut dengan menggunakan html dan php untuk sisi server dan aplikasi berbasis android untuk sisi client. Aplikasi yang dibuat menerapkan proses pengolahan data sesuai dengan bagan alir data pada gambar 9.

  Struktur Menu Aplikasi pada sistem berbasis android adalah sebagai berikut:

  

Halaman

Utama

Cek Profil Cek Nilai Petunjuk Tentang Keluar

  

Gambar 10. Struktur menu pada aplikasi android

  Saat program dijalankan akan memanggil Splash Screen seperti gambar 11 (a), yang berfungsi untuk menampilkan sesuatu baik itu berupa gambar, teks dan lain-lain. Splash screen biasanya ditempatkan pada saat aplikasi mulai dibuka.

  Menu utama dari aplikasi yang dibangun seperti gambar 11 (b), terdiri dari 5 menu sesuai dengan usecase dengan aktor orang tua siswa sebagai user ditambah menu pelengkap yaitu petunjuk penggunaan aplikasi, informasi mengenai aplikasi dan menu untuk keluar dari aplikasi.

  Cek Profile Aplikasi Nilai Raport Cek Nilai SMPN 1 Sukahening Petunjuk Keluar

  (a) (b)

  

Gambar 11. Rancangan tampilan splash screen

  Untuk informasi yang dihasilkan maka digunakan Form Profil ini berfungsi untuk menampilkan profil siswa sesuai NIS yang diinputkan seperti gambar 12(a) dan gambar 12 (b) untuk informasi nilai akademik siswa dengan menggunakan Form Nilai akademik ini berfungsi untuk menampilkan nilai raport siswa sesuai NIS, semester dan kelas yang diinputkan.

ISSN: 1978-1520

  

  Jenis Kelamin : xxxxxx Tempat Lahir : xxxxxx Tanggal Lahir : xx/xx/xx Tahun Masuk : xxxx

  Selanjutnya

  Nilai : 999 MatPel : xxxxxxxxxxx Nilai : 999

  Kelas : xxxxxx Semester : xxxxxx Tahun Ajaran : xxxx/xx MatPel : xxxxxxxxxxx Nilai : 999 MatPel : xxxxxxxxxxx

  NIS : xxxxxxxxxxxxxx Kembali Nama : xxxxxxxxxxxxxx

  NIS : xxxxxxxxxxxxxx Kembali Nama : xxxxxxxxxxxxxx

  22 - J u r n a l V O I S T M I K T a s i k ma l a ya V o l . 5 , N o . 1

  Untuk bahan pengembangan sistem informasi pengolahan data akademik ini dapat disarankan pengembangan pada data base dan aplikasi berbasis jaringan (client server) sehingga informasi akademik ini dapat diakses dengan berbagai media dan aplikasi.

  2. Aplikasi ini mampu menyampaikan informasi serta menyimpan data siswa, guru, mata pelajaran dan nilai akademik sehingga lebih efektif dan efisien dan memudahkan dalam proses pencarian, pembaharuan dan penginputan data.

  1. Aplikasi ini mampu menjadi media informasi perkembangan akademik siswa yang membuat orangtua siswa lebih mudah dalam mendapatkan informasi nilai raport kapanpun dan dimana pun dengan smartphone berbasis android.

  Beberapa kesimpulan dari aplikasi ini, antara lain sebagai berikut :

  

Gambar 11. Rancangan tampilan informasi untuk orang tua siswa

  (a) (b)

4. KESIMPULAN

5. SARAN

  J ur na l V O I S T M I K T a s i k ma l a ya V o l . 5 , N o . 1 - 23

DAFTAR PUSTAKA

  [1] I. H. Kristanto, Konsep & Perancangan Database. Penerbit Andi, 1994. [2] S. K. Wardani, “Sistem Informasi Pengolahan Data Nilai Siswa Berbasis Web Pada

  Sekolah Menengah Kejuruan (SMK) PGRI 1 Pacitan,” EPUB-SISTEM Inf., vol. 1, no. 1, 2013. [3]

  D. C. Pradesti and I. G. P. K. Juliharta, “SISTEM INFORMASI PENGELOLAAN NILAI RAPOR BERBASIS ANDROID STUDI KASUS SMP BUDI UTAMA KEROBOKAN,” JOSIKOM J. Online Sist. Komput., vol. 1, no. 1, 2015.

  [4]

  G. A. P. Rumimpunu, “Aplikasi Pengajuan Kredit Berbasis Android (Studi Kasus Bank Rakyat Indonesia Tondano),” Program Studi Sistem Informasi FTI-UKSW, 2012. [5]

  F. Nuraeni, T. Mufizar, and N. Ganda Holis, “SISTEM INFORMASI INVENTORI BARANG LABORATORIUM KOMPUTER BERBASIS ANDROID DI STMIK TASIKMALAYA,” in Seminar Nasional Informatika (SNIf) 2014(SNIf) 2014, 2014.

  [6] K. D. ARIZA, “Pembuatan Aplikasi Informasi Tagihan Listrik Berbasis Android,” Skripsi, Fak. Ilmu Komput. , 2014. [7]

  R. Jumardi, “APLIKASI MOBILE UNTUK MONITORING PENDIDIKAN SISWA BERBASIS ANDROID,” UPN“ Veteran” Yogyakarta, 2013. [8] S. Winiarti, “PEMANFATAN TEOREMA BAYES DALAM PENENTUAN PENYAKIT THT,” J. Inform., vol. 2, no. 2, pp. 189–199, 2012. [9] H. Al-Fatta, Analisis dan Perancangan Sistem Informasi. ANDI, 2007. [10]

  A. Nugroho, Rational Rose untuk Pemodelan Berorientasi Objek. Bandung: Infomatika, 2009.