Penerapan Jquery Mobile Pada Sistem Informasi Potensi Akademik SMA dan SMK di Palembang
Mentari Jalesi Rianto1, Ilman Zuhri Yadi2, Eka Puji Agustini3 Mahasiswa Teknik Inpformatika Universitas Bina Darma1, Dosen Ilmu Komputer 2, Dosen Ilmu Komputer2 . Jl Jend A.Yani No.12 Plaju, Palembang 30264 Email :
[email protected],
[email protected],
[email protected] .
Abstrak. Dalam mendapatkan informasi tentang pendidikan yaitu potensi akademik dimana masyarakat harus datang langsung ke sekolah atau membuka website untuk mendapatkan informasi sekolah. Sistem informasi potensi akademik berbasis mobile yang akan dibangun memanfaatkan perkembangan teknologi informasi saat ini. Mobile dipilih karena tingkat perkembangan perangkat bergerak yang sangat tinggi, tingkat penggunaan yang relatif mudah, dan harga perangkat yang semakin terjangkau, dibanding perangkat komputer personal. Tujuan penelitian ini adalah untuk membangun sebuah sistem informasi potensi akademik SMA dan SMK di Palembang dengan menerapkan jQuery Mobile. JQuery Mobile adalah sebuah framework javascript untuk tampilan yang telah dioptimalkan untuk smartphone. Dalam perangkat lunak ini dihasilkan sebuah sistem informasi potensi akademik SMA dan SMK di Palembang dengan penerapan jQuery Mobile melalui smartphone. Metode pengembangan perangkat lunak yang digunakan dalam penelitian ini adalah metode Mobile–D. Mobile-D yang terdiri dari lima tahap seperti : Explore, initialize, productionize, stabilize, system tes and fix. Kata Kunci : Sistem Informasi, Potensi Akademik, jQuery Mobile.
1.
kuartal pertama 2015 lonjakan penggunaan
PENDAHULUAN
smartphone mencapai angka 43% jika Di era masa kini telepon
dibandingkan dengan penetrasi yang terjadi
genggam disebut menjadi smartphone, alat
di tahun lalu yaitu 28% (Consumer
yang dapat digunakan banyak hal selain
Barometer, 2015).
maupun
Lebih lanjut, data menunjukkan
mengirim pesan singkat. Smartphone atau
bahwa 4 dari 10 orang di Indonesia lebih
yang disebut juga piranti pintar dewasa ini
memilih
menjadi trend yang mewabah di Indonesia.
mengakses
Dari
dibanding gadget lainnya. Lengkapnya,
untuk
berbicara
data
smartphone
yang di
jarak
jauh
didapat tanah
air
penggunaan mengalami
peningkatan yang cukup signifikan. Hingga
43%
perangkat
smartphone
berbagai
perangkat
untuk
kebutuhan
smartphone
dipilih
pengguna dibanding komputer yang hanya
terpatok di angka 15% dan perangkat tablet
informasi
di angka 4 % saja (Consumer Barometer,
mobile yang memanfaatkan perkembangan
2015). Bentuk pemanfaatan dari kemajuan
teknologi informasi saat ini. Dengan
teknologi informasi dapat menjadi sebagai
perkembangan teknologi informasi banyak
media pembelajaran, media bisnis, media
masyarakat
yang
layanan
smartphone
dengan
kesehatan,
media
layanan
potensi
akademik
sudah berbagai
berbasis
memiliki macam
pendidikan, media hiburan, dan media
kegunaan salah satunya seperti, ada yang
pemberian
Dengan
memiliki smartphone karena status sosial,
perkembangan teknologi informasi saat ini
atau ada juga yang memiliki smartphone
menuntut suatu sistem dimana pengguna
karena tingkat pemahaman yang mudah
smartphone dapat mendapatkan informasi
dimengerti dan praktis dalam mendapatkan
yang dibutuhkan secara cepat.
apa yang dibutuhkan.
informasi.
Sama hal nya dalam mendapatkan
Setiap smartphone dengan tipe dan
informasi tentang pendidikan yaitu potensi
jenis yang berbeda maka menggunakan
akademik dimana masyarakat harus datang
platform yang berbeda pula, ada yang
langsung ke sekolah untuk menanyakan
menggunakan
seputar akreditasi, persayaratan untuk
phone dan blackberry. Dengan menerapkan
mendaftar, proses pengurusan lintas rayon,
jquery mobile dapat membangun sistem
dan informasi sekolah, atau dengan cara
informasi potensi akademik dengan baik di
membuka website sekolah. Namun ada
berbagai piranti operasi mobile. Contoh
beberapa website yang tidak memberikan
piranti yang didukung jquery mobile antara
informasi tentang proses pengurusan lintas
lain android, blackberry, iOs, windows
rayon, informasi akreditasi, dan persyaratan
phone dan platform symbian sehingga
pendaftaran sekolah. Sama seperti SMA
informasi tersebut dapat didapatkan di
dan SMK di Palembang, untuk mengetahui
berbagai piranti operasi mobile.
android,
iOs,
windows
informasi SMA dan SMK atau sebagai
Dengan penerapan jquery mobile
bahan pertimbangan untuk memilih sekolah
pada sistem informasi potensi SMA dan
yang akan di pilih, masyarakat dan orang
SMK di Palembang yang akan dibangun ini
tua dapat datang langsung ke sekolah
diharapkan, dapat membantu masyarakat
sehingga membutuhkan waktu yang cukup
dan calon pendaftar mendapatkan informasi
lama atau dapat juga dengan membuka satu
seputar SMA dan SMK yang dituju melalui
persatu website sekolah tersebut.
berbagai smartphone dan piranti operasi
Berdasarkan permasalahan yang ada maka akan dibangun sebuah sistem
mobile yang ada.
2.
METEDOLOGI PENELITIAN
2.1.
Metode Penelitian
2.3.
Metode Pengembangan Perangkat Lunak
Dalam penelitian ini metode
Pada
penelitian
ini
yang digunakan ialah metode penelitian
pengembangan
deskriptif menurut Nazir (2003 : 54) dalam
digunakan adalah metode mobile-d. Metode
Lukman (2014 : 57) metode deskriptif
pengembangan yang digunakan dalam
adalah suatu metode dalam meneliti status
penelitian ini adalah metode Mobile–D.
sekelompok manusia, suatu objek, suatu set
Mobile-D
kondisi, suatu sistem pemikiran ataupun
komprehensif untuk setiap fase dan tahap,
suatu kelas peristiwa pada masa sekarang.
dan untuk tugas-tugas yang terkait. Metode
Tujuan dari penelitian deskriptif ini adalah
pengembangan
untuk membuat deskripsi, gambaran atau
Explore, Initialize, Productionist, Stabilize,
lukisan secara sistematis, faktual dan akurat
dan System test and Fix.
mengenai
fakta-fakta,
sifat-sifat
memiliki
lunak
yang
spesifikasi
Mobile-D
yang
terdiri
dari
serta
hubungan antar fenomena yang diselidiki. 2.2.
perangkat
metode
3.
Perancangan penerapan jquery mobile pada sistem informasi
Metode Pengumpulan Data
potensi akademik SMA dan SMK
Metode yang digunakan dalam
di Palembang
pengumpulan data yaitu :
3.1.
Explore
1. Metode Pengamatan. Dalam metode ini
Penulis
akan melakukan pengumpulan data-data
merencanakan
dan
melalui pengamatan dan mencatat hal-
menyusun proyek yang akan dikerjakan
hal yang berhubungan dengan data
berikut tahapan pada explore :
dalam pembuatan potensi akademik
3.1.1
seperti
data
akreditasi
sekolah,
persyaratan sekolah, prestasi sekolah dan profil sekolah. 2. Metode Dokumentasi. Pada tahap ini dilakukan dengan melihat arsip sekolah tentang data yang dibutuhkan oleh peneliti dalam pembangunan penerapan
Stakeholder Establishment. Pada
tahap
stakeholder
establishment terdapat beberapa hal yang terdiri dari: 1. Pemilik Sistem (Owner System) Pemilik
sistem
penerapan
jqeury
mobile pada sistem informasi potensi
jquery mobile pada sistem informasi
akademik
potensi akademik SMA dan SMK di
Palembang ialah peneliti sendiri.
Palembang
SMA
dan
SMK
di
2.
Pengguna Sistem (System User) Pengguna
3.
sistem
akan
dan Windows Phone. Namun dalam
menggunakan ialah orang tua calon
penelitian ini penulis menggunakan
pendaftar,
smartphone dengan samsung galaxy j1
calon
yang
sistem operasi android, blackberry, iOs,
pendaftar,
pihak
sekolah, dan masyarakat umum.
Ace dengan layar sebesar 4.3″ dengan
Desainer Sistem (System Designer)
menggunakan OS Android Kitkat 4.4.4.
Desainer sistem pada tahap ini yang mendesain sistem ialah peneliti sendiri. 4.
Pembangun Sistem (System Bulider) Pembangun sistem pada tahap ini spesialis teknis yang membangun
5.
3.1.3
Project establishment. Berikut
beberapa
tahapan
yang
dilakukan pada tahapan project establishment : 1. Pada
pembangunan sistem informasi
sistem ialah peneliti sendiri.
potensi akademik ini menggunakan PHP,
Analisis Sistem (System Analyst)
HTML5, CSS, dreamweaver dan javascript.
Analis sistem adalah spesialis yang
2. Penulis mempersiapkan data-data yang
mempelajari masalah dan kebutuhan
diambil dari SMA N 1 sampai dengan SMA
sebuah organisasi untuk menentukan
N 22 dan SMK N 1 sampai dengan SMK N
bagaimana orang, data, proses dan
8 kecuali SMA N 9, SMA N 13, SMA N 19,
teknologi informasi dapat mencapai
dan SMK N 2 Palembang. Data yang
kemajuan terbaik untuk bisnis.
diambil berupa data akreditasi, persyaratan masuk, pengurusan lintas rayon, syarat pindah ke sekolah, syarat pindah dari
3.1.2 Scope definition.
sekolah, prestasi, dan profil sekolah.
Tahapan yang dilakukan pada tahap scope definition adalah : 1.
3.2.
Menetapkan waktu penerapan jquery mobile pembangunan sistem informasi potensi akademik SMA dan SMK di Palembang yang diperkirakan dari
Initialize Adapun tahapan dari initialize sebagai
berikut : 3.2.1
Project Set-U Berikut
beberapa
tahapan
yang
bulan Oktober 2015 dan berakhir pada
dilakukan pada tahap project set-u terdiri dari :
bulan Januari 2015.
1. Software. Mempersiapkan
2. Sistem informasi potensi akademik SMA dan SMK di Palembang yang akan dibangun ini berbasis mobile dengan penerapan jQuery Mobile, mendukung
software
yang
akan
digunakan yaitu dreamwever dan php my admin.
2. Data.
penulis memasukan surat izin ke SMA
Data-data potensi akademik SMA dan SMK di Palembang yang meliputi data akreditasi,
dan SMK Negeri di Palembang b. November penulis melakukan penyusan
persyaratan masuk, pengurusan lintas rayon,
proposal,
syarat pindah ke sekolah, syarat pindah dari
ujian proposal, dan revisi dari hasil ujian
sekolah, prestasi, dan profil sekolah.
proposal.
3. Hardware.
mengumpulkan
c. Desember
penulis
data-data,
melanjutkan
Hardware yang menunjang pembangunan
pengumpulan data, mengelompokkan
penerapan jquery mobile pada sistem
data dan menyusun skripsi.
informasi potensi akademik SMA dan SMK
d. Januari penulis melanjutkan penyusunan
di Palembang ini, yakni:
skripsi, melakukan pengcodingan yang
a. Laptop Acer Aspire V5-431, dengan
sudah
dirancangan
sampai
selesai,
RAM 2 GB, processor intel celeron.
kemudian melakukan system test and fix
b. Smartphone Samsung Galaxy j1 ace
terhadap perangkat lunak yang telah
dengan menggunakan andoid KitKat
dibangun.
4.4.4.
Jadwal diatas dapat dilihat pada gambar
3.2.2
1 jadwal penelitian sebagai berikut :
Planning day. Berikut tahapan yang dilakukan pada
planning day yaitu : 1. Penulis mengelompokkan data-data yang didapat sesuai dengan isi perangkat lunak yang akan dibangun. 2. Penulis mempersiapkan coding yang dibuat masih
dalam
bentuk
pseudocode. Gambar 1. Jadwal Penelitian
Pseudocode, berarti bukanlah kode program yang
sebenarnya,
melainkan
dengan
menggunakan simbol-simbol yang mirip
3.2.3
Hari Percobaan (Working Day dan
atau menyerupai kode program yang ditulis
Release Day).
dengan
Penulis membuat rancangan sistem
menggunakan
suatu
bahasa
pemograman tertentu (Rahmat, 2010).
informasi potensi akademik SMA dan SMK di
3. Penulis membuat jadwal pembangunan
Palembang dan akan merilis yang telah dibuat.
sistem informasi potensi akademik SMA
Pada tahap perancangan model sistem untuk
dan SMK di Palembang, yaitu :
penerapan jquery mobile pada sistem informasi
a. Oktober penulis melakukan pengajuan
potensi
judul proposal, menyusun proposal, membuat surat izin untuk melakukan penelitian dan setelah surat keluar
akademik
SMA
dan
SMK
di
Palembang terdiri dari use case diagram,
diagram
activity,
rancangan
database,
b.
rancangan antar muka.
Rancangan Tabel Jenis Pada tabel jenis terdiri dari no, nama, type,
Use case diagram.
size¸ dan keterangan yang berisikan record
Berikut use case diagram yang
idJenis sebagai primary key, nama merupakan
menjelaskan apa yang akan dilakukan oleh
nama dari jenis sekolah dan keterangan yaitu
sistem dengan pengguna dapat dilihat pada
keterangan dari jenis sekolah. Dapat dilihat
gambar 2 use case diagram dibawah ini :
pada tabel 2 rancangan tabel jenis sebagai
3.2.3.1
berikut :
System
Login
Tabel 2 Tabel jenis
Tambah Informasi
Edit Informasi Pengguna
Admin Delete Informasi
No 1 2 3
Nama IdJenis Nama keterangan
Type Int Varchar Varchar
Size 4 10 25
Keterangan Primary Key
Lihat Informasi Potensi Akademik
c.
Rancangan Tabel Pengguna Pada tabel pengguna terdiri dari no, nama,
Gambar 2. Use Case Diagram
type, size¸ dan keterangan yang berisikan record userid sebagai primary key, passid yaitu 3.2.3.3
Rancangan Basis Data Rancangan
basis
password dari user, level yaitu level dari
data
untuk
perangkat lunak yang akan dibangun ini terdiri
usserid. Dapat dilihat pada tabel 3 tabel pengguna sebagai berikut :
dari tabel sekolah, tabel akreditasi, tabel syarat, tabel prestasi, dan tabel kontak yang akan dijelaskan dibawah ini : a. Rancangan Tabel Akreditasi Pada tabel sekolah terdiri dari no, nama,
Tabel. 3 Tabel Pengguna No 1 2 3
Nama Userid Passid Level
Type Varchar Varchar Varchar
Size 10 200 10
Keterangan Primary Key
type, size¸ dan keterangan yang berisikan record idAkreditasi yang merupakan primary key,
nama
keterangan
merupakan
nama
akreditasi,
merupakan
keterangan
dari
akreditasi, dan instansi merupakan nama instansi dari akreditasi. Rancangan tabel akreditasi dapat dilihat pada tabel 1 tabel akreditasi sebagai berikut : Tabel 1. Tabel Akreditasi No 1 2 3 4
Nama IdAkreditasi Nama keterangan instansi
Type Int Varchar Varchar Varchar
Size
Keterangan
4 10 20 25
Primary Key
d. Racangan Tabel Prestasi Pada tabel prestasi terdiri dari no, nama, type, size¸ dan keterangan yang berisikan record
idPrestasi
sebagai
primary
key,
idSekolah yaitu id dari sekolah, nama yaitu nama dari prestasi, level merupakan level dari prestasi, event yaitu event dari prestasi, tahun yaitu tahun dari prestasi yang didapat. Rancangan tabel prestasi dapat dilihat pada tabel 4 tabel prestasi sebagai berikut :
Tabel. 4 Tabel Prestasi No 1 2 3 4 5 6
Nama idPrestasi idSekolah nama level event tahun
Type Int Int text Varchar Varchar Int
Size 4 4
Keterangan Primary Key
20 100 4
e. Rancangan Tabel Sekolah Pada tabel sekolah terdiri dari no, nama, type, size¸ dan keterangan yang berisikan record idSekolah sebagai primary key idJenis
Gambar 3. Rancangan Menu
yaitu id dari jenis sekolah, nama yaitu nama dari sekolah, idAkreditasi yaitu id dari akreditasi jenis sekolah, alamat yaitu alamat
a. Rancangan Akreditasi Rancangan
akreditasi
memperlihatkan
dari sekolah, telepon adalah nomor telepon dari
akreditasi dari sekolah yang ingin dilihat. Jika
sekolah, dan syarat yaitu syarat masuk ke
ingin melihat daftar sekolah yang memiliki
sekolah. Rancangan tabel sekolah dapat dilihat
akreditas A, B dan C sebelumnya harus
pada tabel 5 tabel sekolah sebagai berikut :
memilih
akreditasi
yang
ingin
di
lihat
sekolahnya seperti gambar 4 di bawah ini : Tabel. 5 Tabel Sekolah No 1 2 3 4 5 6 7
Nama idSekolah idJenis nama idAkreditasi alamat telepon syarat
3.2.3.4
Type Int Int Varchar Int text Varchar text
Size 4 4 50 4
Keterangan Primary Key
15
Rancangan Antar Muka Berikut gambar rancangan antar
Gambar 4 Rancangan Akreditasi
muka yang akan dirilis dapat dililhat pada
Setelah memilih nama sekolah langsung pilih
gambar di bawah ini :
lihat akreditasi sekolah, maka akan keluar
a.
Rancangan Menu
informasi berupa daftar nama sekolah yang
Rancangan Menu. Pada gambar 3.3
akreditasi
sekolahnya
yang telah dipilih
memperlihatkan tampilan menu awal saat
sebelumnya, dapat dilihat pada gambar 5
membuka sistem informasi potensi akademik
sebagai berikut :
SMA dan SMK di Palembang yang berisikan akreditasi, syarat, prestasi dan profil sekolah. Berikut gambar dari rancangan menu :
c. Rancangan Prestasi Rancangan
prestasi
memperlihatkan
prestasi dari sekolah yang ingin dilihat. Jika ingin mengetahui prestasi yang didapat oleh sekolah baik didapat melalui ekstrakulikuler maupun akademik dapat milih sekolah yang ingin dilihat prestasinya, dapat dilihat pada Gambar 5 Rancangan Isi Akreditasi
gambar 8 sebagai berikut :
b. Rancangan Syarat Rancangan syarat memperlihatkan syarat dari sekolah yang ingin dilihat. Pilih sekolah yang ingin dilihat informasi syarat masuknya dapat dilihat pada gambar 6 berikut :
Gambar 8 Rancangan Prestasi Setelah memilih sekolah selanjutnya pilih lihat prestasi maka akan keluar informasi dari prestasi yang didapat oleh sekolah yang telah Gambar 6 Rancangan Syarat
dipilih sebeumnya, dapat dilihat pada gambar 9 berikut :
Setelah memilih sekolah yang ingin dilihat informasi syarat masuknya selanjutnya pilih cek syarat masuk dan akan tampil isi dari informasi syarat masuk sekolah yang telah dipilih, dapat dilihat pada gambar 7 sebagai berikut :
Gambar 9 Rancangan Isi Prestasi d. Rancangan Profil Rancangan profil memperlihatkan profil dari sekolah yang ingin dilihat. Rancangan profil akan menampilkan pilih sekolah dan lihat Gambar 7 Rancangan Isi Syarat
prestasi, jika ingin melihat profil dari sekolah sebelumnya harus memilih sekolah yang ingin
dilihat profilnya, dapat dilihat pada gambar 10
4.1.1.1 Planning Day
berikut :
Penulis mempersiapkan data-data yang telah dikelompokkan untuk di input ke dalam perangkat lunak yang akan dibangun. 4.1.1.2 Working Day Dalam tahap working day penulis melakukan pencarian coding program untuk perangkat lunak penerapan jquery mobile pada sistem informasi potensi akademik SMA dan SMK di Palembang yang akan dibangun. 4.1.1.3 Release Day
Gambar 10 Rancangan Profil
Adapun tahapan pada release day yaitu Setelah memilih sekolah yang ingin dilihat
mengumpulkan
coding
selanjutnya pilih lihat profil maka akan tampil
berkemungkinan
tidak
isi dari profil sekolah yang ingin dilihat, dapat
menangani
dilihat pada gambar 11 sebagai berikut :
pembangunan perangkat lunak ini. 4.1.2
setiap
program terjadi
yang
error
kesalahan
dan
dalam
Stabilize Pada tahap stabilize terdapat empat
tahapan terdiri dari : 4.1.2.1 Planning Day Dalam tahapan planning day penulis melakukan tes penggunaan, yaitu apakah terdapat error pada perangkat lunak penerapan jquery mobile pada sistem informasi potensi akademik SMA dan SMK di Palembang, tes Gambar 11 Rancangan Isi Profil
4.
4.1.2.2 Working Day
HASIL Tahapan mobile-d yang terdapat pada hasil
pembuatan penerapan jquery mobile pada sistem informasi potensi akademik SMA dan SMK di Palembang,
dilakukan menggunakan emulator.
yaitu
productionize,
stabilize,
system test and fix.
Ada dua tahap yang dilakukan pada tahap working day terdiri dari : a. Memecahkan masalah dalam pembuatan perangkat lunak penerapan jquery mobile pada sistem informasi potensi akademik SMA dan SMK di Palembang, yakni
4.1.1
Productionize
setiap ada terjadi kesalahan maka akan
Ada tiga tahapan pada productionize
dilakukan perbaikkan.
terdiri dari tahapan sebagai berikut :
b. Kegiatan
memulai
pembangunan
penerapan jquery mobile pada sistem
informasi potensi akademik SMA dan
melihat informasi sekolah yang meliputi
SMK di Palembang.
informasi akreditasi, syarat masuk, prestasi dan profil sekolah. Dapat dilihat pada gambar 5
4.1.2.3 Documentation wrap-up Pada tahap documentation wrap-up
tampilan menu sebagai berikut :
melakukan dokumentasi dalam pembangunan penerapan jquery mobile pada sistem informasi potensi
akademik
SMA
dan
SMK
di
Palembang yaitu berupa screenshoot coding program dan hasil perangkat lunak yang sudah dibuat. Dapat dilihat pada gambar 4 coding jquery sebagai berikut :
Gambar 5. Tampilan Menu b. Tampilan Akreditasi Pada tampilan akreditasi jika pengguna ingin melihat akreditasi sekolah, dari menu utama pilih akreditasi selanjutnya pengguna akan menemukan sub menu yaitu pilih
Gambar 4. Coding jquery
akreditasi dan lihat akreditas sekolah. Berikut
4.1.2.4 Release Day Dalam tahap release day memastikan
gambar dari tampilan akreditasi :
bahwa perangkat lunak penerapan jquery mobile pada sistem informasi potensi akademik SMA dan SMK di Palembang sudah siap untuk digunakan, dan memastikan sesuai dengan rancangan
awal.
Berikut
tampilan
dari
perangkat lunak penerapan jquery mobile pada sistem informasi potensi akademik SMA dan SMK di Palembang dapat dilihat pada gambar dibawah ini :
a. Tampilan Menu Tampilan menu adalah tampilan yang menampilkan menu – menu dari aplikasi potensi akademik, pengguna aplikasi ini dapat
Gambar 6. Tampilan akreditasi Pada tampilan sub menu akreditasi terdapat menu pilih akreditasi yaitu berisikan akreditasi dari A sampai dengan C dimana untuk dapat melihat akreditasi SMA dan SMK N pengguna harus memilih akreditasi terlebih dahulu. Dapat
dilihat pada gambar tampilan sub menu
akreditasi SMA N 1 Palembang sebagai berikut
akreditasi dibawah ini :
:
Gambar 6. Tampilan pilih akreditasi Setelah pengguna memilih sekolah yang ingin dilihat akreditasinya selanjutnya pengguna
Gambar 8 Tampilan Isi Akreditasi c. Tampilan Syarat Masuk
dapat memilih lihat akreditas sekolah, sebagai
Pada tampilan syarat masuk jika pengguna
contoh penulis memilih akreditasi A. Untuk
ingin melihat syarat – syarat untuk mendaftar,
lebih jelasnya dapat digambarkan pada gambar
syarat untuk lintas rayon, dan syarat pindah
lihat akreditasi sebagai berikut :
sekolah, dari menu utama pilih syarat masuk, selanjutnya pengguna akan menemukan sub menu yaitu pilih sekolah dan cek syarat masuk. Dapat dilihat pada gambar tampilan syarat masuk sebagai berikut :
Gambar 7 Tampilan Lihat Akreditas Sekolah Setelah pengguna memasukan akreditasi dan memilih lihat akreditas sekolah selanjutnya akan tampil informasi berupa daftar sekolah yang akreditasinya adalah A dan jika pengguna ingin melihat akreditasi dari sekolah lainnya pengguna dapat memilih kembali sekolah yang ingin dilihat dan jika pengguna ingin kembali ke menu awal dapat memilih tombol yang bersimbolkan home disebelah kiri atas. Untuk lebih jelas dapat dilihat pada gambar isi dari
Gambar 9. Tampilan syarat masuk Pada tampilan sub menu syarat masuk terdapat menu pilih sekolah yaitu berisikan nama – nama dari SMA N dan SMK N di Palembang dimana untuk dapat melihat syarat masuk pengguna harus memilih nama sekolah terlebih
dahulu. Dapat dilihat pada gambar tampilan sub
dilihat dan jika pengguna ingin kembali ke
menu syarat masuk berikut :
menu awal dapat memilih tombol yang bersimbolkan home disebelah kiri atas. Untuk lebih jelas dapat dilihat pada gambar isi dari syarat SMA N 1 Palembang dibawah ini :
Gambar 10 Tampilan Pilih Sekolah Syarat Masuk Setelah pengguna memilih sekolah yang syarat
Gambar 12 Tampilan Isi Syarat Masuk d.
Tampilan Prestasi
masuknya ingin dilihat selanjutnya pengguna
Pada tampilan prestasi jika pengguna ingin
dapat memilih cek syarat masuk, sebagai
melihat prestasi yang di dapat oleh sekolah baik
contoh penulis memilih SMA N 1 Palembang
akademik maupun prestasi dari ekstrakulikuler
untuk melihat syarat masuk dari SMA N 1
dapat memilih dari menu utama pilih prestasi,
tersebut. Dapat dilihat pada gambar cek syarat
selanjutnya pengguna akan menemukan sub
masuk dibawah ini :
menu yaitu pilih sekolah dan lihat prestasi. Dapat dilihat pada gambar tampilan prestasi sebagai berikut :
Gambar 11 Tampilan Cek Syarat Masuk
Gambar 13 Tampilan Prestasi
Setelah pengguna memasukan nama sekolah
Pada tampilan sub menu prestasi terdapat menu
dan memilih cek syarat masuk selanjutnya akan
pilih sekolah yaitu berisikan nama – nama dari
tampil informasi berupa syarat – syarat dari
SMA N dan SMK N di Palembang dimana
SMA N 1 Palembang yang telah dipilih
untuk dapat melihat prestasi yang didapat
sebelumnya dan jika pengguna ingin melihat
sekolah pengguna harus memilih nama sekolah
syarat masuk dari sekolah lainnya pengguna
terlebih dahulu. Dapat dilihat pada gambar
dapat memilih kembali sekolah yang ingin
tampilan sub menu prestasi berikut :
Gambar 14 Tampilan Pilih Sekolah Prestasi
Gambar 16 Tampilan Isi Prestasi
Setelah pengguna memilih sekolah yang
Jika pengguna ingin melihat lebih detail dari
prestasinya ingin dilihat selanjutnya pengguna
prestasi yang didapat pengguna dapat memilih
dapat memilih lihat prestasi, sebagai contoh
salah satu dari nama prestasi sekolah tersebut
penulis memilih SMA N 1 Palembang untuk
maka akan tampil detail dari prestasi yang di
melihat prestasi dari SMA N 1 tersebut. Untuk
dapat oleh SMA N 1 Palembang jika pengguna
lebih jelas dapat dilihat pada gambar tampilan
ingin melihat detail lainnya dari SMA N 1
lihat prestasi sebagai berikut :
pengguna tinggal memilih tombol tanda X di sebelah kiri atas dari tabel detail prestasi. Gambar detail prestasi SMA N 1 Palembang dapat dilihat pada gambar sebagai berikut :
Gambar 15 Tampilan Lihat Prestasi Setelah pengguna memasukan nama sekolah dan memilih lihat prestasi selanjutnya akan tampil informasi berupa prestasi yang didapat oleh SMA N 1 Palembang yang telah dipilih
Gambar 17 Tampilan detail prestasi e. Tampilan Profil Sekolah
sebelumnya dan jika pengguna ingin melihat
Pada tampilan profil sekolah jika pengguna
prestasi dari sekolah lainnya pengguna dapat
ingin melihat profil sekolah sekolah yang
memilih kembali sekolah yang ingin dilihat dan
berisikan informasi no telepon dan alamat
jika pengguna ingin kembali ke menu awal
lengkap dari sekolah tersebut pengguna dapat
dapat memilih tombol yang bersimbolkan home
memilih yaitu dari menu utama pilih profil
disebelah kiri atas. Untuk lebih jelas dapat
sekolah
dilihat pada gambar isi dari prestasi SMA N 1
menemukan sub menu yaitu pilih sekolah dan
Palembang dibawah ini :
lihat profil. Berikut gambar dari tampilan profil sekoolah :
selanjutnya
pengguna
akan
Setelah pengguna memasukan nama sekolah dan memilih lihat profil selanjutnya akan tampil informasi berupa profil dari SMA N 1 Palembang yang telah dipilih sebelumnya dan jika pengguna ingin melihat profil dari sekolah lainnya pengguna dapat memilih kembali Gambar 18 Tampilan Profil Sekolah
sekolah yang ingin dilihat dan jika pengguna
Pada tampilan sub menu profil sekolah terdapat
ingin kembali ke menu awal dapat memilih
menu pilih sekolah yaitu berisikan nama –
tombol yang bersimbolkan home disebelah kiri
nama dari SMA N dan SMK N di Palembang
atas. Untuk lebih jelas dapat dilihat pada
dimana untuk dapat melihat profil sekolah
gambar isi dari profil SMA N 1 Palembang
pengguna harus memilih nama sekolah terlebih
sebagai berikut :
dahulu. Dapat dilihat pada gambar tampilan sub menu profil sekolah dibawah ini :
Gambar 21. Tampilan Lihat Profil Gambar 19. Tampilan Pilih Sekolah
4.1.3
System test and fix
Setelah pengguna memilih sekolah yang ingin
Dalam tahap system test and fix melihat
dilihat profilnya selanjutnya pengguna dapat
apakah penerapan jquery mobile pada sistem
memilih lihat profil, sebagai contoh penulis
informasi potensi akademik SMA dan SMK di
memilih SMA N 1 Palembang unuk melihat
Palembang menghasilkan fungsi dengan baik
profil dari SMA N 1 tersebut. Untuk lebih
dan telah memperbaiki kekurangan yang
jelasnya dapat digambarkan pada gambar lihat
ditemukan. Adapun tahapan dari system test
profil sebagai berikut :
and fix ialah sebagai berikut : 4.1.3.1 System test Pada tahap system test melakukan tes pada penerapan jquery mobile pada sistem informasi potensi akademik SMA dan SMK di Palembang, tes dilakukan dengan emulator. 4.1.3.2 Planning Day
Gambar 20. Tampilan Lihat Profil
Dalam
tahap
planning
day
meningkatkan proses pembangunan perangkat
lunak penerapan jquery mobile pada sistem
DAFTAR RUJUKAN
informasi potensi akademik SMA dan SMK di Palembang agar sesuai dengan kebutuhan yang sudah
direncanakan
dan
memperbaiki
terjadinya error saat tes pada emulator. 4.1.3.3 Working Day Dalam
tahap
working
day
akan
melakukan perbaikan pada perangkat lunak penerapan jquery mobile pada sistem informasi potensi
akademik
SMA
dan
SMK
di
Palembang agar sesuai dengan yang sudah direncanakan. 4.1.3.4 Release Day Pada tahap release day perangkat lunak potensi akademik sudah siap untuk digunakan sudah melalui tahap tes dan perbaikan pada saat terjadinya error.
5.
KESIMPULAN Berdasarkan hasil dari penenlitian yang
telah dilakukan dapat disimpulkan sebagai berikut : 1. Penerapan jquery mobile pada sistem informasi potensi akademik SMA dan SMK di Palembang telah dilakukan pengujian menggunakan black box, hasil dari pengujian adalah pengujian berhasil sesuai dengan harapan. 2. Setelah dilakukan uji coba terhadap 10 pengguna diketahui bahwa penerapan jquery mobile pada sistem informasi ini adalah baik untuk digunakan, karena dapat membantu pengguna dalam mendapatkan informasi yang dibutuhkan.
Consumer Barometer.(2015), “Trended Data” dari : https://www.consumerbaromet er.com/en/trending/?countryCo de=ID&category=TRNNOFILTER-ALL Dilihat 21 November 2015 Lukman, Oktaviani. “Peran pamong satuan karya pramuka wanabakti dalam membina kemandirian anggota melalui penerapan sistem among”. “Skripsi Universitas Pendidikan Indonesia (2014):1-123”.