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


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


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)


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


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


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/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


8/42

viii

DAFTAR TABEL


9/42

ix

DAFTAR LAMPIRAN


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.


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.


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


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


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


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


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.


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


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.


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


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


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


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


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.


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,


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.


26/42

17

4.1 Gambar Halaman Utama Paperless Office Internal Telkom

4.2 Gambar Login Sistem Presensi Online


27/42

18

4.3 Gambar Halaman Utama Sistem Presensi Online

4.4 Gambar Halaman Personal


28/42

19

4.5 Gambar Halaman Supervisor

4.6 Gambar Halaman Reporting


29/42

20

4.7 Gambar Halaman Modul Lembur

4.8 Gambar Halaman Arsip Modul Lembur


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.


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


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


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.


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.


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.


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


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


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


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.


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.


41/42

32

DAFTAR PUSTAKA


42/42

LAMPIRAN

laporan kp new

Documents