ANALISIS DAN PERANCANGAN SISTEM INFORMASI IKATAN ALUMNI PROGRAM HABIBIE (IABIE)BERBASIS MULTIMEDIA

(1)

ANALISIS DAN PERANCANGAN SISTEM

INFORMASI IKATAN ALUMNI PROGRAM

HABIBIE (IABIE)BERBASIS MULTIMEDIA

Septiandi

Universitas Bina Nusantara, [email protected]

William

Drievin Haryanto

Dr. Ir. Jarot S. Suroso, M.Eng.

ABSTRACT

Ikatan Alumni Program Habibie (IABIE) is an organization founded on August 2, 2013 that contains those members who had studied abroad from S1 to S3 through scholarship programs such as STAIN, BPPT, IPTN, PAL in the year 1982-1996. They are spread across the United States, Australia, Austria, Netherlands, France, Canada, and Japan. IABIE would like to introduce to the public about these organizations use the Interactive Multimedia website. By using the Website Interkatif Multimedia is expected to provide information and data on IABIE effective, clear and attractive in visual terms. This design uses data obtained from observations and

interviews to the IABIE by using the method used includes interviews and survey methods. The results of the research is to design a website that implements multimedia components on the website so look more attractive and more modern.The conclusions of this study is to create a company profile in the form of web-based multimedia is expected that consumers can more easily get information about IABIE.

Key Words : Company Profile, Web, Multimedia

ABSTRAK

Ikatan Alumni Program Habibie (IABIE) adalah sebuah organisasi yang didirikan pada 2 Agustus 2013 yang anggotanya berisikan, mereka yang pernah belajar diluar negeri dari program S1 hingga S3 melalui program beasiswa seperti STAIN, BPPT, IPTN, PAL pada tahun 1982-1996. Mereka tersebar di Amerika Serikat, Australia, Austria, Belanda, Perancis, Kanada, dan Jepang. IABIE ingin memperkenalkan kepada masyarakat tentang organisasi ini menggunakan Multimedia Interaktif website. Dengan menggunakan Multimedia Interkatif Website diharapakan dapat memberikan informasi dan data mengenai IABIE secara efektif,jelas dan menarik dalam segi visual. Perancangan ini menggunakan

(2)

data-data yang di dapat dari observasi dan wawancara kepada pihak IABIE dengan menggunakan Metode penelitian yang digunakan meliputi metode wawancara dan survei. Hasil penilitian adalah website dengan desain yang menerapkan komponen yang ada pada multimedia sehingga tampilan website lebih menarik dan lebih modern.

Simpulan dari penelitian ini adalah dengan membuat company profile dalam bentuk web yang berbasis multimedia diharapakan konsumen dapat lebih mudah mendapatkan informasi tentang IABIE.

Kata Kunci : Company Profile, Web, Multimedia

PENDAHULUAN

Sehubung dengan pesatnya kemajuan di bidang teknologi informasi dalam era globalisasi ini memberikan pengaruh yang sangat besar terhadap berbagai aspek kehidupan manusia. Salah satu yang mendukung kemajuan teknologi informasi pada saat ini yaitu peningkatan kualitas pelayanan informasi dalam menyajikan informasi dan komunikasi secara luas. Banyak investasi waktu dan ruang dalam pengembangan website sebagai salah satu penyajian informasi yang paling berkembang. Oleh karena itu, tidak dipungkiri jika penggunaan website untuk menyajikan informasi sering digunakan.

Multimedia merupakan gabungan dari teks, suara, gambar, video, dan animasi. Multimedia banyak diterapkan pada berbagai bidang, misalnya bidang pendidikan ataupun pada bidang bisnis. Pada bidang pendidikan, multimedia banyak digunakan sebagai media belajar mengajar dengan tujuan untuk mempermudah penyampaian informasi dengan tampilan yang lebih menarik. Sedangkan pada bidang bisnis, multimedia digunakan sebagai media untuk memberikan informasi tentang perusahaan (profil perusahaan), menyampaikan produk – produk yang ditawarkan perusahaan, bahkan sebagai kios informasi.

Penggunaan website sebagai kios informasi dianggap memberi pengaruh besar dalam pengembangan sebuah perusahaan atau organisasi yang biasa lebih dikenal dengan company profile. Dengan adanya company profile ini, maka pelanggan, investor, bahkan konsumen (visitor) dapat mengetahui sebuah perusahaan atau organisasi dengan lebih efektif dan efisien.

(3)

