BAB 3 ANALISIS DAN PERANCANGAN Latar Belakang Perusahaan Sejarah Perusahaan

BAB 3

ANALIS IS DAN PERANCANGAN

3.1.

Latar Belakang Perusahaan 3.1.1. Sejarah Perusahaan PT. KAI Commuter Jabodetabek adalah salah satu anak perusahaan dari PT. Kereta Api (Persero) yang dibentuk sesuai dengan Inpres No. 5 tahun 2008 dan Surat M enneg BUM N No. S-653/M BU/2008 tanggal 12 Agustus 2008. Pembentukan PT. KAI Commuter Jabodetabek berawal dari keinginan para stakeholder untuk lebih fokus dalam memberikan pelayanan yang berkualitas dan menjadi bagian dari solusi permasalahan transportasi perkotaan yang semakin kompleks. PT. KAI Commuter Jabodetabek ini akhirnya resmi menjadi anak perusahaan PT. Kereta Api (Persero) sejak tanggal 15 September 2008. Kehadiran PT. KAI Commuter Jabodetabek dalam industri jasa angkutan KA Commuter dimulai dengan pembentukan Divisi Angkutan Perkotaan Jabodetabek oleh induknya PT. Kereta Api (Persero), yang memisahkan dirinya dari PT. Kereta Api (Persero) Daop 1 Jakarta. Setelah pemisahan ini, pelayanan KRL di wilayah Jabodetabek berada di bawah PT. Kereta Api (Persero) Divisi Angkutan Perkotaan Jabodetabek dan pelayanan KA jarak jauh yang beroperasi di wilayah Jabodetabek berada di bawah PT. Kereta Api (Persero) Daop 1 Jakarta. 36

 

37  

Pada akhirnya PT. Kereta Api (Persero) Divisi Angkutan Perkotaan Jabotabek telah berubah menjadi sebuah perseroan terbatas, yaitu PT. KAI Commuter Jabodetabek.

Setelah menjadi perseroan terbatas,

perusahaan ini mendapatkan izin usaha No. KP 51 Tahun 2009 dan izin operasi penyelenggara sarana perkeretaapian No. KP 53 Tahun 2009 yang semuanya dikeluarkan oleh M enteri Perhubungan Republik Indonesia. Tugas

pokok

PT.

KAI

Commuter

Jabodetabek

adalah

menyelenggarakan pengusahaan pelayanan jasa angkutan kereta api komuter dengan menggunakan sarana Kereta Rel Listrik di wilayah Jakarta, Bogor,

Depok, Tangerang (Serpong) dan Bekasi serta

pengusahaan di bidang usaha non angkutan penumpang.

3.1.2. Visi dan Misi Perusahaan •

Visi M enjadi penyedia jasa perkeretaapian terbaik yang memenuhi harapan stakeholders.

•

M isi M enyelenggarakan prasarana dan sarana perkeretaapian berikut bisnis penunjangnya, melalui praktek bisnis terbaik untuk memberikan nilai tambah yang tinggi bagi stakeholders dan kelestarian lingkungan.

38  

3.1.3. S truktur Organisasi

Gambar 3.1 S truktur Organisasi PT. KAI Commuter Jabodetabek

3.1.4. Pembagian Tugas dan Wewenang a. Presiden Direktur M emimpin Direktorat Operation, Human Resource and General Affair, Direktorat Keuangan, dan Direktorat Teknik. b. Direktur Operation dan Human Resource and General Affair M erumuskan, mengkoordinasikan, mengendalikan dan mengevaluasi: 1. Pelaksanaan tugas operasional bidang produksi, pemasaran, keselamatan kerja, lingkungan, dan pemeliharaan 2. Operasi lalu lintas perjalanan KRL Commuter Line, sarana operasi komuter

39  

3. Pengembangan

SDM ,

IT,

kebijakan

kerumahtanggaan,

inventaris perusahaan, kantor, kondektur, administrasi, sarana, dan kendaraan dinas. Direktorat Operation, Human Resource and General Affair terbagi menjadi 4 divisi, yaitu: •

Divisi Operation Planning and Evaluation Bertugas merumuskan dan menyusun ketetapan kebijakan tentang perancangan dan evaluasi operasi lalu lintas perjalanan KRL Commuter Line. M elakukan pengawasan pelayanan dan ketertiban operasi, dan menyusun kebijakan program penjualan tiket, pelayanan dan hubungan pelanggan.

•

Divisi Operation Bertugas

memberikan

pelayanan

terhadap

pelanggan,

mengevaluasi kebutuhan penumpang, mengelola KRL Care Center, mengelola program IT, pembinaan awak kereta, pengamanan dan ketertiban operasi dan penumpang, serta melakukan pendistribusian tiket. • Divisi Human Resource Bertugas merumuskan dan mengelola strategi dan sistem kebijakan SDM yang mendukung tercapainya visi misi PT. KAI Commuter Jabodetabek, kebijakan perekrutan, seleksi dan penempatan pegawai. M erumuskan dan mengelola kebijakan

40  

perencanaan SDM , serta pengembangan dan pembinaan karir pegawai. • Divisi General Affair Bertugas merumuskan dan mengelola urusan kerumahtanggaan serta sistem protokoler, ketatausahaan kantor, stasiun, dan awak KRL Commuter Line. M elakukan pemeliharaan kantor, stasiun, serta mengelola sistem administrasi dan dokumen perusahaan.

c. Direktur Keuangan M enganalsis, merumuskan, mengkoordinasikan dan mengevaluasi: 1. Penyusunan Rencana Jangka Panjang Perusahaan

(RJPP),

Rencana Kerja dan Anggaran Perusahaan (RKAP), 2. Pengembangan bisnis perusahaan, 3. Laporan Keuangan, Pajak, dan M anajemen, 4. Pengelolaan barang-barang inventaris, pengelolaan kekayaan perusahaan, serta pengendalian anggaran dan biaya. Direktorat Keuangan terbagi menjadi 4 divisi, yaitu: • Divisi Treasury and Financing Bertugas melakukan perencanaan kebutuhan dana , pencarian dana dan pencairannya, melakukan pengendalian anggaran perusahaan, penatausahaan perbendaharaan dan pengelolaan kas perusahaan, melakukan pengendalian dan pendistribusian dana,

41  

pendayagunaan kas perusahaan, serta pengupayaan sumbersumber pendanaan perusahaan. • Divisi Accounting and Budgeting Bertugas menyusun Laporan Keuangan, meliputi Laporan laba rugi dan neraca serta arus kas perusahaan, melakukan analisis laporan

keuangan,

merencanakan,

melaksanakan

mengevaluasi

dan

akuntansi

biaya,

melaporkan

serta

pelaksanaan

anggaran. • Divisi Finance Planning and Business Development Bertugas melakukan pelaksanaan perhitungan rencana biaya operasi PT. KAI Commuter Jabodetabek, Penyusunan Rencana Jangka Panjang Perusahaan (RJPP), dan Penyusunan Rencana Kerja dan Anggaran Perusahaan (RKAP); melakukan analisis untuk mendukung penyusunan strategi perusahaan, melakukan perencanaan investasi, serta melaksanakan perumusan dan penyusunan

program

kebijakan

investasi

yang

bersifat

pengembangan usaha. • Divisi Inventory Bertugas merumuskan, membuat dan mengevaluasi kebijakan pengelolaan pergudangan, melakukan distribusi barang persediaan, penyimpanan, pengalihan dan penghapusan barang persediaan, pengelolaan sistem informasi persediaan, penyusunan spesifikasi

42  

teknis

barang persediaan

dan

regulasi

persediaan,

serta

pelaksanaan stock opname.

d. Direktur Teknik M erumuskan, mengkoordinasikan, mengendalikan dan mengevaluasi: 1. Kinerja penyediaan, pemeliharaan, perbaikan dan pendayagunaan sarana dan prasarana angkutan KRL Commuter Line dengan dasar evaluasi bersama adalah Cek Sheet Existing dan Public Service Obligation (PSO) dengan output Key Performance Indicator (KPI) dan output standarisasi kelayakan sarana dan pengendalian biaya 2. Program pemeliharaan periodik bersama-sama dengan PT KA (Depo dan Balai Yasa M anggarai) 3. Penyusunan

program

dan

evaluasi

kinerja

pemeliharaan,

perbaikan dan pendayagunaan KRL Commuter Line dan fasilitas kerja 4. Perkembangan teknologi sarana dan prasarana, metode pelatihan dan prosedur pemeliharaan yang diperlukan Direktorat Teknik terbagi menjadi dua divisi, yaitu: • Divisi Engineering Bertugas melakukan pengembangan dan pengkajian desain, spesifikasi, standarisasi dan koordinasi dengan PT. KA dalam melakukan pengujian dan sertifikasi suku cadang dan komponen

43  

sarana dan prasarana milik PT. KAI Commuter Jabodetabek, mengkaji perkembangan teknologi sarana, metoda pelatihan dan prosedur pemeliharaan bersama-sama dengan Depo & Balai Yasa, mengkaji teknologi KRL Commuter Line yang dibutuhkan di masa mendatang, merencanakan desain, spesifikasi, sertifikasi dan standarisasi pengembangan prasarana, serta mengevaluasi dan meningkatkan infrastruktur dari stasiun sesuai dengan Bussines Plan PT. KAI Commuter Jabodetabek. • Divisi M aintenance Bertugas membuat program pemeliharaan periodik prasarana (sintelis, jalan jembatan) bersama-sama dengan sintelis PT. KA, mengevaluasi bersama

pemeliharaan prasarana (sintelis, jalan

jembatan) yang dilakukan oleh sintelis PT. KA, menganalisa kebutuhan penambahan daya listrik dan substation yang sesuai dengan penambahan KRL Commuter Line, membuat program ketersediaan KRL Commuter Line sesuai dengan rencana operasional bersama-sama dengan PT. KA, serta melakukan evaluasi bersama

jalannya operasional perjalanan

Commuter Line bersama-sama dengan PT. KA.

KRL

44  

3.1.5. KRL Commuter Line a. Definisi KRL Commuter Line KRL Commuter Line adalah Kereta Rel Listrik dalam kota yang melayani rute di wilayah Jakarta, Bogor, Depok, Tangerang, Bekasi,

dan

Serpong.

Keunggulan

KRL

Commuter

Line

dibandingkan dengan KRL Ekonomi adalah fasilitasnya yaitu pendingin ruangan, gerbong khusus wanita, dan interior gerbong yang baik. Selain itu KRL Commuter Line menjangkau lebih banyak stasiun dan memiliki jam keberangkatan yang lebih banyak. Saat ini KRL Commuter Line memiliki 176 armada kereta dan 73 stasiun yang aktif beroperasi. KRL Commuter Line beroperasi dalam 6 jalur. b. Data-data - Potensi Sumber Daya KRL Commuter Line 1. Hibah seri 6000

: 72 Unit

2. KRL Tokyu

: 80 Unit

