Download - Laporan Kp New
-
7/22/2019 Laporan Kp New
1/42
i
LAPORAN KERJA PRAKTEK
ANALISA SISTEM PRESENSI ONLINE PADA PAPERLESSOFFICE INTERNAL TELKOM DI PT TELKOM INDONESIA
REGIONAL IV JATENG-DIY BERDASARKAN SUDUT
PANDANG INTERAKSI MANUSIA DAN KOMPUTER
Laporan ini disusun sebagai salah satu syarat pada mata Kuliah Kerja Praktek
pada Program Studi Teknik Informatika-S1 Fakultas Ilmu KomputerUniversitas Dian Nuswantoro
Oleh:
NAMA : ALVINO DWI RACHMAN PRABOWO
NIM : A11.2010.05369
Program Studi : Teknik Informatika-S1
TEKNIK INFORMATIKAS1
FAKULTAS ILMU KOMPUTER
UNIVERSITAS DIAN NUSWANTORO
SEMARANG
2013
-
7/22/2019 Laporan Kp New
2/42
ii
PERSETUJUAN DOSEN PEMBIMBING KERJA PRAKTEK
ANALISA SISTEM PRESENSI ONLINE PADA PAPERLESS
OFFICE INTERNAL TELKOM DI PT TELKOM INDONESIA
REGIONAL IV JATENG-DIY BERDASARKAN SUDUT
PANDANG INTERAKSI MANUSIA DAN KOMPUTER
Oleh :
NIM : A11.2010.05369
Nama : Alvino Dwi Rachman Prabowo
Program Studi : Teknik Informatika - S1
Telah diperiksa dan disetujui oleh pembimbing kerja praktek guna mencapai gelar
Sarjana Komputer Strata Satu pada Fakultas Ilmu Komputer, Universitas Dian
Nuswantoro Semarang
Semarang, 29 Oktober 2013
Menyetujui,
Penyelia
Yani Maria Christie, S.T
Pembimbing KP
Feri Agustina, M.Kom
-
7/22/2019 Laporan Kp New
3/42
iii
ABSTRAK
Wahyu Cepta Gusta (A11.2010.05247)
ANALISIS DAN PERANCANGAN APLIKASI SMS CENTER LAYANAN
INFORMASI BERBASIS WEB
(Studi Kasus : Dinhubkominfo Prov Jateng)
-
7/22/2019 Laporan Kp New
4/42
iv
KATA PENGANTAR
Puji syukur kepada Tuhan yang Maha Esa atas segala berkat yang telah
diberikan-Nya, sehingga Laporan Kerja Praktek ini dapat diselesaikan.
Laporan Kerja Praktek dengan judul Analisa Sistem Presensi Online Pada
Paperless Office Internal Telkom Di PT Telkom Indonesia Regional IV Jateng-DIY
Berdasarkan Sudut Pandang Interaksi Manusia dan Komputer ini ditujukan untuk
memenuhi sebagian persyaratan akademik guna menyelesaikan studi di Program
Studi Teknik Informatika Strata Satu Universitas Dian Nuswantoro Semarang.
Penulis menyadari bahwa tanpa bimbingan, bantuan, dan doa dari berbagai
pihak, Laporan Kerja Praktek ini tidak akan dapat diselesaikan tepat pada waktunya.
Oleh karena itu, penulis mengucapkan terima kasih yang sebesar-besarnya kepada
semua pihak yang telah membantu dalam proses penulisan Laporan Kerja Praktek
ini, yaitu kepada:
1. Dr. Ir. Edi Noersasongko, M.Kom. selaku Rektor Universitas Dian NuswantoroSemarang.
2. Dr. Drs Abdul Syukur, MM, selaku Dekan Fakultas Ilmu Komputer.3. Dr. Heru Agus Santoso, M.Kom, selaku Ketua Program Studi Teknik
Informatika-S1.
4. Feri Agustina, M.Kom, selaku Dosen Pembimbing Kerja Praktek yang telahmemberikan bimbingan dan banyak memberikan masukan kepada penulis.
5. Desi Purwanti Kusumaningrum, M.Kom, selaku Koordinator Kerja Praktek.6. Yani Maria Christie, S.T, selaku penyelia yang telah membimbing dan
memberikan masukkan kepada penulis.
7. Orang tua dan sahabat yang selalu memberi motivasi dan dorongan semangat disaat penyelesaian laporan kerja praktek ini.
Akhir kata, penulis menyadari bahwa mungkin masih terdapat kekurangan
dalam Laporan Kerja Praktek ini. Oleh karena itu, kritik dan saran dari pembaca
sangat bermanfaat bagi penulis. Semoga Laporan Kerja Praktek ini dapat bermanfaat
bagi semua pihak yang membacanya.
Semarang, 2013
Penulis
-
7/22/2019 Laporan Kp New
5/42
v
DAFTAR ISI
LAPORAN KERJA PRAKTEK ................................................................................... iPERSETUJUAN DOSEN PEMBIMBING KERJA PRAKTEK ................................ ii
ABSTRAK .................................................................................................................. iii
KATA PENGANTAR ................................................................................................ iv
DAFTAR ISI ................................................................................................................ v
DAFTAR GAMBAR ................................................................................................. vii
DAFTAR TABEL..................................................................................................... viii
DAFTAR LAMPIRAN ............................................................................................... ix
BAB I ........................................................................................................................... 1
PENDAHULUAN ....................................................................................................... 1
1.1. Latar Belakang .............................................................................................. 1
1.2. Perumusan Masalah ...................................................................................... 21.3. Batasan Masalah............................................................................................ 2
1.4. Tujuan dan Manfaat Kerja Praktek ............................................................... 2
1.4.1. Tujuan Kerja Praktek ............................................................................. 2
1.4.2. Manfaat Kerja Praktek ........................................................................... 3
1.4.2.1. Bagi Penulis ....................................................................................... 3
1.4.2.2. Bagi Universitas Dian Nuswantoro .................................................... 3
1.5. Lokasi dan Jadwal Kerja Praktek .................................................................. 3
1.6. Sistematika Penulisan.................................................................................... 3
BAB II .......................................................................................................................... 5
LANDASAN TEORI ................................................................................................... 5
2.1. Pengertian Paperless Office Internal Telkom ............................................... 52.1.1. Presensi Online ...................................................................................... 5
2.2. E-Office ......................................................................................................... 5
2.3. Interaksi Manusia dan Komputer .................................................................. 6
2.3.1. Usability ................................................................................................. 7
2.3.2. User Experience ..................................................................................... 8
2.3.3. User Interface ......................................................................................... 9
BAB III ...................................................................................................................... 10
OBJEK KERJA PRAKTEK ...................................................................................... 10
3.1. Sejarah ......................................................................................................... 10
3.2. Logo PT. Telkom Indonesia ........................................................................ 11
3.3. Badan Hukum PT. Telkom Indonesia ......................................................... 123.4. Struktur Organisasi Divisi IS Centre Regional IV PT. Telkom Indonesia,
Tbk Semarang ........................................................................................................ 12
3.5. Visi dan Misi Divisi IS Centre Regional IV PT. Telkom Indonesia, Tbk
Semarang ................................................................................................................ 13
3.5.1. Visi ....................................................................................................... 13
3.5.2. Misi ...................................................................................................... 13
3.6. Fasilitas PT. Telekomunikasi Indonesia Regional IV Jateng-DIY Semarang
14
3.7. Peraturan di PT. Telekomunikasi Indonesia Regional IV Jateng-DIY
Semarang ................................................................................................................ 14
BAB IV ...................................................................................................................... 15
-
7/22/2019 Laporan Kp New
6/42
vi
ANALISA DAN PEMBAHASAN ............................................................................ 15
4.1. Analisa Interaksi Manusia dan Komputer ................................................... 15
4.2. Analisis User Experience Sistem Presensi Online ...................................... 15
4.3. Analisis Usability dan User Interface Presensi Online ............................... 16
4.4. Halaman Utama ........................................................................................... 214.4.1. Halaman Utama Paperless Office Internal Telkom ................................. 21
4.4.2. Halaman Utama Sistem Presensi Online ................................................. 22
4.5. Logo ............................................................................................................ 22
4.6. Animasi ....................................................................................................... 22
4.7. Bahasa, Pemilihan Warna dan Font ............................................................ 22
4.8. Sistem Menu dan Navigasi.......................................................................... 24
4.9. Breadcrumb ................................................................................................. 24
4.10. Link .......................................................................................................... 25
4.11. Gambar .................................................................................................... 25
4.12. Outdated Content ..................................................................................... 25
4.13. Tampilan Website .................................................................................... 264.14. Searching ................................................................................................. 26
4.15. Menu Login, Form Login ........................................................................ 27
4.16. Screen Resolution .................................................................................... 27
4.17. Text Image ............................................................................................... 28
4.18. Penempatan Menu Utama ........................................................................ 29
BAB V ....................................................................................................................... 31
PENUTUP ................................................................................................................. 31
5.1. Kesimpulan ................................................................................................. 31
5.2. Saran ............................................................................................................ 31
DAFTAR PUSTAKA ................................................................................................ 32LAMPIRAN ............................................................................................................... 33
-
7/22/2019 Laporan Kp New
7/42
vii
DAFTAR GAMBAR
2.1 Gambar Interaksi Manusia dan Komputer ............................................................. 63.1 Logo PT.Telkom Indonesia ................................................................................. 11
3.2 Gambar Struktur Organisasi Divisi IS CENTER PT. Telkom Indonesia ............ 13
4.1 Gambar Halaman Utama Paperless Office Internal Telkom ............................... 17
4.2 Gambar Login Sistem Presensi Online ................................................................ 17
4.3 Gambar Halaman Utama Sistem Presensi Online ............................................... 18
4.4 Gambar Halaman Personal .................................................................................. 18
4.5 Gambar Halaman Supervisor ............................................................................... 19
4.6 Gambar Halaman Reporting ................................................................................ 19
4.7 Gambar Halaman Modul Lembur ........................................................................ 20
4.8 Gambar Halaman Arsip Modul Lembur .............................................................. 20
http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635934http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635935http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635937http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635938http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635939http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635940http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635941http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635942http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635943http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635944http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635944http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635944http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635943http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635942http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635941http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635940http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635939http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635938http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635937http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635935http://d/Kuliah/KP_TA/KP/KP%20Alvino/laporan%20kp%20new.docx%23_Toc370635934 -
7/22/2019 Laporan Kp New
8/42
viii
DAFTAR TABEL
-
7/22/2019 Laporan Kp New
9/42
ix
DAFTAR LAMPIRAN
-
7/22/2019 Laporan Kp New
10/42
1
BAB I
PENDAHULUAN
1.1. Latar BelakangPerkembangan teknologi di segala bidang semakin maju dan
memudahkan pekerjaan penggunanya. Salah satunya adalah suatu aplikasi
perangkat lunak yang sangat membantu dalam bidang sistem informasi suatu
perusahaan. Berita dan info info sangat cepat tersampaikan berkat aplikasi
tersebut, yang walaupun membutuhkan koneksi internet, namun itu tidak akan
menjadi masalah, karena sebagian besar warga negara Indonesia sudah
mempunyai koneksi internet sendiri, termasuk perusahaan perusahaan
besar, diantaranya Badan Umum Milik Negara (BUMN). Namun jika ada
aplikasi, tentu juga ada desain interface yang digunakan user untuk
berinteraksi dengan aplikasi tersebut. Banyak aplikasi yang mempunyai
desain interface yang buruk, sehingga dapat menghambat user untuk
menyelesaikan pekerjaannya dan menghambat kinerja karyawan.
Desain interface suatu aplikasi harus memiliki unsur-unsur yang ada
di dalam ilmu Interaksi Manusia dan Komputer (IMK) seperti usability, user
experience dan user interface , sehingga user dapat bekerja dengan tenang dan
tidak kebingungan dalam menggunakan aplikasi tersebut.
PT. Telkom Indonesia, Tbk termasuk Badan Usaha Milik Negara
(BUMN) yang terdepan dalam menggunakan aplikasiaplikasi untuk
membantu karyawannya dalam menyelesaikan suatu pekerjaan dengan cepat,
tepat dan efisien serta dapat meningkatkan kinerja perusahaan. Salah satu
aplikasi mereka yang sangat berguna untuk meningkatkan kinerja dan
membantu karyawan adalah E-Office : Paperless Office Internal Telkom
(POINT). Aplikasi tersebut adalah suatu sistem informasi karyawan yang
memiliki fitur-fitur yang sangat mendukung karyawan seperti Absensi
Online, Cuti Online, Surat Permohonan Perjalanan Dinas Online, Nota Dinas,
dan lain sebagainya.
-
7/22/2019 Laporan Kp New
11/42
2
Berdasarkan masalah tersebut, penulis memilih judul ANALISA
SISTEM PRESENSI ONLINE PADA PAPERLESS OFFICE INTERNAL
TELKOM DI PT TELKOM INDONESIA REGIONAL IV JATENG-DIY
BERDASARKAN SUDUT PANDANG INTERAKSI MANUSIA DAN
KOMPUTER.
1.2. Perumusan MasalahDari uraian latar belakang di atas dapat disimpulkan permasalahan
yang akan diberikan solusi oleh penulis pada kerja praktek kali ini adalah:
1. Bagaimana pemanfaatan Presensi Online di PT. TelekomunikasiIndonesia Regional IV Jateng-DIY?
2. Bagaimana usability, user experience dan user interface dariPresensi Online pada Paperless Office Internal Telkom?.
1.3. Batasan MasalahSebagaimana disebutkan dalam latar belakang ada beberapa
permasalahan yang dianalisa oleh penulis. Ruang lingkup permasalahan
diatas perlu adanya suatu batasan, untuk memberikan kemudahan di dalam
praktek di lapangan. Batasan tersebut adalah sebagai berikut:
1. Analisa E-Office : Paperless Office Internal Telkom ini hanya padafitur Presensi Online.
2. Analisa hanya ditinjau dari usability, user experience dan userinterface dari Presensi Online tersebut.
1.4. Tujuan dan Manfaat Kerja Praktek1.4.1. Tujuan Kerja Praktek
Berdasarkan perumusan masalah dan batasan masalah, maka
dapat dideskripsikan tujuan dari kerja praktek ini adalah:
1. Untuk mengetahui E-Office dari PT. Telkom Indonesia danmanfaatnya bagi karyawan.
2. Menganalisa Sistem Presensi Online dengan sudut pandangInteraksi Manusia dan Komputer terutama ditinjau dari usability,
user experience dan user interfacenya.
-
7/22/2019 Laporan Kp New
12/42
3
1.4.2. Manfaat Kerja Praktek1.4.2.1. Bagi Penulis
1) Mendapatkan pengalaman bekerja di dunia kerja sesungguhnyadengan menerapkan ilmu teoritis yang sudah didapatkan di
bangku kuliah.
2) Melatih daya kreativitas dan keahlian penulis.3) Melatih penulis untuk peka dalam mencari solusi dalam suatu
masalah yang dihadapi dalam dunia kerja.
1.4.2.2. Bagi Universitas Dian NuswantoroMengetahui sejauh mana ilmu yang telah diserap dan
dipahami oleh mahasiswa selama perkuliahan berlangsung.
1.4.2.3. Bagi PT. Telkom Indonesia, Tbk (Regional IV Jateng-DIY)Sebagai saran dan bahan pertimbangan
pengembangan Paperless Office Internal Telkom, terutama
Sistem Presensi Online agar menjadi lebih baik lagi dan user
friendly bagi karyawan dan dapat berdampak padameningkatnya kinerja karyawan agar menjadi lebih baik lagi.
1.5. Lokasi dan Jadwal Kerja PraktekKerja Praktek dilaksanakan di PT Telkom Indonesia, Tbk Witel IV
Jateng Utara yang beralamat di Jl. Pahlawan no.10 Semarang. Kerja Praktek
dilaksanakan selama kurang lebih 1 bulan mulai tanggal 22 Juli 2013 sampai
dengan 30 Agustus 2013.
1.6. Sistematika PenulisanUntuk memudahkan pembahasan, keseluruhan perancangan sistem ini
dibagi menjadi lima bab dengan pokok pikiran dari tiap-tiap bab sebagai
berikut:
BAB I Pendahuluan
-
7/22/2019 Laporan Kp New
13/42
4
Bab ini berisi tentang latar belakang masalah, perumusan
masalah, batasan masalah, tujuan kerja praktek dan manfaat
kerja praktek.
BAB II Landasan Teori
Bab ini berisi tentang teori, landasan, paradigma, cara pandang.
BAB III Tempat Kerja Praktek
Bab ini menguraikan tentang objek penelitian, sejarah, struktur
organisasi
BAB IV Hasil dan Pembahasan
Dalam bab ini penulis menganalisa permasalahan yang dihadapi
dan juga memberikan solusi pemecahan masalah berupa hasil
analisa dari Presensi Online tersebut.
BAB V Penutup
Bab ini berisikan tentang kesimpulan dan saran yang berupa
saran dan kritik dari sistem yang sudah dianalisa tersebut.
DAFTAR PUSTAKA
LAMPIRAN
-
7/22/2019 Laporan Kp New
14/42
5
BAB II
LANDASAN TEORI
2.1. Pengertian Paperless Office Internal TelkomPaperless Office Internal Telkom merupakan E-Office dari
Perusahaan PT. Telkom Indonesia. E-Office ini mempunyai tujuan utama
yaitu meminimalisasi pemakaian kertas di lingkungan kerja. Selain itu, E-
Office juga berguna untuk mengurangi pengeluaran perusahaan,
memudahkan untuk berbagi informasi, mengamankan informasi dan ramah
lingkungan.
Paperless Office Internal Telkom memiliki fitur diantaranya Nota
Dinas Online, Webmail Internal, Absensi atau Presensi Online, Surat
Permohonan Perjalanan Dinas Online, Cuti Online, E-Learning untuk
Karyawan, Telkom Tube, Info Karyawan, Data Riwayat Pegawai, Slip Gaji,
dan lain sebagainya.
2.1.1. Presensi OnlinePresensi Online adalah sebuah aplikasi yang digunakan
karyawan untuk mempermudah proses pencatatan kehadiran secara
online.
2.2. E-OfficeElectronic Office (e-office) adalah suatu sistem yang berhubungan
dengan administrasi, secara maya memusatkan komponen-komponen sebuah
organisasi dimana data, informasi, dan komunikasi dibuat melalui media
telekomunikasi (Robles, 2004).
Electronic dalam E-Office dapat berarti bahwa semua pekerjaan
yang berhubungan dengan administrasi perkantoran dikerjakan secara
elektronis dan menggunakan bantuan alat komunikasi dan sistem informasi.
Dengan perkembangan teknologi telekomunikasi saat ini, jaringan broadband
berkecepatan tinggi, dan internet, maka perkantoran telah menjadi elektronis
secara elektronik. Pekerjaan kantor yang selama beberapa dekade dilakukan
-
7/22/2019 Laporan Kp New
15/42
6
secara manual telah berubah menjadi elektronik bahkan beberapa sudah
menerapkan kantor maya. Kantor elektronis menggunakan teknologi
komunikasi untuk menyediakan layanan administrasi perkantoran secara
elektronis kepada siapa saja, dimana saja, dan tiap saat.
2.3. Interaksi Manusia dan KomputerInteraksi Komputer dan Manusia adalah ilmu yang mempelajari
interaksi antara komputer dan manusia yang biasa terjadi pada user interface
dimana termasuk interaksi dengan software dan hardware(Association for
Computing Machinery).
Tujuan utama dari Interaksi komputer dan Manusia adalah untuk
memperbaiki interaksi antara komputer dan manusia dengan membuat
komputer lebih bermanfaat sesuai dengan keinginan pengguna. Lebih spesifik
lagi, Interaksi Komputer dan Manusia terkait dengan :
a. Metode dan proses untuk mendesain interface.b. Metode untuk mengimplementasikan interface (software toolkits and
libraries; penggunaan algoritma yang lebih efisien)
c. Teknik untuk mengevaluasi dan membandingkan interface.d. Mengembangkan interface yang baru dan teknik interaksi.
2.1 Gambar Interaksi Manusia dan Komputer
-
7/22/2019 Laporan Kp New
16/42
7
e. Mengembangkan gambaran dan prediksi dari model serta teoriinteraksi
2.3.1. UsabilityUsability adalah sebuah atribut yang merujuk kepada
seberapa mudah sesuatu digunakan. Lebih spesifik lagi, merujuk
kepada seberapa cepat seseorang belajar untuk menggunakan sesuatu,
seberapa efisien penggunaannya, seberapa lama dapat diingat, berapa
kesalahan yang dilakukan, dan berapa lama seseorang suka untuk
menggunakannya (Jakob Nielsen, 2006). Tujuannya yakni :
a. Efektif digunakan
b. Efisien digunakan
c. Aman digunakan
d. Punya utility yang baik
e. Mudah dipelajari
f. Mudah diingat bagaimana menggunakannya
Usability didefinisikan melalui lima komponen yaitu :
a. LearnabilityLearnability menjelaskan tingkat kemudahan
pengguna untuk memenuhi task-task dasar ketika pertama
kali mereka melihat/menggunakan hasil perancangan.
b. EfficiencyEfficiency menjelaskan tingkat kecepatan pengguna
dalam menyelesaikan task-task setelah mereka mempelajari
hasil perancangan.
c. MemorabilityMemorability menjelaskan tingkat kemudahan
pengguna dalam menggunakan rancangan dengan baik,
setelah beberapa lama tidak menggunakannya.
d. ErrorsErrors menjelaskan jumlah error yang dilakukan
oleh pengguna, tingkat kejengkelan terhadap error dan cara
memperbaiki error.
-
7/22/2019 Laporan Kp New
17/42
8
e. SatisfactionSatisfaction menjelaskan tingkat kepuasan pengguna
dalam menggunakan rancangan. Terdapat dua belas hal yang
harus diperhatikan dalam membangun sebuah website (Jakob
Nielsen, 2006), yakni :
1. Nothing to Hide2. The Web User Experience3. Revisiting Early Web Usability Findings4. Prioritizing Your Usability Problems5. Search6. Navigation and Information Architecture7. Readability & Legibility8. Writing for the Web9. Providing Good Product Information10.Presenting Page Elements11.Balancing Technology with People's Needs12.Design That Works
2.3.2. User ExperiencePengalaman tentang menjelajahi web seseorang dibentuk
oleh banyak faktor, faktor - faktor tersebut antara lain :
a. Bagaimana sebuah web didesain sesuai keinginanb. Kemampuan dan keterbatasan,c. Isi dan tampilan webd. Fungsionalitas website.Beberapa faktor diatas penting dalam pengembangan agar
pengguna mendapatkan pengalaman yang efisien, efektif dan
menyenangkan. Sebuah situs yang baik, harus memperhatikan para
penggunjungnya dalam memakai situsnya, artinya website disesuaikan
dengan target pengunjungnya dan kemudahan dalam pemakaian
sehingga pengunjung tidak mengalamai kesulitan.
Dalam pembagiannya User experience dibedakan menjadi 3
tingkatan yaitu beginners, intermediate dan expert. Desain dari sebuah
-
7/22/2019 Laporan Kp New
18/42
9
web sebaiknya fokus pada pengguna dengan tingkat kemampuan
intermediate.
2.3.3. User InterfaceSecara umum user interface merupakan bagian dari komputer
dan softwarennya dimana seseorang dapat melihat, mendengar,
menyentuh, dan berbicara.
User interface memilki dua komponen dasar yakni : input
dan output. Input adalah bagaimana seseorang berkomunikasi dengan
komputer tentang keinginannya. Beberapa alat input yang umum
yakni: keyboard, mouse, trackball, ones finger(untuk layar sentuh),
dan ones voice(untuk instruksi berdasarkan suara). Output adalah
bagaimana komputer memberikan hasil dari hasil perhitungan dan
kebutuhan yang diperlukan pengguna.
Jika melihat kebanyakan Website komersial yang ada
sekarang, dapat ditemukan bahwa user interface yang dirancang tidak
dapat (gagal) menyampaikan tujuan yang diinginkan kepada
pengunjung, bahkan dengan user interface didapatkan hal hal
sebagai berikut :
a. Pengguna merasa dibodohib. Menyebabkan pengguna melakukan kesalahan fatalc. Membutuhkan terlalu banyak usaha untuk melakukan
hal yang efisien
d. Tidak memberikan pengalaman yang menyenangkanOleh karena itu, perancang website dituntut untuk bisa
merancang interface website sebaik mungkin sehingga halhal diatas
tidak terjadi dan tujuan dari pembuatan website bisa tercapai.
-
7/22/2019 Laporan Kp New
19/42
10
BAB III
OBJEK KERJA PRAKTEK
3.1. SejarahPT. Telekomunikasi Indonesia atau dikenal dengan PT. TELKOM
merupakan Badan Usaha Milik Negara (BUMN) yang bergerak dalam bidang
pelayanan jasa telekomunikasi untuk umum dalam negeri. Pada awalnya
bernama POST EN TELEGRAAF DIENST yang didirikan pada tahun 1884
dengan Staatsbladno.52, kemudian pada tahun 1906 dirubah menjadi POST
TELEGRAAF EN TELEFOONDIENST (PTT) dengan Staatsbladno.395 dan
sejak itu disebut PTT - Dienst. Tahun 1931 ditetapkan sebagai Perusahaan
Negara berdasarkan I.B.W. Pada tahun 1960 Pemerintah mengeluarkan
Peraturan Pemerintah Pengganti Undang-Undang no.19 th 1960, tentang
persyaratan sebuah Perusahaan Negara (PN) dengan PERPU no. 240 th.1961
berubah menjadi PN POS dan TELEKOMUNIKASI. Lapangan usaha PN
POS dan TELEKOMUNIKASI ternyata berkembang dengan pesat, maka
pada tahun 1965 Pemerintah mengadakan peninjauan kembali. Hasilnya
berdasarkan Peraturan Pemerintah (PP) no.29 dan 30 tahun 1965 terjadipemecahan menjadi P.N.POS DAN TELEKOMUNIKASI. Selanjutnya mulai
tanggal 28 April 1970 berdasarkan S.K. Mentri Perhubungan no.129 / U /
1970 PN TELEKOMUNIKASI berubah menjadi PERUSAHAAN UMUM
TELEKOMUNIKASI yang disingkat menjadi PERUMTEL. Keberadaan
PERUMTEL dikukuhkan dengan Peraturan Pemerintah no.36 tahun 1974
yang menetapkan sebagai pengelola telekomunikasi untuk umum dalam
negeri dan luar negeri.
Untuk lebih meningkatkan pelayanan jasa telekomunikasi untuk
umum, maka dengan Peraturan Pemerintah no.53 tahun 1980 diadakan
perubahan atas Peraturan Pemerintah no.22 tahun 1974, yaitu dengan
menetapkan PERUMTEL sebagai badan usaha. Mengingat perkembangan
demikian pesat ditambah dengan pola manajemen yang lebih terbuka,
Pemerintah melaui Peraturan Pemerintah no.25 tanggal 1 Mei tahun 1991
menetapkan Pengalihan Bentuk Perusahaan Umum (PERUM) Telekomunkasi
-
7/22/2019 Laporan Kp New
20/42
11
menjadi Perusahaan Perseroan (Persero). Peralihan bentuk perusahaan
tersebut ditandai dengan penandatanganan Akta Pendirian Perusahaan
Perseroan PT. TELKOM Semarang diresmikan oleh Direktur Jendral Post
dan Telekomunikasi Republik Indonesia. PT TELKOM Semarang berlokasi
di Jalan Pahlawan No. 10 Semarang 50241 Jawa Tengah.
3.2. Logo PT. Telkom Indonesia
Logo baru TELKOM mencerminkan brand positioning Life
Confident dimana keahlian dan dedikasi akan diberikan bagi semua
pelanggan untuk mendukung kehidupan mereka dimanapun mereka berada.
Brand positioning ini didukung oleh service culture baru yaitu: expertise,
empowering, assured, progressive dan heart.
Sekilas logo bulat dengan siluet tangan terkesan simpel simplifikasi
logo ini terdiri dari lingkaran biru yang ada di depan tangan berwarna kuning.
Logo ini merupakan cerminan dari 6 brand value baru yang selanjutnya
disebut dengan Life in Touch dan diperkuat dengan tag line baru pengganti
committed 2U yakni the world is in your hand. Untuk lebih mengenal
logo ini, ada baiknya kita memaknai arti dari simbol-simbol tersebut.
a. Expertise : makna dari lingkaran sebagai simbol dari kelengkapanproduk dan layanan dalam portofolio bisnis baru TELKOM yaitu
TIME (Telecommunication, Information, Media & Edutainment).
3.1 Logo PT.Telkom Indonesia
-
7/22/2019 Laporan Kp New
21/42
12
b. Empowering : makna dari tangan yang meraih ke luar. Simbol inimencerminkan pertumbuhan dan ekspansi ke luar.
c. Assured : makna dari jemari tangan. Simbol ini memaknai sebuahkecermatan, perhatian, serta kepercayaan dan hubungan yang erat
d. Progressive : kombinasi tangan dan lingkaran. Simbol darimatahari terbit yang maknanya adalah perubahan dan awal yang
baru.
e. Heart : simbol dari telapak tangan yang mencerminkan kehidupanuntuk menggapai masa depan.
Selain simbol, warna-warna yang digunakan adalah : Expert Blue
pada teks Telkom melambangkan keahlian dan pengalaman yang tinggi. Vital
Yellow pada telapak tangan mencerminkan suatu yang atraktif, hangat, dan
dinamis. Infinite sky blue pada teks Indonesia dan lingkaran bawah
mencerminkan inovasi dan peluang yang tak berhingga untuk masa depan.
3.3. Badan Hukum PT. Telkom IndonesiaPemerintah melaui Peraturan Pemerintah no.25 tanggal 1 Mei tahun
1991 menetapkan Pengalihan Bentuk Perusahaan Umum (PERUM)
Telekomunkasi menjadi Perusahaan Perseroan (Persero). Peralihan bentuk
perusahaan tersebut ditandai dengan penandatanganan Akta Pendirian
Perusahaan Perseroan PT. TELKOM.
3.4. Struktur Organisasi Divisi IS Centre Regional IV PT. Telkom Indonesia,Tbk Semarang
1. SGM Information System Center2. Deputy SGM Informatin System Center3. SM Planning & Controling4. SM General Support5. SM SS Application Development6. SM Bussiness Application Devt7. SM Enterprise Application Devt8. SM Infrastruktur Devt
-
7/22/2019 Laporan Kp New
22/42
13
3.2 Gambar Struktur Organisasi Divisi IS CENTER PT. Telkom Indonesia
3.5. Visi dan Misi Divisi IS Centre Regional IV PT. Telkom Indonesia, TbkSemarang
3.5.1. Visi1. To become a leading Telecommunication, Information, Media,
Edutainment & Services (TIMES) Player in the Region.
2. To Be Main Information Sistem Total Solution Provider in TheRegion Business Area.
3.5.2. Misi1. To Provide TIME Services with Excellent Quality & Competitive
Price.
2. To be the Role Model as the Best Managed IndonesianCorporation.
3. Menyediakan Produk dan Menyelenggarakan Layanan SistemInformation Perusahaan untuk memberikan Nilai Tambah yang
-
7/22/2019 Laporan Kp New
23/42
14
Terbaik bagi Kantor Perusahaan, Divisi, Center dan Unit dalam
rangka mencapai Tujuan sebagai "A LEADING INFOCOM
PLAYER IN THE REGION" secara Efektif dan Efisien.
3.6. Fasilitas PT. Telekomunikasi Indonesia Regional IV Jateng-DIYSemarang
1. Gedung PT. Telekomunikasi Indonesia Regional IV Jateng-DIY,Semarang.
2. Ruang kerja divisi information system centre.3. Ruang server.4. Ruang kerja praktek
3.7. Peraturan di PT. Telekomunikasi Indonesia Regional IV Jateng-DIYSemarang
Peraturan yang berlaku di PT. Telkom Indonesia, Tbk Regional IV
Jateng-DIY, Semarang. adalah 5 hari kerja dimulai dari hari senin sampai
dengan hari jumat, jam masuk kantor antara pukul 08.00 WIB sampai 17.00
WIB. Jam istirahat antara pukul 12.00 WIB sampai 13.00 WIB, berpakaian
rapi dam tidak boleh mengenakan celana jeans.
-
7/22/2019 Laporan Kp New
24/42
15
BAB IV
ANALISA DAN PEMBAHASAN
4.1. Analisa Interaksi Manusia dan KomputerInteraksi Manusia dan Komputer adalah ilmu yang mempelajari
interaksi antara komputer dan manusia yang biasa terjadi pada user interface
dimana termasuk interaksi dengan software dan hardware. Tujuan utama dari
Interaksi komputer dan Manusia adalah untuk memperbaiki interaksi antara
komputer dan manusia dengan membuat komputer lebih bermanfaat sesuai
dengan keinginan pengguna. Dalam Analisis Interaksi Manusia dan
Komputer ini akan menjelaskan tentang analisis dari usability (kemudahan
dari user untuk menggunakan sesuatu), user experience (tarpenuhinya target
dari user yang akan memakai) dan user interface (bagaimana input dan output
dari system yang dikirim oleh user, sesuai dengan keiinginan user).
4.2. Analisis User Experience Sistem Presensi OnlinePresensi Online memiliki fungsi komunikasi karena sebagai media
untuk mencatatkan absensi karyawan sehari-hari saat masuk ataupun saat
pulang dan juga atasan atau manajer dapat memantau absensi karyawan
tersebut dengan mudah.
Dalam hal ini, penulis akan menganalisa user experience dari sudut
pandang karyawan dalam hal menggunakan Sistem Presensi Online tersebut.
Penulis telah mewawancarai beberapa dari karyawan untuk melengkapi
analisa tersebut dan hasilnya adalah sebagai berikut.
1. Sistem Presensi Online ini sangat membantu karyawan untukabsen, karena dapat dilakukan di komputer kantor masing-masing.
Sistem presensi sebelumnya masih menggunakan finger print
sehingga karyawan harus mengantri terlebih dahulu karena hanya
terdapat dua buah finger print.
2. Fungsi atau fitur yang ada di Sistem Presensi Online sudah lengkapkarena sudah terdapat link untuk absen, arsip absen yang terdahulu,
-
7/22/2019 Laporan Kp New
25/42
16
absen lembur, pengawasan dari manajer dan administrasi terhadap
absen karyawan juga sudah ada.
3. Desain dari Sistem Presensi Online tersebut juga sudah userfriendly, walaupun masih ada beberapa kekurangan. Kekurangan-
kekurangan tersebut akan dibahas dibagian selanjutnya.
4. Fitur atau fungsi yang jarang digunakan yaitu absensi untuk lemburkarena banyak karyawan yg lembur, walaupun beberapa ada yang
menggunakan, yaitu karyawan yang akan lembur.
5. Aplikasi hanya bias diakses dengan browser tertentu yaitu InternetExplorer, karena sistem tersebut terintegrasi dengan browser
tersebut.
6. Akses terhadap aplikasi mengalami masalah jika jaringan intranetPT TELKOM mengalami gangguan.
4.3. Analisis Usability dan User Interface Presensi OnlineDikarenakan penulis tidak dapat mengakses Presensi Online karena
tidak memiliki akun dan hanya bias diakses oleh intranet, maka penulis
meminta tolong karyawan yang ada di PT Telkom Indonesia Divre 4 untuk
mengakses dengan akun yang sudah dimiliki oleh karyawan, dalam hal ini
penyelia dari penulis.
Dibawah ini adalah gambar halaman utama dari Paperless Office
Internal Telkom.
-
7/22/2019 Laporan Kp New
26/42
17
4.1 Gambar Halaman Utama Paperless Office Internal Telkom
4.2 Gambar Login Sistem Presensi Online
-
7/22/2019 Laporan Kp New
27/42
18
4.3 Gambar Halaman Utama Sistem Presensi Online
4.4 Gambar Halaman Personal
-
7/22/2019 Laporan Kp New
28/42
19
4.5 Gambar Halaman Supervisor
4.6 Gambar Halaman Reporting
-
7/22/2019 Laporan Kp New
29/42
20
4.7 Gambar Halaman Modul Lembur
4.8 Gambar Halaman Arsip Modul Lembur
-
7/22/2019 Laporan Kp New
30/42
21
Analisis terhadap Sistem Presensi Online dilakukan dengan menerapkan web
Usability berdasarkan pada buku Prioritizing Web Usability karangan Jakob
Nielsen,2008 dan buku yang berjudul Web Bloopers: 60 Common Web Design
Mistakes and How to Avoid Them karangan Jeff Johnson,2003. Buku tersebut
membahas contoh contoh kesalahan dalam website yang sering terjadi dan
memberikan solusi untuk menangani kasuskasus tersebut.
4.4. Halaman Utama4.4.1. Halaman Utama Paperless Office Internal Telkom
Pada saat karyawan memasuki Paperless Office Internal Telkom,
karyawan langsung masuk ke halaman utama, permasalahan yang di jumpai
adalah
a. Desainnya terlihat kakub. Halaman banner terlalu besarc. Masih terdapat ruang kosong yang digunakan untuk
pengumuman berjalan.
d. Halaman login tersebut tidak termasuk untuk masuk kehalaman presensi online.
Solusi dari permasalahan diatas yaitu
a. Penempatan menu perlu dipertimbangkan untuk dibuat lebihrapi dan desain dibuat lebih menarik lagi.
b. Berita-berita lebih dirapikan lagi, agar memudahkan karyawanyang melihat.
c. Halaman banner bisa dikembangkan lagi, tidak hanya berisilogo, karena jika hanya logo, halaman tersebut terlihat kosong.
d. Dibawah pengumunan berjalan, bisa ditempatkan slide barinformasi-informasi perusahaan agar lebih menarik perhatian
karyawan.
e. Halaman login bisa ditambahkan beberapa opsi pilihan, apakahmau masuk kebagian presensi online atau ke bagian umum,
agar lebih sederhana.
-
7/22/2019 Laporan Kp New
31/42
22
4.4.2. Halaman Utama Sistem Presensi OnlineSetelah karyawan login pada halaman presensi online seperti
gambar 4.2, maka halaman utama Presensi Online akan terlihat seperti
gambar 4.3.
Pada halaman utama tersebut, sudah tertata dengan baik dan
memberikan informasi yang sangat jelas. Namun masih perlu diperbaiki
sedikit yaitu menggabungkan dengan halaman utama sebelumnya sehingga
tidak perlu ada scrolling lagi pada halaman presensi online. Serta
menambahakan tombol logout, karena user harus menutup browser terlebih
dahulu agar bisa logout.Sehingga hal tersebut membuat user kurang efisien
dan keamanan kurang terjaga jika user lupa menutup browser tersebut.
4.5. LogoLogo merupakan salah satu unsur penting dalam suatu sistem
informasi karena memberitahukan kepada user tentang sistem inforamsi apa
yang sedang dikunjungi.
Posisi logo di Paperless Office Internal Telkom dan Sistem Presensi
Online ini sudah sangat tepat yaitu terletak disebelah kiri. Namun warna dan
background logo kurang tepat, karena warna tulisan logo tersebut gelap,
alangkah baiknya jika warna backgroundnya berlawanan dengan warna
tulisan tersebut yaitu berwarna terang atau menghilangkan background
tersebut.
4.6. AnimasiAnimasi pada halaman Paperless Office Internal Telkom hanya
berupa tulisan berjalan, sehingga kurang menarik. Pada halaman tersebut
bisa ditambah beberapa animasi seperti slide bar. Sedangkan di halaman
Presensi Online tidak ada animasi, karena bisa dimaklumi, sistem ini hanya
untuk absen karyawan. Namun bisa juga ditambah dengan slide bar tentang
informasi-informasi perusahaan seperti halaman utama sebelum login.
4.7. Bahasa, Pemilihan Warna dan FontBahasa yang digunakan dalam suatu situs web atau sistem
informasi sebaiknya menggunakan bahasa baku atau bahasa yang sudah
-
7/22/2019 Laporan Kp New
32/42
23
biasa digunakan pengguna komputer atau bahasa yang mudah dimengerti
oleh user. Prinsip utama dalam menentukan font dan warna dalam satu
halaman web atau sistem informasi adalah berupaya untuk membatasi font-
style dan warna yang digunakan. Font-style sebaiknya digunakan secara
menyatu dan efektif serta mampu menggambarkan hirarki yang ada pada
halaman web atau sistem informasi tersebut. Font dan attribut font yang
berbeda biasanya dapat membantu user untuk membedakan tingkat
kepentingan sebuah heading dan informasi.
Pemilihan jenis font yang digunakan dalam satu halaman web atau
sistem informasi yang dianjurkan ada tiga jenis font. Selain penggunaan
font,penggunaan warna sebaiknya tidak terlalu beraneka ragam dalam satu
halaman web atau sistem informasi. Jumlah jenis warna maksimal dalam
satu web atau sistem informasi yang dianjurkan adalah empat warna.
Setelah pemilihan penggunaan font yang digunakan, ukuran dari font yang
digunakan juga harus diperhatikan. Karena melihat dari elemen-elemen dari
IMK yang salah satunya adalah manusia, dan manusia memulai berinteraksi
dengan sistem informasi dengan penglihatan. Jika pemilihan jenis font,
ukuranfont, dan warnafont yang digunakan salah, maka akan mempersulit
user untuk melaksanakan tugasnya dan mengetahui informasi dalam web
atau sistem informasi tersebut.
Dalam sebuah web atau sistem informasi, pemilihan font sangat
berpengaruh pada web usability, karena pada dasarnya manusia menerima
dan merespon lewat penglihatan yang nantinya manusia tidak lupa dengan
cara penggunaan dari website atau sistem informasi tersebut (memorability).
Dalam The Field of Human Computer InteractiondariDix A.J menyebutkanbahwa faktor linguisticatau bahasa yang digunakan agar user lebih mudah
menggunakan system dan tidak terjadi kesalahpahaman dalam
penggunaannya.
Dalam sistem Presensi Online tersebut, pada gambar 4.3 gambar-
gambar yang lain, bahasa yang digunakan sudah dapat dipahami oleh user,
karena langsung pada hal yang dituju dan sederhana. Pemilihan warna sudah
tepat, yaitu warna gelap, karena backgroundnya berwarna terang sehingga
-
7/22/2019 Laporan Kp New
33/42
24
mudah dilihat. Pemilihan font juga sudah tepat, karena tidak dapat dibaca
dengan mudah, dan konsisten, karena dapat membedakan mana header dan
mana yang informasi.
4.8. Sistem Menu dan NavigasiSistem menu dan navigasi merupakan hal terpenting dalam suatu
website atau sistem informasi, karena merupakan arah untuk pengunjung
mengeksplorasi segala isi yang terdapat dalam website atau sistem informasi
tersebut.
Keberadaan navigasi dalam sebuah situs web atau sistem informasi
merupakan sebuah tantangan tersendiri dalam merancang user interface agar
membuat user senyaman mugkin dalam memakainya. Navigasi membantu
user untuk menemukan jalan yang mudah ketika menjelajahi situs web atau
sistem informasi tersebut, memberitahu mereka dimana berada dan kemana
mereka dapat pergi.
Pada Sistem Presensi Online ini, menu dibuat dengan berbagai jenis
(Gambar 4.3.), yaitu
1. Menu dalam bentuk link ke halaman lain.2. Menu berbentuk pulldown pada bagian atas.
Sistem menu dan navigasi dari website tersebut dirasa sudah baik,
karena menu pulldown berfungsi dengan baik, namun perubahan warna saat
menu tersebut dihoverbelum ada dan link yang sudah dikunjungi, warnanya
akan berbeda, tetapi tidak kembali seperti semula, sehingga belum ada unsur
css didalamnya.
4.9. BreadcrumbBreadcrumb digunakan untuk member informasi kepada user
mengenai posisi mereka saat ini. Dengan menggunakan breadcrumb, user
juga dapat menelusuri path yang telah dilaluinya sampai berada di posisi saat
ini sehingga user dengan mudah dapat kembali ke halaman sebelumnya. Pada
sistem Presensi Online ini belum terdapat Breadcrumb. Untuk itu, lebih baik
ditambah Breadcrumb tersebut untuk memberi informasi tentang posisi
halaman yang sudah diakses karyawan dan dapat mudah kembali ke halaman
utama.
-
7/22/2019 Laporan Kp New
34/42
25
4.10. LinkFungsi link di Sistem Presensi Online ini sudah berjalan dengan baik
dan sesuai dengan fungsinya. Namun ada beberapa link yang memang tidak
berjalan dengan bagian karena hanya diperuntukkan untuk administrator dan
manajer dari setiap bagian.
4.11. GambarGambar dalam suatu website berperan penting dalam keindahan
website tersebut. Jika suatu website hanya memiliki teks tentunya akan sangat
membosankan untuk dilihat dan juga kemungkinan untuk jarang diakses oleh
user. Selain itu, gambar dapat digunakan sebagai presentasi suatu produk
sehingga pengunjung akan lebih cepat dalam pencarian apa yang mereka
inginkan.
Pada Sistem Presensi Online tersebut, hanya terdapat sedikit gambar
karena memang hanya berfungsi untuk mencatatkan absen karyawan, jadi
gambar tersebut hanya untuk menunjukkan dimana tempat absen
karyawannya. Pada saat jam sudah menunjukkan waktu absen, maka akan
muncul gambar sidik jari seperti pada gambar 4.3. Jika belum menunjukkan
waktu absen maka hanya gambar itu yang muncul. Namun secara keseluruhan
gambar yang ada sesuai dengan fungsinya dan sudah terdapat keterangan,
serta diletakkan di tempat yang dapat dilihat sehingga tidak membingungkan
karyawan yang ingin absen.
4.12. Outdated ContentAnalisa terhadap Sistem Presensi Online Paperless Office Internal
Telkom ini dilakukan pada tanggal 25 Agustus 2013 untuk menganalisis
apakah sistem informasi tersebut tergolong kepada web suck atau tidak.
Sampai terakhir penulis menganalisis kembali tanggal 9 Oktober 2013
website sistem informasi ini diupdate terus menerus karena datanya langsung
dari karyawan itu sendiri. Sedangkan halaman depan Paperless Office
Internal Telkom yang seperti ditunjukkan pada gambar 4.1, berita berita
yang ada juga selalu diupdate sehingga user dapat menikmati informasi-
informasi yang up to datesetiap harinya.
-
7/22/2019 Laporan Kp New
35/42
26
4.13. Tampilan WebsitePenting sekali sebuah website atau sistem informasi untuk tetap
mempertahankan layout atau tampilannya. Hal ini tentu saja untuk
memudahkan user agar tidak bingung ketika memasuki halaman yang masih
dalam satu sistem informasi. Terkadang user akan kebingungan jika suatu
sistem informasi berubah-ubah tampilannya di setiap halaman, user bisa saja
merasa salah memasuki halaman tersebut.
Secara umum layout sistem informasi ini dapat dikatakan cukup
konsisten untuk setiap halaman, seperti terlihat pada Gambar 4.1 untuk
Halaman Utama Paperless Office Internal Telkom dan Gambar 4.3 untuk
halaman Sistem Presensi Online. Pada setiap halaman, bagian atas terdapat
header berupa logo Telkom, tanggal dan pilihan menu-menu utama yaitu
untuk masuk ke Paperless Office Internal Telkom tersebut dan masuk ke
bagian Presensi Online, karena login setiap sistem dibedakan.
Untuk bagianfootertidak mengalami perubahan sama sekali. Sistem
Presensi Online tersebut bisa dikatakan konsisten disetiap halamannya karena
hanya isi contentnya yang berubah sedangkan header dan footernya tetap
sehingga tidak membingungkan karyawan.
4.14. SearchingSearching merupakan salah satu fitur yang harus ada pada sebuah
website ataupun Sistem Informasi. Fitur searching akan memudahkan User
untuk menemukan informasi tertentu yang ada di web dengan mudah dan
cepat. User hanya memasukkan beberapa kata sebagai kata kunci dan sistem
web akan menampilkan halaman hasil yang sesuai dengan kata kunci.
Penggunaan fitur ini tentu lebih menghemat waktu user daripada harus
browsing ke semua halaman web untuk mendapatkan informasi tertentu.
Search control dibuat sebaik mungkin agar tidak membingungkan
pengunjung dengan tetap mempertahankan :
a. Kesederhanaan.b. Menggunakan bahasa yang mudah dimengerti (bahasa yang
umumnya digunakan).
c. Fokus pencarian pada isi website.
-
7/22/2019 Laporan Kp New
36/42
27
Cara tercepat untuk melakukan pencarian adalah membuat search
box yang simple dan tidak ada pilihan. Website Sistem Presensi Online ini
belum terdapat search box di halaman depannya. Karena ini merupakan
sebuah E-Office makan searching dapat dibuat opsi atau hanya untuk mencari
nama karyawan saja. Sebaiknya ditambahkan search box di halaman utama
agar memudahkan mencari sesuatu seperti nama karyawan atau berita yang
sedang ingin dicari atau bisa juga materi-materi yang terdapat di E-Office
tersebut.
4.15. Menu Login, Form LoginPada Paperless Office Internal Telkom ini, sudah terdapat menu login
ataupun form login. Namun disini, karyawan harus login beberapa kali pada fitur
atau fungsi yang ingin dimasukki, seperti login sistem presensi online dibedakan
dengan fungsi E-Office yang lainnya.
Ada kelemahan dan kelebihan pada sistem yang seperti ini. Kelebihannya
adalah keamanan dan privasi karyawan sangat terjaga karena setiap ingin
memasukki fitur dan fungsi tertentu karyawan harus login terlebih dahulu.
Sedangkan kelemahannya adalah karyawan harus mengisi username yang
berupa Nomor Induk Pegawai dan password terus menerus, dan jika karyawan lupa
maka tidak dapat masuk kedalam sistem tersebut dan juga membutuhkan beberapa
waktu sehingga kurang efisien dalaam penggunaannya.
4.16. Screen ResolutionSalah satu hal penting yang harus diperhatikan oleh pengembang
web adalah mengenai lebar (width) halaman web. Statistik menunjukkan
bahwa kebanyakan komputer pengguna saat ini memiliki resolusi 800 x 600
atau 1024 x 768 piksel. Kecenderungan saat ini menunjukkan bahwa resolusi
1024 x 768 piksel akan menjadi resolusi yang paling kecil di masa
mendatang. Jika lebar dari halaman suatu sistem informasi melebihi resolusi
komputer, maka ketika user mengakses halaman sistem informasi, user harus
melakukanscrolling ke samping untuk melihat seluruh konten. Hal ini tentu
saja kurang bagus karena user membutuhkan usaha yang lebih untuk
mendapatkan informasi dari sistem informasi tersebut. Mungkin user akan
lebih memilih untuk meninggalkan halaman sistem informasi tersebut dan
-
7/22/2019 Laporan Kp New
37/42
28
bukan melakukan scrolling ke samping dan dapat membuat user malas
melihat informasi yang ada dalam sistem informasi tersebut.
Sebagian developer menyiasati masalah ini dengan membuat lebar
halaman suatu web atau sistem informasi sesuai dengan ukuran terkecil
resolusi monitor saat ini yaitu 800 piksel atau lebih kecil dari itu. Harapannya
adalah agar semua komputer dapat menampilkan halaman web tanpa harus
scrolling ke samping. Akan tetapi, dengan lebar halaman yang hanya 800
piksel tentu tidak banyak informasi yang dapat disampaikan. Selain itu, akan
mubazir jika komputer yang mengakses web memiliki resolusi tinggi (lebih
besar dari 800 x 600 piksel) karena halaman web yang ditampilkan tetap
dengan lebar 800 piksel. Cara lainnya yang dapat digunakan developeradalah
dengan menggunakan ukuran yang dinamis.
Lebar halaman web didefenisikan dengan menggunakan ukuran
prosentase. Misalnya, jika lebar halaman didefinisikan 90% maka ketika
dibuka pada komputer dengan resolusi berapapun, maka lebar halamannya
akan memenuhi 90% dari lebar layar. Cara ini tentu lebih baik karena tidak
bergantung kepada resolusi sebuah komputer. Selain itu, penyampaian
informasi pada halaman sistem informasi tersebut juga menjadi lebih efektif
karena jika resolusi komputer tersebut tinggi, maka informasi yang akan
ditampilkan juga lebih banyak. Jika komputer pengguna memiliki resolusi
rendah, maka informasi pada halaman web tetap tersaji dengan baik karena
tidak adascrolling ke samping.
Pengembangan web Sistem Presensi Online ini menggunakan cara
yang kedua yaitu dengan menggunakan ukuran yang dinamis, sehingga
berapapun ukuran resolusi sebuah komputer, tidak mempengaruhi lebarhalamannya.
4.17. Text ImageText imagebiasanya digunakan oleh developerweb untuk membuat
tombol. Text image biasanya juga digunakan untuk membuat font-font yang
tidak standar di web browser sehingga hal-hal yang berkenaan dengan
browser compatibility dapat diatasi. Walaupun penggunaan text image dapat
-
7/22/2019 Laporan Kp New
38/42
29
mengatasi masalah browser compatibility, penggunaan text image dapat
menimbulkan beberapa masalah, antara lain :
a. File gambar dapat menyebabkan besarnya ukuran file. Sebagianbesar user yang mengakses internet di dunia masih menggunakan
koneksi dial-up dan sebagian besar tidak sabar jika loading dari web
yang dibuka sangat lambat. Hal ini menyebabkan user akan
meninggalkan web sebelum loadingnya selesai.
b. Teks berbasis gambar tidak dapat diakses dengan menggunakan fitursearching.
c. Teks berbasis gambar tidak dapat dipilih sehingga user tidakmungkin melakukan copy and paste.
d. Teks berbasis gambar tidak dapat diubah ukurannya, padahalsebagian user melakukan perubahan ukuran pada browsernya agar
lebih mudah membaca informasi yang ada di web.
e. Screen reader tidak dapat membaca teks yang berbasis teksf. Informasi yang ditampilkan dengan menggunakan teks berbasis
gambar tidak akan muncul jika user mematikan pilihan load image
pada browsernya. Sebagian user mematikan pilihan load image
karena alasan koneksi. Jika image tidak diload maka halaman web
yang akan akan ditampilkan lebih cepat dan bandwidth yang
digunakan akan jauh lebih hemat, terutama untuk user yang
mengakses web dengan koneksi yang mengharuskannya membayar
per- kb terhadap bandwidth yang digunakannya.
Pengembangan Sistem Presensi Online ini menggunakan sedikit text
image sehingga memudahkan user untuk mengakses karena ukuran file yangkecil sehingga hanya membutuhkan bandwith yang sedikit untuk
mengaksesnya.
4.18. Penempatan Menu UtamaUrutan fokus mata pengguna dalam mengamati sesuatu dimulai dari bagian
atas kanan atau atas kiri, atau kanan atau tengah. Merujuk pada fakta ini,
maka penempatan informasi paling penting yaitu menu, sebaiknya diletakkan
pada bagian atas karena menu merupakan ide pokok yang mengetengahkan
-
7/22/2019 Laporan Kp New
39/42
30
informasi utama yang dimiliki oleh sebuah web ataupun sistem informasi.
Peletakan menu utama pada Sistem Presensi Online dapat dikatakan cukup
baik karena diletakkan pada bagian atas halaman. Dengan demikian, ketika
pengguna mengakses halaman tersebut maka user bisa langsung mengetahui
konten apa saja yang ada didalam Sistem Presensi Online tersebut.
-
7/22/2019 Laporan Kp New
40/42
31
BAB V
PENUTUP
5.1. KesimpulanSetelah menganalisis dari hasil analisa diatas, penulis telah memiliki
beberapa kesimpulan yaitu
1. Karyawan telah dimanjakan oleh manfaat dari sebuah perkembanganteknologi sehingga dapat meningkatkan kinerja karyawan itu sendiri.
Perkembangan Teknologi itu merupakan E-Office yang bernama
Paperless Office Internal Telkom. Peralihan dari sistem yang masih
tradisional dan rumit ke modern dan efisien telah berjalan dengan
baik terutama pada Sistem Presensi Online, karyawan tidak perlu
mengantri lagi hanya untuk mencatatkan absensi mereka, karena
sudah dapat dilakukan di komputer masing-masing.
2. Sistem Presensi Online sudah baik dari segi kemudahan penggunaandan user interfacenya. Karyawan dapat dengan mudah
menggunakannya dan dapat membantu dalam meringankan danmenyelesaikan pekerjaan.
5.2. SaranSaran yang dapat penulis sampaikan diantaranya
1. Membuat desain layout yang lebih menarik lagi danmenambahkan slide bar untuk informasi-informasi perusahaan
di Paperless Office Internal Telkom.
2. Menambahkan Search Box yang dapat mencari karyawan atauberita-berita yang ingin dicari.
3. Menambahkan link logout di halaman Sistem presensi Onlineagar memudahkan karyawan untuk logout tanpa perlu menutup
browser.
4. Menu lembur perlu dijelaskan lagi, Karena masihmembingungkan penggunaannya.
-
7/22/2019 Laporan Kp New
41/42
32
DAFTAR PUSTAKA
-
7/22/2019 Laporan Kp New
42/42
LAMPIRAN