Sebagai sebuah organisasi swasta yang diharapkan mampu meningkatkan pengelolaan pembangunan makin produktif, makin unggul dan makin berdaya saing khusunya dalam bidang pengetahuan dan teknologi, Ikatan Alumni Program Habibie (IABIE) membutuhkan sebuah wadah untuk memberikan informasi kepada khalayak ramai. Oleh karena itu, company profile ini dianggap sebagai media demi terealisasikannya tujuan tersebut. Website yang sekarang digunakan dianggap kurang menarik dan tidak dapat berguna seperti yang diharapkan.

Website merupakan salah satu media informasi yang sering digunakan, salah satunya untuk menyampaikan informasi tentang suatu perusahaan / organisasi yang biasanya dalam bentuk company profile. Namun banyak kalangan yang belum memanfaatkan komponen – komponen yang terdapat pada website dengan maksimal sehingga cenderung tampilan website dianggap terlalu sederhana sehingga kurang menarik visitor. Salah satu penyebab tampilan website kurang menarik yaitu kurangnya penerapan komponen multimedia seperti teks, suara, video, gambar, dan animasi. Penggunaan komponen multimedia merupakan solusi yang ditawarkan agar tampilan website dapat terlihat lebih menarik dan dapat menarik minat visitor.

Berdasarkan penjelasan diatas, masalah dapat disimpulkan sebagai berikut :

1. Penggunaan website sebagai media infomasi dianggap penting oleh perusahaan

atau organisasi demi kelancaran bisnis.

2. Banyak website dianggap kurang menarik perhatian visitor atau konsumen

sehingga website tidak dapat berguna seperti yang diharapkan.

3. Kurangnya implementasi multimedia pada suatu website.

Tujuan dari pembuatan web company profile ini adalah :

1. Memberikan informasi tentang organisasi Ikatan Alumni Program Habibie

(IABIE) kepada masyarakat.

2. Memberikan kontribusi terhadap kemajuan pendidikan di bangsa Indonesia.

Manfaat dari pembuatan web company profile ini adalah :

1. Ekonomis, dengan adanya web company profile ini diharapkan akan mengurangi

(4)

2. Efektif, dengan adanya web company profile ini diharapkan dapat

mengefektifkan waktu dan tepat karena masyarakat/ visitor dapat

menggunakannya dimana saja dan kapan saja untuk mendapatkan informasi tentang IABIE.

3. Interaktif, web company profile ini dibuat dengan mempertimbangkan user dan

computer yang ditambahkan dengan komponen multimedia seperti text, suara, video, animasi, dan gambar sehingga tampilan lebih menarik.

METODE PENELITIAN

Metode penelitian menggunakan metode Waterfall yang terdiri dari tahapan sebagai berikut :

1. Communication

Tahap pertama yang dilakukan adalah melakukan komunikasi dengan pengurus Ikatan Alumni Program Habibie (IABIE), Arif Budhi Suyanto sebagai pihak yang memerlukan perancangan web.

Komunikasi dengan pengurus IABIE memberikan gambaran umum tentang kebutuhan yang diinginkan oleh IABIE. Pengurus memberikan gambaran tentang sistem yang direncanakan dan fitur apa saja yang diharapkan dapat diakomodasi oleh system. Setelah melakukan komunikasi dengan pengurus IABIE, analisis sistem yang sedang berjalan dilakukan.IABIE memerlukan media sosial untuk memperkenalkan organisasinya, memberikan seminar untuk kaum muda, serta membantu untuk ikut berpartisipasi dalam menyalurkan pelajar – pelajar agar dapat melanjutkan jenjang kuliah di luar negeri.

(5)

Gambar 1 Gant Chart Perancangan Sistem yang Direncanakan

3. Modeling

Berdasarkan kebutuhan, pemodelan web company profile dibuat dengan memadukan web server dan database server.Perancangan web ini dimulai dengan merancang database dengan menggunakan MySQL. MySQL dipilih karena sangat mudah diakses, dapat diperoleh gratis (open source), menggunakan query yang umum digunakan dan dinilai cocok untuk dijadikan database pada organisasi IABIE. MySQL akan menampung data – data yang diinput pengguna dan ditampilkan di halaman web.Agar web yang dirancang dapat terhubung dengan database dan bersifat dinamis, maka digunakan PHP sebagai server-side scripting. PHP dipilih karena memiliki kelebihan sebagai berikut :

a. PHP biasa digunakan untuk web yang bersifat dinamis

b. PHP dapat berintegrasi dengan database MySQL dengan baik.

c. Terdapat banyak web server yang mendukung PHP

d. PHP merupakan open source yang dapat digunakan di berbagai platform