3. KRL Japan Railway (JR) 103 : 16 Unit 4. KRLI INKA

: 8 Unit

- Jaringan Operasi Wilayah usaha yang menjadi jaringan operasi KRL Commuter

Line

menghubungkan

terbentang wilayah

sepanjang

ibukota

jalur

dengan

rel

yang

kota-kota

di

sekelilingnya mulai dari Jakarta-Bogor, Jakarta-Bekasi, Jakarta-

45  

Tangerang dan Jakarta-Serpong serta jalur perjalanan yang melingkari kota Jakarta. Jalur-jalur yang aktif adalah: 1. Jalur Bogor/Depok - M anggarai - Jakarta Kota (PP) 2. Jalur Bogor/Depok - Tanah Abang - Pasar Senen Jatinegara (PP) 3. Jalur Bekasi - Jatinegara - M anggarai - Jakarta Kota (PP) 4. Jalur Parung Panjang/Serpong - Tanah Abang (PP) 5. Jalur Tangerang - Duri (PP) 6. Jalur Tanjung Priok - Jakarta Kota (PP) c. Informasi Tiket Commuter 1. Tiket Karcis Karcis yang berbahan dasar kertas khusus, yang dikeluarkan oleh PT KAI Commuter Jabodetabek sebagai tanda atau bukti yang sah yang berlaku untuk naik KRL Commuter.

Gambar 3.2 Karcis Commuter Line

46  

2. Tiket KTB Kartu Trayek Bulanan adalah tiket yang berlaku selama satu bulan yang dikhususkan untuk penumpang yang secara rutin berpergian menggunakan KRL Commuter Line sesuai dengan kelas KRL yang dibeli dan trayeknya.

Gambar 3.3 Kartu Trayek Bulanan 3. Tiket KLS Kartu Langganan Sekolah adalah tiket yang berlaku selama satu bulan yang dikhususkan untuk muridmurid sekolah dasar dan sekolah lanjutan.

Gambar 3.4 Kartu Langganan S ekolah

47  

3.2

Analisis Kebutuhan 3.2.1. Analisis Kuesioner Kuesioner sebagai salah satu metode yang digunakan dalam melakukan pengumpulan data untuk dianalisis ini disebarkan kepada penumpang KRL Commuter Line. Tujuan penyebaran kuesioner ini adalah mencari dan mendata kebutuhan informasi yang dibutuhkan penumpang KRL Commuter Line. Penyebaran kuesioner ini dilakukan di beberapa stasiun di Jakarta dan juga secara online kepada para pengguna KRL Commuter Line. Penyebaran kuesioner tertulis dilakukan pada tanggal 10, 11, dan 15 November 2011 di lima stasiun yang tersebar di Jakarta, sedangkan penyebaran kuesioner secara online dilakukan pada tanggal 26 Oktober 2011 sampai tanggal 18 November 2011. Responden kuesioner ini merupakan pengguna KRL Commuter Line sejumlah 159 orang dengan pembagian 126 responden dari stasiun dan 33 responden hasil kuesioner online. Hasil dari pengumpulan data ini akan dianalisis sehingga dapat ditemukan perancangan kios informasi yang tepat dibutuhkan oleh penumpang KRL Commuter Line. Adapun pertanyaan-pertanyaan yang diajukan dalam kuesioner dan data hasil kuesioner yang diperoleh adalah sebagai berikut:

48  

Tabel 3.1 Tabel Pertanyaan dan Tujuan Pertanyaan Pada Kuesioner No

Pertanyaan

Tujuan Pertanyaan

1.

Bagaimana tingkat kemampuan Untuk mengetahui tingkat Anda dalam mengoperasikan kemampuan calon user kios informasi komputer? dalam mengoperasikan komputer.

2.

Berapa lama waktu yang Anda Untuk mengetahui durasi keberadaan habiskan dalam sehari pada satu calon user kios informasi di dalam stasiun? stasiun

3.

Pernahkah Anda memanfaatkan Untuk mengetahui apakah calon user media informasi yang tersedia di kios informasi pernah menggunakan stasiun? media informasi yang sudah ada

4.

Kalau ya, informasi apa yang Untuk mengetahui informasi apa yang paling sering Anda cari? paling dibutuhkan oleh calon user kios informasi

5.

Kalau tidak, apa alasan Anda?

6.

Apakah Anda mengetahui tentang Untuk mengetahui pengetahuan calon kios informasi? user tentang kios informasi

7.

Apakah Anda pernah Untuk mengetahui apakah calon user menggunakan kios informasi? sudah memiliki pengalaman dalam menggunakan kios informasi

8.

Informasi apa yang sulit anda Untuk mengetahui informasi apa yang dapatkan pada media informasi belum cukup diterima atau sulit KRL Commuter Line? didapat oleh calon user kios informasi

9.

Informasi apa yang Anda Untuk mengetahui kebutuhan calon harapkan ada pada kios informasi? user kios informasi akan informasi yang akan diberikan

10.

Aspek apa yang diutamakan pada Untuk mengetahui aspek apa yang kios informasi? paling dibutuhkan calon user di dalam sebuah kios informasi

Untuk mengetahui apa alasan media informasi yang sudah ada tidak digunakan

49  

1. Bagaimana tingkat kemampuan Anda dalam mengoperasikan komputer? Tabel 3.2 Tabel Perbandingan Jumlah Responden Yang Bisa Mengoperasikan Komputer Pilihan Jawaban

Jumlah Responden

Persentase

Tidak bisa

4

2,52%

Kurang bisa

14

8,81%

Bisa

141

88,68%

TOTAL

159

100%

Dari

tabel

diatas

terlihat

bahwa

mayoritas

responden

bisa

mengoperasikan komputer, hal ini menunjukkan bahwa mayoritas pengguna KRL Commuter Line memahami konsep dasar penggunaan komputer. M aka, kios informasi yang akan ditempatkan di stasiun akan dirancang dengan interface dan fungsionalitas yang menyerupai interface dan fungsionalitas komponen komputer yang pada umumnya dikuasai oleh para responden.

2. Berapa lama waktu yang Anda habiskan dalam sehari pada 1 stasiun? Tabel 3.3 Tabel Perbandingan Jumlah Responden Yang Menghabiskan Sejumlah Waktu pada 1 S tasiun Pilihan Jawaban

Jumlah Responden

Persentase

Kurang dari 15 menit

30

18,87%

15 sampai 30 menit

103

64,78% 

Lebih dari 30 menit

25

16,35%

TOTAL

159

100%

50  

Tabel diatas menunjukkan bahwa sebagian besar responden berada di stasiun selama 15 sampai 30 menit. Dapat disimpulkan bahwa perancangan kios informasi harus praktis dan tidak memerlukan waktu yang lama dalam pencarian informasi. Tingkat kedalaman struktur menu tidak boleh terlalu dalam dan user dimudahkan untuk berpindah dari satu bagian menu ke bagian lainnya.

3. Pernahkah Anda memanfaatkan media informasi yang tersedia di stasiun? Tabel 3.4 Tabel Perbandingan Jumlah Responden Yang Pernah Memanfaatkan Media Informasi di S tasiun Pilihan Jawaban

Jumlah Responden

Persentase

Ya

120

75,47 %

Tidak

39

24,53%

TOTAL

159

100%

Tabel diatas menunjukkan bahwa sebagian besar responden pernah melakukan pencarian informasi melalui media informasi yang tersedia di stasiun. Dapat disimpulkan bahwa pengadaan kios informasi di stasiun memiliki potensi yang besar untuk dipergunakan dan dapat memperkaya sumber informasi yang telah tersedia di stasiun.

51  

4. Kalau ya, informasi apa yang paling sering Anda cari? Tabel 3.5 Tabel Perbandingan Jumlah Responden Dalam Informasi Yang Paling Sering Dicari Pilihan Jawaban

Jumlah Responden

Persentase

Trayek

15

12,50%

Jadwal

84

70,00%

Info Stasiun

1

0,83%

Harga Tiket

5

4,17%

Info Kereta

14

11,67%

Lain-lain

1

0,83%

TOTAL

120

100%

Dari tabel diatas dapat disimpulkan bahwa informasi yang palin g sering dicari pengguna KRL Commuter Line adalah jadwal kereta. Hal ini menunjukkan bahwa dalam perancangan kios informasi ini, penyediaan informasi seputar jadwal harus diproritaskan.

52  

5. Kalau tidak, apa alasan Anda? Tabel 3.6 Tabel Perbandingan Jumlah Responden Terhadap Alasan Tidak Menggunakan Media Informasi Pilihan Jawaban

Jumlah Responden

Persentase

Sudah tahu

12

30,77%

Petugas tidak ramah

4

10,26%

Papan pengumuman 10 tidak jelas

25,64%

Cari sendiri

12

30,77%

Lain-lain

1

2,56%

TOTAL

39

100%

Data pada tabel diatas menunjukkan bahwa mayoritas pengguna yang tidak memanfaatkan media informasi disebabkan karena sudah tahu, papan pengumuman tidak jelas dan dapat mencari sendiri. Pengguna KRL Commuter Line yang terbiasa mencari informasi sendiri dapat mengakses informasi secara mandiri menggunakan kios informasi. Pengguna KRL Commuter Line yang sudah tahu menunjukkan bahwa informasi yang diberikan di dalam kios informasi harus dibuat lengkap, menyeluruh dan memberikan pengetahuan lebih luas seputar KRL Commuter Line. Kios informasi dibuat sejelas mungkin agar informasi dapat tersampaikan dengan baik.

53  

6. Apakah Anda mengetahui tentang kios informasi? Tabel 3.7 Tabel Perbandingan Jumlah Responden Yang Mengetahui Tentang Kios Informasi Pilihan Jawaban

Jumlah Responden

Persentase

Ya

77

48,43%

Tidak

82

51,57%

TOTAL

159

100%

Persentase jumlah responden yang tahu dan tidak tahu seputar kios informasi tidak memiliki perbedaan yang signifikan. Hal ini menyebabkan kios informasi dirancang dalam bentuk yang mudah dimengerti dan user friendly agar efektif untuk diperkenalkan sebagai media informasi yang baru.

7. Apakah Anda pernah menggunakan kios informasi? Tabel 3.8 Tabel Perbandingan Jumlah Responden Yang Pernah Menggunakan Kios Informasi Pilihan Jawaban

Jumlah Responden

Persentase

Ya

48

30,19%

Tidak

111

60,81%

TOTAL

159

100%

54  

Berdasarkan hasil tabel di atas, mayoritas responden belum pernah menggunakan kios informasi. Dapat disimpulkan bahwa perancangan kios informasi harus dibuat simpel, mudah dipahami dan mudah diakses agar banyak masyarakat pengguna KRL Commuter Line dapat menggunakannya.

8. Informasi apa yang sulit Anda dapatkan pada media informasi KRL? Tabel 3.9 Tabel Perbandingan Jumlah Responden Terhadap Informasi Yang Paling Sulit Didapatkan Pilihan Jawaban

