Erico Darmawan H 1 , Sulaeman Santoso 2

Jurusan Teknik Informatika, Universitas Kristen Maranatha, Bandung, Indonesia

erico.darmawan@it.maranatha.edu 1 , sulaeman.santoso@it.maranatha.edu 2

Diterima 15 Mei 2017 Disetujui 12 Juni 2017

Abstract — Tag based system has been used in many social yakin bahwa semua informasi yang diterima berguna

media as a tool to differentiate interest between user.

baginya. Ketiga, Karena penggunaan media yang

Using this system contents are managed specifically to the

memiliki banyak kegunaan seperti sosial media

liking of each individual person. This software behaviour is very suitable for an announcement system where people

menyebabkan adanya banyak informasi lain selain

berita yang harus di saring oleh si penerima sebelum

are only interested in receiving announcement that they

subscribe for. This paper will discuss the design and

mendapatkan informasi yang sesungguhnya ia

analysis of the tag-based system modified to supplement

butuhkan. Ketiga permasalahan ini dapat diselesaikan

the academic announcement system. This paper will also

dengan menggunakan sistem pengumuman khusus

implement the system on a web application to suplement

menggunakan label penanda (tag)

multiple platform and a native mobile client. It is then concluded that the application is viable and beneficial for

Penggunaan label penanda (Tag) untuk membantu

the user.

pengelompokan benda telah dilakukan sejak dahulu kala dalam bentuk indeks [1]. Hal ini berlaku pula

Keywords —Announcement,

Cross-platform,

Push

untuk data digital. Tag digital dapat didefinisikan

notification, Software development, Tag .

sebagai sebuah kata yang dipilih untuk menjadi metadata yang mendeskripsikan sebuah resource ENDAHULUAN I. P untuk

kemudahan pengambilan kembali atau Pengumuman adalah suatu hal yang umum di

penemuan kembali. Pada saat ini Tag seringkali dalam lingkungan kampus. Pada masa masa yang

digunakan pada media social seperti twitter (hashtag) sudah lalu, pengumuman dipasang pada papan

instagram sebagai alat untuk pengumuman dan atau disampaikan secara lisan. Hal

maupun

mengelompokkan informasi sehingga user dapat ini tentu saja tidak mencukupi lagi terutama pada

mengikuti informasi yang diinginkannya [2]. waktu sekarang ini dimana perkembangan berita

pengumuman yang semakin cepat. Pada saat ini, perkembangan teknologi

Dengan

memberikan

disertakan dengan tag, penerima yang menerima memungkinkan pengumuman untuk mengambil

pengumuman dapat menyaring pengumuman sesuai bentuk digital. Pihak yang memberikan pengumuman

dengan tag yang menurutnya tepat, Penerima juga dapat menggunakan media sosial dalam memberikan

dapat menambahkan ataupun mengurangi tag yang pengumuman Karena dirasakan lebih cepat dan

diikutinya. Ini memastikan pengumuman yang efektif.

diterima tiap tiap penerima adalah pengumuman yang Namun penyebaran pengumuman menggunakan

sesuai bagi pernerima tersebut. media sosial memiliki beberapa kekurangan. Pertama,

Berdasarkan dari kegunaan tag tersebut hendak Pengumuman yang diberikan kadang menjadi tidak

diusulkan sebuah sistem pengumuman multi platform tepat sasaran. Dalam contoh kasus menggunakan

berbasis tag. Sistem ini akan memberikan hanya media

informasi yang diminta oleh user, sehingga berita pengumuman harus membuat group terlebih dahulu

sosial seperti

menjadi relevan dan mencapai sasaran yang tepat. dan mengundang sejumlah orang yang berbeda. Ini

menyebabkan timbulnya banyak grup yang harus di Pengembangan sistem serupa telah beberapa kali atur. Padahal informasi di dalam satu grup yang sama

dilakukan seperti misalnya pada sistem informasi pun seringkali tidak diperlukan oleh semua anggota

pengumuman perkuliahan berbasis web dan sms grup. Kedua, karena banyaknya pengumuman yang

gateway [3], namun sistem tersebut tidak bersifat diberikan, si pembaca pengumuman seringkali

multi platform dan juga tidak memiliki keuntungan melewatkan informasi yang sebenarnya relevan

dengan menggunakan tag. Dengan menggunakan untuknya. Hal ini disebabkan karena si pembaca tidak

sistem yang multi platform, Pengumuman dapat

