SlideShare a Scribd company logo
FITUR LAYANAN
1.. Menu
DropDown
2. Slide Show
3. Form pengisian
1. Memilih jadwal
pemberangkatan
FITUR LAYANAN
1. Menu Dropdown
2. Slide Show
3. Form pengisian jadwal
4. Fitur kemanan Chapta
5. Navigasi
6. Next dan prev
7. Pembayaran dengan radio button
8. Fitur Pindah kursi
9. Fitur himbauan dan informasi
10. Verifikasi email
TAHAPAN PROSES
2. Tahap pemilihan kereta api untuk
booking kereta.
Pada tahap ini tidak ditampilkan navigasi
Sehingga membuat pengguna bingung.
TAHAPAN PROSES
3. Info Booking KA. Pada tahap ini juga
tidak ditampilkan navigasi yang membuat
Pengguna bingung.
TAHAPAN PROSES
4. Tahap pengisian Data pemesan. Pada
Tahap ini tersedia navigasi, dan sistem keamanan
Berupa Captha.
TAHAPAN PROSES
5. Tahap menu pembayaran
TAHAPAN PROSES
5. Tahap konfirmasi email .
Pada tahap konfirmasi dihimbau untuk
segera melakukan pembayaran dengan
batas waktu yang ditentukan jika melebihi
batas waktu dianggap tiketnya hangus.
SELESAI
ELEMEN INPUT YANG DIGUNAKAN
1. Combo box
2. Button
3. Text Box
4. Check Box
5. Radio button
8 UI DESIGN GOLDEN RULES
1. Berpegang teguh pada konsistensi
2. Bisa dipegang semua jenis user
3. Menyediakan feedback yg informatif
4. Serangkaian aksi dari user dikelompokkan dalam tahap2
5. Sebisa mungkin mencegah error/kesalahan
6. Sediakan fitur pengguna untuk memperbaiki kesalahan (undo)
7. Interface bekerja sesuai dengan keinginan user
8. Hindari penggunaan interface dimana user harus mengingat banyak
informasi

More Related Content

Viewers also liked

Interaksi manusia komputer_web_mobile
Interaksi manusia komputer_web_mobileInteraksi manusia komputer_web_mobile
Interaksi manusia komputer_web_mobile
Abrianto Nugraha
 
Interaksi manusia komputer 3
Interaksi manusia komputer 3Interaksi manusia komputer 3
Interaksi manusia komputer 3
Abrianto Nugraha
 
materi imk Menu
materi imk Menumateri imk Menu
materi imk Menu
Kukuh Aji
 
Intraksi Manusia dan Komputer
Intraksi Manusia dan KomputerIntraksi Manusia dan Komputer
Intraksi Manusia dan Komputer
khoiril07
 
Analisa website Traveloka - Tugas IMK
Analisa website Traveloka - Tugas IMKAnalisa website Traveloka - Tugas IMK
Analisa website Traveloka - Tugas IMK
Miftahul Muttaqin
 
Analisa Website Traveloka - Makalah IMK
Analisa Website Traveloka - Makalah IMKAnalisa Website Traveloka - Makalah IMK
Analisa Website Traveloka - Makalah IMK
Miftahul Muttaqin
 
Kelompok 6
Kelompok 6Kelompok 6
Kelompok 6
Gilbert Abednego
 
Tugas Dampak Positif Dan Negatif IMK
Tugas Dampak Positif Dan Negatif IMKTugas Dampak Positif Dan Negatif IMK
Tugas Dampak Positif Dan Negatif IMKHendra Deni Afriliya
 
Presentasi Dampak Positif Dan Negatif IMK
Presentasi Dampak Positif Dan Negatif IMKPresentasi Dampak Positif Dan Negatif IMK
Presentasi Dampak Positif Dan Negatif IMKHendra Deni Afriliya
 
Modul 1 mengambil nilai parameter
Modul 1   mengambil nilai parameterModul 1   mengambil nilai parameter
Modul 1 mengambil nilai parameter
Abrianto Nugraha
 
Pertemuan 5
Pertemuan 5Pertemuan 5
Pertemuan 5
Abrianto Nugraha
 
Keamanan Jaringan - Pertemuan 3
Keamanan Jaringan - Pertemuan 3Keamanan Jaringan - Pertemuan 3
Keamanan Jaringan - Pertemuan 3
Abrianto Nugraha
 
Pertemuan 7 dan_8
Pertemuan 7 dan_8Pertemuan 7 dan_8
Pertemuan 7 dan_8
Abrianto Nugraha
 
Contoh interface yang baik
Contoh interface yang baikContoh interface yang baik
Contoh interface yang baik
Hibaten Wafiroh
 