Jumlah Responden

Persentase

Trayek

46

17,36%

Jadwal

92

34,72%

Info Stasiun

26

9,81%

Harga Tiket

26

9,81%

Info Kereta

62

23,40%

Lainnya

13

4,91%

TOTAL

265

100%

M elihat hasil diatas, mayoritas responden sulit mendapatkan informasi seputar jadwal, info kereta dan trayek. M aka jadwal, info kereta dan trayek menjadi prioritas utama dalam perancangan karena ketiga hal tersebut adalah hal yang sulit untuk didapatkan oleh para pengguna kereta. Perancangan dibuat detil dan jelas agar dapat dimanfaatkan dengan baik dan menjawab kebutuhan informasi para pengguna kereta.

55  

9. Informasi apa yang Anda harapkan ada pada kios informasi? Tabel 3.10 Tabel Perbandingan Jumlah Responden Terhadap Harapan Informasi Yang Ada di Kios Informasi Pilihan Jawaban

Jumlah Responden

Persentase

Trayek

67

22,79%

Jadwal

105

35,71%

Info Stasiun

24

8,16%

Harga Tiket

29

9,86%

Info Kereta

58

19,73%

Lain-lain

11

3,74%

TOTAL

294

100%

Berdasarkan tabel di atas, mayoritas responden mengharapkan adanya informasi seputar jadwal, trayek, dan info kereta di dalam kios informasi. Untuk menampung harapan pengguna KRL Commuter Line, maka setiap aspek harus diperhatikan dengan baik karena tiap-tiap aspek juga dipilih oleh sejumlah responden. M aka dari itu, dalam perancangan kios informasi ini, informasi seputar jadwal, trayek dan info kereta menjadi fokus utama penyampaian informasi karena jumlah responden yang mengharapkan informasi tersebut ada pada kios informasi cukup banyak.

56  

10. Aspek apa yang diutamakan pada kios informasi? Tabel 3.11 Tabel Perbandingan Jumlah Responden Terhadap Aspek Yang Utama Pada Kios Informasi Pilihan Jawaban

Jumlah Responden

Persentase

Tampilan/Desain

8

5,03%

Praktis

39

24,53%

Interaktif

18

11,32%

Kelengkapan Informasi

89

55,97%

Lainnya

5

3,14%

TOTAL

159

100%

Berdasarkan tabel di atas, mayoritas responden menjawab kelengkapan informasi dan kios informasi yang praktis adalah aspek paling utama pada kios informasi. Ini menunjukkan bahwa dalam perancangannya, kios informasi dibuat selengkap mungkin, dan sedapat mungkin menjawab semua kebutuhan informasi dari para pengguna KRL Commuter Line. Kios informasi juga dibuat praktis dan simpel agar efektif dipergunakan pengguna kereta.

57  

3.2.2. Analisis Wawancara M etode lainnya yang dilakukan dalam pengumpulan data untuk mengetahui media informasi yang telah diterapkan oleh PT. KAI Commuter Jabodetabek adalah dengan wawancara. Wawancara ini dilakukan untuk mengetahui sistem penyebaran informasi yang sedang dijalankan oleh PT. KAI Commuter Jabodetabek serta mengetahui informasi yang dibutuhkan. Wawancara ini dilakukan kepada M anager Pelayanan PT. KAI Commuter Jabodetabek pada tanggal 23 November 2011. Berdasarkan hasil wawancara, simpulan yang dapat diambil adalah: •

M edia informasi yang dijalankan PT. KAI Commuter Jabodetabek masih menggunakan metode konvensional. M edia informasi audio menggunakan announcer dan pengeras suara, sedangkan media informasi visual menggunakan papan pengumuman.

•

Secara umum, pengguna KRL Commuter Line akan selalu meras a kekurangan media informasi yang lengkap dan informatif.

•

Kebutuhan informasi yang paling utama adalah informasi tentang perjalanan kereta api yang meliputi jadwal dan gangguan kereta api.

58  

•

Kios informasi dapat menjadi batu loncatan dan inovasi pemenuhan kebutuhan informasi dan pemanfaatan teknologi terkini dalam penyampaian informasi. Kios informasi juga dapat menggambarkan bentuk keterbukaan akan informasi dari pihak perusahaan dengan penggunanya.

•

Kios informasi juga dapat dijadikan sarana komunikasi antara pihak

perusahaan

dengan

para

pengguna

KRL

dengan

menyediakan fasilitas kritik dan saran.

Berdasarkan simpulan wawancara di atas, maka perancangan kios informasi yang tepat untuk memenuhi kebutuhan informasi pengguna KRL Commuter Line di stasiun adalah sebagai berikut: •

Informasi yang ditampilkan pada kios informasi harus berupa informasi yang lengkap dan jelas

•

Informasi tentang jadwal dirancang untuk dapat diakses secara langsung pada menu utama untuk menjawab kebutuhan informas i utama para pengguna KRL

•

M enyertakan informasi seputar perusahaan PT. KAI Commuter Jabodetabek

sebagai

bentuk

perusahaan kepada pengguna KRL

keterbukaan

informasi

dari

59  

3.2.3

Analisis Prosedur Penyediaan dan Penyampaian Informasi Berdasarkan hasil wawancara dan kuesioner, dapat disimpulkan bahwa prosedur yang sedang berjalan pada PT. KAI Commuter Jabodetabek dalam melakukan penyebaran informasi tentang KRL Commuter Line adalah sebagai berikut: •

Dengan

menggunakan

media

informasi

audio

berupa

pengumuman melalui pengeras suara dan media informasi visual seperti: -

Flyer: merupakan selebaran yang disebarkan secara gratis di stasiun-stasiun, berisi seluruh jadwal jam kedatangan dan keberangkatan kereta harian pada stasiun tersebut.

Gambar 3.5 Contoh Flyer Commuter Line

60  

-

Booklet: merupakan sebuah buku saku yang disebarkan di beberapa stasiun besar saja, yang beris i seluruh jadwal jam kedatangan dan keberangkatan kereta harian di seluruh jalur dan stasiun, gambar jalur trayek, informasi tiket, dan informasi prosedur keselamatan berkereta.

Gambar 3.6 Contoh Booklet Commuter Line

-

Papan Pengumuman: berisi jadwal jam kedatangan dan keberangkatan harian di stasiun tersebut.

Gambar 3.7 Contoh Papan Pengumuman Commuter Line

61  

-

Signage: papan informasi seperti billboard, spanduk, ataupun poster yang dapat berisi himbauan, perubahan jadwal kereta, peringatan dan prosedur keselamatan, dan lain sebagainya.

Gambar 3.8 Contoh Signage Commuter Line

Berdasarkan hasil pengamatan secara lapangan, penyampaian informasi yang diberikan media informasi tersebut kurang efektif karena informasiinformasi yang diberikan kurang jelas, kurang lengkap, dan kurang informatif. •

Dengan menggunakan website www.krl.co.id yang berisi tentang trayek dan informasi-informasi lainnya tentang KRL Commuter Line. PT. KAI Commuter Jabodetabek juga menyediakan layanan Contact Center 121

62  

dan e-mail [email protected] untuk menampung dan melayani keluhan-keluhan penumpang KRL.

Gambar 3.9 Website KRL Commuter Line

Berdasarkan hasil analisis wawancara, penyampaian informasi yang diberikan dalam website sudah lengkap dan efektif, namun informasi yang diberikan perlu di update secara teratur.

3.2.4. Analisis Perbandingan Aplikasi Sejenis Perbandingan aplikasi sejenis dilakukan untuk menganalisis fiturfitur dan aspek-aspek yang dimiliki aplikasi sejenis lainnya yang dapat diterapkan untuk memenuhi kebutuhan dan menjadi solusi masalah penelitian. Perbandingan dilakukan kepada website Delhi M etro Rail, Amtrak, dan Airtrain karena memiliki fungsi yang sama yaitu menyampaikan informasi seputar moda transportasi kereta.

63  

Fitur ataupun aspek yang diutamakan untuk dianalisis pada perbandingan ini adalah rute dan jadwal sebagai informasi utama dari transportasi kereta. Fitur-fitur pendukung lainnnya akan dianalisis juga sebagai nilai tambah yang menarik. Selain fitur, penggunaan elemen multimedia, konsistensi user interface, dan interaktivitas juga akan dibandingkan dan dianalisis.

1. Delhi Metro Rail (www.delhimetrorail.com)

Gambar 3.10 Halaman Utama Website Delhi Metro Rail

Website ini merupakan website resmi Delhi M etro Rail Corporation Ltd. sebagai perusahaan penyelenggara Delhi M etro Rail, kereta dalam kota New Delhi, India. Secara umum, website ini menyediakan

informasi tentang perusahaan

(informasi utama

perusahaan, proyek terkini, lowongan pekerjaan, tender, media

64  

informasi, dan berita) dan informasi seputar operasi dan layanan Delhi M etro Rail (peta rute, stasiun, feeder bus, harga tiket, dan tujuan wisata sekitar). a. Fitur-fitur penyampaian informasi yang disediakan website Delhi Metro Rail 1. Peta Interaktif

Gambar 3.11 Peta Interaktif Website Delhi Metro Rail

Peta interaktif berada pada menu Interactive Route M ap. Pada keadaan awal, peta menampilkan seluruh jalur kereta yang ada. Setiap line digambarkan dengan warna yang berbeda satu sama lain. Di bagian atas peta terdapat menu untuk mengganti tampilan peta sesuai line yang dipilih. Di bagian samping terdapat menu untuk memilih stasiun keberangkatan dan

65  

kedatangan, harga tiket sesuai rute yang dipilih, dan tombol menuju peta yang berukuran lebih besar. Setelah memilih stasiun asal dan tujuan, seluruh jalur kereta pada peta akan hilang dan hanya menyisakan jalur dari kedua stasiun tersebut. Selain itu juga muncul informasi harga tiket dan info stasiun transit jika stasiun keberangkatan berbeda line dengan stasiun kedatangan. 2. Jadwal

Gambar 3.12 Menu Jadwal Kereta Website Delhi Metro Rail

Informasi seputar jadwal kereta ada pada menu M etro Timings. Pada menu ini disampaikan informasi jarak waktu kedatangan antar kereta yang berbeda tiap line-nya. Informas i disampaikan dalam bentuk tulisan dan disediakan link untuk mengunduh jadwal lengkapnya.

66  

3. Tiket

Gambar 3.13 Peta Interaktif Website Delhi Metro Rail

Untuk mengetahui harga tiket, tersedia menu M etro Fare pada website ini. Pada menu ini user dapat memilih stasiun keberangkatan dan kedatangan, dan mengetahui harga tiket yang harus dibayar. Di bagian bawah layar terdapat tabel daftar harga tiket tiap stasiun. 4. Info perusahaan Website Delhi M etro Rail menyediakan info lengkap mengenai perusahaan Delhi M etro Rail Corporation Ltd. yaitu latar belakang perusahaan, proyek terkini, media dan press release, lowongan pekerjaan, dan kontak perusahaan.

