RANCANG BANGUN APLIKASI MAJALAH STIKOM SURABAYA NEWS BERBASIS MOBILE Mochammad Farizal Rahmattullah1) 1) S1/Jurusan Sistem Informasi, Sekolah Tinggi Manajemen Informatika & Teknik Komputer Surabaya, email:
[email protected]
Abstract : STIKOM Surabaya News or commonly called SSNews is a campus magazine of STIKOM Surabaya that containing a variety of news and information about both the activities around campus and variety of general information. SSNews printed version is have to form as a magazine that can be obtained on campus, but the number of copies printed is relatively limited to meet the needs of readers, specially those on either campus environment for students, faculty or staff. Therefore SSNews have another alternative to launch an online version that can be accessed through the site http://ssnews.stikom.edu/ which can be accessed easily via the computer. Currently readers can only access the address of the website through the browser on mobile phones so as to make the readers should be online to enjoy every news content on SSNews, moreover not all of it can display websites very well and comfortable. Since the majority of readers are mobile phone users, the authors offer a new alternative for the reader by making an application that called SSNews Mobile which provides a new experience in reading the news content of SSNews. By using SSNews Mobile, readers can enjoy SSNews contents with relatively cheaper and more comfortable. Even the news that you want to save is can be done so quickly and easily so that the readers does not need to online anymore to read news content. Keywords : SSNews, Magazine, Mobile Application, J2ME.
Handphone yang ada saat ini tidak hanya mendukung
penggunanya
untuk
melakukan
seperti
facebook,
twitter,
foursquare,
dan
sebagainya.
kegiatan telepon dan mengirim / menerima pesan
Kurangnya aplikasi khusus pengakses
singkat (SMS) saja, tetapi memiliki beragam fitur
berita / info-info terkini menjadi salah satu faktor
yang sangat luar biasa banyaknya. Mulai dari
kurangnya pemanfaatan fasilitas pada handphone
kamera yang ditanamkan dengan kualitas tinggi
secara cermat. Saat ini yang banyak tersedia
layaknya pocket digital camera, koneksi internet
hanya alamat website yang dikhususkan untuk
yang memudahkan pengguna dalam berselancar
pengaksesan melalui browser yang tersedia pada
didunia maya, hingga dukungan fitur navigasi
handphone.
layaknya GPS Navigator professional, dan lain
http://m.okezone.com/,
lain.
dengan
http://m.kapanlagi.com/, dan lain-lain. Ada pula
berlimpahnya fitur yang dimiliki oleh handphone
alternatif lain yang salah satunya ditawarkan oleh
yang digunakan saat ini, selain telepon dan SMS,
harian Kompas dan Tabloid Nova, yaitu dengan
menurut situs http://www.malang-post.com/ fitur
cara berlangganan mobile newspaper
yang paling banyak digunakan oleh masyarakat
nantinya akan dikirimkan melalui Multimedia
saat ini hanyalah kamera, pemutar musik, dan
Messaging Service (MMS) kepada handphone
mengakses aplikasi atau situs-situs jejaring sosial
pelanggan yang telah belangganan dengan
Namun
kondisi
yang
ada
Contohnya
seperti
http://m.detik.com/,
yang
dikenakan tarif Rp. 2000/7 hari. 1
Sebagai salah satu universitas ternama di
STIKOM Surabaya untuk membaca konten berita atau
cetak berupa majalah yang berisi berita-berita
http://ssnews.stikom.edu/
terkini mengenai kegiatan didalam kampus
handphone dengan relatif lebih nyaman. Setiap
maupun beberapa kegiatan diluar kampus, serta
ada berita atau tips terbaru, pengguna handphone
tips-tips
para
hanya perlu melakukan satu kali proses download
mahasiswa / karyawan STIKOM Surabaya.
konten setelah itu konten berita atau tips-tips
Namun terkadang tidak jarang para mahasiswa /
yang telah di download tersebut dapat dibaca
karyawan tidak mendapatkan majalah tersebut
secara offline setiap saat. Biaya pulsa hanya
dalam bentuk fisiknya karena jumlah eksemplar
dikenakan pada
yang dicetak relatif tidak terlalu banyak /
dengan tarif sesuai kebijakan operator seluler
website
yang digunakan. Salah satu solusi yang dapat
http://ssnews.stikom.edu/ dijadikan alternatif lain
menjawab kebutuhan diatas adalah dengan
untuk membaca informasi-informasi tersebut
membuat “Aplikasi Majalah Stikom Surabaya
yang dapat dinikmati dengan nyaman melalui
News Berbasis Mobile”. Aplikasi ini hanya
yang
sangat
terbatas.
layar
berguna
bagi
Mengakses
komputer.
mengembangkan
SSNews layanan
juga
kepada
ingin pembaca
tips-tips
membutuhkan mendukung
yang
saat
sebuah Java
ada
website
Jawa Timur, STIKOM Surabaya memiliki media
pada
menggunakan
mendownload
handphone MIDP
2.0
konten
yang untuk
setianya dengan menyediakan alternatif khusus
mengoperasikannya. Dengan demikian, aplikasi
bagi pengguna handphone yaitu menyediakan
ini dapat digunakan kapanpun dan dimanapun.
aplikasi khusus untuk mengakses konten dari
Dengan
adanya
aplikasi
ini,
para
website tersebut mengingat mahasiswa dan
mahasiswa dan karyawan STIKOM Surabaya
karyawan STIKOM Surabaya ini mayoritas
yang mayoritas adalah pengguna handphone
adalah pengguna handphone. Alternatif ini ingin
dapat memaksimalkan fitur yang ada pada
dikembangkan karena apabila mengakses website
handphone-nya dengan membaca berita / tips-tips
browser
pada
bermanfaat yang bersumber dari website Stikom
handphone, tidak semua browser handphone
Surabaya News dengan mudah, kapanpun, dan
dapat menampilkan website tersebut dengan rapi
dimanapun. Tujuan dibuatnya aplikasi ini adalah
dan teratur, sehingga ini membuat para pembaca
menghasilkan suatu aplikasi pengakses berita
relatif tidak nyaman saat membaca konten. Selain
yang bernama SSNews Mobile yang menawarkan
itu pembaca juga harus online untuk dapat
alternatif baru kepada para pembaca setia
membaca
pada
SSNews untuk memperoleh berita terkini dengan
http://ssnews.stikom.edu/. Padahal dengan online
memberikan kemudahan dan kenyamanan dalam
terus menerus untuk mengakses situs tersebut,
membaca konten berita melalui handphone
tentu akan menguras pulsa yang relatif tidak
dimana pembaca juga dapat menyimpan konten
sedikit.
berita yang diinginkan dengan mudah.
tersebut
melalui
konten
berita
yang
yang
ada
ada
Oleh karena itulah dibutuhkan suatu aplikasi yang memungkinkan pembaca majalah 2
LANDASAN TEORI
sebuah profile mendefinisikan perangkat tertentu.
Java 2 Micro Edition (J2ME)
Configuration menyediakan fungsi-fungsi standar
Menurut Nyura (2010:19) Java 2 Micro
dan umum dari library J2ME. Profile berada di
Edition atau yang biasa disebut J2ME adalah
atas configuration dan menyediakan library
lingkungan pengembangan yang didesain untuk
tambahan yang spesifik, seperti konektifitas
meletakkan perangkat lunak Java pada barang
jaringan, keamanan, dan tampilan user interface
elektronik beserta perangkat pendukungnya. Pada
optional packages dapat dimasukkan dalam
J2ME, jika perangkat lunak berfungsi baik pada
profile untuk mendukung kebutuhan tertentu dari
sebuah perangkat maka belum tentu berfungsi
aplikasi (Sharp dan Yuan, 2004). Java juga dapat
baik pada perangkat yang lainnya. J2ME
melakukan rekayasa file image / gambar seperti
membawa java ke dunia informasi, komunikasi,
mengambil, menulis dan merubah ukuran, salah
dan
perangkat
satunya adalah menggunakan class ImageIO.
komputer desktop yang biasanya lebih kecil
ImageIO merupakan class bantu yang berfungsi
dibandingkan perangkat komputer desktop. J2ME
untuk melakukan input/output file bertipe image.
biasanya digunakan pada telepon seluler, pager,
Karena merupakan class input output, maka
personal digital assistants (PDA) dan sejenisnya
ImageIO akan “throws” IOException jika terjadi
(Shalahuddin dan Rossa, 2006).
suatu error.
perangkat
komputasi
selain
Java 2 Micro Edition merupakan sebuah teknologi
pemrograman
yang
Hypertext Prepocessor (PHP)
khusus
PHP
adalah
server
side
scripting
dikembangkan oleh Sun Microsystem sebagai
envirotment
bahasa pemrograman untuk perangkat dengan
membuat dan menjalankan aplikasi-aplikasi di
memory yang sangat terbatas seperti telepon
web
seluler (Rasmana, Petrus, Ari, 2005). Sehingga
programmable. dengan PHP aplikasi-aplikasi
dengan menggunakan teknologi J2ME aplikasi
yang ada di web server benar-benar dijalankan di
dapat diimplementasikan ke perangkat telepon
web
seluler karena ukuran aplikasi yang relatif kecil.
tambahan atau syarat tertentu untuk sisi client
yang
server
server
dapat
agar
tanpa
digunakan
lebih
interaktif
mengharuskan
untuk
dan
adanya
Perangkat mobile memiliki beragam jenis
(web browser).PHP biasanya dijadikan sebagai
dan spesifikasi yang didesain untuk tujuan yang
module dalam suatu web agar bisa mengeksekusi
berbeda-beda. Bahkan dengan jenis yang sama,
file-file PHP yang tersedia di web server. PHP
masing-masing perangkat memiliki spesifikasi
dapat berjalan di hampir seluruh platform, open
berbeda sehingga perlu adanya suatu standar
source dan berlicensi GNU Public License
guna mengatasi masalah portabilitas aplikasi.
(GPL). (Welling, 2001).
Untuk
menyeimbangkan
portabilitas
PHP pada mulanya di tulis sebagai sebuah
dengan performa, J2ME memiliki beberapa
kumpulan dari CGI dengan menggunakan bahasa
komponen
dengan
pemrograman C oleh programmer bernama
configuration, profile, dan optional packages.
Rasmus Lerdorf. Programer asal Greenland ini
Kombinasi antara sebuah configuration dengan
membuat
yang
lebih
antara
dikenal
PHP
pada
tahun
1994
untuk 3
mengantikan sebagian kecil kumpulan script
banyak database. Membuat halaman web
dengan Perl yang digunakan untuk maintenance
yang menggunakan data dari database dapat
halaman web miliknya. Lerdorf mengawali
sangat mudah untuk dilakukan. Database
menciptakan PHP untuk menanpilkan resume
yang didukung oleh PHP antara lain: adabas
miliknya dan mengumpulkan beberapa data,
D, dBase,
seperti berapa banyak lalu lintas data yang
Ingers, Interbase, Frontbase, File Pro(read
diterima dalam halaman web miliknya. (Welling,
only), SQL Server, MySQL, Oracle, ODBC,
2001).
PostgresSQL, Solid, Sysbase, Velocis, dan
Setelah mengalami perkembangan oleh suatu kelompok open source (termasuk Rasmus) maka mulai versi 3 php menanpakan keunggulan
Empress, IBM DB2, Infomix,
unix DBM. Unified Modelling Language (UML) Unified
Modelling
Language
(UML)
sebagai salah satu bahasa server yang handal.
merupakan sistem arsitektur yang bekerja dalam
Melalui perkembangan yang pesat ini banyak
Object-Orientef Analysis (OOAD) dengan satu
fasilitas yang ditambahkan oleh kelompok ini .
bahasa
maka jadilah PHP disebut sebagai Hypertext
visualisasi,
Preprocessor. Sintak yang digunakan berasal dari
mendokumentasi artifacr (sepotong informasi
bahasa C, Java maupun Perl.
yang digunakan atau dihasilkan dalam suatu
Aplikasi yang dibangun dengan PHP memiliki
proyek rekayasa perangkat lunak, dapat berupa
kelebihan tersendiri. Beberapa kelebihan yang
model, deskripsi, atau perangkat lunak) yang
dimiliki PHP antara lain :
terdapat dalam sistem perangkat lunak UML
yang
konsisten untuk
menentukan,
mengkonstruksi,
dan
1. Software ini disebarkan dan dilicensikan
merupakan bahasa pemodelan yang paling sukses
sebagai perangkat lunak yang open source,
dari tiga metode Object Oriented yang telah ada
maksudnya
oaker
sebelumnya, yaitu Booch, Object Modelling
kode
Technique (OMT), dan Object-Oriented Software
programnya
pendistribusian disertakan
juga
Engineering (OOSE).
programnya dan biasanya secara gratis. 2. Dengan menggunakan PHP script
maka
UML merupakan kesatuan dari ketiga
maintenance suatu situs web menjadi lebih
pemodelan
mudah. Proses update data dapat dilakukan
kemampuan lebih karena mengandung metode
dengan menggunkan aplikasi yang dibuat
tambahan untuk mengatasi masalah pemodelan
dengan menggunakan script PHP.
yang tidak dapat ditangani ketiga model tersebut.
tersebut
dan
ditambah
dengan
3. Penulisan script PHP dapat menyatu dengan
UML dikeluarkan oleh Object Management
dokumen HTML, sehingga memudahkan
Group, Inc. (OMG) yaitu organisasi internasional
pembuatannya. Untuk membedakan dengan
yang dibentuk pada 1989, terdiri dari perusahaan
sintaks HTML dan PHP maka dibuatlah
sistem informasi, software developer, dan para
kesepakatan tag yang digunakan oleh PHP.
pengguna sistem computer.
4. Kemampuan PHP yang paling diandalkan
Dengan adanya UML, diharapkan dapat
dan signifikan adalah dukungan kepada
mengurangi kekacauan dalam bahasa pemodelan 4
yang selama ini terjasi dalam lingkungan
aplikasi berbasis mobile sehingga menghasilkan
industry. UML diharapkan juga dapat menjawab
interface yang user friendly bagi pengguna.
masalah
Tujuh elemen tersebut adalah Context, Message
penotasian
dan
mekanisme
tukar
(Pesan), Look and Feel (Tampilan dan Nuansa),
menukar model yang terjadi selama ini. UML
Layout, Colour (Warna), Typography (Tata
memiliki berbagai macam diagram. Diagram-
Huruf), dan Graphics. Berikut adalah poin-poin
diagram tersebut antara lain:
penting dari ketujuh elemen tersebut:
Untuk
membuat
suatu model,
1. Business Use Case diagram.
1.
2. Use Case diagram.
Context
Siapakah pengguna? Apa yang anda
3. Activity diagram.
ketahui tentang mereka? Apa jenis
4. Sequence diagram.
perilaku yang dapat anda prediksi tentang
5. Collaboration diagram.
pengguna?
6. Class diagram.
Apa yang terjadi? Apa keadaan di mana
7. Statechart diagram.
user terbaik akan menyerap konten yang
8. Component diagram.
anda sajikan?
9. Deployment diagram.
Kapan mereka berinteraksi? Apakah
Keutamaan dari UML adalah diagram-
mereka di rumah dan punya banyak
diagram yang ada pada UML ditambah dengan
waktu? Apakah mereka di tempat kerja
kemampuan dokumentasi. Data flow diagram
dimana mereka memiliki jangka waktu
dan tipe diagram lain yang tidak terdapat dalam
yang singkat? Apakah mereka memiliki
UML tidak termasuk dalam paradigm Object-
waktu senggang waktu sambil menunggu
Oriented. Activity diagram dan collaboration
kereta api, misalnya?
diagram
yang
dalam
UML
flow diagram.
Activity
aplikasi Anda? Apa nilai yang akan
diagram juga sangat bermanfaat untuk membuat
mereka peroleh dari konten Anda atau
workflow.
jasa dalam situasi sekarang?
menggantikan
data
terdapat
Mobile Design Mobile Design memiliki kemiripan fungsi
Mengapa mereka akan menggunakan
Bagaimana perangkat
mereka mobile
menggunakan
mereka?
Apakah
seperti Interaksi Manusia dan Komputer (IMK)
diadakan di tangan atau mereka di saku
yaitu digunakan sebagai pedoman atau panduan
mereka? Bagaimana mereka memegang
dalam mendesain suatu aplikasi, tetapi sesuai
handpgone
dengan namanya mobile design lebih spesifik
tertutup? Potrait atau landscape?
yaitu untuk aplikasi-aplikasi berbasis mobile,
Jawaban
mereka?
untuk
Terbuka
atau
pertanyaan-pertanyaan
sedangkan IMK digunakan pada aplikasi-aplikasi
diatas akan sangat mempengaruhi desain, dapat
desktop.
memberikan tidak hanya inspirasi besar untuk
Mobile Design memiliki tujuh elemen yang sangat berguna dalam mendesain suatu
tantangan
desain,
tapi
pembenaran
untuk
keputusan desain nanti. 5
2.
Message
bagaimana user akan mengakses halaman secara visual.
Pesan apa yang ingin Anda katakan
tentang situs anda atau aplikasi visual anda.
Layout dalam arsitektur informasi: o
halaman atau layar?
Pesan kesan mental keseluruhan yang Anda buat secara eksplisit melalui desain
o
o
Yang penting adalah pendapat dari pengguna
Anda.
Apakah
o
5.
tertentu
handphone yang memiliki jumlah warna
yang
membuat
user
dapat
berinteraksi dengan baik.
yang berbeda atau kedalaman bit, ketika
Tampilan dan nuansa sangat berguna
desain
untuk membangkitan aksi bagaimana
perangkat
user akan menggunakan suatu interface.
kedalaman warna terbatas pada satu
Efektifitas tampilan. Contoh: "User akan
perangkat
dapat
menekan tombol ini karena..." atau "User
posterization
yang
akan menuju ke layar ini karena…"
dalam gambar.
kompleks
ditampilkan
mobile
yang
pada
berbeda,
menyebabkan tidak
diinginkan
Semua orang berbeda dalam menanggapi
tombol atau kontrol dirancang dengan
berbagai warna. Hal ini sudah cukup
cara tertentu.
diketahui
Pola desain atau solusi yang telah
menghasilkan emosi yang berbeda pada
didokumentasikan
merancang
orang. Berpikir tentang warna dapat
permasalahan = style guide. Style guide
membangkitkan emosi yang ada pada
sangat penting untuk menjaga konsistensi
manusia adalah aspek penting dari
dalam
mobile design.
tampilan
untuk
dan
nuansa
dan
warna
berbeda
Menggunakan warna yang tepat dapat
pengaturan
Layout
yang
tepat
dan
sesuai
harapan.
Layout adalah elemen desain yang penting, karena itu berkaitan dengan
bahwa
berguna untuk memberikan pesan dan
desain yang akan ditentukan.
yang paling umum ketika
berhadapan dengan warna adalah layar
mengurangi kebutuhan setiap keputusan
4.
Kendala
Dari tampilan lalu mendapatkan nuansa
Harus memiliki alasan mengapa sebuah
Colour
Look and Feel (Tampilan dan Nuansa)
Bagaimana dengan sidebar untuk layar yang lebih besar?
pengguna Anda dalam konteks yang benar?
Apakah saya harus menggunakan tab atau list?
desain
menyampaikan pesan yang tepat untuk
3.
Apa jenis tipe navigasi yang harus saya gunakan?
visual.
Dimanakah navigasi pergi pada
6.
Typography (Tata Huruf)
Peran
yang
paling
penting
dari
typography dalam mobile design adalah 6
untuk mendukung pengguna dengan
terlebih dahulu pada aplikasi web penyusun
tulisan / huruf yang sangat mudah dibaca,
konten dimana konten yang diperoleh berasal
atau kemampuan untuk secara jelas
dari
mengikuti baris teks dengan mata dan
Dalam hal ini koneksi yang digunakan adalah
tidak membuat bingung.
socket, namun untuk penggunaan socket ini
Hal ini dapat diatasi dengan mengikuti 4
layanan General Packet Radio Service (GPRS)
aturan sederhana:
pada handphone harus sudah diaktifkan. Berikut
website
http://www.ssnews.stikom.edu/.
o
Gunakan jenis huruf kontras tinggi.
adalah gambaran umum dari aplikasi majalah
o
Gunakan jenis huruf yang tepat.
STIKOM Surabaya News berbasis mobile.
o
Tinggalkan ruang pada kanan dan kiri setiap baris, jangan terlalu berkerumunan di layar.
o 7.
Gunakan paragraf pendek.
Graphics
Grafik atau gambar yang digunakan untuk
membentuk
atau
membantu
pengalaman visual.
Grafik
dapat
digunakan
untuk
melengkapi tampilan dan nuansa, atau sebagai konten yang ditampilkan sejalan dengan teks.
Iconography:
Iconography
Gambar 1 Gambaran Umum Aplikasi Majalah STIKOM Surabaya News Berbasis Mobile
berguna
Pada gambar 1, apabila pada handphone
untuk mengkomunikasikan ide dan aksi
belum tersimpan berita / konten SSNews, maka
untuk pengguna di ruang visual terbatas.
user harus mendownload konten melalui aplikasi
Tantangannya adalah memastikan bahwa
ini terlebih dahulu untuk mendapatkan konten
arti dari ikon jelas bagi pengguna.
yang ingin dibaca. Setelah proses download
Foto dan gambar: digunakan untuk
selesai, user dapat menyimpan konten tersebut
menambah arti konten, seringkali dengan
pada device storage atau media penyimpanan
menunjukkan
dari
yang terdapat pada handphone. Dengan demikian
konsep, atau untuk menambahkan makna
user pun dapat membaca konten yang telah
pada desain.
didownload tersebut secara offline dan dapat
tampilan
visual
dibaca kapan saja dan dimana saja mengingat
GAMBARAN UMUM APLIKASI Dalam pembuatan aplikasi mobile majalah STIKOM
Surabaya
News
(SS
News)
pengaksesan melalui handphone lebih fleksibel.
ini
dibutuhkan koneksi yang memungkinkan aplikasi untuk mendownload konten yang telah disusun 7
Use
Case
Diagram
Aplikasi
STIKOM
mobile majalah. Pada menu utama pembaca memilih menu baca berita terbaru, kemudian
Surabaya News Berbasis Mobile
pembaca tinggal menunggu proses download Kemampuan
aplikasi
untuk
dapat
selesai sampai berita/konten siap untuk dibaca.
berinteraksi dengan user dapat digambarkan pada
Apabila pembaca ingin berita/konten tersebut
use case diagram pada gambar 2. Pada gambar
disimpan maka dapat menyimpannya namun
tersebut, user yang disini disebutkan sebagai
apabila tidak ingin menyimpan berita/konten
pembaca berinteraksi dengan use case untuk
yang telah dibaca maka tidak perlu untuk
membaca berita terbaru, use case untuk membaca
menyimpannya.
berita lama, use case untuk Help, dan use case untuk About.
Gambar 2 Use Case Aplikasi Majalah STIKOM Surabaya News Berbasis Mobile
Activity Diagram Aplikasi Majalah STIKOM Surabaya News Berbasis Mobile Dari use case yang ada dibutuhkan activity diagram untuk menjelaskan aliran proses apa saja yang terjadi pada setiap use case. Activity diagram yang akan dibuat adalah activity diagram dari use case baca berita baru dan use
Gambar 3 Activity Diagram Baca Berita Baru
case baca berita lama saja, karena pada use case help dan use case about tidak ada proses yang
terlalu penting dan signifikan. A. Activity Diagram Untuk Use Case Baca Berita Baru
B. Activity Diagram Untuk Use Case Baca Berita Lama Activity
diagram
pada
gambar
4
menjelaskan proses yang dimulai dari pembaca
Proses pada gambar 3 dimulai dari
membuka aplikasi lalu memilih menu baca berita
pembaca yang memulai proses membuka aplikasi
lama. Berita lama merupakan berita/konten yang 8
pernah didownload dan telah tersimpan dalam
What’s Now?? (Berita terbaru), Stored News
memory handphone. Sebelum membaca berita,
(Berita lama yang pernah disimpan), Help
pembaca terlebih dahulu memilih berita mana
(Bantuan / panduan penggunaan aplikasi), dan
yang ingin dibaca. Apabila pembaca ingin
About (Informasi tentang aplikasi).
menghapus berita/konten yang telah tersimpan, pembaca tinggal memilih berita/konten mana yang akan dihapus lalu pilih hapus kemudian pilih Ya apabila ingin menghapus dan pilih Tidak apabila ingin membatalkan.
Gambar 5 Tampilan Menu Utama Tampilan Menu What’s Now?? Tampilan What’s Now?? akan muncul jika pengguna memilih menu What’s Now?? pada menu utama aplikasi. Tampilan ini digunakan untuk membaca berita terbaru yang telah tersedia. Seperti yang terlihat pada gambar 6, pada menu What’s Now?? terdapat tiga submenu lagi yaitu Latest News, Recent News, dan Categories. Untuk submenu Latest News dan Recent News Gambar 4 Activity Diagram Baca Berita Lama
memiliki susunan menu yang identik, hanya berbeda pada muatan konten atau isi dari menu tersebut.
HASIL DAN PEMBAHASAN Tampilan Menu Utama
Tampilan
pada
gambar
5
adalah
tampilan pada saat aplikasi pertama kali dijalankan tampilan menu yang pertama kali muncul adalah Menu Utama. Dari menu ini pembaca atau pengguna aplikasi dapat memilih apa yang akan dilakukan selanjutnya, yaitu 9
Gambar 6 Tampilan What’s Now??
Gambar 8 Tampilan Konten Berita Selain menu SAVE juga terdapat menu
Submenu Categories berisi berita atau info
PICTURE yang berfungsi untuk melihat apabila
sesuai dengan kategori-kategori yang sesuai
didalam konten berita tersebut terdapat sebuah
dengan konten berita yang diinginkan seperti
atau beberapa foto. Seperti yang ada pada gambar
yang terlihat pada gambar 7 dibawah ini.
9, gambar atau foto yang tampil dapat di Zoom In untuk memperbesar dan Zoom Out untuk memperkecil foto.
Gambar 7 Tampilan Categories Setelah pembaca memilih berita yang ingin
Gambar 9 Tampilan Menu Zoom In / Out Foto
dibaca maka akan tampil sebagai konten berita secara utuh seperti yang ter lihat pada gambar 8,
Tampilan Menu Stored News
konten berita tersebut dapat disimpan dengan
Menu Stored News ini berisi konten -
memilih SAVE atau apabila ingin kembali pada
konten berita yang pernah disimpan sebelumnya
menu sebelumnya dapat memilih BACK.
oleh pembaca atau pengguna aplikasi. Struktur menu berbentuk list – list konten berita yang tersimpan seperti yang terlihat pada gambar 10. 10
tahun. Jadi apabila pengguna aplikasi ingin menampilkan konten berita pada waktu tertentu maka tinggal mencentang pada tahun lalu bulan yang tersedia lalu tekan OK maka daftar konten berita yang tampil hanya konten berita yang pernah disimpan pada bulan tersebut.
Gambar 10 Tampilan Stored News Setelah memilih berita yang ingin dibaca berdasarkan dari list – list yang ditampilkan pada gambar 10 maka konten berita yang telah terpilih
Gambar 12 Tampilan Filter Tahun
tersebut muncul secara keseluruhan seperti yang ada pada gambar 11. Apabila pembaca ingin menghapus konten berita yang telah tersimpan tersebut maka tinggal memilih DELETE namun apabila tidak maka pembaca bisa memilih BACK.
Gambar 13 Tampilan Filter Bulan Hasil Perbandingan Pada saat uji coba aplikasi, dilakukan perbandingan yang membandingkan pengaksesan SSNews melalui SSNews Mobile dan melalui browser bawaan handphone yang mengakses langsung http://www.ssnews.stikom.edu/, yang dilakukan dengan tiga tipe handphone yang Gambar 11 Tampilan Konten Berita
berbeda dan dua operator GSM yang berbeda
Pada menu Stored News ini pembaca juga
yaitu IM3 dan XL. Berikut adalah tabel
dapat melakukan filter terhadap konten berita
perbandingan dari uji coba yang telah dilakukan.
yang pernah disimpan berdasarkan bulan dan
11
Tabel 1 Hasil Perbandingan SSNews Mobile Dan Browser Handphone Menggunakan IM3
2.
Pembaca dapat menyimpan konten berita handphone
yang ingin disimpan pada
mereka sehingga dapat dibaca berulang ulang kapanpun dimanapun pada saat yang diinginkan tanpa harus terkena biaya pulsa lagi untuk mendownload konten berita tersebut. .
Tabel 2 Hasil Perbandingan SSNews Mobile Dan Browser Handphone Menggunakan XL
Saran Adapun
Saran
-
saran
yang
dapat
direkomendasikan untuk pengembangan aplikasi kedepannya agar dapat menghasilkan aplikasi majalah berbasis mobile yang lebih baik adalah sebagai berikut: 1. Mengacu pada tabel hasil uji coba diatas
handphone berplatform minimal Java MIDP
terbukti bahwa dengan menggunakan SSNews
2.0 saja tetapi untuk pengembangan aplikasi
Mobile pembaca lebih menghemat jumlah pulsa
nantinya diharapkan dapat berjalan pada
yang berkurang daripada mengakses website SSNews langsung dari browse handphone.
Aplikasi ini hanya dapat berjalan pada
multi platform sehingga lebih fleksibel. 2.
Tampilan user interface aplikasi nantinya dapat dikembangkan dengan melakukan
KESIMPULAN
modifikasi
Kesimpulan yang dapat diambil dari hasil
coba yang telah dilakukan adalah sebagai berikut: 1.
Aplikasi Majalah STIKOM Surabaya News Mobile ini dapat berjalan dengan baik dan lancar dalam mendownload konten-konten berita yang ada dan dapat dibaca dengan relatif nyaman sehingga dapat memberikan alternatif baru bagi para pembaca SSNews yang
memiliki
handphone
rupa
sehingga
menghasilkan tampilan yang lebih atraktif,
pembuatan aplikasi Majalah STIKOM Surabaya News berbasis Mobile berdasarkan pada hasil uji
sedemikian
interaktif sehingga lebih menarik. 3.
Aplikasi
dapat
dikembangkan
supaya
nantinya dapat berjalan dengan baik di berbagai tipe navigasi yang tersedia pada berbagai trackball,
handphone touchscreen,
seperti dan
trackpad, lain
lain.
Sehingga aplikasi dapat dioperasikan dengan maksimal pada berbagai handphone yang tersedia dipasaran.
berplatform
minimal Java MIDP 2.0 dalam mengakses berita-berita
yang
ada
pada
SSNews
sehingga relatif lebih murah, mudah dan dapat diakses dimana saja, kapan saja.
12
DAFTAR PUSTAKA Anonim. Java ME Technology. Diakses 29 Maret, 2011, dari http://www.oracle.com/ technetwork/java/javame/
9/16013217/Mobile.Newspaper.Semudah .Langganan.Koran Yu Feng and Jun Zhu. 2001. Wireless Java Programming with Java 2 Micro Edition. Indianapolis: Sams Publishing.
Effendy, Onong Uchjana. 1993. Ilmu, Teori & Filsafat Komunikasi. Bandung : PT. Citra Aditya Bakti Eno. 2010. Fitur Music Player Dan Kamera Paling Diminati Remaja. Diakses 22 Maret, 2011, dari http://www.malangpost.com/index.php?option=com_content &view=article&id=9635:fitur-musicplayer-dan-kamera-paling-diminati remaja&catid=45:technocell&Itemid=68 GSM
Arena. 2012. Phone Review And Specifications. Diakses 1 April, 2012, dari http://www.gsmarena.com/
Junaedhie, Kurniawan. 1991. Ensiklopedi Pers Indonesia. Jakarta : Gramedia Pustaka Utama. Mega
Mobile Content. 2012. Handphone Specifications. Diakses 1 April, 2012, dari http://www.megamobilecontent.com/spe cifications/
Riggs, Roger. 2003. Programming Wireless Device with the Java 2 Platform Micro Edition, 2nd Edition. Clifornia : Sun Microsystem Inc. Romeo, S.T. 2003. Testing dan Implementasi Sistem. STIKOM Surabaya. Shalahuddin M, dan Rossa A.S. 2006. Pemrograman J2ME Belajar Cepat Pemrograman Perangkat Telekomunikasi Mobile. Bandung:Penerbit Informatika. Sholiq. 2006. Pemodelan Sistem Informasi Berorientasi Obyek Dengan UML. Yogyakarta: Graha Ilmu Wahono, Tri. 2010. Mobile Newspaper Semudah Langganan Koran. Diakses 22 Maret, 2011, dari http://tekno.kompas.com/read/2010/11/1
13