Algoritma Pemrograman - Pseudocode & Flowchart
Algoritma Pemrograman - Pseudocode & FlowchartAlgoritma Pemrograman - Pseudocode & Flowchart
Algoritma Pemrograman - Pseudocode & Flowchart
Dwi Putra Asana
 
Keamanan Jaringan - Pertemuan 4
Keamanan Jaringan - Pertemuan 4Keamanan Jaringan - Pertemuan 4
Keamanan Jaringan - Pertemuan 4
Abrianto Nugraha
 
Modul 2 - Jenis-Jenis Keamanan Jaringan
Modul 2 - Jenis-Jenis Keamanan JaringanModul 2 - Jenis-Jenis Keamanan Jaringan
Modul 2 - Jenis-Jenis Keamanan Jaringan
jagoanilmu
 
Keamanan Jaringan - Pertemuan 6
Keamanan Jaringan - Pertemuan 6Keamanan Jaringan - Pertemuan 6
Keamanan Jaringan - Pertemuan 6
Abrianto Nugraha
 

Viewers also liked (20)

Interaksi manusia komputer_web_mobile
Interaksi manusia komputer_web_mobileInteraksi manusia komputer_web_mobile
Interaksi manusia komputer_web_mobile
 
Interaksi manusia komputer 3
Interaksi manusia komputer 3Interaksi manusia komputer 3
Interaksi manusia komputer 3
 
materi imk Menu
materi imk Menumateri imk Menu
materi imk Menu
 
Intraksi Manusia dan Komputer
Intraksi Manusia dan KomputerIntraksi Manusia dan Komputer
Intraksi Manusia dan Komputer
 
Analisa website Traveloka - Tugas IMK
Analisa website Traveloka - Tugas IMKAnalisa website Traveloka - Tugas IMK
Analisa website Traveloka - Tugas IMK
 
Analisa Website Traveloka - Makalah IMK
Analisa Website Traveloka - Makalah IMKAnalisa Website Traveloka - Makalah IMK
Analisa Website Traveloka - Makalah IMK
 
Kelompok 6
Kelompok 6Kelompok 6
Kelompok 6
 
Tugas Dampak Positif Dan Negatif IMK
Tugas Dampak Positif Dan Negatif IMKTugas Dampak Positif Dan Negatif IMK
Tugas Dampak Positif Dan Negatif IMK
 
Presentasi Dampak Positif Dan Negatif IMK
Presentasi Dampak Positif Dan Negatif IMKPresentasi Dampak Positif Dan Negatif IMK
Presentasi Dampak Positif Dan Negatif IMK
 
Pengenalan imk
Pengenalan imkPengenalan imk
Pengenalan imk
 
Modul 1 mengambil nilai parameter
Modul 1   mengambil nilai parameterModul 1   mengambil nilai parameter
Modul 1 mengambil nilai parameter
 
Pertemuan 5
Pertemuan 5Pertemuan 5
Pertemuan 5
 
Keamanan Jaringan - Pertemuan 3
Keamanan Jaringan - Pertemuan 3Keamanan Jaringan - Pertemuan 3
Keamanan Jaringan - Pertemuan 3
 
Pertemuan 7 dan_8
Pertemuan 7 dan_8Pertemuan 7 dan_8
Pertemuan 7 dan_8
 
Contoh2+soal+imk
Contoh2+soal+imkContoh2+soal+imk
Contoh2+soal+imk
 
Contoh interface yang baik
Contoh interface yang baikContoh interface yang baik
Contoh interface yang baik
 
Algoritma Pemrograman - Pseudocode & Flowchart
Algoritma Pemrograman - Pseudocode & FlowchartAlgoritma Pemrograman - Pseudocode & Flowchart
Algoritma Pemrograman - Pseudocode & Flowchart
 
Keamanan Jaringan - Pertemuan 4
Keamanan Jaringan - Pertemuan 4Keamanan Jaringan - Pertemuan 4
Keamanan Jaringan - Pertemuan 4
 
Modul 2 - Jenis-Jenis Keamanan Jaringan
Modul 2 - Jenis-Jenis Keamanan JaringanModul 2 - Jenis-Jenis Keamanan Jaringan
Modul 2 - Jenis-Jenis Keamanan Jaringan
 
Keamanan Jaringan - Pertemuan 6
Keamanan Jaringan - Pertemuan 6Keamanan Jaringan - Pertemuan 6
Keamanan Jaringan - Pertemuan 6
 

More from Abrianto Nugraha

Ds sn is-02
Ds sn is-02Ds sn is-02
Ds sn is-02
Abrianto Nugraha
 