67  

5. Complaint/Feedback M enu feedback terdapat pada navigasi bawah website. Fasilitas ini dapat digunakan user untuk memberi feedback atau keluhan terhadap layanan Delhi M etro Rail.

b. Aspek multimedia, user interface dan interaktivitas 1. Penggunaan Elemen-elemen Multimedia Website Delhi M etro Rail menggunakan elemen-elemen multimedia seperti gambar, teks, animasi dengan tepat pada user interface dan peta interaktif. Pada website ini tidak terdapat unsur multimedia suara dan video. 2. Konsistensi User Interface Navigasi utama di bagian atas website, navigasi bawah, dan sidebar di sebelah kanan yang letaknya tidak berubah walaupun halaman berganti. Skema warna yang digunakan juga tetap sama di setiap halamannya. 3. Interaktivitas Pada peta interaktif, ketika user memilih salah satu stasiun, akan muncul keterangan nama stasiun dengan efek pop-up, juga ketika rute terpilih akan muncul total harga tiket dan stasiun transit dengan efek pop-up. Interaktivitas juga dapat ditemui pada navigasi menu utama dimana ketika pointer mouse melewati menu, akan muncul animasi drop down submenu.

68  

2. Amtrak (www.amtrak.com)

Gambar 3.14 Halaman Utama Website Amtrak

Amtrak merupakan kereta jarak jauh resmi yang dikelola pemerintah Amerika Serikat. Website resmi Amtrak terfokus pada penyediaan informasi seputar perjalanan kereta seluruh negeri.

69  

a. Fitur-fitur penyampaian informasi yang disediakan website Amtrak 1. Peta Interaktif

Gambar 3.15 Peta Interaktif Website Amtrak

Peta interaktif yang tersedia di website resmi Amrtak ini menyediakan fungsi untuk mencari stasiun berdasarkan nama stasiun, negara bagian, dan wilayah. Fitur yang disediakan Amtrak Route Atlas dikelompokkan menjadi tiga menu utama yaitu Routes, Stations, dan Custom Route. Pada menu Routes pengguna dapat mencari jalur kereta pada peta. Pencarian dapat dilakukan dengan tiga cara yaitu pencarian menurut nama kereta, negara bagian, dan wilayah. Pada menu Stations, pengguna dapat mencari letak stasiun pada peta menurut nama stasiun, negara bagian, dan wilayah.

70  

Sifat interaktif peta dapat dilihat jika pengguna memilih rute, maka peta akan diperbesar dan diarahkan pada stasiun keberangkatan dan kedatangan, lalu animasi rute akan berjalan melalui jalur kereta dari stasiun keberangkatan menuju stasiun kedatangan.

2. Jadwal

Gambar 3.16 Menu Jadwal Kereta Website Amtrak

Untuk melihat jadwal kereta yang tersedia, user dapat menuju menu Timetables yang ada pada navigasi menu utama. Pada menu ini ditampilkan daftar rute-rute yang ada dan link untuk

mengunduh

daftar

tersebut.

Daftar

jadwal tidak

ditampilkan langsung karena jalur dan jenis perjalanan yang tersedia sangat banyak. Hal ini disebabkan karena Amtrak

71  

melayani perjalanan kereta seluruh negara bagian yang ada di Amerika Serikat. 3. Tiket

Gambar 3.17 Menu Tiket Website Amtrak

Informasi mengenai tiket dapat diakses pada homepage website di sidebar kiri layar. Untuk mengetahui harga tiket tiap perjalanan, user dapat memilih stasiun keberangkatan, stasiun kedatangan dan tanggal rencana kepergian terlebih dahulu. Untuk detil lain mengenai jenis-jenis tiket, promo, dan diskon, user dapat menuju ke menu Deals yang ada pada navigasi menu utama. 4. Pencarian S tasiun Website Amtrak menyediakan fitur pencarian stasiun pada menu Stations. Pengguna dapat melakukan pencarian dengan memasukkan nama kota, negara bagian, kode pos wilayah, atau

72  

kode stasiun. Hasil pencarian adalah informasi stasiun berupa alamat, fasilitas, jam operasi stasiun, rute yang melewati, dan peta menuju stasiun tersebut. 5. Comment Pada menu Contact Us, terdapat fitur Comment yang dapat digunakan pengguna untuk meninggalkan feedback dengan pilihan subjek yang sudah tersedia seputar perjalanan, reservasi, fasilitas, dan lain-lain.

b. Aspek multimedia, User interface dan Interaktivitas 1. Penggunaan Elemen-elemen Multimedia Website Amtrak menggunakan elemen multimedia teks, gambar, dan animasi pada user interface dan peta interaktif. Elemen suara dan video tidak digunakan. 2. Konsistensi User Interface Navigasi utama website berada di bagian atas dan letaknya tetap di setiap halaman. Penggunaan skema warna pada user interface juga konsisten di setiap halaman selain pada halaman peta interaktif. 3. Interaktivitas Interaktivitas website Amtrak berada pada peta interaktif dimana ketika memilih menu tertentu, akan muncul respon dimana peta akan diperbesar menggunakan efek animasi.

73  

3.

Airtrain (www.airtrain.com.au)

Gambar 3.18 Halaman Utama Website Airtrain

Airtrain

merupakan

kereta

bandara

yang

mengantar

penumpang dari kota Brisbane dan Gold Coast menuju Brisbane Domestic and International Airport dan juga sebaliknya. Website resmi Airtrain memberikan informasi seputar perjalanan kereta.

74  

a. Fitur-fitur penyampaian informasi yang disediakan website Airtrain 1. Peta Interaktif

Gambar 3.19 Peta Interaktif Website Airtrain

Fitur peta interaktif terdapat pada menu M aps. Peta interaktif pada keadaan default memperlihatkan keseluruhan rute dan setelah user memilih nama salah satu stasiun pada menu di kanan atas peta, maka akan muncul peta line dimana stasiun itu berada. Karena satu-satunya tujuan kereta adalah bandara, opsi yang disediakan hanyalah stasiun keberangkatan. Ketika salah satu stasiun pada peta ditekan, maka akan muncul jalur perjalanan, transit, durasi perjalanan, dan harga tiket.

75  

2. Jadwal

Gambar 3.20 Menu Jadwal Kereta Website Airtrain

Jadwal perjalanan kereta dapat dilihat pada menu Timetables. Pada menu ini, ditampilkan waktu kedatangan dan keberangkatan pada tiap stasiun. Tabel-tabel jadwal stasiun dibedakan sesuai hari kerja dan hari libur. Selain yang ditampilkan langsung, juga disediakan link untuk mengunduh jadwal dalam versi .pdf dari jadwal yang ada. Di sidebar halaman utama terdapat keterangan jadwal terdekat kedatangan kereta.

76  

3. Tiket

Gambar 3.21 Menu Tiket Website Airtrain

Info seputar tiket dapat diakses pada menu Tickets. M enu Tickets memiliki beberapa submenu yang merupakan jenis-jenis tiket beserta keterangannya dan juga Fare Calculator yaitu aplikasi untuk menghitung total harga tiap perjalanan. Pada tiap sub menu Ticket terdapat tombol menuju fitur online booking. Secara keseluruhan, website Airtrain fokus dan mengutamakan promosi dan layanan tiket.

77  

4. Info Perusahaan Info perusahaan Airtrain adalah info seputar sejarah perusahaan, press releases, lowongan pekerjaan dapat diakses pada menu About Us.

b. Multimedia, User interface dan Interaktivitas 1. Penggunaan Elemen-elemen Multimedia Website Airtrain telah menggunakan elemen multimedia teks, gambar, dan animasi pada user interface dan peta interaktif namun elemen multimedia suara dan video tidak digunakan. 2. Konsistensi User Interface Navigasi utama website berada di bagian atas dan letaknya tetap di setiap halaman. Penggunaan skema warna pada user interface juga konsisten di setiap halaman. 3. Interaktivitas Interaktivitas website Airtrain berada pada peta interaktif dimana ketika pointer mouse melalui stasiun, akan muncul animasi

jalur

perjalanan

bersamaan

keterangan dengan efek fade in.

dengan

munculnya

78  

4. Kios Informasi Air Asia

Gambar 3.22 Halaman Pembuka Kios Informasi Air Asia

Air Asia merupakan maskapai penerbangan asal M alaysia yang juga melayani penerbangan di wilayah Indonesia antar kota-kota besar seperti Jakarta, Yogyakarta, Denpasar, Surabaya dan M edan. Kios Informasi Air Asia memberikan bantuan kepada penumpang untuk melakukan self check-in.

79  

a. Fitur-fitur yang disediakan kios informasi Air Asia 1. Pilihan Bahasa

Gambar 3.23 Menu Pilihan Bahasa Kios Informasi Air Asia

Sebagai kios informasi yang akan digunakan di banyak negara dan memiliki potensi untuk dipergunakan banyak pihak yang memiliki perbedaan bahasa, kios informasi menyediakan pilihan bahasa untuk bahasa yang dipergunakan sepanjang kios informasi dijalankan. 2. Cetak Boarding Pass M erupakan fungsi tunggal dari kios informasi, yaiu verifikasi booking number dan diakhiri dengan mencetak boarding pass.

80  

Gambar 3.24 Halaman Memasukkan Booking Number Halaman pertama saat user ingin mencetak boarding pass. User memasukkan kode booking untuk diverifikasi rencana perjalanan yang sudah dibuat dan diproses untuk pencetakan boarding pass.

Gambar 3.25 Halaman Konfirmasi Rencana Perjalanan

81  

Halaman yang menampilkan rancangan perjalanan yang bersesuaian dengan kode booking. Pada tahap ini user diminta untuk mengkonfirmasi rute perjalanan yang telah dibuat.

Gambar 3.26 Halaman Mencetak Boarding Pass Halaman saat user telah menyetujui konfirmasi rute perjalanan. Halaman ini meminta user untuk menunggu boarding pass dicetak.

b. Multimedia, User interface dan Interaktivitas 1. Penggunaan Elemen-elemen Multimedia Kios informasi Air Asia telah menggunakan elemen multimedia teks, gambar, animasi dan suara pada user interface elemen video tidak digunakan.

82  

2. Konsistensi User Interface Navigasi utama website berada di bagian atas dan letaknya tetap di setiap halaman. Penggunaan skema warna pada user interface juga konsisten di setiap halaman. 3. Interaktivitas Interaktivitas kios informasi berada pada keseluruhan kios informasi, dimana pada setiap user klik next untuk menuju halaman

berikutnya

terdapat

animasi

loading

proses.

Interaktivitas juga terjadi saat user memasukkan kode booking, kios akan mengeluarkan data rencana perjalanan yang sesuai dengan kode booking.

Tabel 3.12 Tabel Perbandingan Aplikasi Sejenis Aspek/fitur Peta Interaktif

Jadwal

Tiket

Delhi M etro Rail menyediakan info rute perjalanan, harga total tiket, dan stasiun transit

