• Tidak ada hasil yang ditemukan

Pengolahan Data Karyawan Bagian Pusat Di PT. Dapensi Trio Usaha berbasis Website

N/A
N/A
Protected

Academic year: 2017

Membagikan "Pengolahan Data Karyawan Bagian Pusat Di PT. Dapensi Trio Usaha berbasis Website"

Copied!
85
0
0

Teks penuh

(1)

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.

(2)

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

(3)

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

(4)

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)

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

(6)

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)

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 :

(8)

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

(9)

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

(10)

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

(11)

2.1.4 Struktur Organisasi dan Job Description

2.1.4.1Struktur Organisasi

(12)

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

(13)

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

(14)

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

(15)

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.

(16)

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

(17)

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

(18)

<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

(19)

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.

(20)

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).

(21)

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,

(22)

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

(23)

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

(24)

- 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

(25)

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

(26)

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,

(27)

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.

(28)

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)

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

(30)

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

(31)

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

(32)

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

Email

(33)

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

(34)

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

(35)

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

(36)

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

(37)
(38)

User

Respon Visi & Misi

Request

Request Visi & Misi

Respon Visi & Misi

Request Struktur

Gambar 3. 5 DFD Level 2 Sistem (Profil)

User Admin

(39)

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

(40)

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

(41)

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

(42)

& 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

(43)

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

(44)

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

(45)

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

(46)

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

(47)

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

(48)

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

(49)

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

(50)

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

(51)

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

(52)

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

(53)

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

(54)

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

(55)

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

(56)

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

(57)

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

Gambar

Gambar 3. 1 Flowmap Penambahan Data Karyawan
Gambar 3. 28 Tampilan Antar Muka Manajemen Perusahaan
Gambar 3. 30 Tampilan Antar Muka Pembinaan SDM
Gambar 3. 32 Tampilan Antar Muka Tentang Kami
+7

Referensi

Dokumen terkait

Penelitian ini bertujuan untuk: (1) mengetahui bagaimana intensitas menonton iklan makanan di televisi, (2) mengetahui bagaimana perilaku konsumsi makanan cepat saji siswa

Penelitian ini bertujuan untuk mengetahui perbedaan hasil belajar aspek kognitif, afektif dan psikomotorik siswa pada materi pokok sistem ekskresi pada manusia dengan

Kemampuan Faktor Keuangan Dan Non Keuangan Dalam Memprediksi Peringkat Obligasi Korporasi (Studi Kasus Pada Perusahaan Perbankan Yang Tercatat Di Bursa Efek

Then find out the daily news production process 'Hello Bandung Evening' on local TV PJTV Bandung, and to determine and provide the best solution to the

Wina Erwina,MA., selaku ketua jurusan Ilmu Informasi dan Perpustakaan Fikom-Unpad yang telah membantu kelancaran penulis dalam menyelesaikan skripsi.. Bapak Asep Saeful

The title of thesis is “ Comparison of Worksheet and Index Card Match as a Media on Collaborative Learning Model on Students’ Learning Outcome in Learning of Buffer

Karena pelatihan yang bertema mendesain pembelajaran untuk kelas internasional itu merupakan kelanjutan dari program-program lain yang telah dimotori oleh jajaran pembantu rektor

~.lalaysia (SKIM) XI(1O-12/1I).Lian ti ngayakeun kagiatan gunem-catllr kjlbudayaan bum intelektual dua nagara antara Universitas Padjadjaran Handung jeung Universitas