1
BAB I PENDAHULUAN
1.1Latar Belakang Masalah
PT. Dapensi Trio Usaha adalah suatu perusahaan yang bergerak dalam
bidang General Trading dan Outsourcing. Perkembangan PT. Dapensi Trio Usaha
bisa dikatakan cukup maju, itu bisa dilihat dari berkembangnya bidang bisnis PT.
Dapensi Trio Usaha yang dulu hanya menekuni bisnis di bidang General Trading,
kini sudah menekuni bisnis di bidang jasa, diantaranya cleaning service, security
service) dan outsourcing.
Memanfaatkan internet adalah salah satu sarana untuk menyampaikan
informasi tentang perusahaan serta dapat mengelola kebutuhan perusahaan. Pada
proses pengolahan data karyawan yang masih dilakukan secara manual,
perusahaan masih merasa kesulitan dalam pengerjaannya terlebih cara kerjanya
yang masih jauh dari kata efisiensi dan terkesan lambat.
Dengan memanfaatkan teknologi internet penulis membuat suatu
pengolahan data karyawan berbasis website yang akan mempermudah pengolahan
data karyawan dan dengan pengolahan data karyawan berbasis website cara
kerjanya akan lebih cepat dan efisien dari sebelumnya karena dilakukan secara
online.
“PENGOLAHAN DATA KARYAWAN BAGIAN PUSAT DI PT.
1.2Perumusan Masalah
Dari uraian latar belakang di atas ada beberapa masalh diantaranya :
1. PT. DAPENSI TRIO USAHA yang bergerak di bidang General Trading
dan Outsourcing ingin mempublikasikan perusahaannya secara online.
2. Pengolahan data karyawan masih dilakukan secara manual sehingga
dinilai belum optimal.
1.3Maksud dan Tujuan
1.3.1 Maksud
Maksud dari penelitian ini adalah untuk merancang dan
mengimplementasikan “PENGOLAHAN DATA KARYAWAN BAGIAN
PUSAT DI PT. DAPENSI TRIO USAHA BERBASIS WEBSITE”.
1.3.2 Tujuan
Adapun tujuan dari penulisan laporan kerja praktek ini adalah :
1. Mempermudah pengelola data karyawan, sehingga mampu
memberikan informasi yang tepat mengenai data karyawan yang
ada,
2. meningkatkan pelayanan dan penyampaian informasi terhadap
1.4Batasan Masalah
Dalam pembuatan website PT. Dapensi Trio Usaha ada beberapa batasan
agar tidak terlalu meluas, batasan-batasan itu antara lain :
1. pembuatan website PT. Dapensi Trio Usaha hanya berisi company profile
perusahaan,
2. adanya aplikasi untuk pengolahan data karyawan berbasis website yang
hanya bias dilakukan oleh beberapa orang (tidak semua karyawan).
1.5Metode Penelitian
Dalam mendapatkan data atau informasi pendukung dalam penyusunan
laporan dokumentasi ini, metode penelitian yang digunakan adalah :
a) Studi Literatur
Yaitu pengumpulan data literatur ada kaitanya dengan masalah-masalah
yang dihadapi dengan rencana penelitian yang sedang dihadapi.
b) Wawancara / Interview
Melakukan survey lapangan dengan mengajukan beberapa pertanyaan
kepada narasumber yang ditentukan. Kemudian dibuat resume yang mana dapat
c) Perancangan dan Implementasi
Perancangan dan implementasi sistem yang penulis gunakan yaitu
menggunakan metode Water Fall Model. Adapun tahapan-tahapan dari
metodologi water fall ini adalah :
1. Analisis
Tahapan untuk menganalisis dan memahami sistem yang ada,
mengidentifikasi masalahnya dengan mencari solusinya.
2. Desain
Tahapan untuk menterjemahkan data yang telah dianalisis kedalam
bentuk yang mudah dimengerti oleh pemakai (user). Tahapan ini
meliputi desain proses, input, output dan desain database.
3. Kode
Tahapan untuk memecahkan masalah dengan merancangnya kedalam
bahasa pemrograman yang telah di tentukan.
4. Testing
5. Pemeliharaan
Tahapan untuk menerapkan secara keseluruhan sistem yang telah
dibuat, disertai dengan pemeliharaan jika terjadi perubahan struktur,
baik dari segi software maupun hardware.
Coding
Testing
Maintenance Design
Analysis
Gambar 1. 1 Water Fall Model
1.6Sistematika Penulisan
Sistematika penyusunan kerja praktek yang dibagi dalam beberapa bab dengan
pokok-pokok permasalahannya. Sistematika secara umum adalah sebagai berikut :
BAB I PENDAHULUAN
Berisi tentang dasar-dasar pemikiran yang berisi tentang latar belakang
masalah, identifikasi masalah, maksud dan tujuan, batasan masalah, metodologi
BAB II TIJAUAN PUSTAKA
Bab ini menjelaskan secara singkat tentang sejarah PT. POS INDONESIA
(Persero) dan menjelaskan semua teori yang berkaitan dengan perancangan
website.
BAB III PEMBAHASAN
Berisi tentang analisis dan perancangan system yang dilakukan penulis untuk
dapat merealisasikan perangkat lunak yang dirancang.
BAB IV KESIMPULAN DAN SARAN
Bab ini berisi kesimpulan dan saran yang berisikan hal-hal penting yang
penulis bahas dan kemudian dibuat kesimpulan. Bab ini juga berisi saran-saran
7
BAB II TINJAUAN PUSTAKA
2.1Profil Tempat Kerja Praktek
2.1.1 Sejarah Instansi
Tabel 2. 1 Sejarah PT. POS Indonesia
Tahun Uraian
26 - 8- 1746 Kantorpos pertama di Indonesia adalah di Batavia didirikan oleh Gubernur Jendral GW Baron
1906 Posts Telegraafend Telefoon Diensts
27-9 - 1945 Jawatan PTT Republik Indonesia ditandai Pengambilalihan Kantor Pusat PTT di Bandung oleh Angkatan Muda PTT dari pemerintahan Militer Jepang. Tanggal tersebut diperingati sebagai Hari Bakti Postel
1961 Berdasarkan Peraturan Pemerintah No.240 Tahun 1961 status Jawatan PTT berubah menjadi Perusahaan Negara (PN) Pos dan Telekomunikasi
1965 PN Pos dan Telekomunikasi dibagi dua menjadi : PN Pos dan Giro berdasarkan Peraturan Pemerintah No 29 Tahun 1965 dan PN Telekomunikasi berdasarkan Peraturan Pemerintah No 30 Tahun 1965
1978 Berdasarkan Peraturan Pemerintah No.9 Tahun 1978, status PN Pos dan Giro diubah menjadi Perusahaan Umum (Perum) Pos dan Giro. 20 - 6-1995 Dasar Hukum :
2.1.2 Logo Instansi
Gambar 2. 1 Logo PT. POS Indonesia
Perum Pos dan Giro, logo lama perusahaan ini terdiri dari unsur padi-kapas
yang bersambung dengan banner diatas dengan tulisan R I, banner dibawah
dengan tulisan POS & GIRO, mengelilingi unsur segi-lima yang mengurung bola
dunia dan burung. Diantara segi-lima dan padi –kapas terdapat arsiran horisontal.
Ide utama pada logo ini adalah burung, sebagai simbol atau tanda yang
mewakili merpati pos, konsep pengantaran surat jaman dahulu.
Bola dunia, sebagai simbol dari perputaran dunia dan kekekalan (Cooper
J.C. Traditional Symbols, Thames & Hudson, London 1998, hal. 74)
merepresentasikan hal hubungan antar negara, internasional, global.
Unsur padi kapas, seperti yang telah diuraikan sebelumnya, adalah
mewakili simbol keadilan sosial dari Pancasila, untuk kelompok tertentu padi
melambangkan pangan dan kapas melambangkan sandang
Banner yang bertuliskan R I di atas segilima dan merupakan ujung dari
unsur padi-kapas yang melingkari segi-lima, merupakan singkatan dari Republik
Indonesia.
Makna yang tertangkap secara semantik dari membaca tanda-tanda ini
dunia terkurung oleh segi-lima dan masih dikelilingi oleh padi kapas yang ujung
atasnya ada banner bertuliskan R I, yang memberikan kesan bersifat Nasional.
Bisnis Pos adalah bisnis yang berlingkup Internasional, menghubungkan
antar negara di dunia, sehingga kesan yang timbul dari logo lama PT. Pos ini
adalah profesionalitas Pos yang bersifat internasional dilambangkan dengan
burung merpati dan bola dunia, masih terkurung oleh hal-hal yang bersifat
Nasional, burung tidak dapat lepas dan bebas.
Pada logo PT. Pos, burung Merpati Pos yang siap terbang mengelilingi
dunia telah bebas tak terkurung oleh segi-lima dan padi kapas, berjalan semakin
cepat, divisualisasikan dengan sayap yang bergaris – garis horisontal dan proporsi
burung yang lebih memanjang dan mengecil di ujung, usaha untuk
memvisualisasikan kecepatan. Ukuran burung lebih besar dibandingkan dengan
bola dunia, dapat terbaca bahwa burung dapat menguasai dunia. Warna jingga
digunakan untuk menandakan, sesuatu yang penting, warna ini juga digunakan
untuk tiang-tiang pemisah pada perbaikan di jalan tol, seragam tukang parkir,
pakaian penerbang, pakaian pendaki gunung, warna yang kontras dengan
warna-warna alam yang kebanyakan berwarna-warna hijau, coklat, biru.
Tulisan dengan tipografi bold : POS INDONESIA, adalah nama perusahaan
dengan identitas negara, berada di bawah gambar burung dan bola dunia, disini
terbaca bahwa yang utama adalah profesionalitas dibidang usaha, dengan slogan
2.1.3 Badan Hukum Instansi
Pada 20 - 6-1995 muncullah Dasar Hukum yaitu :
1. Undang-undangNomor 1 Tahun 1995 tentang Perusahaan
Perseroan;
2. Peraturan Pemerintah RI Nomor 5 Tahun 1995 tentang
Pengalihan Bentuk Perusahaan Umum (Perum) Pos dan Giro
menjadi Perusahaan (Persero) (Lembaran Negara RI Tahun 1995
Nomor 11);
3. Anggaran Dasar PT Pos Indonesia (Persero) yang tercantum
dalam akta Notaris Sutjipto, SH Nomor117 tanggal 20 Juni 1995
tentang Pendirian Perusahaan Persero PT Pos Indonesia,
sebagaimana telah diubah dengan akta Notaris Sutjipto, SH
Nomor 89 tanggal 21 September 1998 dan Nomor111 tanggal 28
2.1.4 Struktur Organisasi dan Job Description
2.1.4.1Struktur Organisasi
2.1.4.2Job Description
Berikut ini adalah job description dari struktur organisasi di atas :
1. Unsur Kepemimpinan :
Sub Direktorat Teknologi
Sub Direktorat Teknologi mempunyai tugas pokok :
1. Mengkoordinasikan perumusan, penetapan strategi, dan kebijakan
sistem teknologi (Information Technology Strategic Plan-ITSP dan
Postal Technology Strategic Plan), kebijakan sistem informasi
(Information Architecture Plan) dan menjamin kualitas teknologi
dan sistem informasi yang dikembangkan.
2. Mengkoordinasikan dan menetapkan kebijakan pemenuhan
kebutuhan sistem teknologi dan sistem informasi Perusahaan.
3. Mengkoordinasikan dan menetapkan kebijakan maintenance dan
implementasi sistem teknologi dan sistem informasi.
4. Merumuskan dan merencanakan program kerja, rencana kerja, dan
anggaran Perusahaan di sub direktoratnya.
2. Unsur Pelaksana :
a. Divisi Infrastruktur Teknologi
Divisi Infrastuktur Teknologi mempunyai tugas :
1. Merumuskan dan menetapkan program kerja, rencana kerja, dan
2. Menetapkan kebijakan dan pemenuhan kebutuhan Jaringan
Komunikasi Data dan Data Center.
3. Menetapkan pengadaan, maintenance, dan implementasi teknologi
Jaringan Komunikasi Data dan Data Center.
4. Menciptakan efektivitas dan efisiensi kerja dan pengelolaan
teknologi Jaringan Komunikasi Data dan Data Center.
b. Divisi Sistem Informasi Teknologi
Divisi Sistem Informasi Teknologi mempunyai tugas :
1. Mengelola dan mengendalikan kebijakan pemenuhan kebutuhan
sistem informasi di lingkungan Perusahaan.
2. Mengelola dan mengendalikan kebijakan maintenance dan
implementasi sistem informasi.
3. Mengeelola kegiatan dukungan strategis dan dukungan umum
(SDM, Keuangan, Sarana) divisi.
Divisi Sistem Informasi Teknologi membawahi :
Bagian Pengembangan Sistem Teknologi
Bagian Pengembangan sistem teknologi mempunyai tugas :
1. Menyusun dan melaksanakan program kerja.
2. Membuat rencana pengembangan sistem aplikasi untuk
3. Merancang/menyusun desain spesifikasi dan mengembangkan
sistem aplikasi.
4. Melaksanakan pengelolaan proyek-proyek sistem informasi
manajemen.
Bagian Pengembangan Sistem Teknologi membawahi :
Bagian Pengendalian Sistem Teknologi
Bagian Pengendalian sistem Teknologi mempunyai tugas :
1. Menyusun dan melaksnakan program kerja.
2. Membuat standarisasi proses pengujian sistem teknologi dan
proses implementasi teknologi.
3. Membuat standarisasi metode pengukuran performansi system
teknologi.
4. Membuat rencana pengendalian system teknologi sesuai dengan
kebutuhan bisnis.
5. Melakukan evaluasi performansi operasional sistem informasi.
6. Melakukan evaluasi terhadap proses pengujian kualitas sistem
informasi.
Bagian Pengendalian Sistem Teknologi membawahi :
Bagian Penelitian dan Pengembangan Teknologi
1. Menyusun dan melaksanakan program kerja.
2. Menyusun rencana strategis teknologi informasi, arsitektur
teknologi informasi, dan standarisasi arsitektur sistem teknologi.
3. Melakukan riset teknologi dan kajian kelayakan implementasi
sistem teknologi.
4. Mendefinisikan spesifikasi kebutuhan.
5. Melakukan pemenuhan teknologi sesuai kebutuhan user.
6. Melakukan riset produk-produk berbasis teknologi.
7. Mengelola operasional e-business dan menyusun kebijakan dan
SOP e-business.
3. Divisi Mekanisasi dan Otomatisasi
Divisi Mekanisasi dan Otomatisasi mempunyai tugas :
1. Menyusun dan melaksanakan program kerja.
2. Mengelola dan mengendalikan desain spesifikasi teknis mekanisasi
dan otomatisasi sesuai dengan rencana strategis teknologi
informasi.
3. Mengelola dan mengendalikan kebijakan pemenuhan pengadaan
kebutuhan sistem teknologi khususnya mekanisasi dan otomatisasi
di lingkungan perusahaan.
4. Divisi Pengelolaan Data
Divisi Pengelolaan Data mempunyai tugas :
1. Menyusun dan melaksanakan program kerja.
3. Menyampaikan laporan di bidangnya kepada unit terkait.
2.2Landasan Teori
2.2.1 Tinjauan Tentang HTML
HTML (Hypert Text Markup Language) merupakan bahasa pemrograman
yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian
besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali
dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/").
Sebuah halaman web minimal mempunyai empat buat tag, yaitu :
<HTML> Sebagai tanda awal dokumen HTML.
<HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa
meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE &
META.
<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di
dalam tag ini akan muncul pada bagian paling atas browser Anda (pada
title bar).
<BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti
warna latar belakang, warna teks, warna link, warna visited link, warna
active link dan lain-lain.
Atribut :
BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN
2.2.1.1Pengaturan Teks
Untuk mendapatkan halaman web yang baik Anda harus melakukan
pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll.
Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks :
Headers: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada
header. "n" mempunyai nilai antara 1 - 6 atau antara <H1> sampai <H6>,
dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran
terkecil.
Paragraph Baru: <P> Digunakan untuk pindah alinea atau paragraf. Tag
ini bisa diberi akhiran </P> tapi juga bisa tidak diberi.
Line Break: <BR> Digunakan untuk pindah ke baris baru.
No Line Break: <NOBR> Bila digunakan tag ini maka teks yang panjang
tidak secara otomatis pindah baris bawahnya bila baris pertama sudah
terlalu panjang.
Font <FONT> Untuk mendefinisikan berbagai attribut FONT, yaitu :
SIZE, FACE, COLOR.
Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang
berhubungan dengan pengaturan teks, yaitu :
Perhatian : Semua tag di bawah ini membutuhkan tap penutup.
<B> Bold text
<I> Italic text
<U> Underscore
<S> Strikeout - draws a line through the text
<PRE> Preformatted Text <DFN>Definition
<BLINK> Text berkedip (lebih baik jangan digunakan)
<STRONG>Strong
<ADDRESS>
<CITE>Digunakan untuk quoting text
<CODE> Monospaced font (digunakan bila Anda ingin meletakkan
(memperlihatkan) kode HTML pada dokumen HTML Anda)
<SAMP> Monospaced font (digunakan bila Anda ingin meletakkan
(memperlihatkan) kode HTML pada dokumen HTML Anda)
<KBD> Monospaced font (digunakan bila Anda ingin meletakkan
(memperlihatkan) kode HTML pada dokumen HTML Anda)
<BIG> Ukuran teks akan lebih besar satu ukuran
<SMALL> Ukuran teks akan lebih kecil satu ukuran
<SUP> Membuat tekssuperscript
<SUB> membuat tekssub script
<ABBREV> Abbreviations
<ACRONYM> Untuk akronim
<PERSON> Digunakan untuk indexing
<Q> Membuat short inline quotation
2.2.1.2Lists
1. Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet.
List entries didefinisikan dengan tag <LI>.
Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau
square bullet point.
2. Ordered Lists: <OL> Juga digunakan untuk membuat daftar item,
dengan tiap item dapat menggunakan angka arab atau romawi. List entries
juga didefinisikan dengan <LI> tag.
Untuk TYPE Anda dapat juga menggunakan :
1- Default numbers, 1, 2, 3, etc. A- Huruf besar. A, B, C, etc. a- Huruf kecil. a, b, c, etc.
I- Romawi huruf besar. I, II, III, etc. i- Romawi huruf kecil , i, ii, iii, etc.
3. Definition Lists: <DL>
2.2.1.3Images & Links
1. Images
Digunakan untuk menampilkan image atau animasi gif pada halaman web
Anda.
2. Links
Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak
antara <A> dan </A> akan terdapat garis bawah.
2.2.1.4Tabel
Tabel sangat penting artinya dalam desain web. Karena dengan
menggunakan tag table Anda dapat membuat halaman web "terbagi" pada
beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang
Anda baca ini.
Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan
table : <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR>
dan <TD> harus terletak di antara tag <TABLE> dan </TABLE>
<TABLE>
Terdiri dari atribut :
align - perataan : rata kiri (left), tengah (center) atau kanan (right).
bgcolor - warna latar belakang (background) dari tabel.
border - ukuran lebar border tabel (dalam pixel).
cellpadding - jarak antara isi cell dengan batas cell (dalam pixel).
cellspacing - jarak antar cell (dalam pixel).
width - ukuran tabel dalam pixel atau percent.
<TR>
Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:
align - perataan : rata kiri (left), tengah (center) atau kanan (right).
valign - perataan vertikal : top, middle atau bottom.
<TD>
Tag ini digunakan untuk membuat kolom baru pada tabel.
align - perataan
background - image yang digunakan sebagai latar belakang dari kolom.
bgcolor - warna latar belakang
colspan - lihat gambar contoh
height - ukuran tinggi cell dalam pixels.
nowrap - membuat supaya isi dari kolom tetap berada pada satu baris.
rowspan - lihat gambar contoh
valign - perataan vertikal :top, middle atau bottom.
width - ukuran kolom dalam pixel atau percen.
2.2.2 Tinjauan Tentang PHP
PHP (akronim dari PHP Hypertext Preprocessor) yang merupakan bahasa
pemrogramman berbasis web yang memiliki kemampuan untuk memproses data
dinamis.
PHP dikatakan sebagai sebuah server-side embedded script language
artinya sintaks-sintaks dan perintah yang kita berikan akan sepenuhnya dijalankan
oleh server tetapi disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang
dibangun oleh PHP pada umumnya akan memberikan hasil pada web browser,
Pada prinsipnya server akan bekerja apabila ada permintaan dari client.
Dalam hal ini client menggunakan kode-kode PHP untuk mengirimkan
permintaan ke server (dapat dilihat pada gambar dibawah). Ketika menggunakan
PHP sebagai server-side embedded script language maka server akan melakukan
hal-hal sebagai berikut :
- Membaca permintaan dari client/browser
- Mencari halaman/page di server
- Melakukan instruksi yang diberikan oleh PHP untuk melakukan
modifikasi pada halaman/page.
- Mengirim kembali halaman tersebut kepada client melalui internet atau
intranet.
Gambar 2. 3 Simulasi dari PHP
2.2.2.1Syntax PHP
Kode PHP disimpan sebagai plain text dalam format ASCII, sehingga
windows wordpad, dll. Kode PHP adalah kode yang disertakan di sebuah halaman
HTML dan kode tersebut dijalankan oleh server sebelum dikirim ke browser.
2.2.2.2Variabel PHP
Variabel digunakan untuk menyimpan suatu nilai, seperti text, angka atau
array. Ketika sebuah variabel dibuat, variabel tersebut dapat dipakai
berulang-ulang.
Pada PHP semua variabel harus dimulai dengan karakter '$'. Variabel PHP
tidak perlu dideklarasikan dan ditetapkan jenis datanya sebelum kita
menggunakan variabel tersebut. Hal itu berarti pula bahwa tipe data dari variabel
dapat berubah sesuai dengan perubahan konteks yang dilakukan oleh user. Secara
tipikal, variabel PHP cukup diinisialisasikan dengan memberikan nilai kepada
variabel tersebut.
Identifier dalam PHP adalah case-sensitive, sehingga $text dengan $Text
merupakan variabel yang berbeda. Built-in function dan structure tidak
case-sensitive, sehingga echo dengan ECHO akan mengerjakan perintah yang sama.
Identifier dapat berupa sejumlah huruf, digit/angka, underscore, atau tanda dollar
tetapi identifier tidak dapat dimulai dengan digit/angka.
Aturan Penamaan Variabel
- nama variabel harus diawali dengan sebuah huruf atau garis bawah
(underscore) “_” ;
- nama variabel hanya boleh mengandung karakter alpha-numeric dan
- Nama variabel tidak boleh mengandung spasi.
2.2.2.3Operator di PHP
Operator digunakan untuk menentukan sebuah nilai dengan melakukan
suatu prosedur, atau dengan suatu operasi dari beberapa nilai. Nilai yang
digunakan dalam sebuah operasi disebut operand. Penjumlahan adalah sebuah
contoh sederhana dari suatu operasi.
1. Arithmetic Operator (Operator Aritmatika)
Tabel 2. 2 Aritmatik Operator
Operator Aksi Contoh Penejelasan
+ Penjumlahan 5 + 9 Menghasilkan nilai : 14
- Pengurangan 9 - 4 Menghasilkan nilai : 5
* Perkalian 5 * 6 Menghasilkan nilai : 30
/ Pembagian 20 / 4 Menghasilkan nilai : 5
% Modulus 9 % 4 Menghasilkan nilai : 1
2. Unary Operator
Tanda minus ( - ) digunakan dengan sebuah nilai numerik tunggal untuk
menegatifkan sebuah bilangan (untuk membuat negatif bilangan postif atau
membuat postif bilangan negatif).
a. Variable Assignment Operator
Tanda sama dengan ( = ) digunakan untuk mengatur atau menetapkan nilai
Variabel disebelah kiri tanda ( = ) akan diberikan nilai dari ekspresi disebelah kanan tanda ( = ).
b. Comparison Operator (Operator Perbandingan)
Beberapa operator perbandingan yang lain adalah sebagai berikut :
Tabel 2. 3 Operator Unary
Operator Arti Contoh Menghasilkan benar (true) ketika : == Sama dengan $i == $j $i dan $j mempunyai nilai yang sama < Kurang dari $i < $j $i kurang dari $j
> Lebih dari $i > $j $i lebih dari $j <=
Kurang dari atau sama dengan
$i <= $j $i kurang dari atau sama dengan $j
>=
Lebih dari atau sama dengan
$i >= $j $i lebih dari atau sama dengan $j
!= Tidak sama
dengan $i != $j $i tidak sama dengan $j <> Tidak sama
dengan $i <> $j $i tidak sama dengan $j === Identik $a === $b
Benar jika $a sama dengan $b, dan keduanya memiliki type data yang sama.(hanya dalam PHP4)
c. Logical Operator (Operator Logika)
Tabel 2. 4 Operator Logika
Operator Contoh Bernilai benar jika :
AND / and $i && $j atau $i AND $j $i dan $j bernilai bernilai benar
OR / or $i || $j atau $i OR $j Salah satu atau kedua variabel bernilai benar XOR $i XOR $j Salah satu variabel bernilai benar, tetapi
tidak keduanya benar
d. String Concatenation Operator
Tanda titik ( . ) sebagai operator concatenate (penggabung) digunakan
untuk menggabungkan dua atau lebih nilai string menjadi sebuah string tunggal.
2.2.3 Tinjauan Tentang MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL
(bahasa Inggris: database management system) atau DBMS yang multithread,
multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat
MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General
Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial
untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.
MySQL dibuat oleh TcX dan telah dipercaya mengelola sistem dengan 40
buah database berisi 10,000 tabel dan 500 di antaranya memiliki 7 juta baris
(kirakira 100 gigabyte data). Database ini dibuat untuk keperluan sistem database
yang cepat, handal dan mudah digunakan. Walaupun memiliki kemampuan yang
cukup baik, MySQL untuk sistem operasi Unix bersifat freeware, dan terdapat
versi shareware untuk sistem operasi windows. Menurut pembuatnya, MySQL
disebut seperti "myessqueell" dan bukan mysequel!.
Sebagaimana database sistem yang lain, dalam SQL juga dikenal hierarki
server dengan database – database. Tiap – tiap database memiliki tabel – tabel,
Umumnya informasi tersimpan dalam tabel – tabel yang secara logik
merupakan struktur dua dimensi terdiri atas baris dan kolom. Field – field tersebut
dapat berupa data seperti int , realm char, date, time dan lainnya.
SQL tidak memiliki fasilitas pemrograman yang lengkap, tidak ada
looping ataupun percabangan ,misalnya. Sehingga untuk menutupi kelemahan ini
perlu digabung dengan bahasa pemrograman semisal C.
Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat
lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber
dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh
sebuah perusahaan komersial Swedia MySQL AB, dimana memegang hak cipta
hampir atas semua kode sumbernya. Kedua orang Swedia dan satu orang
Finlandia yang mendirikan MySQL AB adalah: David Axmark, Allan Larsson,
dan Michael “Monty” Widenius.
MySQL adalah Relational Database Management System (RDBMS) yang
didistribusikan secara gratis dibawah lisensi GPL (General Public License).
Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh
dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan
turunan salah satu konsep utama dalam database sejak lama, yaitu SQL
(Structured Query Language). SQL adalah sebuah konsep pengoperasian
database, terutama untuk pemilihan atau seleksi dan pemasukan data, yang
memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.
optimizer-nya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh
user maupun program-program aplikasinya. Sebagai database server, MySQL
dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query
data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan
query MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih
29
Pelaksanaan kerja praktek dilaksanakan di PT. Pos Indonesia (Persero) yang
beralamat di Gedung Wahana Bakti Pos Lantai 3 Jalan Banda No. 30 Bandung.
Adapun pelaksanaan kerja praktek dimulai pada tanggal 5 Juli 2010 sampai
dengan tanggal 31 Juli 2010.
1.2Cara / Teknik Kerja Praktek
Dalam pelaksanaan kerja praktek ini dibagi kedalam beberapa tahapan
kegiatan, yang antara lain :
1. Pembuatan surat permohonan kerja praktek ditujukan untuk PT. POS
Indonesia (Persero).
2. Pengajuan permohonan Kerja Praktek ke PT. Pos Indonesia (Persero) yang
berlamatkan di Gedung Wahana Bakti Pos Lantai 3 JalanBanda No. 30
Bandung.
3. PT. POS Indonesia (Persero) memberikan surat belasan permohonan kerja
praktek.
4. Pelaksanaan kerja praktek
Dalam pelaksanaan kerja praktek ini dibagi kedalam beberapa tahapan
kegiatan untuk mengetahui permasalahan yang di berikan pada kami, sehingga
layak untuk diangkat menjadi topik dalam kegiatan kerja praktek ini. Adapun
a. Pengumpulan data yang dibagi ke dalam 3 tahapan, yaitu :
1. Observasi
Dilakukan dengan cara terjun langsung untuk mengikuti kegiatan
harian di PT. POS Indonesia (Persero) yang sebelumnya telah
mendapatkan izin dari pembimbing Kerja Praktek (KP).
2. Studi Literatur
Studi literatur (library research), mengumpulkan data melalui buku -
buku, situs internet, dan catatan kuliah yang diperlukan dalam
pembangunan sistem informasi pengolahan data karyawan bagian
pusat di PT. Dapensi Trio Usaha.
b. Tahap analisis sistem
Setelah mendapatkan data yang cukup, langkah selanjutnya adalah
kegiatan analisis, kegiatan analisis terdiri dari: analisis perangkat keras,
analisis perangkat lunak pembangun sistem, analisis user dan analisis
aplikasi yang sedang berjalan.
c. Perancangan sistem dan perangkat lunak
Setelah menganalisis sistem, selanjutnya adalah merancang sistem
informasi dan menentukan arsitektur sistem secara keseluruhan.
Perancangan perangkat lunak melibatkan identifikasi dan deskripsi
abstraksi sistem perangkat lunak yang mendasar.
d. Implementasi dan Pengujian
Setelah membuat perancangan sistem dan perangkat lunak, langkah
direalisasikan sebagai serangkaian program atau unit program dan
pengujian unit melibatkan verifikasi bahwa setiap unit telah memenuhi
spesifikasi pengolahan data karyawan di PT. Dapensi Trio Usaha.
1.3Data Hasil Kerja Praktek
1.3.1 Analisis Masalah
Sesuai dengan hasil penelitian yang didapat, sistem terdahulu proses
pengolahan data karyawan masih dilakukan secara manual, perusahaan masih
merasa kesulitan dalam pengerjaannya terlebih cara kerjanya yang masih jauh dari
kata efisiensi dan terkesan lambat. Berdasarkan hal tersebut maka diperlukan
sistem baru yang dapat menanggulangi kekurangan-kekurangan tersebut.
1.3.2 Analisis Sistem
1.3.2.1Analisis Prosedur yang Sedang Berjalan
Bagan alir dokumen atau disebut juga bagan alir formulir merupakan
bagan aliryang menunjukkan arus dari dokumen formulir. Berdasarkan analisis di
atas, maka terdapat prosedur yang sedang berjalan pada sistem informasi kegiatan
pengolahan data di PT Dapensi Trio Usaha. Adapun prosedur-prosedur yang ada
diantaranya prosedur penambahan data karyawan.
1. Prosedure Penambahan Data Karyawan
Berikut merupakan prosedur penambahan data katyawan
1)Divisi SDM menerima data (CV) dari calon karyawan
3)Bila terjadi kesalahan atau kekurangan dalam persyaratan, maka divisi
SDM akan menghubungi karyawan yang bersangkutan
4)Apabila data karyawan dinyatakan lengkap dan akan diterima, maka data
akan di simpan dalam pada file Microsoft Excel oleh Divisi SDM
5)Divisi SDM menyerahkan berkas dan file data calon karyawan pada admin
untuk di simpan dalam sistem
6)Admin menyimpan data calon karyawan ke dalam sistem
1.3.2.2Flow Map Sistem yang Sedang Berjalan
Prosedur Penambahan Data Karyawan
Divisi SDM Calon Karyawan
Admin(SuperAdmin)
Data Calon Karyawan
Cek Kelengkapan
Lengkap ?
Menelepon Tidak
Data Calon Karyawan Tidak
Lengkap Data Calon
Karyawan Ya
Data Karyawan
Menelepon
1.3.3 Analisis Kebutuhan Non Fungsional
Analisis kebutuhan non fungsional dilakukan untuk menghasilkan
spesifikasi kebutuhan non fungsional. Spesifikasi kebutuhan non fungsional
adalah spesifikasi yang rinci tentang hal-hal yang akan dilakukan sistem ketika
diimplementasikan. Analisis ini diperlukan untuk menentukan keluaran yang akan
dihasilkan sistem, masukan yang diperlukan sistem, lingkup proses yang
digunakan untuk mengolah masukan menjadi keluaran, volume data yang akan
ditangani sistem, jumlah pemakai serta kontrol terhadap sistem.
1.3.3.1Analisis Perangkat Lunak
Analisis perangkat lunak pembangun sistem pada pengolahan data karyawan
bagian pusat di PT Dapensi Trio Usaha ini adalah Dreamweaver 8, MySQL
sebagai database, PHP, HTML sebagai bahasa pemrogramannya.
1.3.3.2Analisis Perangkat Keras
Perangkat keras yang ada saat ini di ruang kerja PT. Dapensi Trio Usaha
sudah memenuhi standard untuk menjalankan aplikasi sistem yang dibangun.
Adapun spesifikasinya sebagai berikut :
Tabel 3. 1 Spesifikasi Perangkat Keras
Spesifikasi yang ada Spesifikasi yang dibutuhkan
Processor : Pentium IV Processor Pentium IV
RAM : 512 MB RAM 1 GB
VGA : 512 MB VGA 512 GB
Harddisk : 40 GB Harddisk 80 GB
CD-ROM : CD-ROM
1.3.3.3Analisi Pengguna
1.3.3.3.1 User Profile
Pengguna sistem informasi ini adalah user (masyarakat, instansi lainnya),
admin (orang yang mempunyai hak terhadap pengaturan sisitem dibawah
menejer).
Spesifikasi pengguna sistem informasi ini adalah sebagai berikut :
Tabel 3. 2 Spesifikasi Pengguna Sistem
Pengguna Usia Hak Akses Pendidikan Pengalaman Jenis
Pelatihan dengan internet
browser dengan interne
browser
1.3.4 Analisis Basis Data
Usulan untuk diagram E-R yaitu terdapat kunci yang unik (primary key)
pada setiap entitas (tabel induk) yang dapat membedakan dengan atribut lainnya
sehingga tabel tersebut dapat dijadikan referensi untuk tabel yang lainnya.
Dari usulan diatas maka dapat dibuat diagram E-R untuk sistem baru yang
terdri dari beberapa tabel yang dibutuhkan untuk menyimpan data. Untuk melihat
admin
Gambar 3. 2 Diagram E-R
1.3.5 Analisis Kebutuhan Fungsional
Analisis kebutuhan fungsional akan dimulai setelah tahap analisis
terhadap sistem selesai dilakukan, analisis kebutuhan fungsional dapat
didefinsikan sebagai penggambaran, perencanaan dan pembuatan sketsa atau
pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh
dan berfungsi. Tahapan ini menyangkut mengkonfigurasi dari
komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem sehingga setelah
instalasi dari sistem akan benar-benar memuaskan dari rancang bangun yang telah
ditetapkan pada akhir tahap analisis sistem. Alat bantu yang digunakan untuk
menggambarkan system secara umum yang akan dibangun yaitu diagram konteks
pada sistem maka digunakan spesifikasi proses dan kamus data untuk mengetahui
aliran data yang mengalir pada sistem.
1.3.5.1Diagram Konteks
Diagram konteks merupakan pola penggambaran yang berfungsi untuk
memperlihatkan interaksi tersebut dengan lingkungan dimana sistem tersebut
ditempatkan. Dalam diagram konteks, sistem dianggap sebuah objek yang tidak
dijelaskan secara rinci karena yang ditekankan adalah interaksi sistem dengan
lingkungan yang akan mengaksesnya. Berikut merupakan diagram konteks pada
sistem informasi pengolahan data karyawan bagian pusat di PT. Dapensi Trio
Usaha
admin Sistem Informasi user
pengolahan data karyawan pusat Request
Data login admin, Data karyawan
Respon Login valid,
Login invalid, Data karyawan
Gambar 3. 3 Diagram Konteks Sistem
1.3.5.1.1 Data Flow Diagram
Data flow diagram digunakan untuk menggambarkan sistem secara lebih
detail yang ada pada diagram konteks menjadi beberapa proses yang terjadi antara
User
Respon Visi & Misi
Request
Request Visi & Misi
Respon Visi & Misi
Request Struktur
Gambar 3. 5 DFD Level 2 Sistem (Profil)
User Admin
Admin
Gambar 3. 7 DFD Level 2 Sistem (Laporan SDM)
1.3.6 Spesifikasi Proses
Tabel 3. 3 Spesifikasi Proses
No Proses Keterangan
1 No Proses 1
Nama Proses Login
Source Admin (karyawan tertentu)
Input Username dan Password
Output Login Admin Valid
Destination Admin (karyawan tertentu)
Logika Proses
Admin memasukan username dan password, Sistem akan mengolah data admin, jika username dan password salah
maka akan muncul pesan gagal login. Tetapi jika
username dan password benar, maka akan muncul link
2 No Proses 6
Nama Proses Aplikasi
Source Admin (karyawan tertentu)
Input Login Admin valid, request aplikasi
Output Respon aplikasi
Destination Admin (karyawan tertentu)
Logika Proses Login Admin valid, sistem akan menampilkan link
aplikasi
3 No Proses 8
Nama Proses Laporan SDM
Source Admin (karyawan tertentu)
Input Login Admin valid, Request data karyawan
Output Info data karyawan
Destination Admin (karyawan tertentu)
Logika Proses Login Admin valid, sistem akan menampilkan halaman
data karyawan
4 No Proses 8.1
Nama Proses Tambah Data Karyawan
Source Admin (karyawan tertentu)
Input Login Admin valid, Request data karyawan, Tambah
Data Karyawan
Output Info Data Karyawan, Pesan data telah disimpan
Destination Admin (karyawan tertentu)
Logika Proses Login Admin valid, sistem akan menampilkan form
penambahan data karyawan
5 No Proses 8.2
Nama Proses Edit Data Karyawan
Source Admin (karyawan tertentu)
Input Login Admin valid, Request data karyawan, Edit Data
Output Info Data Karyawan, Pesan data telah disimpan
Destination Admin (karyawan tertentu)
Logika Proses Login Admin valid, sistem akan menampilkan form edit
data karyawan
6 No Proses 8.3
Nama Proses Cari Data Karyawan
Source Admin (karyawan tertentu)
Input Login Admin valid, Request data karyawan, Cari Data
Karyawan
Output Info Data Karyawan, Pesan data ditemukan
Destination Admin (karyawan tertentu)
Logika Proses Login Admin valid, sistem akan menampilkan data
karyawan yang dicari
7 No Proses 7
Nama Proses Lihat Data Admin
Source Admin (karyawan tertentu)
Input Login Admin valid, request data admin
Output Info Data admin
Destination Admin (karyawan tertentu)
Logika Proses Login Admin valid, sistem akan menampilkan link untuk
lihat data admin
8 No Proses 2.1
Nama Proses Profil Perusahaan
Source Admin (karyawan tertentu), User
Input User : -
Admin : Login atau bisa juga tidak
Output Profil Perusahaan
Destination Admin (karyawan tertentu), User
Logika Proses User dan Admin cukup mengarahkan kursor pada link
& misi, struktur organisasi, jaringan pelayanan, strategi
pelayanan dan manajemen perusahaan
9 No Proses 2.2
Nama Proses Visi & Misi
Source Admin (karyawan tertentu), User
Input User : -
Admin : Login atau bisa juga tidak
Output Visi & Misi Perusahaan
Destination Admin (karyawan tertentu), User
Logika Proses User dan Admin cukup mengarahkan kursor pada link
profil, maka akan muncul sub link profil perusahaan, visi
& misi, struktur organisasi, jaringan pelayanan, strategi
pelayanan dan manajemen perusahaan
10 No Proses 2.3
Nama Proses Struktur Organisasi
Source Admin (karyawan tertentu), User
Input User : -
Admin : Login atau bisa juga tidak
Output Struktur Organisasi Perusahaan
Destination Admin (karyawan tertentu), User
Logika Proses
User dan Admin cukup mengarahkan kursor pada link
profil, maka akan muncul sub link profil perusahaan, visi
& misi, struktur organisasi, jaringan pelayanan, strategi
pelayanan dan manajemen perusahaan
11 No Proses 2.4
Nama Proses Jaringan Pelayanan
Source Admin (karyawan tertentu), User
Input User : -
Admin : Login atau bisa juga tidak
Destination Admin (karyawan tertentu), User
Logika Proses User dan Admin cukup mengarahkan kursor pada link
profil, maka akan muncul sub link profil perusahaan, visi
& misi, struktur organisasi, jaringan pelayanan, strategi
pelayanan dan manajemen perusahaan
12 No Proses 2.5
Nama Proses Strategi Pelayanan
Source Admin (karyawan tertentu), User
Input User : -
Admin : Login atau bisa juga tidak
Output Strategi Pelayanan Perusahaan
Destination Admin (karyawan tertentu), User
Logika Proses User dan Admin cukup mengarahkan kursor pada link
profil, maka akan muncul sub link profil perusahaan, visi
& misi, struktur organisasi, jaringan pelayanan, strategi
pelayanan dan manajemen perusahaan
13 No Proses 2.6
Nama Proses Manajemen Perusahaan
Source Admin (karyawan tertentu), User
Input User : -
Admin : Login atau bisa juga tidak
Output Manajemen Perusahaan
Destination Admin (karyawan tertentu), User
Logika Proses User dan Admin cukup mengarahkan kursor pada link
profil, maka akan muncul sub link profil perusahaan, visi
& misi, struktur organisasi, jaringan pelayanan, strategi
pelayanan dan manajemen perusahaan
14 No Proses 3.1
Nama Proses Jasa Tenaga Kerja
Input User : -
Admin : Login atau bisa juga tidak
Output Jasa Tenaga Kerja
Destination Admin (karyawan tertentu), User
Logika Proses User dan Admin cukup mengarahkan kursor pada link
Bidang Usaha, maka akan muncul sub link jasa tenga
kerja dan pembinaan SDM
15 No Proses 3.2
Nama Proses Pembinaan SDM
Source Admin (karyawan tertentu), User
Input User : -
Admin : Login atau bisa juga tidak
Output Pembinaan SDM
Destination Admin (karyawan tertentu), User
Logika Proses User dan Admin cukup mengarahkan kursor pada link
Bidang Usaha, maka akan muncul sub link jasa tenga
kerja dan pembinaan SDM
16 No Proses 4
Nama Proses Pengalaman
Source Admin (karyawan tertentu), User
Input User : -
Admin : Login atau bisa juga tidak
Output Pengalaman
Destination Admin (karyawan tertentu), User
Logika Proses User dan Admin cukup mengarahkan kursor pada link
Pengalaman, maka akan muncul halaman pengalaman
17 No Proses 5
Nama Proses Tentang Kami
Source Admin (karyawan tertentu), User
Admin : Login atau bisa juga tidak
Output Tentang Kami
Destination Admin (karyawan tertentu), User
Logika Proses User dan Admin cukup mengarahkan kursor pada link
Pengalaman, maka akan muncul halaman tentang kami
1.4Perancangan Sistem Basis Data
1.4.1 Skema Relasi
Dari diagram E-R di atas maka dapat digambarkan hubungan antar
tabel yang ada seperti di bawah ini :
Admin
Gambar 3. 8 Skema Relasi
1.4.2 Struktur Tabel
Pada sub bagian ini, akan diuraikan table-tabel yang terdapat dalam
basis data yang digunakan dalam sistem ini
Tabel 3. 4 Struktur Tabel Admin
Field Name Data Type Size Description
uername varchar 8 Primary Key
userpass varchar 41
nama varchar 50
level enum (‘ADMIN’, ‘PUSAT’,
‘DAERAH’)
lginterakhir datetime
b. Tabel karyawan, yaitu table yang menyimpan data karyawan
Tabel 3. 5 Struktur Tabel karyawan
Field Name Data Type Size Description
nik integer 10 Primary Key
nama_karyawan varchar 30
status varchar 15
tp_lahir varchar 15
tgl_lahir date
kelamin char 1
gol_darah char 3
alamat_karyawan varchar 50
agama varchar 15
pendidikan varchar 15
keahlian varchar 20
c. Tabel jabatan, yaitu table yang menyimpan data jabatan
Tabel 3. 6 Struktur Tabel Jabatan
Field Name Data Type Size Description
kode_tko varchar 5 Primary Key
jabatan varchar 15
pekerjaan varchar 15
gapok decimal (19,0)
d. Tabel kantor, yaitu table yang menyimpan data kantor
Tabel 3. 7 Struktur Tabel Kantor
Field Name Data Type Size Description
kode_kantor varchar 5 Primary Key
nama_kantor varchar 15
alamat_kantor varchar 50
cabang varchar 15
1.5Perancangan Struktur Menu
1.5.1 Struktur Menu Admin
1.5.2 Struktur Menu User
Gambar 3. 10 Struktur Menu User
1.6Perancangan Antar Muka
Interface atau antar muka merupakan tampilan dari suatu program
aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai
sarana dialog antara program dengan user. Sistem yang akan dibangun
diharapkan menyediakan interface yang sesuai dengan kebutuhan dan
karakteristik user. Perancangan interface untuk sistem ini adalah sebagai
1.6.1 Perancangan Antar Muka User
1. Tampilan Awal (Home)
PT. DAPENSI TRIO USAHA
Home
Klik link Profil (Profil Perusahaan) maka akan menuju ke T02 Klik link Profil (Visi & Misi) maka akan menuju ke T03
Klik link Profil (Struktur Organisasi) maka akan menuju ke T04 Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T05 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T06 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T07
Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T08
Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T09 Klik link Pengalaman maka akan menuju ke T10
Klik link Tentang Kami maka akan menuju ke T11
Klik tombol Login maka akan menuju ke T12
T01
Profil Bidang Usaha Pengalaman Tentang Kami
login
Nama Form : T01 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
Promo
Gambar 3. 11 Perancangan Antar Muka Awal (Home)
2. Tampilan Profil (Profil Perusahaan)
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T01
Klik link Profil (Visi & Misi) maka akan menuju ke T03
Klik link Profil (Struktur Organisasi) maka akan menuju ke T04 Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T05 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T06 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T07
Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T08
Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T09 Klik link Pengalaman maka akan menuju ke T10
Klik link Tentang Kami maka akan menuju ke T11
Klik tombol Login maka akan menuju ke T12
T02
Profil Bidang Usaha Pengalaman Tentang Kami
login
Nama Form : T02 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
Profil perusahaan
3. Tampilan Profil (Visi & Misi)
Kembali
Klik tombol Next menuju T07-B
Klik tombol Kembali untuk menuju T01
Nama Form : T07-A Ukuran : 800 x 600 Font : Buukantiqua Warna Latar : Hitam - Hijau
T07-A
Berisi penjelasan dari Color Palette serta pengaturan warna dan objek
color
KLIK KIRI MOUSE KLIK KANAN MOUSE
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T01
Klik link Profil (Profil Perusahaan) maka akan menuju ke T02 Klik link Profil (Struktur Organisasi) maka akan menuju ke T04 Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T05 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T06 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T07
Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T08
Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T09 Klik link Pengalaman maka akan menuju ke T10
Klik link Tentang Kami maka akan menuju ke T11
Klik tombol Login maka akan menuju ke T12
T03
Profil Bidang Usaha Pengalaman Tentang Kami
login
Nama Form : T03 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
Profil perusahaan
Visi & Misi Perusahaan
Promo
Gambar 3. 13 Perancangan Antar Muka Visi & Misi
4. Tampilan Profil (Struktur Organisasi)
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T01
Klik link Profil (Profil Perusahaan) maka akan menuju ke T02 Klik link Profil (Visi & Misi) maka akan menuju ke T03
Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T05 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T06 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T07
Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T08
Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T09 Klik link Pengalaman maka akan menuju ke T10
Klik link Tentang Kami maka akan menuju ke T11
Klik tombol Login maka akan menuju ke T12
T04
Profil Bidang Usaha Pengalaman Tentang Kami
login
Nama Form : T04 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
Profil perusahaan
5. Tampilan Profil (Jaringan Pelayanan)
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T01
Klik link Profil (Profil Perusahaan) maka akan menuju ke T02 Klik link Profil (Visi & Misi) maka akan menuju ke T03
Klik link Profil (Struktur Organisasi) maka akan menuju ke T04 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T06 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T07
Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T08
Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T09 Klik link Pengalaman maka akan menuju ke T10
Klik link Tentang Kami maka akan menuju ke T11
Klik tombol Login maka akan menuju ke T12
T05
Profil Bidang Usaha Pengalaman Tentang Kami
login
Nama Form : T05 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
Profil perusahaan
Gambar 3. 15 Perancangan Antar Muka Jaringan Pelayanan
6. Tampilan Profil (Strategi Pelayanan)
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T01
Klik link Profil (Profil Perusahaan) maka akan menuju ke T02 Klik link Profil (Visi & Misi) maka akan menuju ke T03
Klik link Profil (Struktur Organisasi) maka akan menuju ke T04 Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T05 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T07
Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T08
Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T09 Klik link Pengalaman maka akan menuju ke T10
Klik link Tentang Kami maka akan menuju ke T11
Klik tombol Login maka akan menuju ke T12
T06
Profil Bidang Usaha Pengalaman Tentang Kami
login
Nama Form : T06 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
Profil perusahaan
7. Tampilan Profil (Manajemen Perusahaan)
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T01
Klik link Profil (Profil Perusahaan) maka akan menuju ke T02 Klik link Profil (Visi & Misi) maka akan menuju ke T03
Klik link Profil (Struktur Organisasi) maka akan menuju ke T04 Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T05 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T06 Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T08
Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T09 Klik link Pengalaman maka akan menuju ke T10
Klik link Tentang Kami maka akan menuju ke T11
Klik tombol Login maka akan menuju ke T12
T07
Profil Bidang Usaha Pengalaman Tentang Kami
login
Nama Form : T07 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
Profil perusahaan
Gambar 3. 17 Perancangan Antar Muka Manajemen Perusahaan
8. Tampilan Bidang Usaha (Jasa Tenaga Kerja)
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T01
Klik link Profil (Profil Perusahaan) maka akan menuju ke T02 Klik link Profil (Visi & Misi) maka akan menuju ke T03
Klik link Profil (Struktur Organisasi) maka akan menuju ke T04 Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T05 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T06 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T07
Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T09 Klik link Pengalaman maka akan menuju ke T10
Klik link Tentang Kami maka akan menuju ke T11
Klik tombol Login maka akan menuju ke T12
T08
Profil Bidang Usaha Pengalaman Tentang Kami
login
Nama Form : T08 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
Jasa Tenaga Kerja
Pembinaan SDM
Promo
9. Tampilan Bidang Usaha (Pembinaan SDM)
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T01
Klik link Profil (Profil Perusahaan) maka akan menuju ke T02 Klik link Profil (Visi & Misi) maka akan menuju ke T03
Klik link Profil (Struktur Organisasi) maka akan menuju ke T04 Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T05 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T06 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T07
Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T08
Klik link Pengalaman maka akan menuju ke T10
Klik link Tentang Kami maka akan menuju ke T11
Klik tombol Login maka akan menuju ke T12
T09
Profil Bidang Usaha Pengalaman Tentang Kami
login
Nama Form : T09 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
Jasa Tenaga Kerja
Pembinaan SDM Perekrutan & Pembinaan SDM
Promo
Gambar 3. 19 Perancangan Antar Muka Pembinaan SDM
10.Tampilan Pengalaman
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T01
Klik link Profil (Profil Perusahaan) maka akan menuju ke T02 Klik link Profil (Visi & Misi) maka akan menuju ke T03
Klik link Profil (Struktur Organisasi) maka akan menuju ke T04 Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T05 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T06 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T07
Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T08
Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T09 Klik link Tentang Kami maka akan menuju ke T11
Klik tombol Login maka akan menuju ke T12
T10
Profil Bidang Usaha Pengalaman Tentang Kami
login
Nama Form : T10 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
Promo
11.Tampilan Tentang Kami
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T01
Klik link Profil (Profil Perusahaan) maka akan menuju ke T02 Klik link Profil (Visi & Misi) maka akan menuju ke T03
Klik link Profil (Struktur Organisasi) maka akan menuju ke T04 Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T05 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T06 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T07
Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T08
Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T09 Klik link Pengalaman maka akan menuju ke T10
Klik tombol Login maka akan menuju ke T12
T11
Profil Bidang Usaha Pengalaman Tentang Kami
login
Nama Form : T11 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
Promo
Gambar 3. 21 Perancangan Antar Muka Tentang Kami
1.6.2 Perancangan Antar Muka Admin
1.Tampilan Setelah Login
PT. DAPENSI TRIO USAHA
Home
Klik link Profil (Profil Perusahaan) maka akan menuju ke T13
Klik link Profil (Visi & Misi) maka akan menuju ke T14
Klik link Profil (Struktur Organisasi) maka akan menuju ke T15 Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T16 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T17 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T18 Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T19 Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T20 Klik link Pengalaman maka akan menuju ke T21
Klik link Tentang Kami maka akan menuju ke T22
Klik link Aplikasi (Laporan SDM) maka akan menuju ke T24
Klik link Lihat Admin maka akan menuju ke T23
Klik link LOGOUT maka akan menuju ke T01
T12
Profil Bidang Usaha Pengalaman Aplikasi Tentang Kami
Nama Form : T12 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
MENU ADMIN Lihat Admin
LOGOUT selamat datang [admin]
Promo
2.Tampilan Profil (Profil Perusahaan)
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T12
Klik link Profil (Visi & Misi) maka akan menuju ke T14
Klik link Profil (Struktur Organisasi) maka akan menuju ke T15 Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T16 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T17 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T18 Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T19 Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T20 Klik link Pengalaman maka akan menuju ke T21
Klik link Tentang Kami maka akan menuju ke T22
Klik link Aplikasi (Laporan SDM) maka akan menuju ke T24
Klik link Lihat Admin maka akan menuju ke T23
Klik link LOGOUT maka akan menuju ke T01
T13
Profil Bidang Usaha Pengalaman
Nama Form : T13 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
MENU ADMIN Lihat Admin
LOGOUT selamat datang [admin]Profil perusahaan
Visi & Misi
Gambar 3. 23 Tampilan Antar Muka Profil
3.Tampilan Profil (Visi & Misi)
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T12
Klik link Profil (Profil Perusahaan) maka akan menuju ke T13
Klik link Profil (Struktur Organisasi) maka akan menuju ke T15 Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T16 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T17 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T18 Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T19 Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T20 Klik link Pengalaman maka akan menuju ke T21
Klik link Tentang Kami maka akan menuju ke T22
Klik link Aplikasi (Laporan SDM) maka akan menuju ke T24
Klik link Lihat Admin maka akan menuju ke T23
Klik link LOGOUT maka akan menuju ke T01
T14
Profil Bidang Usaha Pengalaman
Nama Form : T14 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
MENU ADMIN Lihat Admin
LOGOUT selamat datang [admin]Profil perusahaan
Visi & Misi
Visi & Misi Perusahaan
Tentang Kami Aplikasi
Promo
4.Tampilan Profil (Struktur Organisasi)
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T12
Klik link Profil (Profil Perusahaan) maka akan menuju ke T13
Klik link Profil (Visi & Misi) maka akan menuju ke T14
Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T16 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T17 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T18 Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T19 Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T20 Klik link Pengalaman maka akan menuju ke T21
Klik link Tentang Kami maka akan menuju ke T22
Klik link Aplikasi (Laporan SDM) maka akan menuju ke T24
Klik link Lihat Admin maka akan menuju ke T23
Klik link LOGOUT maka akan menuju ke T01
T15
Profil Bidang Usaha Pengalaman
Nama Form : T15 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
MENU ADMIN Lihat Admin
LOGOUT selamat datang [admin]Profil perusahaan
Visi & Misi
Gambar 3. 25 Tampilan Antar Muka Struktur Organisasi
5.Tampilan Profil (Jaringan Pelayanan)
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T12
Klik link Profil (Profil Perusahaan) maka akan menuju ke T13
Klik link Profil (Visi & Misi) maka akan menuju ke T14
Klik link Profil (Struktur Organisasi) maka akan menuju ke T15 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T17 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T18 Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T19 Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T20 Klik link Pengalaman maka akan menuju ke T21
Klik link Tentang Kami maka akan menuju ke T22
Klik link Aplikasi (Laporan SDM) maka akan menuju ke T24
Klik link Lihat Admin maka akan menuju ke T23
Klik link LOGOUT maka akan menuju ke T01
T16
Profil Bidang Usaha Pengalaman
Nama Form : T16 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
MENU ADMIN Lihat Admin
LOGOUT selamat datang [admin]Profil perusahaan
Visi & Misi
6.Tampilan Profil (Strategi Pelayanan)
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T12
Klik link Profil (Profil Perusahaan) maka akan menuju ke T13
Klik link Profil (Visi & Misi) maka akan menuju ke T14
Klik link Profil (Struktur Organisasi) maka akan menuju ke T15 Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T16 Klik link Profil (Manajemen Perusahaan) maka akan menuju ke T18 Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T19 Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T20 Klik link Pengalaman maka akan menuju ke T21
Klik link Tentang Kami maka akan menuju ke T22
Klik link Aplikasi (Laporan SDM) maka akan menuju ke T24
Klik link Lihat Admin maka akan menuju ke T23
Klik link LOGOUT maka akan menuju ke T01
T17
Profil Bidang Usaha Pengalaman
Nama Form : T17 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
MENU ADMIN Lihat Admin
LOGOUT selamat datang [admin]Profil perusahaan
Visi & Misi
Gambar 3. 27 Tampilan Antar Muka Strategi Pelayanan
7.Tampilan Profil (Manajemen Perusahaan)
PT. DAPENSI TRIO USAHA
Home
Klik link Home maka akan menuju ke T12
Klik link Profil (Profil Perusahaan) maka akan menuju ke T13
Klik link Profil (Visi & Misi) maka akan menuju ke T14
Klik link Profil (Struktur Organisasi) maka akan menuju ke T15 Klik link Profil (Jaringan Pelayanan) maka akan menuju ke T16 Klik link Profil (Strategi Pelayanan) maka akan menuju ke T17 Klik link Bidang Usaha (Jasa Tenaga Kerja) maka akan menuju ke T19 Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T20 Klik link Pengalaman maka akan menuju ke T21
Klik link Tentang Kami maka akan menuju ke T22
Klik link Aplikasi (Laporan SDM) maka akan menuju ke T24
Klik link Lihat Admin maka akan menuju ke T23
Klik link LOGOUT maka akan menuju ke T01
T18
Profil Bidang Usaha Pengalaman
Nama Form : T18 Ukuran : 800 x 600 Font : Arial Warna Latar : Abu-abu
MENU ADMIN Lihat Admin
LOGOUT selamat datang [admin]Profil perusahaan
Visi & Misi