Amtrak

menyediakan fitur pencarian stasiun, rute kereta, terminal transit, dan keterangan harga setelah rute ditentukan ditampilkan ditampilkan dalam bentuk dalam bentuk keterangan tabel tulisan disediakan fitur fitur travel planner pencarian

Airtrain

Air Asia

menyediakan pencarian yang hanya berdasarkan stasiun asal, harga tiket, dan durasi perjalanan

ditampilkan dalam bentuk tabel terdapat fitur user pencarian melakukan

83  

Kelengkapan informasi

untuk mengetahui harga tiket dengan memilih stasiun keberangkatan dan kedatangan informasi yang ditampilkan sangat lengkap, fokus kepada perusahaan dan layanan kereta

Konsistensi user interface

navigasi menu, layout, dan penggunaan skema warna telah konsisten

Interaktivitas

interaktivitas hanya terdapat pada peta interaktif dan dropdown menu teks, gambar, animasi

Penggunaan elemen multimedia

tiket terdapat pada halaman utama sehingga user dapat mengakses dengan praktis informasi yang ditampilkan sangat lengkap, fokus pada informasi pelayanan kereta navigasi menu, layout, dan skema warna telah konsisten kecuali pada peta interaktif interaktivitas pada peta interaktif, keseluruhan web bersifat statis teks, gambar, animasi

harga sesuai konfirmasi jalur dan fare kode booking calculator untuk mendapatkan boarding pass / tiket

informasi yang ditampilkan sangat lengkap, fokus pada informasi pelayanan kereta navigasi menu, layout, dan penggunaan skema warna telah konsisten interaktivitas pada peta interaktif dan tabel jadwal

informasi yang ditampilkan sebatas tiket yang menyesuaikan dengan kode booking

navigasi menu, layout, dan penggunaan skema warna telah konsisten interaktivitas saat klik next, proses menampilkan rencana perjalanan teks, gambar, teks, gambar, animasi animasi, suara

Dari perbandingan diatas dapat diambil simpulan bahwa media informasi layanan kereta membagi segmen informasi dan fitur kedalam menu-menu yang terdiri dari informasi jadwal, tiket, rute dalam bentuk peta interaktif, info perusahaan, feedback, info stasiun, dan info pariwisata. Ketiga website diatas menonjolkan fitur jadwal, rute, dan informasi tiket, maka dari itu dapat

84  

disimpulkan bahwa ketiga fitur ini adalah fitur penting yang harus ada pada penyediaan informasi kereta. Sebagai usaha memaksimalisasikan efisiensi dan kepraktisan kios informasi, fitur penting dapat ditaruh di homepage supaya dapat langsung diakses user. Untuk perbandingan dengan kios informasi, konten yang diberikan berbeda namun yang diperhatikan adalah user interface kios yang menekankan pada tampilan dengan button yang besar dan navigasi yang jelas. Penggunaan elemen multimedia teks, gambar dan animasi telah dilakukan pada tiga website tersebut sementara tambahan elemen suara hanya terdapat pada kios informasi. Penggunaan video yang juga mendukung penyampaian informasi secara interaktif dan efektif belum dipergunakan. Keempat aplikasi sejenis di atas telah menerapkan sifat interaktivitas terutama pada fitur peta interaktif, hal ini menunjukkan bahwa interaktivitas dapat meningkatkan kualitas penyampaian informasi. User interface sebuah kios informasi pelayanan kereta harus konsisten dari segi layout maupun penggunaan skema warna.

85  

3.2.5. Identifikasi masalah Dari hasil analisis wawancara, kuesioner, prosedur yang sedang berjalan, dan perbandingan aplikasi sejenis, dapat ditarik kesimpulan bahwa terdapat kekurangan pada metode penyampaian informasi yang sudah dilakukan oleh PT. KAI Commuter Jabodetabek dan harapan akan sarana media informasi yang baru. Kebutuhan informasi tersebut adalah sebagai berikut: •

Sarana yang ada sudah memenuhi standar, namun kebutuhan informasi sangat tinggi sehingga diperlukan suatu media baru untuk penyampaian informasi.

•

M asih banyak terdapat sarana yang tidak termanfaatkan dengan baik untuk menjawab kebutuhan informasi, misalnya papan pengumuman yang tidak jelas.

•

M edia informasi yang sudah ada belum menggunakan elemen-elemen multimedia secara menyeluruh.

•

Informasi yang paling sulit ditemukan dan paling utama dibutuhkan adalah seputar jadwal kereta.

•

Informasi yang paling sulit ditemukan dan paling diharapkan ada setelah jadwal kereta adalah informasi trayek dan info kereta.

•

M ayoritas pengguna kereta adalah pengguna yang menghabiskan waktu di stasiun hanya dalam waktu sebentar namun membutuhkan informasi

yang

lengkap

sehingga

menyesuaikan dengan kondisi tersebut.

sarana

informasi

harus

86  

•

Aspek paling utama yang diharapkan ada pada media informasi yang baru

adalah

kelengkapan

informas i

dan

kepraktisan

dalam

penggunaannya. •

M edia komunikasi kritik dan saran dari pengguna KRL Commuter Line kepada pihak perusahaan belum berjalan dengan efektif.

3.2.6. Usulan Pemecahan Masalah Berdasarkan hasil analisis kuesioner, wawancara, dan perbandingan aplikasi sejenis maka kios informasi perlu dibuat dan diterapkan sebagai alternatif media informasi baru untuk PT. KAI Commuter Jabodetabek dengan penjabaran sebagai berikut: •

Kios informasi merupakan sarana informasi baru untuk memberikan informasi yang lebih jelas dan menyeluruh.

•

Kios informasi dapat menampung banyak informasi dalam satu tempat dan user dapat mengakses sesuai dengan informasi apa yang diinginkan.

•

Kios informasi dibuat simpel dan praktis agar dapat digunakan oleh sebanyak mungkin jenis user dengan efektif.

•

Struktur kios informasi tidak dirancang mendalam sehingga user dapat langsung menemukan informasi yang diinginkan dalam waktu yang singkat.

87  

•

Informasi seputar jadwal, info kereta, dan trayek dibuat paling mudah diakses karena merupakan informasi yang paling dibutuhkan pengguna kereta.

•

Trayek disajikan dalam bentuk peta interaktif yang mudah digunakan oleh user.

•

Informasi seputar tiket, info stasiun, dan info perusahaan PT. KAI Commuter Jabodetabek juga disertakan sebagai salah satu pilihan kebutuhan informasi dan untuk memperkaya informasi yang diberikan.

•

Kios informasi harus menggunakan elemen-elemen multimedia, interaktivitas, dan user interface yang konsisten untuk meningkatkan kualitas penyampaian informasi.

•

Kios informasi juga dilengkapi dengan fitur Kritik dan Saran sebagai sarana komunikasi dari pengguna KRL dengan pihak perusahaan.

88  

3.3.

Perancangan Sistem 3.3.1. S truktur Menu 3.3.1.1. S truktur Menu User

Gambar 3.27 S truktur Menu User

89  

3.3.1.2. S truktur Menu Admin

Gambar 3.28 S truktur Menu Admin

90   3.3.2. Unified Modeling Language 3.3.2.1. Use Case Diagram a. Use Case Diagram User

Gambar 3.29 U se Case Diagram User

91   b. Use Case Diagram Admin

Gambar 3.30 U se Case Diagram Admin

92   3.3.2.2. Use Case Specification a. Use Case Specification User 1. Use Case Specification Melihat Jadwal Pe r Line Pelaku

User

Deskripsi

Kegiatan User melihat Jadwal Per Line

Tujuan

Untuk menampilkan menu Jadwal Per Line Ke giatan User

Bidang Khas Suatu Event

1. User memilih menu Jadwal 3. User memilih Line yang diinginkan pada Daftar Line

Respon Sistem 2. Sistem menampilkan menu Jadwal 4. Sistem menampilkan Jadwal Line yang dipilih oleh User

2. Use Case Specification Melihat Jadwal Custom Pelaku

User

Deskripsi

Kegiatan User melihat Jadwal Custom

Tujuan

Untuk menampilkan menu Jadwal Custom

Bidang Khas

Ke giatan User

Suatu Event

1. User memilih menu Jadwal 3. User memilih dan memasukkan Stasiun Asal 4. User memilih dan memasukkan Stasiun T ujuan

Respon Sistem 2. Sistem menampilkan menu Jadwal

5. Sistem melakukan validasi isian stasiun. Jika isian stasiun tidak lengkap, maka sistem menampilkan error message. Jika isian stasiun sudah lengkap, maka sistem menampilkan Jadwal sesuai dengan pilihan Stasiun Asal dan Stasiun T ujuan

93   3. Use Case Specification Melihat Trayek Per Line Pelaku

User

Deskripsi

Kegiatan User melihat T rayek Per Line

Tujuan

Untuk menampilkan menu Trayek Per Line Ke giatan User

Bidang Khas Suatu Event

Respon Sistem

1. User memilih menu Trayek 3. User memilih Line yang diinginkan pada Daftar Line

2. Sistem menampilkan menu T rayek 4. Sistem menampilkan Trayek Line yang dipilih User

4. Use Case Specification Melihat Trayek Custom Pelaku

User

Deskripsi

Kegiatan User melihat T rayek Custom

Tujuan

Untuk menampilkan menu Trayek Custom

Bidang Khas

Ke giatan User

Suatu Event

1. User memilih menu Trayek 3. User memilih dan memasukkan Stasiun Asal 4. User memilih dan memasukkan Stasiun T ujuan

Respon Sistem 2. Sistem menampilkan menu T rayek

5. Sistem melakukan validasi isian stasiun. Jika isian stasiun tidak lengkap, maka sistem menampilkan error message. Jika isian stasiun sudah lengkap, maka sistem menampilkan Trayek sesuai dengan pilihan Stasiun Asal dan Stasiun T ujuan

94   5. Use Case Specification Melihat Be rita Pelaku

User

Deskripsi

Kegiatan User melihat Berita

Tujuan

Untuk menampilkan Berita

Bidang Khas

Ke giatan User

Suatu Event

1. User memilih menu Info Kereta 3. User memilih berita pada Daftar Berita

Respon Sistem 2. Sistem menampilkan menu Info Kereta 4. Sistem menampilkan berita sesuai pilihan

6. Use Case Specification Melihat Profil KRL Commute r Line Pelaku

User

Deskripsi

Kegiatan User melihat Profil KRL Commuter Line

Tujuan

Untuk menampilkan Profil KRL Commuter Line

Bidang Khas

Ke giatan User

Suatu Event

1. User memilih menu Info KRL Commuter Line 3. User memilih sub menu Profil KRL Commuter Line

Respon Sistem 2. Sistem menampilkan menu Info KRL Commuter Line 4. Sistem menampilkan Profil KRL Commuter Line

95   7. Use Case Specification Melihat Tiket Karcis Pelaku

User

Deskripsi

