Perancangan Perangkat Lunak Pemilihan Ketua Organisasi Berbasis Web Dengan Metode Sodhm Pada Universitas Bina Darma Masnuri 1, Muhammad Sobri 2 , Ari Muzakir 3 Mahasiswa Universitas Bina Darma 1, Dosen Ilmu Komputer 2,3 Jalan Jendral Ahmad Yani No. 03 Plaju, Palembang 30264 Email:
[email protected],
[email protected],
[email protected]
ASBTRACK : The general election is one form of democracy, but the conventional electoral systems have some drawbacks. Therefore, the authors are interested in creating a software websites that use information technology. The software created is a device luanak website EVoting. This software can reduce some of the deficiencies that exist in conventional elections as a matter of time and invalid votes. The election system uses software to use E-Voting took the same basic principles with conventional electoral system. Voters are not allowed to conduct election twice, or change the election results. Administrators also can not change the results of elections that have been conducted. Software design conclave web-based organization with a method SOHDM at Universitas Bina Darma as the development of software systems and modeling language UML (Unified Modeling Language). Stages in Scenario-based methods Object-Oriented Hypermedia Design Methodology (SOHDM) the analysis, the realization of the object model, the design view, navigational design, implementation and realization of the construction of the system. Results of the election will be calculated automatically by the system so that the results can be seen immediately. Keyboard: Software, e-voting, web and Scenario-based Object-Oriented Hypermedia Design Methodology SOHDM
Asbtrak : Pemilihan umum merupakan salah satu bentuk dari demokrasi, tetapi sistem pemilihan umum konvensional mempunyai beberapa kekurangan. Oleh karena itu penulis tertarik untuk membuat sebuah perangkat lunak website yang memanfaatkan teknologi informasi. Perangkat lunak yang dibuat adalah perangkat luanak website E-Voting. Perangkat lunak ini dapat mengurangi beberapa kekurangan yang ada di pemilihan umum konvensional seperti masalah waktu dan suara yang tidak sah. Sistem pemilihan umum menggunakan perangkat lunak menggunakan E-Voting ini mengambil prinsip dasar yang sama dengan 1
sistem pemilihan umum konvensional. Pemilih tidak diperkenankan untuk melakukan pemilihan dua kali, atau merubah hasil pemilihan. Administrator juga tidak bisa merubah hasil pemilihan yang telah dilakukan. Perancangan perangkat lunak pemilihan ketua organisasi berbasis web dengan Metode SOHDM pada Universitas Bina Darma sebagai pengembangan sistem perangkat lunak dan bahasa permodelan UML (Unified Modeling language) . Tahapan dalam metode Scenario-based Object-Oriented Hypermedia Design Methodology (SOHDM) yaitu analisis, realisasi model objek, desain view, desain navigasional, realisasi dari implementasi dan konstruksi dari sistem. Hasil dari pemilihan akan dihitung secara otomatis oleh sistem sehingga hasil bisa langsung dapat dilihat.
Keyboard: Perangkat Lunak,e-voting, web dan Scenario-based Object-Oriented Hypermedia Design Methodology SOHDM
1. PENDAHULUAN Perkembangan khususnya
di
komunikasi
teknologi
bidang telah
globalisasi.
informasi
mendorong
Perusahaan,
desktop, berbasis web, sampai teknologi
dan
berbasis mobile yang saat ini sedang tren
arus
di masyarakat.
instansi
Pada
Universtas
Bina
pemerintah, swasta, organisasi maupun
terdapat
organisasisai
organisasi kampus untuk meningkatkan
satunya
Himpunana Mahasiswa Teknik
eksistensi terkait dengan kegiatan serta
Informatika
kreatifitas
satu
(HIMTIK). HMTIK selama ini dalam
adalah
melakukan pemilihan ketua organisasi
mahasiswa.
perkembangan
yang
Salah penting
dan
kampus
Darma
teknik
salah
Komputer
semakin dibutuhkannya penggunaan alat
kemahasiswaan
pengolah data
voting (pemungutan suara) secara manual
yang
berfungsi untuk
menggunakan
menghasilkan komunikasi dan informasi.
yaitu
Penggunaan
salah
sebelumnya kepada seluruh mahasiswa,
satunya adalah pemanfaatan teknologi
kemudian mahasiswa datang ketempat
yang digunakan pada pemungutan suara
pemungutan
suara.
Didalam
secara
pemungutan
suara
tersebut
teknologi
elektronik
tersebut
yaitu
e-voting.
pemilihan
akan
motede
diumumkan
tempat terdapat
Perkembangan electronic voting mulai dari
beberapa gambar dan nama calon ketua
penggunaan
yang akan dipilih.
DRE
(direct
recording
electronic), perangkat komputer berbasis
2
Kemudian
mahasiswa
akan
Metode
scenario-based
object-
meconteng gambar salah satu dari calon
oriented hypermedia design methodology
tersebut. Setelah mahasiswa menetukan
(SOHDM) merupakan sebuah pendekatan
pilihannya
akan
pertama yang menekankan pentingnya
dikumpulkan dan dihitung didepan seluruh
suatu proses yang mengizinkan analis
mahasiswa. Dengan menggunakn sistem
untuk menangkap dan mendefinisikan
pemungutan suara manual seperti di atas
kebutuhkan aplikasi. SOHDM mempunyai
maka akan memakan wakatu yang cukup
enam tahapan (analisis, realisasi model
lama untuk mendapatkan hasil voting
objek, desain view, desain navigasional,
tersebut dan proses voting ini menggangu
realisasi dari implemenntasi, dan kontruksi
waktu belajar, karena dilaksanakan pada
dari sistem.(Janner Simarmata, 2010).
maka
lembar
suara
waktu belajar dari pukul 08 : 00 – 13 : 00 WIB.
2.2 LANDASAN TEORI
2.2.3 Web Web adalah sebuah penyebaran
2.2.1 Perancangan Menurut Pressman (2010), perancangan
informasi melalui internet. Sebenarnya
adalah
langkah
dalam
fase
antara www (world wide web) dan web
produk
atau
adalah sama karena kebanyakan orang
sistem. Perancangan itu adalah proses
menyingkat www menjadi web saja. Web
penerapan berbagai teknik dan prinsip
merupakan
yang
dipisahkan dari dunia internet. Melalui
pengembangan
pertama rekayasa
bertujuan
untuk
mendefinisikan
yang
dapat
web,
sistem secara detail yang membolehkan
mengakses informasi-informasi di situs
dilakukan realisasi fisik.
web yang tidak hanya berupa teks, tetapi
2.2.2 Organisasi
juga dapat berupa gambar, suara, film,
sistematis
untuk
memadukan
bagian-
pemakai
tidak
sebuah peralatan, satu proses atau satu
Organisasi adalah suatu cara yang
setiap
hal
internet
bisa
animasi, dll. Sebenarnya, web merupakan kumpulan-kumpulan
dokumen
yang
bagian yang saling tergantung menjadi
banyak tersebar di beberapa komputer
suatu
mana
server yang berada di seluruh penjuru
kewenangan, koordinasi, dan pengawasan
dunia dan trehubung menjadi satu jaringan
dilatih untuk mencapai tujuan yang telah
melalui jaringan yang disebut internet.
kesatuan
yang
utuh di
ditentukan (Dimock, 2005:132). 3
(SOHDM) adalah metode yang dipakai
2.2.4. Java Java adalah bahasa pemrograman
dalam pembutan web tersebut supaya
yang dapat di jalankan di berbagai
mempermudah
komputer termasuk di ponsel.bahasa ini
merupakan
awalnya di buat oleh James Gosling saat
menekankan pentingnya suatu proses yang
masih bergabung dengan Sun Microsystem
mengizinkan analisis untuk menangkap
(yang saat ini menjadi bagian dari Oracle)
dan mendefinisikan suatu aplikasi. Berkut
dan dirilis pada tahun 1995. Kata Java
ini
yang
bahasa
dilakukan selama siklus hidup SOHDM
pemrograman ini konon dipilih Gosling
yaitu Analisis, Realisasi model objek,
karena kesukaanya terhadap kopi yang ia
Desain
minum. Menurut beberapa sumber, kopi
Realisasi dan implementasi, Konstruksi
itu berasal dari Pulau Jawa (Java adalah
dari system ( Janner Simarmata, 2010)
dipakai
sebagai
nama
adalah
peneliti sebuah
enam
View,
.
SOHDM
metode
tugas
Desain
yang
yang
harus
Navigasional,
bahasa inggris untuk Jawa) (Ramadhani, 2015). 2.2.5 Java Server Pages Java Server Pages (JSP) pertama kali diperkenalkan pada tahun 1999 oleh SUN Microsystems. Menurut Chopra et al. (2005:34), Java Server Pages (JSP) sendiri adalah teknologi berbasis Java yang dijalankan pada server untuk memfasilitasi pemrosesan web berbasis request, untuk memformat dan menampilkan data yang ingin anda lihat.
Semenjak itu mereka
menyadari bahwa tag tambahan akan berguna dan JSP Standard Tag Library
Gambar 2.1 : Kerangka Kerja SOHDM
(JSTL) lahir. 2.2.6
(Lee dkk., 1999:122)
Scenario-Based
Hypermedia
Design
Object-Oriented Methodology
Modeling
Language
(UML) UML adalah bahasa permodelan
(SOHDM) Scenario-Based Hypermedia
2.2.7 Unified
Design
Object-Oriented Methodology
untuk sistem atau perangkat lunak yang berparadigma
‘berorientasi
objek’.
4
Pemodelan
(modeling)
digunakan
untuk
sesungguhnya penyederhanaan
permasalahan-permasalahan
proses bisnis atau menu yang ada pada perangkat
lunak.
Diagram
aktivitas
yang
menggambarkan aktivitas sistem bukan
kompleks sedemikian rupa sehingga lebih
apa yang dilakukan actor. Simbol pada
mudah dipelajari dan dipahami (Nugroho,
diagram aktivitas sebagai berikut (Rosa &
2010:6-7). Adapun diagram-diagram yang
Shalahuddin,2013).
terdapat pada UML antara lain : Tabel 2.2 Activity Diagram 2.2.7.1 Use Case Diagram Use
case
diagram
merupakan
pemodelan untuk kelakuan (behavior) sistem
yang
dirancang.
Use
case
menjelaskan sebuah interaksi antara satu atau lebih actor dengan sistem informasi. Berikut simbol-simbol yang ada pada diagram use case(Rosa & Shalahuddin, 2013). Tabel 2.1 Use Case Diagram
2.2.7.3 Class Diagram Diagram kelas atau class diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. Kelas memiliki atribut dan metode atau operasi (Rosa & Shahaluddin, 2013). Nama kelas Atribut
2.2.7.2 Activity Diagram Diagram aktivitas atau activity
Operasi
Gambar 2.2 : Class Diagram
diagram menggambarkan workflow (aliran kerja) atau aktifitas dari sebuah sistem atau 5
2.2.8 E-voting
Hal tersebut disebabkan anatra lain karena
Electroninc voting atau e-voting adalah
banyak mahasiswa yang tidak mengetahui
proses
pemungutan
suara
dan
ada pemilihan ketua HIMTIK, sehingga
penghitungan suara yang menggunakan
tidak
perangkat
elektronik
langsung
informasi.
Tujuan
atau
teknologi
mengikuti pulang
acara begitu
tersebut saja
dan
kerena
penggunaan e-
kurangnya informasi dan informasi dan
mempercepat
sosialisasi dari panita tentang pemilihan
proses pemungutan dan penghitungan
ketua HIMTIK. Selain alasanya informasi,
suara, tetapi yang lebih penitng adalah
padatnya jadwal kegiatan mahasiswa baik
untuk menjaga otentisitas atau keaslian
didalam maupun diluar kampus yang pada
suara pemilih, sekaligus menjaga akurasi
akhirnya membuat mereka kesulitan untuk
penghitungan suara.
mengikuti kegitan pemilihan tersebut.
voting tidak
saja
untuk
3. ANALISIS DAN PERANCANGAN 3.1
analisis sistem yang berjalan sekarang
Analisis Sistem Berjalan
Sebelum
dilakukan
Proses yang ddidapat dari hasil
dan
dapat dilihat alur pemilihan ketua HIMTIK
pembuatan perangkat lunak e-voting ini
pada gambar 3.1, dimana proses pemilihan
perlu
terhadap
ketua HIMTIK di Universitas Bina Darma.
permasalahan yang ada dengan berkaitan
Pada gambar tersebut terlihat jelas bahwa
dengan
tujuan
yang
setiap pemilih akan didata terlebih dahulu
ditentukan
sejak
panita
untuk memilih ketua HIMTIK. Berikut
penyelenggara membagikan kertas suara
merupakan alur proses pemilihan ketua
kepda
pemilih
HIMTIK yang terjadi di Universitas Bina
kemudian menunggu mahasiswa untuk
Darma dari hasil analisis sistem yang
menetukan pelihannya lalu menghitung
berjalan sekarang.
jumlah perolehan suara yang didapatkan.
1. Alur Pemilihan Ketua HIMTIK
dilakukan
perancangan
analisis
perancangan awal.
mahasiswa
Pihak
sebagai
Panita juga harus menyediakan peralatan
Hasil analisis alur pemilihan ketua
seperti kertas suara, bilik suara, ballpoint,
HIMTIK. Dari penjelasan pada bagian
seta peralatan lainnya yang mendukung.
proses alur pemilihan ketua HIMTIK,
Selain itu pemilihan calon Organisasi
bahwa pemilih akan melih calon ketua.
Mahasiswa
Berikut pada gambar 3.1 alur pemilihan
(HIMTIK)
secara
manual
kurang diminati oleh mahasiswa banyak
ketua HIMTIK.
mahasiswa yang tidak mempergunakan suaranya
untuk
memilih
para
calon
kandidat. 6
kebutuhan yang sesuai yang diharapkan. Dalam analisis sistem terdapat analisis kebutuhan fungsional. Adapun
spesifikasi
kebutuhan
sistem dalam membangun sistem adalah sebagai berikut : a.
Sistem
operasi,
dapat
menggunakan microsoft windows atau sistem operasi lain (dalam penelitian
mahasiswa
memberikan (KTM),
kartu
tanda
kemudian
panitia
menggunakan
microsoft windows).
Dari gambar tersebut menjelaskan bahwa pemilih
ini
b.
Editorial:
Macromedia
Dreamweaver 2008, Noteped++
memeriksa KTM yang telah diberikan oleh
c.
Bahasa Scripting: HTML,JSP
pemilih bahwa KTM tersebut merupakan
d.
Web server: Xammp(paket Mysql,
mahasiswa
informatika,
Apache, Dan Tomcat)
selanjutnya
pemilih mengisi daftar hadir dan pihak panitia memeberikan surat suara setelah itu
3.1.1.1 Analisis Kebutuhan Fungsional
pemilih memilih calon ketua HIMTIK dan
Kebutuhan fungsional merupakan
panitia memberikan tanda bukti pemilihan.
kebutuhan dengan kaitan dengan fungsi
Pada tahap selanjutnya panitia menghitung
dan
suara pemilihan dari semua pemilih.
implementasi nantinya pengguna akan
kemampuan
sebuah 3.1.1. Analisis Kebutuhan Sistem Analisis
kebutuhan
sistem.
dalam
mengakeses melalui aplkasi
browser seperti Mozila firefox, Chrome, sistem
dan aplikasi lainnya yang dapat membantu
menentukan bagaimana user, data, proses,
dalam mengakses sistem ini.
dan teknologi terhubung dapat saling
3.1.2 Analisis Sistem
terhubung.
Di
Dengan analisa kebutuhan
sistem diharapkan dapat diuraikan secra
Tahapan
pengembangan
system
utuh dan menjadi komponen-komponen
yang digunakan dalam penelitian ini
suatu sistem dengan tujuan identifikasi,
menggunakan
mengevaluasi
scenario-based
permasalahan
dan
hypermedia
pendekatan
metode
object-oriented design
methodology 7
(SOHDM). Metode SOHDM merupakan
obyek
sebuah
diidentifikasi digambarkan dalam bentuk
pendekatan
pertama
yang
dalam
kartu
mengizinkan analis untuk menangkap dan
dibuatkan class diagramnya.
kebutuhkan
(CRC
yang
menekankan pentingnya suatu proses yang
mendefinisikan
CRC
skenario
Detail Scenario Activity Chart (SAC) Mahasiswa
dalam
bentuk
Diagram Konteks dan aktivitas (event)
Mahas is wa
Pada tahap ini sistem yang akan
Phase
Ya Mengisi ID User dan Password
Login
Memilih Aktivitas
Selesai
Logout
Tidak
Ya
Sistem
3.1.2.1 Domain Analysis
digambarkan
kemudian
aplikasi.
SOHDM mempunyai enam tahapan yaitu :
dibuat
Cards),
telah
Menampilkan Formulir Login
Dikenali Tidak
Menampilkan Daftar Pilihan Aktivitas (Menu) Mahasiswa
X
yang diidentifikasi pada sistem dibuat daftarnya.
Gambar 3.3 Diagram Skenario Aktivitas Mahasiswa Pada
Pilih Calon Ketua
Mahasiswa
Lihat Statistik
Sistem Pemilihan Ketua Organisasi Berbasis Web Dengan Metode SOHDM pada Universitas Bina Darma
Laporan Rekomendasikan Calon Ketua
Administrator
gambar
3.3 dan
kegiatan
menjeleskan sistem
akan
seperti
login,
menampilkan formulir login, mengisi id user dan password apabila dikenali bisa
menjelaskan
melakukan kegitan selanjutnya begitu
aliran data dari aplikasi ini secara global.
sebaliknya, menampilkan daftar pilihan
Diagram konteks tersebut memberikan
aktivitas
gambaran sistem berinteraksi dengan dua
aktivitas, selesai bila ya akan kegiatan
entitas yaitu mahasiwa, dan admin. Pada
logut dan bila tidak akan kembali kegaitan
diagram
memilih aktivitas.
konteks
3.2
mahasiwa
melakukan
Gambar 3.2 Diagram Konteks Sistem Pada
bahwa
gambar
dijelaskan
bahwa
(menu)
ahasiswa memilih calon ketua dan lihat
mahasiswa,
memilih
Detail Scenario Activity Chart (SAC) Administrator
statisik hasil pemilihan ketua tersebut dan
dan laporan.
Ad min ist rato r
admin melakukan rekomendasi calon ketua
Phase
Ya Mengisi ID User dan Password
Login
Memilih Aktivitas
Selesai
Logout
Tidak
Pada tahap ini skenario aktivitas yang dilakukan oleh aktor yang berperan dalam
sistem
dibuat
dalam
bentuk
Scenario Activity Chart (SAC).
Obyek-
Sist em
3.1.2.2 Object Modeling Ya Menampilkan Formulir Login
Dikenali
Tidak
Menampilkan Daftar Pilihan Aktivitas (Menu) Administrator
X
8
kelas ketika suatu sistem telah selesai
Gambar 3.4 Diagram Skenario
membuat diagram.
Aktivitas Administrator Pada
gambar
3.4
menjelaskan
3.1.2.3 View Design
bahwa admin dan sistem akan melakukan kegiatan seperti
login, menampilkan
Pada tahap ini, obyek-obyek yang diidentifikasi
pada
formulir login, mengisi id user dan
dibuatkan
password apabila dikenali bisa melakukan
menyatakan
kegitan selanjutnya begitu sebaliknya,
disajikan
kepada
menampilkan
melakukan
suatu
daftar
pilihan
aktivitas
tahap
rancangan
sebelumnya
view-nya
dan
sistem
akan
bagaimana
pengguna
serta
pandangan terhadap
(menu) admin, memilih aktivitas, selesai
suatu tempat di mana kita meletakkan
bila ya akan kegiatan logut dan bila tidak
objek yang kita bangun.
akan kembali kegaitan memilih aktivitas.
admins -id_admin : String -nama_admin : String -password : String -keterangan : String +insert() +select() +update() +delete()
*
1..* 1..*
1..*
*
* 1
1
fakultas -kode_fak : String -fakultas : String -keterangan : String -id_admin : String +insert() +select() +update() +delete()
1
1
pilihan -id : Integer -periode : String -nim_mhs : String -nim_calon : String -tgljam_pilih : Date -pilih : Boolean +insert() +select() +update() +delete()
Insert Select
Update Delete
NIM Nama Calon Ketua Jenis Kelamin Agama Tempat Lahir Tanggal Lahir Periode Foto Keterangan
Insert Select
pilihan -id : Integer -periode : String -nim_mhs : String -nim_calon : String -tgljam_pilih : Date -pilih : Boolean +insert() +select() +update() +delete()
1
progstudi -kode_prog : String -program_studi : String -kode_fak : String -id_admin : String +insert() +select() +update() +delete()
NIM Nama Mahasiswa Password Jenis Kelamin Tempat Lahir Tanggal Lahir Aktif
calon_ketua -nim : String -nama_calon : String -jenis : String -agama : String -tempat_lahir : String -tgl_lahir : Date -periode : String -foto : String -keterangan : String -id_admin : String +insert() +select() +update() +delete()
Update Delete
Nomor Urut Periode Pemilihan NIM Mahasiswa Pemilih Nama Mahasiswa Pemilih NIM Calon Ketua Nama Calon Ketua Tanggal dan Jam Pemilihan Dipilih
Insert Select
1..*
Update Delete
Gambar 3.6 View Design
*
*
mahasiswa -nim : String -nama_mhs : String -password : String -jenis : String -tempat_lahir : String -tgl_lahir : Date -aktif : Boolean +insert() +select() +update() +delete()
periode -periode : String -keterangan : String -aktif : Boolean -id_admin : String +insert() +select() +update() +delete()
mahasiswa -nim : String -tempat_lahir : String -jenis : String -aktif : Boolean -nama_mhs : String -tgl_lahir : Date -password : String +delete() +insert() +select() +update()
1
1
calon_ketua -nim : String -nama_calon : String -jenis : String -agama : String -tempat_lahir : String -tgl_lahir : Date -periode : String -foto : String -keterangan : String -id_admin : String +insert() +select() +update() +delete()
Pada gambar 3.6 menjelaskan bahwa database mahasiswa, calon ketua dan pilihan akan dibuat oleh admin.
Pada gambar 3.5 menjelakan bahwa suatu
3.1.2.4 Navigational Design
diagram
Pada tahap ini, rancangan navigasi sistem
yang
menampilkan
memperlihatkan struktur
dari
atau sebuah
dicoba
dibuat
dan
model
kelas
sistem,sistem tersebut akan menampilkan
navigasional
system kelas,atribut dan hubungan antara
menyatakan kemungkinan navigasi di
dikembangkan
untuk
9
dalam sistem yang akan disajikan kepada
3.3
penguna.
Perancangan Interface Perancangan
Daftar Calon
interface
dapat
didefinisikan sebagai penggambaran dan Pilih Calon
pembuatan sketsa atau pengaturan dari
Login Mahasiswa
Statistik
Logout
beberapa elemen yang terpisah ke dalam satu kesauan yang utuh untuk memperjelas bentuk sebuah sistem. Di Dalam sistem
Gambar 3.7 Navigational Design Mahasiswa Pada bahwa
gambar
mahasiswa
ini, diterapkan sesuai dengan motede scenario-based
3.7
menjelaskan
akan
melakukan
object-oriented
hypermedia
design
methodology
(SOHDM).
aktvitas dalam sebuah sistem seperti, login. daftar calon, pilih calon, statistik
4.
HASIL
dan logout.
4.1
Hasil
DAN
PEMBAHASAN
Perancangan
Perangkat
Lunak Pemilihan Ketua Organisasi
Daftar Calon
Berbasis Web dengan Metode SOHDM Pilih Calon
Setelah dilakukannya dari tahapan
Login Mahasiswa
analisis serta perancangan dari kegiatan Statistik
pada bab-bab sebelumnya, maka telah dihasilkan
Logout
lunak
untuk
pemilihan ketua HIMTIK berbasis web.
4.2 Gambar 3.8 Navigational Design
perangkat
Pembahasan Perangkat lunak pemilihan ketua
organisasi berbasis web yang berhasil
Administrator Pada gambar 3.8 menjelaskan bahwa
diimplementasikan
admin akan melakukan aktivitas sebuah
lingkungan komputer tunggal yang telah
sistem
dilengkapi
seperti
login
setelah
login
diuji-coba
dengan
paket
pada
XAMPP
melakukan kelola data yaitu, kelola data
(Apache, JSP dan MySQL) dan web
periode mahasiswa, kelola data fakultas,
browser Firefox.
kelola data program studi, kelola data
menjalankan aplikasi disajikan berikut ini:
mahasiswam kelola data calon ketua,
4.2.1. Halaman
kelola data voting, laporan dan logout.
Aplikasi
Pembahasan uji-coba
Awal
(Homepage)
10
Tampilan perangkat
awal
lunak
(homepage)
pemilihan
ketua
lunak akan menampilkan pesan kesalahan seperti gambar 4.2 berikut ini:
organisasi berbasis web dengan metode SOHDM disajikan pada gambar 4.1. Pada tampilan tersebut dapat dilihat bahwa halaman awal aplikasi web ini berupa formulir login untuk pengguna aplikasi yaitu Administrator dan mahasiswa yang mempunyai hak pilih (voters) yang akan memilih calon ketua organisasi untuk periode
tertentu.
halaman
Berikut awal
tampilan aplikasi: Gambar
4.2
Tampilan
Halaman
Peringatan Perangkat Lunak Pemilihan Ketua
Organisasi
Universitas
Bina
Darma Jika ID User dan/atau Password Tidak Dikenali
Jika ID User dan Password dikenali perangkat
lunak
akan
menampilkan
halaman untuk Administrator atau halaman Voters. 4.2.2. Halaman Utama Administrator Gambar 4.1 Tampilan Halaman Awal (Homepage)
Perangkat
Lunak
Berikut
ini
utama
disajikan
Pemilihan Ketua Organisasi Universitas
halaman
BinaDarma.
administrator berhasil login:
tampilan
administrator
jika
Pada formulir login di atas, pengguna harus
memasukkan
ID
user
(id
administrator atau id voter) dan password yang sesuai.
Jika ID user
dan/atau
password yang diketikkan salah, perangkat
11
No. Judul Pilihan
Keterangan berisi
formulir
untuk mengganti password Administrator yang aktif saat ini 3
Data
Menampilkan
Administrator
halaman
Gambar Tampilan Halaman Utama
yang
berisi
formulir
untuk
mengisi
data administrator
4.3 Administrator
baru,
daftar
administrator yang
Pada halaman utama administrator (Gambar
4.3)
dapat
dilihat
fasilitas
bahwa
kumpulan pilihan (menu) ditampilkan di sebelah kiri halaman web, sedangkan isi
dan untuk
mengedit
dan
menghapus
data
administrator
(content) ditampilkan di sebelah kanannya. Tabel Daftar Pilihan/Menu Aktivitas
ada
4
Data Voters
Menampilkan halaman
4.1 : yang Disediakan dalam Beranda Administrator
yang
berisi
formulir
untuk
mengisi
data voter baru, No. Judul Pilihan
daftar voter yang
Keterangan
ada dan fasilitas 1
Beranda
Menampilkan
untuk
Administrator
halaman
dan
awal
untuk
mengedit menghapus
data voter
Administrator 5 2
Ganti
Menampilkan
Password
halaman
yang
Data Ketua
Calon Menampilkan halaman berisi
yang formulir
12
No. Judul Pilihan
Keterangan untuk
No. Judul Pilihan
mengisi
Keterangan berisi
laporan
data calon ketua
hasil
baru, daftar calon
ketua organisasi
ketua yang ada dan
fasilitas
untuk dan
9
Logout
pemilihan
Keluar beranda
mengedit
Administrator
menghapus
dan kembali ke
data calon ketua
halaman 6
Data
Menampilkan
publik
Voting/Pilihan
halaman
(homepage)
yang
berisi
formulir
untuk
mengisi
data
pemilihan
dari
awal
4.2.3. Halaman Utama Voter Halaman
utama
voters
akan
calon ketua baru,
ditampilkan jika voter (mahasiswa yang
daftar
hasil
mempunyai hak memilih calon ketua)
pemilihan
yang
berhasil login. Tampilan halaman utama
ada dan fasilitas untuk
voter disajikan pada gambar di bawah ini:
mengedit
dan
menghapus
data
hasil
pemilihan 7
Statistik Hasil
Menampilkan
Pemilihan
halaman
yang
berisi statistik/ringkasan hasil
pemilihan
calon
ketua
organisasi 8
Laporan
Menampilkan halaman
yang
Gambar 4.10 Tampilan Halaman
13
Utama Voters
No. Judul
Keterangan
Pilihan 4
Pada halaman utama voter di atas,
Statistik
Menampilkan halaman yang berisi
daftar pilihan aktivitas di bagian tengah
statistik/
atas tepat di bawah header halaman web,
ringkasan
jumlah
sedangkan isi (content) halaman disajikan
dan
persentase
di bawahnya.
perolehan
Tabel Daftar 4.2 Aktivitas
Pilihan/Menu yang
suara
untuk
masing-
masing
kandidat
ketua organisasi
Disediakan
dalam Halaman Utama Votes
5
Logout
Keluar dari halaman utama
voter
dan
kembali ke halaman No. Judul
Keterangan
awal
Pilihan 1
2
publik
(homepage)
Beranda
Menampilkan
Voter
halaman awal untuk
5. KESIMPULAN DAN SARAN
Voter
5.1
Kesimpulan yang dapat diambil
Daftar
Menampilkan
Calon
halaman yang berisi daftar calon ketua organisasi
Kesimpulan
yang
dari hasil perancangan dan pembuatan perangkat
lunak
pemilihan
ketua
organisasi berbasis web dengan metode SOHDM pada Universitas Bina Darma
dapat dipilih
adalah sebagai berikut: 3
Pilih Calon
Menampilkan halaman yang berisi formulir
1.
digunakan sebagai pengganti sistem
untuk
pemilihan ketua organisasi HIMTIK
memilih calon ketua organisasi diminati
Sistem perangkat lunak ini dapat
manual.
yang 2.
Untuk mempermudah pemilihan ketua organisasi HIMTIK dan efisisensi waktu dalam pemilihan. 14
3.
Penggunaan Java
bahasa
Server
Pages
pemrograman (JSP)
untuk
pembuatan aplikasi web dapat menjadi alternatif selain menggunakan bahasa pemrogram PHP yang sangat populer, ASP .Net, Cold Fusion, Perl, dan sejenisnya.
5.2
Saran Berikut adalah saran-saran untuk
pengembangan perangkat
lebih
lunak
lanjut
terhadap
pemilihan
ketua
organisasi berbasis web: 1. Halaman
administrator
bisa
2. Mengingat sangat luasnya penggunaan di
masyarakat,
perlu
dicoba pembuatan perangkat lunak pemilihan ketua organisasi berbasis web
yang
dapat
diakses
melalui
smartphone. 3. Jika
bahasa
dianggap
pemrograman
penting
sebagai
Nazir, Moh. 2003. Metode Penelitian. Penerbit Ghalia, Indonesia Nugroho, Adi 2010. Algoritma dan Struktur Data dalam Bahasa Pemogrman Java Yogyakarta : Penerbit Andit Rosa, dan M.Shalahudin. 2014 Rekayasa Perangkat Lunak Tersruktur dan Berorentasi Objek Bandung : Penerbit Andi
ditambahkan fitur-fitur lainnya
smartphone
Object Oriented Methodology For Developing Hypermedia Information System Graduate School of Management, Korea Advanced Insitute of Science and Technology, Korea 2012
JSP pilihan
alternatif untuk pembuatan aplikasi
Simarmata, Janner 2010 Rekayasa Web Yogyakarta : Penerbit Andi _________, (http://www.binadarma.ac.id/conte nt/27/4/Sejarah.html) diakeses tanggal 17 November 2015 _________, (http://www.binadarma.ac.id/conte nt/27/4/Sejarah.html) diakeses tanggal 17 November 2015
web, penulis mengusulkan adanya mata kuliah dan praktikum pilihan bahasa pemrograman JSP.
Refrensi Kadir,
Addul. 2012 Algoritma & Pemograman Menggunakan Java. Yogyakarta : Penerbit Andi
Lee Heeseok, Lee Chongseok, dan Yoo Cheonsoo 2012. A Scenario Based 15