Selain mengunakan PHP sebagai server-sidescripting, HTML, JavaScript, dan CSS juga ikut mengambil andil untuk membuat web pages dapat memenuhi kebutuhan fungsional.Bahasa HTML digunakan untuk menampilkan web pages dan mengatur navigasi pada web.JavaScript digunakan sebagai client-side scripting untuk merancang web pages yang dapat menjalankan fungsi tertentu

(6)

yang tidak dapat dijalankan oleh HTML.CSS (Cascading Style Sheet) digunakan untuk membuat tampilan web terlihat lebih menarik. CSS adalah salah satu bahasa pemrograman web yang digunakan untuk mengendalikan beberapa komponen sehingga tampilan akan lebih terstruktur dan seragam.

4. Construction

Pada tahap ini dilakukan konstruksi kode untuk menerjemahkan model data ke dalam bahasa mesin. Berikut ini adalah tabel bahasa pemograman yang akan dipakai beserta fungsinya.

Tabel 1 Bahasa Pemograman yang dipakai

Bahasa Pemograman

Fungsi

PHP 1. Menghubungkan web pages dengan MySQL

2. Menyimpan, menghapus, dan mengubah data

pada database

3. Membuat web yang dinamis

HTML 1. Menampilkan konten

2. Mengatur tata letak web

JavaScript 1. Membuat web mampu menjalankan fungsi

tertentu yang tidak bisa dijalankan

menggunakan HTML

2. Mengubah tampilan dan membuat animasi

CSS 1. Mengatur struktur dan format tampilan

2. Membuat web terlihat lebih rapid an menarik

5. Deployment

Setelah tahap construction dilakukan maka tahap terakhir adalah timbal balik dari pengguna. Dari tahap ini akan diketahui kekurangan dari web yang dibuat baik dari segi keefektifannya ataupun dari segi keefisiensinya. Dengan timbal balik ini maka dapat membantu mencari perbaikan kesalahan yang terdapat dalam web pages yang telah dirancang.

(7)

Metode pengumpulan data dan pengujian hasil dilakukan dengan :

1. Kuisioner

Teknik pengumpulan data dengan memberikan pertanyaan untuk mendapatkan umpan balik.

2. Studi Pustaka

Pencarian teori – teori yang berkaitan dengan perancangan dan pembangunan aplikasi

3. Analisis Website sejenis

Melakukan perbandingan, baik dalam tampilan dan isi yang diharapkan dapat memperluas dan mengembangkan pengetahuan yang ada.

4. Analisis eight Golden Rules

Melakukan analisis terhadap website yang telah dibuat dengan

mempertimbangkan hal – hal sebagai berikut :

• Konsistensi

• Memenuhi kebutuhan Universal

• Mendapatkan umpan balik yang baik

• Mendapatkan kotak dialog saat selesai melakukan suatu kegiatan

• Pemecahan masalah

• Memberikan navigasi kembali yang mudah

• Mendukung kendali internal

• Mengurangi beban daya ingat

5. Analisis elemen – elemen multimedia

Melakukan analisis terhadap website yang telah dibuat dengan

mempertimbangkan elemen – elemen multimedia. Terdiri dari :

• Teks

• Gambar

• Suara

• Animasi

• Video

(8)

Melakukan analisis terhadap website yang telah dibuat dengan mempertimbangkan lima faktor manusia terukur. Yang terdiri dari :

• Waktu belajar

• Kecepatan kerja

• Tingkat kesalahan

• Mengurangi beban daya ingat

• Kepuasan subjektif

HASIL DAN PEMBAHASAN

Berikut ini merupakan hasil dari analisis pengguna yang didapatkan setelah menyebarkan kuisioner terhadap responden setelah menggunakan website yang telah dibuat. Hasil dari kuisioner tersebut adalah :

Pertanyaan 1

1. Apakah kesan pertama anda tentang tampilan website ini?

Gambar 2 Pie Chart Jawaban Pertanyaan Nomor 1

Pertanyaan 2

(9)

Gambar 4.52 Pie Chart Jawaban Pertanyaan Nomor 2

Pertanyaan 3

3. Menurut anda bagian mana dari website ini yang perlu dikembangkan?

Pertanyaan 4

4. Menurut anda apakah kelebihan dari website ini?

Pertanyaan 5

(10)

Pertanyaan 6

6. Apakah penempatan komponen multimedia pada website ini sudah tepat?

Pertanyaan 7

7. Komponen multimedia apa yang anda sukai pada halaman website ini?

(11)

Pertanyaan 8

8. Menurut anda apakah penempatan informasi pada website ini pas?

Pertanyaan 9