Kegiatan User melihat T iket Karcis

Tujuan

Untuk menampilkan menu T iket Karcis

Bidang Khas

Ke giatan User

Suatu Event

Respon Sistem

1. User memilih menu T iket 3. User memilih pilihan T iket Karcis

2. Sistem menampilkan menu T iket 4. Sistem menampilkan jenis T iket yang dipilih

8. Use Case Specification Melihat Tiket KTB Pelaku

User

Deskripsi

Kegiatan User melihat T iket KT B

Tujuan

Untuk menampilkan menu T iket KT B

Bidang Khas

Ke giatan User

Suatu Event

Respon Sistem

1. User memilih menu T iket 3. User memilih pilihan T iket KT B

2. Sistem menampilkan menu T iket 4. Sistem menampilkan jenis T iket yang dipilih

9. Use Case Specification Melihat Tiket KLS Pelaku

User

Deskripsi

Kegiatan User melihat T iket KLS

Tujuan

Untuk menampilkan menu T iket KLS

Bidang Khas

Ke giatan User

Suatu Event

1. User memilih menu T iket 3. User memilih pilihan T iket KLS

Respon Sistem 2. Sistem menampilkan menu T iket 4. Sistem menampilkan jenis T iket yang dipilih

96   10. Use Case Specification Mengisi Kritik dan Saran Pelaku

User

Deskripsi

Kegiatan User mengisi Kritik dan Saran

Tujuan

Untuk menampilkan menu Kritik dan Saran

Bidang Khas

Ke giatan User

Suatu Event

1. User memilih menu Kritik dan Saran 3. User mengisi formulir Kritik dan Saran, dan menekan tombol Submit jika Kritik dan Saran sudah diisi

Respon Sistem 2. Sistem menampilkan menu dan formulir Kritik dan Saran 4. Sistem akan melakukan verifikasi kelengkapan informasi pada form Kritik dan Saran. Jika ada bagian yang belum diisi, Sistem akan menampilkan error message dan kembali ke nomor 2. Jika semua bagian sudah diisi dan terverifikasi, maka Sistem akan menyimpan data Kritik dan Saran dan mengembalikan layar ke Menu Utama

11. Use Case Specification Melihat Se jarah Pe rusahaan Pelaku

User

Deskripsi

Kegiatan User melihat Sejarah Perusahaan

Tujuan

Untuk menampilkan menu Sejarah Perusahaan

Bidang Khas

Ke giatan User

Suatu Event

1. User memilih menu Info Perusahaan 3. User memilih sub menu Sejarah Perusahaan

Respon Sistem 2. Sistem menampilkan menu Info Perusahaan 4. Sistem menampilkan Sejarah Perusahaan

97   12. Use Case Specification Melihat Struktur Pe rusahaan Pelaku

User

Deskripsi

Kegiatan User melihat Struktur Perusahaan

Tujuan

Untuk menampilkan menu Struktur Perusahaan

Bidang Khas

Ke giatan User

Suatu Event

Respon Sistem

1. User memilih menu Info Perusahaan 3. User memilih sub menu Struktur Perusahaan

2. Sistem menampilkan menu Info Perusahaan 4. Sistem menampilkan Struktur Perusahaan

13. Use Case Specification Melihat Kontak Kami Pelaku

User

Deskripsi

Kegiatan User melihat Kontak Kami

Tujuan

Untuk menampilkan menu Kontak Kami

Bidang Khas

Ke giatan User

Suatu Event

1. User memilih menu Info Perusahaan 3. User memilih sub menu Kontak Kami

Respon Sistem 2. Sistem menampilkan menu Info Perusahaan 4. Sistem menampilkan Kontak Kami

98   b. Use Case Specification Admin 1. Use Case Specification Login Pelaku

Admin

Deskripsi

Kegiatan Admin melakukan Login menu Admin

Tujuan

Untuk menampilkan menu Admin

Bidang Khas

Ke giatan Admin

Suatu Event

2. Admin memasukkan username dan password pada formulir yang disediakan lalu menekan tombol Login

Respon Sistem 1. Sistem menampilkan halaman Login dan formulir pengisian username dan password 3. Sistem melakukan verifikasi username dan password yang dimasukkan. Jika verifikasi valid, maka sistem akan menampilkan menu Admin. Jika verifikasi tidak valid, maka sistem akan menampilkan error message dan proses kembali ke nomor 2

99   2. Use Case Specification Tambah Be rita Pelaku

Admin

Deskripsi

Kegiatan Admin menambah Berita

Tujuan

Untuk menambah Berita

Bidang Khas

Ke giatan Admin

Suatu Event

1. Admin memilih menu Berita 3. Admin memilih sub menu T ambah Berita 5. Admin mengisi formulir T ambah Berita

Respon Sistem 2. Sistem menampilkan menu Berita 4. Sistem menampilkan formulir T ambah Berita 6. Sistem akan melakukan verifikasi kelengkapan isian formulir. Jika formulir belum lengkap, maka Sistem akan kembali ke nomor 4. Jika formulir sudah lengkap, maka Sistem akan menyimpan formulir T ambah Berita yang telah diisi dan kembali ke nomor 2.

100   3. Use Case Specification Ubah Be rita Pelaku

Admin

Deskripsi

Kegiatan Admin mengubah Berita

Tujuan

Untuk mengubah Berita

Bidang Khas

Ke giatan Admin

Suatu Event

1. Admin memilih menu Berita 3. Admin memilih Ubah Berita 5. Admin melakukan perubahan pada Berita

Respon Sistem 2. Sistem menampilkan menu Berita 4. Sistem menampilkan form Ubah Berita 6. Sistem melakukan verifikasi kelengkapan isian formulir. Jika formulir belum lengkap, maka Sistem akan menampilkan error message dan kembali ke nomor 4. Jika formulir sudah lengkap, maka Sistem akan menyimpan Berita yang telah diubah dan kembali ke nomor 2.

101   4. Use Case Specification Hapus Be rita Pelaku

Admin

Deskripsi

Kegiatan Admin menghapus Berita

Tujuan

Untuk menghapus Berita

Bidang Khas

Ke giatan Admin

Suatu Event

1. Admin memilih menu Berita 3. Admin memilih Hapus Berita

Respon Sistem 2. Sistem menampilkan menu Berita 4. Sistem memberikan pilihan Ya dan Tidak untuk menghapus Berita yang dipilih. Jika pilihan yang dipilih Tidak, Sistem akan kembali ke nomor 2. Jika pilihan yang dipilih Ya, Sistem akan menghapus Berita dari database dan kembali ke nomor 2.

102   5. Use Case Specification Ekspor Semua Kritik dan Saran Pelaku

Admin

Deskripsi

Kegiatan Admin mengekspor semua Kritik dan Saran

Tujuan

Untuk mengekspor semua Kritik dan Saran ke dalam file Excel

Bidang Khas

Ke giatan Admin

Suatu Event

1. Admin memilih menu Kritik dan Saran 3. Admin memilih Ekspor Kritik dan Saran

Respon Sistem 2. Sistem menampilkan menu Kritik dan Saran 4. Sistem memberikan pilihan Ya dan Tidak untuk mengekspor Kritik dan Saran yang dipilih. Jika pilihan yang dipilih T idak, Sistem akan kembali ke nomor 2. Jika pilihan yang dipilih Ya, Sistem akan mengekspor Kritik dan Saran ke bentuk file Excel dan kembali ke nomor 2.

103   6. Use Case Specification Hapus Semua Kritik dan Saran Pelaku

Admin

Deskripsi

Kegiatan Admin menghapus semua Kritik dan Saran

Tujuan

Untuk menghapus semua Kritik dan Saran

Bidang Khas

Ke giatan Admin

Suatu Event

1. Admin memilih menu Kritik dan Saran 3. Admin memilih tombol Hapus Semua Kritik dan Saran

Respon Sistem 2. Sistem menampilkan menu Kritik dan Saran 4. Sistem memberikan pilihan Ya dan Tidak untuk menghapus Kritik dan Saran yang dipilih. Jika pilihan yang dipilih T idak, Sistem akan kembali ke nomor 2. Jika pilihan yang dipilih Ya, Sistem akan menghapus Kritik dan Saran dari database dan kembali ke nomor 2.

104   5. Use Case Specification Tambah Tiket Pelaku

Admin

Deskripsi

Kegiatan Admin menambah T iket

Tujuan

Untuk menambah T iket

Bidang Khas

Ke giatan Admin

Suatu Event

1. Admin memilih menu T iket 3. Admin memilih sub menu T ambah T iket 5. Admin mengisi formulir T ambah T iket

Respon Sistem 2. Sistem menampilkan menu T iket 4. Sistem menampilkan formulir T ambah T iket 6. Sistem akan melakukan verifikasi kelengkapan isian formulir. Jika formulir belum lengkap, maka Sistem akan kembali ke nomor 4. Jika formulir sudah lengkap, maka Sistem akan menyimpan formulir T ambah T iket yang telah diisi dan kembali ke nomor 2.

105   6. Use Case Specification Ubah Tiket Pelaku

Admin

Deskripsi

Kegiatan Admin mengubah T iket

Tujuan

Untuk mengubah T iket

Bidang Khas

Ke giatan Admin

Suatu Event

1. Admin memilih menu T iket 3. Admin memilih Ubah T iket 5. Admin mengisi form Ubah T iket

Respon Sistem 2. Sistem menampilkan menu T iket 4. Sistem menampilkan form Ubah T iket sesuai dengan T iket yang dipilih 6. Sistem melakukan verifikasi kelengkapan isian formulir. Jika formulir belum lengkap, maka Sistem akan kembali ke nomor 4. Jika formulir sudah lengkap, maka Sistem akan menyimpan Tiket yang telah diubah dan kembali ke nomor 2.

106   7. Use Case Specification Hapus Tike t Pelaku

Admin

Deskripsi

Kegiatan Admin menghapus T iket

Tujuan

Untuk menghapus T iket

Bidang Khas

Ke giatan Admin

Suatu Event

Respon Sistem

1. Admin memilih menu T iket 3. Admin memilih Hapus T iket

2. Sistem menampilkan menu T iket 4. Sistem memberikan pilihan Ya dan Tidak untuk menghapus T iket yang dipilih. Jika pilihan yang dipilih Tidak, Sistem akan kembali ke nomor 2. Jika pilihan yang dipilih Ya, Sistem akan menghapus T iket dari database dan kembali ke nomor 2.

8. Use Case Specification Logout Pelaku

Admin

Deskripsi

Kegiatan Admin melakukan Logout

Tujuan

Untuk keluar dari Admin Site

Bidang Khas

Ke giatan Admin

Suatu Event

1. Admin menekan tombol Logout

Respon Sistem 2. Sistem melakukan clear session 3. Sistem menampilkan layar Login

107   3.3.2.3. Class Diagram

Gambar 3.31 Class Diagram

108  

3.3.2.4. Activity Diagram a.

Activity Diagram User

1.