Ds sn is-01
Ds sn is-01Ds sn is-01
Ds sn is-01
Abrianto Nugraha
 
Pertemuan 5 optimasi_dengan_alternatif_terbatas_-_lengkap
Pertemuan 5 optimasi_dengan_alternatif_terbatas_-_lengkapPertemuan 5 optimasi_dengan_alternatif_terbatas_-_lengkap
Pertemuan 5 optimasi_dengan_alternatif_terbatas_-_lengkap
Abrianto Nugraha
 
04 pemodelan spk
04 pemodelan spk04 pemodelan spk
04 pemodelan spk
Abrianto Nugraha
 
02 sistem pengambilan-keputusan_revised
02 sistem pengambilan-keputusan_revised02 sistem pengambilan-keputusan_revised
02 sistem pengambilan-keputusan_revised
Abrianto Nugraha
 
01 pengantar sistem-pendukung_keputusan
01 pengantar sistem-pendukung_keputusan01 pengantar sistem-pendukung_keputusan
01 pengantar sistem-pendukung_keputusan
Abrianto Nugraha
 
Pertemuan 7
Pertemuan 7Pertemuan 7
Pertemuan 7
Abrianto Nugraha
 
Pertemuan 6
Pertemuan 6Pertemuan 6
Pertemuan 6
Abrianto Nugraha
 
Pertemuan 4
Pertemuan 4Pertemuan 4
Pertemuan 4
Abrianto Nugraha
 
Pertemuan 3
Pertemuan 3Pertemuan 3
Pertemuan 3
Abrianto Nugraha
 
Pertemuan 2
Pertemuan 2Pertemuan 2
Pertemuan 2
Abrianto Nugraha
 
Pertemuan 1
Pertemuan 1Pertemuan 1
Pertemuan 1
Abrianto Nugraha
 
Modul 3 object oriented programming dalam php
Modul 3   object oriented programming dalam phpModul 3   object oriented programming dalam php
Modul 3 object oriented programming dalam php
Abrianto Nugraha
 
Modul 2 menyimpan ke database
Modul 2  menyimpan ke databaseModul 2  menyimpan ke database
Modul 2 menyimpan ke database
Abrianto Nugraha
 
Pemrograman berorientasi objek_1
Pemrograman berorientasi objek_1Pemrograman berorientasi objek_1
Pemrograman berorientasi objek_1
Abrianto Nugraha
 

More from Abrianto Nugraha (20)

Ds sn is-02
Ds sn is-02Ds sn is-02
Ds sn is-02
 
Ds sn is-01
Ds sn is-01Ds sn is-01
Ds sn is-01
 
Pertemuan 5 optimasi_dengan_alternatif_terbatas_-_lengkap
Pertemuan 5 optimasi_dengan_alternatif_terbatas_-_lengkapPertemuan 5 optimasi_dengan_alternatif_terbatas_-_lengkap
Pertemuan 5 optimasi_dengan_alternatif_terbatas_-_lengkap
 
04 pemodelan spk
04 pemodelan spk04 pemodelan spk
04 pemodelan spk
 
02 sistem pengambilan-keputusan_revised
02 sistem pengambilan-keputusan_revised02 sistem pengambilan-keputusan_revised
02 sistem pengambilan-keputusan_revised
 
01 pengantar sistem-pendukung_keputusan
01 pengantar sistem-pendukung_keputusan01 pengantar sistem-pendukung_keputusan
01 pengantar sistem-pendukung_keputusan
 
Pertemuan 7
Pertemuan 7Pertemuan 7
Pertemuan 7
 
Pertemuan 6
Pertemuan 6Pertemuan 6
Pertemuan 6
 
Pertemuan 4
Pertemuan 4Pertemuan 4
Pertemuan 4
 
Pertemuan 3
Pertemuan 3Pertemuan 3
Pertemuan 3
 
Pertemuan 2
Pertemuan 2Pertemuan 2
Pertemuan 2
 
Pertemuan 1
Pertemuan 1Pertemuan 1
Pertemuan 1
 
Modul 3 object oriented programming dalam php
Modul 3   object oriented programming dalam phpModul 3   object oriented programming dalam php
Modul 3 object oriented programming dalam php
 
Modul 2 menyimpan ke database
Modul 2  menyimpan ke databaseModul 2  menyimpan ke database
Modul 2 menyimpan ke database
 
Pbo 7
Pbo 7Pbo 7
Pbo 7
 
Pbo 6
Pbo 6Pbo 6
Pbo 6
 
Pbo 4
Pbo 4Pbo 4
Pbo 4
 
Pbo 3
Pbo 3Pbo 3
Pbo 3
 
Pemrograman berorientasi objek_1
Pemrograman berorientasi objek_1Pemrograman berorientasi objek_1
Pemrograman berorientasi objek_1
 
Pbo 2
Pbo 2Pbo 2
Pbo 2
 

Recently uploaded

Refleksi pembelajaran guru bahasa inggris.pptx
Refleksi pembelajaran guru bahasa inggris.pptxRefleksi pembelajaran guru bahasa inggris.pptx
Refleksi pembelajaran guru bahasa inggris.pptx
SholahuddinAslam
 
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdfPPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
SdyokoSusanto1
 
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdf
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdfLaporan Pembina OSIS UNTUK PMMOK.pdf.pdf
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdf
OcitaDianAntari
 
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-OndelSebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
ferrydmn1999
 
Kisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SDKisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SD
denunugraha
 
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakatPPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
jodikurniawan341
 
untuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawasuntuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawas
TEDYHARTO1
 
Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...
Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...
Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...
JokoPramono34
 
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
asepridwan50
 
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdfLaporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
UmyHasna1
 
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdfRHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
asyi1
 
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa BaratPendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Eldi Mardiansyah
 
Kisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docxKisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docx
irawan1978
 
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
arianferdana
 
ppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdfppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdf
setiatinambunan
 
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
ozijaya
 
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdfPENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
smp4prg
 
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi  dan prakarsa perubahanAKSI NYATA MODUL 1.3 visi  dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
PutuRatihSiswinarti1
 
CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...
CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...
CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...
VenyHandayani2
 
RANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdf
RANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdfRANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdf
RANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdf
junarpudin36
 

Recently uploaded (20)

Refleksi pembelajaran guru bahasa inggris.pptx
Refleksi pembelajaran guru bahasa inggris.pptxRefleksi pembelajaran guru bahasa inggris.pptx
Refleksi pembelajaran guru bahasa inggris.pptx
 
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdfPPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
 
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdf
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdfLaporan Pembina OSIS UNTUK PMMOK.pdf.pdf
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdf
 
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-OndelSebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
 
Kisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SDKisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SD
 
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakatPPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
 
untuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawasuntuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawas
 
Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...
Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...
Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...
 
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
 
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdfLaporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
 
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdfRHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
 
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa BaratPendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
 
Kisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docxKisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docx
 
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
 
ppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdfppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdf
 
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
 
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdfPENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
 
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi  dan prakarsa perubahanAKSI NYATA MODUL 1.3 visi  dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
 
CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...
CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...
CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...
 
RANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdf
RANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdfRANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdf
RANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdf
 

Interaksi manusia-komputer

  • 1.
  • 2. FITUR LAYANAN 1.. Menu DropDown 2. Slide Show 3. Form pengisian 1. Memilih jadwal pemberangkatan
  • 3. FITUR LAYANAN 1. Menu Dropdown 2. Slide Show 3. Form pengisian jadwal 4. Fitur kemanan Chapta 5. Navigasi 6. Next dan prev 7. Pembayaran dengan radio button 8. Fitur Pindah kursi 9. Fitur himbauan dan informasi 10. Verifikasi email
  • 4. TAHAPAN PROSES 2. Tahap pemilihan kereta api untuk booking kereta. Pada tahap ini tidak ditampilkan navigasi Sehingga membuat pengguna bingung.
  • 5. TAHAPAN PROSES 3. Info Booking KA. Pada tahap ini juga tidak ditampilkan navigasi yang membuat Pengguna bingung.
  • 6. TAHAPAN PROSES 4. Tahap pengisian Data pemesan. Pada Tahap ini tersedia navigasi, dan sistem keamanan Berupa Captha.
  • 7. TAHAPAN PROSES 5. Tahap menu pembayaran
  • 8. TAHAPAN PROSES 5. Tahap konfirmasi email .
  • 9. Pada tahap konfirmasi dihimbau untuk segera melakukan pembayaran dengan batas waktu yang ditentukan jika melebihi batas waktu dianggap tiketnya hangus. SELESAI
  • 10. ELEMEN INPUT YANG DIGUNAKAN 1. Combo box 2. Button 3. Text Box 4. Check Box 5. Radio button
  • 11. 8 UI DESIGN GOLDEN RULES 1. Berpegang teguh pada konsistensi 2. Bisa dipegang semua jenis user 3. Menyediakan feedback yg informatif 4. Serangkaian aksi dari user dikelompokkan dalam tahap2 5. Sebisa mungkin mencegah error/kesalahan 6. Sediakan fitur pengguna untuk memperbaiki kesalahan (undo) 7. Interface bekerja sesuai dengan keinginan user 8. Hindari penggunaan interface dimana user harus mengingat banyak informasi