9. Apakah menurut anda informasi yang disediakan telah lengkap?

Pertanyaan 10

10. Apakah informasi yang diberikan dapat memberikan gambaran tentang organisasi IABIE?

(12)

Pertanyaan 11

11. Menurut anda bagian mana yang perlu ditambahkan pada website ini?

Gambar 4.61_{Pie Chart Jawaban Pertanyaan Nomor 11}

Pertanyaan 12

12. Menurut anda apakah kualitas tentang informasi yang diberikan sudah baik?

Pertanyaan 13

(13)

Pertanyaan 14

14. Apakah fitur Live Chat pada website ini membantu mendapatkan informasi?

Pertanyaan 15

15. Menurut anda apakah pembuatan website ini berguna?

(14)

Pertanyaan 16

16. Setelah melihat website ini apakah anda tertarik untuk menjadi member pada organisasi IABIE?

KESIMPULAN DAN SARAN

Berdasarkan penjelasan yang dijelaskan sebelumnya dari hasil evaluasi sistem yang telah dilakukan, maka dapat disimpulkan :

1. Penerapan multimedia pada sebuah website dapat membuat sebuah tampilan

website terlihat lebih menarik dan dinamis sehingga lebih diminati pengguna.

2. Pembuatan website ini berguna untuk menyampaikan informasi kepada khayalak

ramai.

3. Website ini telah memenuhi 8 aturan emas (eight golden rules). 4. Website ini telah mengandung semua komponen multimedia. 5. Website ini telah memenuhi syarat dari 5 faktor manusia terukur.

6. Dari hasil evaluasi sejenis maka diketahui bahwa website ini memiliki kelebihan

pada fitur, tampilan serta terdapatnya animasi. 7. Website ini mudah untuk dioperasikan. 8. User mudah mengoperasikan website ini.

9. Informasi yang disediakan pada website ini telah lengkap serta berkualitas baik.

10. Website ini mempermudah user untuk mengetahui informasi serta organisasi IABIE.

11. Setelah menggunakan website ini user cukup tertarik untuk menjadi member IABIE.

(15)

Saran yang diberikan untuk mengembangkan rancangan yang dihasilkan, yaitu :

1. Berbagai perbaikan pada tampilan layar dapat dilakukan selanjutnya untuk

memudahkan pengguna menggunakan website yang telah dirancang.

2. Memberikan fitur – fitur yang dapat menghubungkan website dengan website

lainnya yang memiliki latar belakang organisasi yang sama.

3. Menambahkan back sound yang cocok dengan organisasi.

4. Menambahkan beberapa fitur tambahan pada halaman news.

5. Menambahkan informasi tentang alumni IABIE seperti perusahaan tempat

alumni bekerja agar informasi tentang alumni lebih lengkap.

6. Memberikan akses kepada admin untuk dapat mengedit member.

7. Memberikan member akses untuk mengedit profile.

REFERENSI

Whitten, Jeffrey L., Lonnie D. Bentley. (2007) . System Analysis and Design Methods. New York : McGraw-Hill Companies,Inc.

Kadir, Abdul. (2004). Dasar Pemograman Web Dinamis dengan JSP (Java Server Pages). Yogyakarta : Andi.

Vaughan, Tay. (2011). Multimedia : Making It Work Eight Edition. United States : McGraw-Hill Companies,Inc.

Angel, Edward, Dave Shreiner (2012). Interactive Computer Graphic – A Top-Down Approach With Shader-Based OpenGL 6th edition. Boston : Pearson Education,Inc. Connolly, Thomas, Carolyn Begg (2005). DATABASE SYSTEMS – A Practical Approach to Design, Implementation, and Management. London : Person Education,Inc.

Shneiderman, Ben, Plaisant Catherine (2005). Designing the User Interface – Stateies for Effective Human – Computer Interaction, International Edition, Forth Edition, Pearson Addison Wesley

O’Brien J. A. and G.M. Marakas. (2010). Introduction to Information System(15th

(16)

RIWAYAT PENULIS

Drievin Haryanto lahir di Pangkalpinang pada 5 Desember 1993. Penulis menamatkan pendidikan S1 di Universitas Bina Nusantara dalam bidang Teknik Informatika pada tahun 2015

William lahir di Pangkalpinang pada 27 Juli 1993. Penulis menamatkan pendidikan S1 di Universitas Bina Nusantara dalam bidang Teknik Informatika pada tahun 2015

Septiandi lahir di Perlang pada 14 September 1992. Penulis menamatkan pendidikan S1 di Universitas Bina Nusantara dalam bidang Teknik Informatika pada tahun 2015