Activity Diagram Lihat Jadwal Per Line

Gambar 3.32 Activity Diagram Lihat Jadwal Per Line

109  

2.

Activity Diagram Lihat Jadwal Custom

Gambar 3.33 Activity Diagram Lihat Jadwal Custom

110  

3.

Activity Diagram Lihat Trayek Per Line

Gambar 3.34 Activity Diagram Lihat Trayek Per Line

111  

4.

Activity Diagram Lihat Trayek Custom

Gambar 3.35 Activity Diagram Lihat Trayek Custom

112  

5.

Activity Diagram Lihat Berita

Gambar 3.36 Activity Diagram Lihat Berita

113  

6.

Activity Diagram Lihat Profil KRL Commuter Line

Gambar 3.37 Activity Diagram Lihat Profil KRL Commuter Line

114  

7.

Activity Diagram Isi Kritik dan Saran

Gambar 3.38 Activity Diagram Isi Kritik dan S aran

115  

8.

Activity Diagram Lihat Tiket Karcis

Gambar 3.39 Activity Diagram Lihat Tiket Karcis

116  

9.

Activity Diagram Lihat Tiket KTB

Gambar 3.40 Activity Diagram Lihat Tiket KTB

117  

10.

Activity Diagram Lihat Tiket KLS

Gambar 3.41 Activity Diagram Lihat Tiket KLS

118  

11.

Activity Diagram Lihat Sejarah Perusahaan

Gambar 3.42 Activity Diagram Lihat S ejarah Perusahaan

119  

12.

Activity Diagram Lihat Struktur Perusahaan

Gambar 3.43 Activity Diagram Lihat S truktur Perusahaan

120  

13.

Activity Diagram Lihat Kontak

Gambar 3.44 Activity Diagram Lihat Kontak

121  

b.

Activity Diagram Admin

1.

Activity Diagram Login

Gambar 3.45 Activity Diagram Login

122  

2.

Activity Diagram Tambah Berita

Gambar 3.46 Activity Diagram Tambah Berita

123  

3.

Activity Diagram Ubah Berita

Gambar 3.47 Activity Diagram Ubah Berita

124  

4.

Activity Diagram Hapus Berita

Gambar 3.48 Activity Diagram Hapus Berita

125  

5.

Activity Diagram Ekspor Semua Kritik dan Saran

Gambar 3.49 Activity Diagram Ekspor S emua Kritik dan S aran

126  

6.

Activity Diagram Hapus Semua Kritik dan Saran

Gambar 3.50 Activity Diagram Hapus Semua Kritik dan S aran

127  

7.

Activity Diagram Tambah Tiket

Gambar 3.51 Activity Diagram Tambah Tiket

128  

8.

Activity Diagram Ubah Tiket

Gambar 3.52 Activity Diagram Ubah Tiket

129  

9.

Activity Diagram Hapus Tiket

Gambar 3.53 Activity Diagram Hapus Tiket

130  

10.

Activity Diagram Logout

          Gambar 3.54 Activity Diagram Logout  

131  

3.3.3. Perancangan Database 1. Admin Tabel admin digunakan untuk menyimpan data admin. Terdapat 3 field yaitu adminID, username dan password. AdminID berfungsi sebagai pengenal / ID dari admin, username sebagai penampung dari nama admin untuk login, dan password sebagai penampung kata sandi rahasia yang sinkron dengan nama admin untuk masuk ke menu admin. Tabel 3.13 Tabel Admin No 1 2

Nama Field adminID Username

Tipe data Varchar Varchar

Panjang 5 30

3

Password

Varchar

30

Keterangan Primary Key, ID admin Nama atau username admin Password admin

2. KritikSaran Tabel kritikSaran digunakan untuk menyimpan kritik dan saran yang diberikan oleh user kios informasi. Terdapat 4 field yaitu kritikSaranID, email, tanggalKomentar dan komentar. KritikSaranID berfungsi sebagai pengenal / ID dari komentar. Email berfungsi untuk menampung email dari user dan bersifat wajib diisi, hal ini ditujukan untuk memastikan validitas pemberi komentar. Komentar berfungsi untuk menampung komentar yang diberikan, dengan

132  

tanggalKomentar sebagai penampung kapan komentar tersebut diberikan dan diambil secara otomatis dari sistem. Tabel 3.14 Tabel KritikSaran No 1

Nama Field KritikSaranID

Tipe data Varchar

5

2 3

Email NoTiket

Varchar Char

20 6

4

TanggalKritik

Datetime

-

5

Kritik

Text

-

Panjang

Keterangan Primary Key, ID kritik & saran Email pengguna Nomor tiket dari pengguna, untuk verifikasi data Tanggal pengguna mengisi kritik & saran Isi kritik & saran

3. Berita Tabel berita digunakan untuk menampung berita-berita terbaru dari PT. KAI Commuter Jabodetabek. Terdapat 4 field yaitu beritaID, judul, tanggalBerita dan artikel. BeritaID berfungsi sebagai pengenal/ID dari berita, judul untuk menampung judul berita, tanggalBerita untuk menampung tanggal berita dimasukkan dan artikel untuk menampung isi dari berita. Tabel 3.15 Tabel Berita No 1 2 3

Nama Field BeritaID Judul TanggalBerita

Tipe data Varchar Varchar Datetime

Panjang 5 40 -

4 5

GambarBerita Artikel

Varchar Text

30 -

Keterangan Primary Key, ID berita Judul berita Tanggal berita dikeluarkan Gambar dari berita Isi berita

133  

4. Jalur Tabel jalur digunakan untuk menampung jalur-jalur yang dilewati oleh KRL Commuter Line. Terdapat 2 field yaitu jalurID dan namaJalur. JalurID berfungsi sebagai pengenal/ID dari jalur dan namaJalur untuk menampung jalur-jalur yang ada. JalurID juga terdapat pada tabel stasiun dan tiket, bertindak sebagai foreign key. Tabel 3.16 Tabel Jalur No 1. 2.

Nama Field jalurID namaJalur

Tipe Data Varchar Varchar

Panjang 5 50

Keterangan Primary Key, ID jalur Nama jalur

5. Stasiun Tabel stasiun digunakan untuk menampung stasiun-stasiun yang dilewati oleh KRL Commuter Line, beserta dengan data-data yang dimiliki tiap stasiun. Terdapat field stasiunID, namaStasiun, jadwalPergi, jadwalPulang dan jalurID. StasiunID dan namaStasiun berfungsi untuk menampung pengenal/ID dari stasiun dan juga namanama dari stasiun. JadwalPergi dan jadwalPulang untuk menampung jadwal dari KRL Commuter Line di tiap stasiun. JalurID sebagai penunjuk dari jalur tempat suatu stasiun berada, merupakan primary key pada tabel Jalur.

134  

Tabel 3.17 Tabel Stasiun No 1 2 3 4 5

Nama Field StasiunID NamaStasiun JadwalPergi JadwalPulang JalurID

Tipe data Varchar Varchar Varchar Varchar Varchar

Panjang 5 25 250 250 5

Keterangan Primary Key, ID stasiun Nama stasiun Jadwal arah pergi Jadwal arah pulang Foreign Key, ID jalur

6. Tiket Tabel tiket digunakan untuk menampung jenis-jenis tiket dari KRL Commuter Line. Terdapat field tiketID, namaTiket, jenisTiket, harga dan jalurID. TiketID berfungsi sebagai pengenal/ID dari tiket, namaTiket berfungsi menampung nama tiket, jenisTiket untuk menampung jenis tiket dan harga untuk menampung harga dari tiket. . JalurID sebagai penunjuk dari jalur tempat suatu tiket berlaku, merupakan primary key pada tabel Jalur. Tabel 3.18 Tabel Tiket No 1 2 3 4 5 6

Nama Field TiketID NamaTiket JenisTiket HargaTiket JalurID GambarTiket

Tipe data Varchar Varchar Varchar Varchar Varchar Varchar

Panjang 5 40 25 10 5 30

Keterangan Primary Key, ID tiket Nama tiket Jenis tiket Harga tiket Foreign Key, ID jalur Gambar dari tiket

135  

3.3.4

Entity Relationship Diagram

Gambar 3.55 Entity Relationship Diagram

136  

3.4

Perancangan Layar a. Perancangan Layar User 1. Idle screen

Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 1/18

Date: Screen ID: 1

Screen Description: Idle screen adalah layar yang akan muncul ketika layar tidak digunakan selama 1 menit. Layar berisi tata tertib penggunaan kereta api dan tata cara pembelian tiket. Link From Screen ID: Link to Screen ID: 2 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: Efek fade out lalu animasi akan hilang ketika layar disentuh.

137  

2. M enu Utama Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 2/18

Date: Screen ID: 2

Screen Description: M enu utama kios informasi KRL Commuter Line berisi tomboltombol menuju menu Trayek, Jadwal, Tiket, Info KRL Commuter Line, Kritik & Saran serta Info Perusahaan PT. KCJ. Terdapat pula shortcut menuju sub menu Berita Terkini dan fitur pencarian Jadwal Perjalanan. Link From Screen ID: 1, 3, 4, 7, 8, 9, Link to Screen ID: 3, 4, 7, 9, 12, 13, 15, 16 12, 13, 15, 16, 17, 18 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: Ketika tombol ditekan, tombol akan menunjukkan animasi mengecil seperti sifat tombol yang nyata. Ketika memilih Stasiun Asal maupun Tujuan, akan muncul halaman pop-up yang masuk dengan efek fade-in dan zoom out. 3. Pilih Stasiun

138  

Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 3/18

Date: Screen ID: 3

Screen Description: Halaman berisi daftar stasiun yang akan muncul ketika user memilih Jadwal Custom maupun Rute Custom. Link From Screen ID: 2, 4, 7 Link to Screen ID: 2, 4, 7 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: Halaman muncul dengan efek fade-in dan zoom out.

139  

4. M enu Jadwal Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 4/18

Date: Screen ID: 4

Screen Description: Halaman Jadwal Perjalanan terbagi menjadi dua bagian yaitu Cari Jadwal Perjalanan dan Jadwal Per Jalur yang terdiri dari tombol-tombol menuju jadwal tiap jalur KRL Commuter Line. Link From Screen ID: 2, 3, 5, 6 Link to Screen ID: 2, 3, 5, 6 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: Efek tenggelam dan mengecil ketika tombol ditekan. Ketika memilih Stasiun Asal maupun Tujuan, akan muncul halaman pop-up yang masuk dengan efek fade-in dan zoom out.

140  

5. Jadwal Rute Perjalanan Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 5/18

Date: Screen ID: 5

Screen Description: Hasil pencarian dari fitur Cari Jadwal Perjalanan, menampilkan jadwal dari stasiun asal dan tujuan dan jika kedua stasiun tersebut berada di Jalur yang berbeda, maka akan ditampilkan pula jadwal stasiun transit. Link From Screen ID: 4 Link to Screen ID: 4 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: Halaman ini muncul dengan efek zoom out dan fade in, ketika tombol close di pojok kanan atas ditekan, halaman akan tertutup dengan efek fade out sampai menghilang total.