48 ULTIMA InfoSys, Vol. VIII, No. 1 | Juni 2017

ISSN 2085-4579

disebarkan dengan

NALISIS DAN III. A P ERANCANGAN A PLIKASI menggunakan tag, pengumuman yang diterima

A. Rancangan Sistem

disesuaikan dengan kebutuhan pengguna.

sistem yang dapat ENELITIAN YANG TERKAIT II. P dikembangkan lebih lanjut, sistem usulan akan dibagi

Untuk

mengakomodir

Penggunaan tag dapat meningkatkan kemampuan menjadi 3 bagian besar yaitu web client, web service, pengguna dalam mengambil informasi yang relevan

dan mobile client. Mobile Client memiliki dua buah [4]. Penggunaan sistem yang sejenis dengan tag sudah

fungsi yaitu sebagai penerima pengumuman dan juga lama digunakan pada perpustakan dan tempat tempat

sebagai pembuat pengumuman. Pembuatan mobile penyimpanan barang dimana setiap barang diberi

client dikembangkan secara native dilakukan agar label yang bersesuaian. Namun pada saat ini

Pengguna dapat merasakan user experience yang pemberian tag oleh pengguna (user tag) juga telah

lebih baik misalkan dalam bentuk pemberitahuan terbukti meningkatkan kemampuan untuk mengambil

pribadi melalui aplikasi. Web client disediakan untuk informasi [2]. Hal ini amat umum pada media sosial

melihat pengumuman dan memberikan pengumuman. seperti facebook ataupun twitter dan Instagram.

Dengan pemusatan informasi di web server, aplikasi Namun, pada penelitian ini pemberian tag dibatasi

client juga dapat diperingan pekerjaannya [7] [8] [9]. hanya kepada beberapa pengguna yang memiliki

Web client juga dirancang sebagai cara untuk peran tertentu. Hal ini dilakukan untuk menjaga isi

memberikan informasi yang lebih detil. Web client dari aplikasi tetap relevan di dalam lingkungan

juga memiliki fitur tambahan yang ditujukan untuk akademis.

pengguna dengan kemampuan lebih seperti admin, agar dapat menjalankan fungsi administrasi seperti

Sebuah tag didefiniskan sebagai kata, urutan menghapus pengumuman / mengubah pengumuman angka,

dengan lebih cepat dan mudah. menggambarkan isi dari sebuah dokumen atau

atau simbol

menunjukkan gambaran umum dari sistem usulan. resource. Pada penelitian ini tag adalah satu atau

lebih kata yang diberikan pada sebuah pengumuman sebagai penanda. Sebagai contoh apabila terdapat pengumuman lowongan kerja yang diarahkan pada alumni

dan mahasiswa

tingkat akhir, maka

pengumuman tersebut akan mengandung tag seperti alumni atau lowongan kerja. Maka pengguna yang memang mencari informasi mengenai lowongan kerja ataupun penerima yang mengidentifikasikan diri sebagai alumni akan dapat menerima informasi tersebut. Singkatnya, penanda/tag ini membantu

pengguna untuk menerima pengumuman yang tepat. Gambar 1 Gambaran Umum Sistem Usulan

Walaupun tidak selalu disebutkan secara explisit dengan nama tag, beberapa peneliti menerapkan

Interaksi Sistem dengan pengguna tergambar pada sistem sejenis dengan tag dalam berbagai macam

diagram Use Case yang terpapar pada Gambar 2. Di bidang. Shunta nakamura et al pada tahun 2012

dalam sistem usulan, terdapat 3 macam pengguna menerapkan sistem tag pada dokumen medis [5]

yaitu Admin, User dan Receiver. User adalah sebutan untuk kemudahan pencarian informasi medis. Pada

untuk pengguna yang memiliki kemampuan untuk tahun 2009 Michalis Gerolimos menerapkan sistem

membuat pengumuman yang dibagikan. User juga tag pada perpustakaan [6]. Penelitian ini pun

memiliki kemampuan untuk menambahkan tag sesuai ditujukan untuk kemudahan pencarian informasi.

dengan kebutuhan. Receiver adalah sebutan untuk Sedangkan untuk sistem pengumuman akademis

pengguna yang dapat menerima pengumuman. sendiri, Eliyana Hana pada tahun 2016 telah

Receiver memiliki kemampuan untuk menambah dan mengembangkan

mengurangi tag yang diikutinya. Pengumuman yang berdasarkan email gateway [3]. Setiap kali ada

diterima oleh receiver akan bersesuaian dengan tag pengumuman baru maka sistem akan mengirimkan

yang sudah ia tambah atau kurangi. Admin memiliki kemampuan yang dimiliki user tapi juga memiliki

email pada penerima pengumuman. Sistem ini memiliki kekurangan karena tidak memiliki sistem

kemampuan untuk mengatur user juga sistem secara keseluruhan. Receiver akan menggunakan mobile

penyaringan pengumuman seperti pada sistem usulan. Pada sistem usulan digunakan sistem tag sebagai

Sedangkan Web client akan ditujukan untuk penyaring pengumuman dan menggunakan notifikasi

client.

admin dan user.

langsung pada mobile client yang merupakan cara Selain sistem yang dikembangkan, aplikasi ini yang umum dilakukan oleh aplikasi lain pada saat ini.

juga menggunakan bantuan service yang berasal dari Firebase Cloud Messaging untuk memberikan fitur

ULTIMA InfoSys, Vol. VIII, No. 1 | Juni 2017 49 ULTIMA InfoSys, Vol. VIII, No. 1 | Juni 2017 49

Gambar 3 Activity Diagram Pengiriman Pengumuman

Perancangan Class yang cukup penting untuk ditampilkan adalah pada web server, Karena pada client class yang dibutuhkan hanyalah untuk menampilkan data dan mengirim data pada server. Class Diagram untuk web server dapat dilihat pada Gambar 4 . Class Controller dibutuhkan untuk penghubung aplikasi dengan database sedangkan

class FirebaseHelper dibutuhkan untuk koneksi Gambar 2 Use Case Diagram

dengan firebase server dan pengiriman notifikasi. Gambar 3 menunjukkan activity diagram dari kegiatan

penambahan pengumuman pengirim dari mobile ataupun web app dapat mengirimkan pengumuman kepada web server. Web server lalu akan mengkategorisasikan

pengumuman

tersebut

berdasarkan waktu publish dari pengumuman itu. Gambar 4 Class Diagram Web Application Apabila pengumuman itu adalah pengumuman

Database pada sistem usulan dibuat untuk langsung maka notifikasi akan langsung diberikan.

Apabila pengumuman tidak langsung maka akan

penyimpanan dimasukan ke jadwal pengiriman pengumuman.

mengakomodir

kebutuhan

pengumuman serta tag yang mendeskripsikan pengumuman

Announcement digunakan untuk menyimpan data berkenaan dengan pengumuman yang ada. Tabel Tag berisi kumpulan tag yang ada. Tabel AnnouncementTag mencatat semua tag yang berasosiasi dengan pengumuman tertentu.

tersebut.

Tabel

Misalkan sebuah

pengumuman akan

dilabelkan

lowongankerja berarti pengumuman tersebut diarahkan untuk user yang mengikuti tag lowongankerja. Tabel UserTag digunakan untuk menyimpan hubungan antara user yang menggunakan tag pada waktu memberikan pengumuman,

dengan

tag

Receiver Tag digunakan untuk menyaring pengumuman yang akan diberikan kepada receiver sesuai dengan tag yang dimilikinya.

sedangkan tabel

receiver dengan tag lowonganKerja akan menerima setiap pengumuman

Misalkan

dengan tag itu. Gambar 5 menunjukkan E-R Diagram

dari sistem usulan.

50 ULTIMA InfoSys, Vol. VIII, No. 1 | Juni 2017

ISSN 2085-4579

Gambar 5 ERD

B. Rancangan User Interface / Experience Gambar 7 Antar Muka Penambahan Pengumuman Rancangan interface dari aplikasi pengumuman

Gambar 7 memperlihatkan antar muka untuk dibagi menjadi 2 yaitu web/desktop client dan

penambahan pengumuman yang terdapat pada aplikasi mobile. Rancangan interface untuk mobile

aplikasi announcer. Pengaturan tag pada aplikasi ini client

berbentuk list sehingga memudahkan pengguna untuk pengguna tidak mengalami kesulitan berpindah

dibuat sesederhana

mungkin

sehingga

menggunakan tag yang sudah pernah dibuat, sehingga pindah halaman melainkan hanya satu atau dua

tidak terjadi kesalahan pengetikan dan kemungkinan halaman saja. Berikut adalah rancangan antar muka

lainnya.

untuk aplikasi mobile client untuk user.

Gambar 6 Antar Muka Login Gambar 8 Antar Muka Penerima Pada Gambar 6 terlihat login screen yang

Gambar 8 menunjukkan antar muka di aplikasi sederhana. Dilakukan authentikasi dasar untuk

mobile pengguna dimana pengumuman yang tampil pengguna (announcer) yang dapat memberikan

pada aplikasi pengguna adalah pengumuman yang pengumuman. Otentikasi ini disediakan oleh admin

sudah disortir berdasarkan tanggal pengumuman dari aplikasi dan diatur menggunakan antar muka web.

tersebut dan juga sudah disaring berdasarkan filter yang dipilih oleh penerima. Penerima juga dapat menambahkan dan mengurangi tag yang diikutinya di halaman pengaturan. Pada halaman pengaturan antar muka yang serupa juga dibuat untuk mengurangi kemungkinan kesalahan.

ULTIMA InfoSys, Vol. VIII, No. 1 | Juni 2017 51

Output Hasil

yang diuji

harapan

hasil uji

berada di

an tampil

Form disi

Tag

Tag Valid

Tag dari

Muncul Valid

Mengurang Tag

Tag

Tag Valid

Tag tidak

Tampil

Tampil Valid

kesalahan Tabel 2 Hasil Pengujian Aplikasi Pengirim

kesalahan

Output Hasil Gambar 9 Notifikasi Pada Aplikasi Penerima

yang diuji

harapan

hasil uji

Tag Dengan menggunakan bantuan Firebase Cloud Valid

Menambah

Tag diisi

Tag

bertambah Messaging , aplikasi pengguna juga dapat memberikan

Tag Valid apabila aplikasi pada mobile phone tidak sedang

notifikasi langsung ke pada penerima walaupun

Mengurang Tag terpilih

Muncul diaktifkan. Hal ini dilakukan agar pengumuman yang Valid

Tag tidak

Muncul

pesan penting dan mendesak dapat dipastikan sampai pada

terpilih

pesan

kesalahan penerima yang tepat. Sistem juga dapat memberikan

kesalahan

Pengumum Valid notifikasi

Mengirim

Data terisi

Pengumum

an terkirim pengumuman yang diberikan baru aktif pada masa

yang tertunda. Ini terjadi

apabila

Pengumum dengan

an terkirim

baik

ke server

Data tidak

tertentu. terisi

Tampil

Tampil Valid

Pesan

pesan

kesalahan

Tabel 3 Hasil Pengujian Aplikasi Web Fungsi

Kondisi

Output

Output hasil Hasil

yang diuji

Data terisi

Pengumuman Pengumuman Valid

Pengumuman

dengan baik

terkirim ke

server

Data tidak

Tampil Pesan Tampil pesan Valid

terisi dengan kesalahan

kesalahan

baik

Gambar 10 Antar Muka Web

Menghapus

Pengumuman

Pengumuman Pengumuman Valid

terhapus Gambar 10 menunjukkan antar muka pada web

Tag Valid yang dapat diakses oleh user. Pada antar muka web

Menambahka Tag diisi

Tag

n Tag

dengan benar

Ditambahkan ditambahkan

Tag user dapat melihat pengumuman yang sudah pernah Valid

Mengurangi

Tag terpilih

Tag

dihilangkan dihilangkan dibuatnya, mengubahnya, dan juga dapat mencari

Tag

Muncul pesan Muncul pesan Valid pengumuman lain menggunakan tag.

Tag tidak

ENGUJIAN DAN IV. P E VALUASI Aplikasi ini telah diujicobakan pada 4 kelas Pengujian

perkuliahan dengan rata rata 25 orang mahasiswa di pengujian blackbox testing, ringkasan dari pengujian

aplikasi dilakukan

menggunakan

dalamnya. Pada akhri perkuliahan dilakukan proses yang dilakukan dapat dilihat pada tabel 1 hingga tabel

survei untuk menunjukan tingkat kepuasan dari

3. aplikasi dari sisi pengguna. Beberapa pertanyaan pada survey yang diberikan dapat dilihat pada Tabel 4

Tabel 1 Hasil Pengujian Aplikasi Penerima Tabel 4 Survei Kepuasaan Pengguna

Fungsi Kondisi Output

Output

Hasil

Jawaban Menerima

yang diuji harapan

1 (sangat tidak setuju) Pengumum berada di

Aplikasi Notifikasi

5 (sangat setuju) Aplikasi

tampil

pengumuman membantu

kegiatan perkuliahan

52 ULTIMA InfoSys, Vol. VIII, No. 1 | Juni 2017

ISSN 2085-4579

No Pertanyaan

Jawaban

D AFTAR P USTAKA

2 Apakah push notifikasi

1 (sangat tidak setuju) –

[1] American Society of Indexing, “History of Information

[Online]. Available: informasi ?

membantu penerimaan

5 (sangat setuju)

Retrieval ,”

https://www.asindexing.org/about-indexing/history-of-

3 Apakah push notifikasi

information-retrieval/. [Accessed 16 04 2017]. dapat diterima dengan

1 (sangat tidak setuju) –

5 (sangat setuju)

baik [2] D. Zhou, J. Bian , S. Zheng , H. Zha and C. Lee Giles,

– “Exploring Social Annotations for Information Retrieva,” in Proceedings of the 17th international conference on diberikan aplikasi cukup ?

4 Apakah fitur yang

1 (sangat tidak setuju)

5 (sangat setuju)

World Wide Web, Beijing, 2008.

5 Apakah fitur yang anda Essai usulkan untuk sistem ini

H. Elliyana, “pengembangan aplikasi sistem informasi

6 Apakah fitur yang perlu Essai pengumuman perkuliahan akademik berbasis web dengan sms gateway,” Information Technology and Telematics,

diperbaiki pada sistem

vol. 6, no. 1, 2016.

ini ? [4] S. Bao, X. Wu, B. Fei, G. Xue, Z. Su and Y. Yu,

Hasil rata rata dari survey yang dilakukan dapat “Optimizing Web Search Using Social Annotations,” 2007. diilihat pada Tabel 5 .

[5] S. Nakamura, H. Kawanaka, S. Doi, T. Suzuki, T. Tabel 5 Hasil Survei Kepuasan Takabayashi, K. Yamamoto, H. Takase and S. Tsuruoka, “Document Tagging Method for Low-resolution Medical

D ocuments in Hospital Information System,” in Fifth International Conference on Emerging Trends in

No Pertanyaan

Jawaban

1 Apakah aplikasi 4.5 Engineering and Technolog, Tsu, 2012. pengumuman membantu kegiatan perkuliahan

[6] M. Gerolimos, “Tagging for libraries: a review of the

2 Apakah push notifikasi 4.5 effectiveness of tagging systems for library Catalogues,” Journal of Library Metadata, vol. 13, no. 1, pp. 36-58, membantu

3 Apakah push notifikasi 3.0 [7] “WebServicesConceptualArchitecture,” in Web Services dapat diterima dengan

Conceptual Architecture (WSCA 1.0), IBM, 2001. baik

[8] “guru99.com,” guru99, 2 2 2017. [Online]. Available:

4 Apakah fitur yang 4.25 http://www.guru99.com/web-service-architecture.html. diberikan

aplikasi

[Accessed 22 2 2017].

cukup ? [9] “https://www.w3.org,” w3.org, 11 2 2004. [Online].

5 Apakah fitur yang anda Attachment video, user Available: https://www.w3.org/TR/2004/NOTE-ws-arch- usulkan untuk sistem ini

dapat

memberikan

20040211/#relwwwrest. [Accessed 22 02 2017].

6 [10] Apakah fitur yang perlu Notifikasi tidak Google, “Firebase.google.com,” Google, [Online].

pengumuman, dll

https://firebase.google.com/products/cloud- diperbaiki pada sistem berfungsi pada beberapa

Available:

messaging/. [Accessed 20 4 2017]. ini ?

device tertentu,

Tag

tidak

disimpan pada

untuk loading di awal aplikas.

IMPULAN V. S

Dari hasil pengujian

disimpulkan bahwa

aplikasi

pengumuman

menggunakan tag menunjukkan bahwa desain dan hasil aplikasi tepat digunakan sebagai media komunikasi

memudahkan pengguna

untuk

menerima

pengumuman yang tepat sasaran. Pengembangan ke depan yang dapat dipertimbangkan dari sistem ini adalah dengan menambahkan interaktifitas dalam bentuk user generated content, yaitu dengan memberikan kemampuan pada pengguna untuk juga memberikan pengumuman kepada kelompok orang lainnya, berkenaan dengan penambahan fitur ini tentunya akan membutuhkan banyak fitur tambahan yang relevan.

ULTIMA InfoSys, Vol. VIII, No. 1 | Juni 2017 53

PEDOMAN PENULISAN JURNAL ULTIMATICS, ULTIMA INFOSYS, DAN

Erico Darmawan H 1 , Sulaeman Santoso 2