141  

6. Jadwal Per Jalur Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 6/18

Date: Screen ID: 6

Screen Description: M enampilkan jadwal seluruh stasiun dalam satu jalur. Link From Screen ID: 4, 8, 11 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes:

Link to Screen ID: 4, 8, 11

Still Images: Audio: Video: Animation: Halaman ini muncul dengan efek zoom out dan fade in, ketika tombol close di pojok kanan atas ditekan, halaman akan tertutup dengan efek fade out sampai menghilang total.

142  

7. Trayek Rute Perjalanan Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 7/18

Date: Screen ID: 7

Screen Description: M emperlihatkan peta interaktif seluruh trayek KRL Commuter Line dan keterangan tiap jalur, di kanan bawah layar terdapat menu untuk memilih stasiun asal dan tujuan. Ketika stasiun kedatangan dan asal dipilih lalu user menekan tombol Lihat Rute, maka jalur dari kedua stasiun tersebut akan terfokus. Link From Screen ID: 2, 3, 8 Link to Screen ID: 2, 3, 8 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: Ketika user telah menginput stasiun asal dan tujuan pada kotak di kanan bawah layar, maka akan ditunjukkan animasi dari stasiun asal dan tujuan pada peta.

143  

8. Trayek Per Jalur Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 8/18

Date: Screen ID: 8

Screen Description: M enampilkan peta trayek salah satu jalur dan keterangan stasiunstasiun di jalur tersebut. Default screen dari tampilan peta merupakan peta keseluruhan. Link From Screen ID: 2, 6, 7 Link to Screen ID: 2, 6, 7 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: Ketika salah satu node stasiun pada peta ditekan, akan muncul kotak keterangan stasiun dari luar layar dengan pergerakan animasi. Teks nama stasiun pada peta juga akan membesar dan berganti warna.

144  

9. M enu Tiket Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 9/18

Date: Screen ID: 9

Screen Description: M enu tiket memiliki tiga tombol yang akan menuju pada detil dan info masing-masing tiket. Link From Screen ID: 2 Link to Screen ID: 2, 10 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: Ketika tombol ditekan, akan ada efek mengecil.

145  

10. Daftar Tiket Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 10/18

Date: Screen ID: 10

Screen Description: Berisi daftar tiket yaitu Nama, Jalur, Harga, dan tombol untuk melihat detil tiket Pada pojok kanan atas terdapat tombol close untuk kembali ke menu tiket. Link From Screen ID: 9 Link to Screen ID: 9, 11 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: Layar akan masuk dengan efek fade in dan akan tertutup dengan efek fade out sampai menghilang.

146  

11. Detil Tiket Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 11/18

Date: Screen ID: 11

Screen Description: Berupa pop-up berisi detil keterangan tiket yaitu Nama, Jenis, Jalur, Harga, dan Gambar tiket. Link From Screen ID: 10 Link to Screen ID: 6, 10 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: Layar akan masuk dengan efek fade in dan akan tertutup dengan efek fade out sampai menghilang.

147  

12. Profil KRL Commuter Line Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 12/18

Date: Screen ID: 12

Screen Description: Berisi informasi inti dan singkat dari KRL Commuter Line, video profil KRL Commuter Line, shortcut menuju menu Informasi Perusahaan, Kontak Perusahaan dan Kritik & Saran. Link From Screen ID: 2, 13, 14 Link to Screen ID: 2, 13, 14, 15, 18 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: efek fade in ketika tombol ditekan

148  

13. Berita Terkini Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 13/18

Date: Screen ID: 13

Screen Description: M enampilkan berita terkini. Berita terbaru ditampilkan secara keseluruhan sedangkan berita-berita sebelumnya ditampilkan dalam bentuk judul berita di bagian layar samping. Link From Screen ID: 2, 12 Link to Screen ID: 2, 12 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: Efek fade out berita utama dan digantikan dengan berita yang dipilih dari bagian layar samping.

149  

14. Video Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 14/18

Date: Screen ID: 14

Screen Description: Berupa pop-up yang menampilkan video profil KRL Commuter Line Jabodetabek. Link From Screen ID: 12 Link to Screen ID: 12 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: Layar akan masuk dengan efek fade in dan akan tertutup dengan efek fade out sampai menghilang.

150  

15. Kritik dan Saran Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 15/18

Date: Screen ID: 15

Screen Description: Berisi form kritik dan saran yang terdiri dari Nama, Email, Nomor Tiket, Kritik & Saran. Terdapat pula keyboard virtual yang digunakan untuk mengetik Link From Screen ID: 2, 12 Link to Screen ID: 2 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: Efek membesar ketika tombol keyboard ditekan.

151  

16. Sejarah PT. KCJ Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 16/18

Date: Screen ID: 16

Screen Description: Berisi sejarah PT. KAI Commuter Jabodetabek. Link From Screen ID: 2, 17, 18 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes:

Link to Screen ID: 2, 17, 18

Still Images: Audio: Video: Animation: Animasi perubahan pada slide foto dan slide ketika pindah ke menu lain.

152  

17. Struktur Organisasi PT. KCJ Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 17/18

Date: Screen ID: 17

Screen Description: M emperlihatkan struktur organisasi PT. KAI Commuter Jabodetabek. Link From Screen ID: 16, 18 Link to Screen ID: 2, 16, 18 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Still Images: Audio: Video: Animation: Efek slide ketika pindah ke menu lain.

153  

18. Kontak PT. KCJ Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 18/18

Date: Screen ID: 18

Screen Description: M emperlihatkan kontak PT. KAI Commuter Jabodetabek Link From Screen ID: 12, 16, 17 Link to Screen ID: 2, 16, 17 Color Scheme: #181818, #8a0c1b, # ffe535 Text Attributes: Helvetica 36px, Arial 14px, Arial Bold 18px, Arial Italic 24px Still Images: Audio: Video: Animation: Efek slide ketika pindah ke menu lain.

154  

b. Perancangan Layar Admin 1. Login Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 1/9

Date:Screen ID: 1

Screen Description: M enampilkan form login untuk admin Link From Screen ID: Link to Screen ID: 2 Color Scheme: #9f9d9d, #2a2a2a, #ffffff Text Attributes: Helvetica 36px, Arial 14px, Arial Bold 18px, Arial Italic 24px Still Images: Audio: Video: Animation:-

155  

2. Beranda

Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 2/9

Date: Screen ID: 2

Screen Description: M enampilkan shortcut menuju layar Tambah Berita, Kritik dan Saran, dan Tambah Tiket Link From Screen ID: 1, 3, 4, 5, 6, 7, 8, 9 Link to Screen ID: 1, 3, 4, 6, 7, 8 Color Scheme: #ececec, #d8555e, #8a8a8a, #ffffff Text Attributes: Helvetica 36px, Arial 14px, Arial Bold 18px, Arial Italic 24px Still Images: Audio: Video: Animation:

156  

3. Daftar Berita

Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 3/9

Date: Screen ID: 3

Screen Description: M enampilkan daftar berita yang ada berbentuk tabel berisi, Tanggal Berita, Judul Berita, preview artikel berita, link menuju Lihat Berita, Edit Berita, serta tombol Hapus. Tombol Tambah Berita disediakan di atas tabel. Link From Screen ID: 2, 4, 5, 6, 7, 8, 9 Link to Screen ID: 1, 2, 4, 5, 6, 7 Color Scheme: #ececec, #d8555e, #8a8a8a, #ffffff Text Attributes: Helvetica 36px, Arial 14px, Arial Bold 18px, Arial Italic 24px Still Images: Audio: Video: Animation:

157  

4. Tambah/Ubah Berita

Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 4/9

Date: Screen ID: 4

Screen Description: M enampilkan form penambahan berita atau ubah berita Link From Screen ID: 2, 3 Link to Screen ID: 1, 2, 3, 6, 7 Color Scheme: #ececec, #d8555e, #8a8a8a, #ffffff Text Attributes: Helvetica 36px, Arial 14px, Arial Bold 18px, Arial Italic 24px Still Images: Audio: Video: Animation:

158  

5. Lihat Berita

Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 5/9

Date: Screen ID: 5

Screen Description: M enampilkan detil berita secara keseluruhan Link From Screen ID: 3 Link to Screen ID: 1, 2, 3, 6, 7 Color Scheme: #ececec, #d8555e, #8a8a8a, #ffffff Text Attributes: Helvetica 36px, Arial 14px, Arial Bold 18px, Arial Italic 24px Still Images: Audio: Video: Animation:

159  

6. Kritik dan Saran

Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 6/9

Date: Screen ID: 6

Screen Description: M enampilkan daftar Kritik & Saran yang ada di database. Terdapat tombol untuk mengekspor data Kritik & Saran serta menghapus semua Kritik & Saran yang ada. Link From Screen ID: 2, 3, 4, 5, 7, 8, 9 Link to Screen ID: 1, 2, 3, 7 Color Scheme: #ececec, #d8555e, #8a8a8a, #ffffff Text Attributes: Helvetica 36px, Arial 14px, Arial Bold 18px, Arial Italic 24px Still Images: Audio: Video: Animation:

160  

7. Daftar Tiket

Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 7/9

Date: Screen ID: 7

Screen Description: M enampilkan daftar tiket yang ada di dalam sebuah tabel yang berisi keterangan Nama Tiket serta tombol untuk menghapus tiket, tombol menuju menu Lihat Tiket serta Ubah Tiket. Di bagian atas terdapat pilihan untuk menyortir daftar tiket sesuai jenisnya dan tombol menuju menu Tambah Tiket. Link From Screen ID: 2, 3, 4, 5, 6, 8, 9 Link to Screen ID: 1, 2, 3, 6 Color Scheme: #ececec, #d8555e, #8a8a8a, #ffffff Text Attributes: Helvetica 36px, Arial 14px, Arial Bold 18px, Arial Italic 24px Still Images: Audio: Video: Animation:

161  

8. Tambah/Ubah Tiket

Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 8/9

Date: Screen ID: 8

Screen Description: M enampilkan form untuk menginput detil tiket baru atau mengubah detil tiket yang sudah ada Link From Screen ID: 2, 7 Link to Screen ID: 1, 2, 3, 6, 7 Color Scheme: #ececec, #d8555e, #8a8a8a, #ffffff Text Attributes: Helvetica 36px, Arial 14px, Arial Bold 18px, Arial Italic 24px Still Images: Audio: Video: Animation:

162  

9. Lihat Tiket

Multimedia S toryboard Project: Kios Informasi KRL Commuter Line Screen: 9/9

Date: Screen ID: 9

Screen Description: M elihat detil salah satu tiket Link From Screen ID: 7 Link to Screen ID: 1, 2, 3, 6, 7 Color Scheme: #ececec, #d8555e, #8a8a8a, #ffffff Text Attributes: Helvetica 36px, Arial 14px, Arial Bold 18px, Arial Italic 24px Still Images: Audio: Video: Animation: