Company Profile Dan pengolahan Data Admin Berbasis Website Di PT. Dapensi Trio Usaha

(1)

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

PT. Dapensi Trio Usaha merupakan anak Perusahaan PT. Pos Indonesia

(Persero) yang berdiri pada 21 Januari 1992, pada awal berdirinya perusahaan, PT.

Dapensi Trio Usaha hanya menekuni bisnis di bidang perdagangan umum (General

Trading). Perkembangan PT. Dapensi Trio Usaha bisa dikatakan cukup maju, itu bisa

dilihat dari berkembangnya bidang bisnis yang disediakan oleh PT. Dapensi Trio

Usaha. PT. Dapensi Trio Usaha yang dulu hanya menekuni bisnis di bidang

perdagangan umum (General Trading), kini sudah menekuni bisnis di bidang jasa,

diantaranya jasa kebersihan (Cleaning Service), jasa keamanan (Security Service) dan

jasa pengelola SDM (Outsourcing). Namun perkembangan yang cukup baik ini tidak

ditunjang dengan sarana teknologi (website) untuk mempromosikan produk/jasa

(company profile) kepada perusahaan atau instansi-instansi lainnya.

Maka dari itu, dengan memanfaatkan teknologi internet kami membuat suatu

situs web yang menjelaskan tentang PT. Dapensi Trio Usaha agar dapat membantu

proses bisnis yang dilakukan perusahaan tersebut.

“

COMPANY PROFILE DAN PENGOLAHAN DATA ADMIN

(2)

2

1.2 Identifikasi Masalah

Latar belakang masalah yang telah dikemukakan sebelumnya, menjadi acuan

penulis dalam mengidentifikasi adanya masalah dalam pembuatan Laporan Kerja

Praktek ini yaitu :

1. Masih manualnya company profile perusahaan.

2. Tidak adanya sistem informasi (web site) yang menunjang proses bisnis.

3. Masih sulitnya admin dalam mengolah data admin (admin pusat, admin

daerah).

1.3 Maksud dan Tujuan

1.3.1 Maksud

Maksud dari penelitian ini adalah untuk merancang dan

mengimplementasikan

“

COMPANY PROFILE DAN PENGOLAHAN DATA

ADMIN BERBASIS WEB SITE DI PT. DAPENSI TRIO USAHA”.

1.3.2 Tujuan

Adapun tujuan dari penulisan laporan kerja praktek ini adalah:

1. Untuk mempermudah perusahaan dalam melekukan proses bisnis.

2. Mempermudah admin perusahaan dalam mengelola data admin.

(3)

1.4 Batasan Masalah

Terdapat bebeerapa batasan permasalahan yang dapat dirumuskan agar

penulisan laporan kerja praktek ini lebih terarah dan mengacu kepada tujuan utama.

Batasan permasalahan tersebut adalah sebagai berikut :

1. Pembuatan web site pada PT. Dapensi Trio Usaha yang berisi company profile

perusahaan.

2. Membedakan hak akses tiap admin (Superadmin, Admin Pusat, admin

Daerah).

3. Superadmin dapat mengedit seluruh data admin.

4. Pengimplementasian sistem informasi company profile dan pengolahan data

admin PT. Dapensi Trio Usaha ini menggunakan bahasa PHP dan MySQL

sebagai Server Database Management System.

1.4.1 Metodologi Penelitian

Metodologi penelitian yang penulis gunakan dalam penyusunan laporan kerja

praktek ini adalah :

a) Studi Kepustakaan

Yaitu teknik pengumpulan data dengan cara memanfaatkan buku-buku

serta literatur lainnya yang berhubungan dengan permasalahan.

(4)

4

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 input,proses,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 Ilustrasi Teknik Water Fall

1.5 Sistematika Penulisan

Sistematika penulisan laporan kerja praktek ini disusun sebagai berikut :

1.5.1 BAB I PENDAHULUAN

Berisi pembahasan tentang latar belakang masalah, identifikasi masalah,

maksud dan tujuan, batasan masalah, metodologi penelitian, dan sistematika

(6)

6

1.5.2 BAB II TINJAUAN PUSTAKA

Brisi tentang teori-teori yang menunjang dalam perancangan dan pembuatan

web company profile yang digunakan sebagai acuan dalam pembuatan web

perusahaan, sehingga perancangan tersebut dapat sesuai dengan teori yang sudah ada,

selain itu membahas profil tempat kerja praktek jaob des dan juga struktur organisasi

dari PT. Dapensi Trio Usaha.

1.5.3 BAB III PEMBAHASAN

Berisi pembahasan tentang permasalahan yang ada di PT. Dapensi Trio

Usaha.

1.5.4 BAB IV KESIMPULAN DAN SARAN

Pada bab ini, terdapat kesimpulan dan saran yang sudah diperoleh dari hasil

(7)

7

Bab ini menjelaskan mengenai tempat dilakukannya penelitian dan sejarah

perusahaan sampai dengan struktur organisasi perusahaan serta menjelaskan

mengenai teori-teori yang akan digunakan dalam membangun sistem informasi (web

site).

2.1 Profil Tempat Kerja Praktek

2.1.1 Sejarah Instansi

Tabel 2. 1 Sejarah Instansi

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

(8)

8

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 :

Undang-undangNomor 1 Tahun 1995 tentang Perusahaan Perseroan;

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

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

(9)

2.1.2 Logo Instansi

Gambar 2. 1 Gambar Logo Perusahaan PT. Pos Indonesia (Persero)

2.1.3 Badan Hukum Instansi

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

(10)

10

2.1.4 Struktur Organisasi dan Job Description

2.1.4.1Struktur Organisasi

(11)

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 :

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

b. Mengkoordinasikan dan menetapkan kebijakan pemenuhan kebutuhan

sistem teknologi dan sistem informasi Perusahaan.

c. Mengkoordinasikan dan menetapkan kebijakan maintenance dan

implementasi sistem teknologi dan sistem informasi.

d. Merumuskan dan merencanakan program kerja, rencana kerja, dan

anggaran Perusahaan di sub direktoratnya.

2. Unsur Pelaksana :

a. Divisi Infrastruktur Teknologi

(12)

12

Merumuskan dan menetapkan program kerja, rencana kerja, dan

anggaran Perusahaan dibidangnya.

Menetapkan kebijakan dan pemenuhan kebutuhan Jaringan

Komunikasi Data dan Data Center.

Menetapkan pengadaan, maintenance, dan implementasi teknologi

Jaringan Komunikasi Data dan Data Center.

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 :

Mengelola dan mengendalikan kebijakan pemenuhan kebutuhan

sistem informasi di lingkungan Perusahaan.

Mengelola dan mengendalikan kebijakan maintenance dan

implementasi sistem informasi.

Mengeelola kegiatan dukungan strategis dan dukungan umum (SDM,

Keuangan, Sarana) divisi.

Divisi Sistem Informasi Teknologi membawahi :

Bagian Pengembangan Sistem Teknologi

(13)

Menyusun dan melaksanakan program kerja.

Membuat rencana pengembangan sistem aplikasi untuk

diimplementasikan di lingkungan Perusahaan.

Merancang/menyusun desain spesifikasi dan mengembangkan sistem

aplikasi.

Melaksanakan pengelolaan proyek-proyek sistem informasi

manajemen.

Bagian Pengembangan Sistem Teknologi membawahi :

Bagian Pengendalian Sistem Teknologi

Bagian Pengendalian sistem Teknologi mempunyai tugas :

Menyusun dan melaksnakan program kerja.

Membuat standarisasi proses pengujian sistem teknologi dan proses

implementasi teknologi.

Membuat standarisasi metode pengukuran performansi system

teknologi.

Membuat rencana pengendalian system teknologi sesuai dengan

kebutuhan bisnis.

Melakukan evaluasi performansi operasional sistem informasi.

Melakukan evaluasi terhadap proses pengujian kualitas sistem

(14)

14

Bagian Pengendalian Sistem Teknologi membawahi :

Bagian Penelitian dan Pengembangan Teknologi

Bagian Penelitian dan Pengembangan Teknologi mempunyai tugas :

Menyusun rencana strategis teknologi informasi, arsitektur teknologi

informasi, dan standarisasi arsitektur sistem teknologi.

Melakukan riset teknologi dan kajian kelayakan implementasi sistem

teknologi.

Mendefinisikan spesifikasi kebutuhan.

Melakukan pemenuhan teknologi sesuai kebutuhan user.

Melakukan riset produk-produk berbasis teknologi.

Mengelola operasional e-business dan menyusun kebijakan dan SOP

e-business.

3. Divisi Mekanisasi dan Otomatisasi

Divisi Mekanisasi dan Otomatisasi mempunyai tugas :

Mengelola dan mengendalikan desain spesifikasi teknis mekanisasi

(15)

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 :

Mengelola sistem informasi data.

Menyampaikan laporan di bidangnya kepada unit terkait.

2.2 Landasan Teori

2.2.1 Tinjauan Tentang PHP

PHP adalah bahasa pemorgraman yang memungkinkan para web developer

untuk membuat aplikasi web yang dinamis dengan cepat. PHP merupakan singkatan

dari ―PHP: Hypertext Preprocessor”. PHP ditulis dan diperkenalkan pertama kali

sekitar tahun 1994 oleh Rasmus Lerdorf melalui situsnya untuk mengetahui siapa saja

yang telah mengakses ringkasan online-nya.

PHP merupakan salah satu bahasa script yang terbilang baru dan tersedia

secara bebas dan masih memungkinkan untuk dikembangkan lebih lanjut. PHP dapat

diintegrasikan (embedded) ke dalam web server, atau dapat berperan sebagai program

(16)

16

Karakteristik yang paling unggul dan paling kuat dalam PHP adalah lapisan

integrasi database (database integration layer). Database yang didukung PHP

adalah: Oracle, Adabas-D, Sybase, FilePro, mSQL, Velocis, MySQL, Informix, Solid,

dBase, ODBC, Unix dbm, dan PostgreSQL.

2.2.1.1Sejarah PHP

PHP adalah teknologi yang diperkenalkan tahun 1994 oleh Rasmus Lerdorf.

Beberapa versi awal yang tidak dipublikasikan digunakan pada situs pribadinya untuk

mencatat siapa saja yang mengakses daftar riwayat hidup onlinennya. Versi pertama

digunakan oleh pihak lain pada awal tahun 1995 dan dikenal sebagai Personal Home

Page Tools. Terkandung didalamnya sebuah parser engine (mesin pengurai) yang

sangat disederhanakan, yang hanya mampu mengolah macro khusus dan beberapa

utilitas yang sering digunakan pada pembuatan home page,seperti buku tamu,

pencacah, dan hal semacamnya. Parser tersebut ditulis ulang pada pertengahan 1995

dan dinamakan PHP/FI Versiaon 2. FI(Form Interprenter) sendiri berasal dari kode

lain yang ditulis juga oleh Rasmus, yang menterjemahkan HTML dari data. Ia

menggabungkan script Personal Home Page Tools dengan Form Interprenter dan

menambahkan dukungan terhadap server database yang menggunakan format mSQL

sehingga lahirlah PHP/FI. PHP/FI tumbuh dengan pesat, dan orang-orang mulai

menyiapkan kode-kode programnya supaya bisa didukung oleh PHP.

Sulit memberikan data statistic yang akurat, namun diperkirakan pada akhir

(17)

Pada pertengahan 1997, angka tersebut berubah menjadi 50.000. Pada saat itu juga

terdapat perubahan di dalam pengembangan PHP. PHP berubah dari proyek pribadi

Rasmus menjadi sebuah tim yang lebih terorganisasi. Parsernya ditulis ulang dari

bentuk rancangan awal oleh Zeev Suraski dan Andi Gutmans, dan parser baru ini

adalah sebagai dasar PHP Version 3. Banyak kode utilitas yang berasal dari PHP/FI

diport ke PHP3, dan banyak diantaranya sudah selesai ditulis ulang secara lengkap.

Pada pertengahan 1998, baik PHP/FI maupun PHP3 dikemas bersama dengan

produk-produk komersial seperti server web StrongHold buatan C2 dan Linux

RedHat, dan menurut survei yang dilakukan oleh NetCraft, kemungkinan PHP

digunakan pada lebih dari 150.000 situs web di seluruh dunia. Sebagai pembanding,

angka tersebut lebih banyak daripada pengguna server web Enterprise server buatan

netscape di Internet.

2.2.1.2Kelebihan PHP

PHP singkatan dari Personal Home Page Tools, adalah sebuah bahasa

scripting yang dibundel dengan HTML, yang dijalankan disisi server. Sebagian besar

perintahnya berasal dari C, Java dan Perl dengan beberapa tambahan fungsi khusus

PHP. Bahasa ini memungkinkan para pembuat aplikasi web menyajikan halaman

HTML dinamis dan interaktif dengan cepat dan mudah, yang dihasilkan server. PHP

juga dimaksudkan untuk mengganti teknologi lama seperti CGI (Common Gateway

(18)

18

PHP bisa berinteraksi dengan hampir semua teknologi web yang sudah ada.

Developer bisa menulis sebuah program PHP yang mengeksekusi suatu program CGI

di server web lain. Fleksibilitas ini amat bermanfaat bagi pemilik situs-situs web yang

besar dan sibuk, karena pemilik masih bisa mempergunakan aplikasi-aplikasi yang

sudah terlanjur dibuat di masa lalu dengan CGI, ISAP, atau dengan script seperti Perl,

Awk atau Python selama proses migrasi ke aplikasi baru yang dibuat dengan PHP. Ini

mempermudah dan memperluas peralihan antara teknologi lama dan teknologi baru.

Beberapa Kelebihan PHP dari bahasa pemrograman lain :

 Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.

 Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena referensi yang banyak.

 PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console

serta juga dapat menjalankan perintah-perintah sistem.

 Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai IIS sampai dengan apache, dengan configurasi yang relatif mudah.

 Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan

(19)

2.2.1.3Syntax dari PHP

Kode php diawali dengan tanda lebih kecil (<) dan di akhiri dengan tanda

lebih besar (>). Ada 3 cara untuk menuliskan script PHP, yaitu :

<?

Script PHP anda

?>

<?php

Script PHP anda

?>

<SCRIPT LANGUAGE=”PHP”

Script PHP anda

</script>

Cara pertama sering digunakan karena lebih ringkas. Cara kedua digunakan

untuk kombinasi dengan XML, sebuah bahasa yang merupakan pengembangan dari

HTML. Cara ketiga digunakan untuk mengantisipasi editor-editor yang tidak dapat

menerima cara 1 dan 2, seperti Microsfot Frontpage.

Jika Anda ingin menambahkan komentar, standar penulisannya adalah :

/* tulis comentar anda disini*/

(20)

20

//Komentar

2.2.2 Tinjauan Tentang HTML

HTML itu adalah singkatan dari Hypertext Markup Language. Dunia Internet

adalah dunia luas yang dipergunakan untuk mencari segala informasi yang kita

butuhkan. Dalam dunia yang begitu luasnya, komputer membutuhkan suatu bahasa

untuk berkomunukasi satu sama lain.

Bahasa yang biasa digunakan adalah bahasa computer, salah satunya HTML.

Ini berarti bahwa HTML adalah bahasa computer yang digunakan dalam dunia

internet atau www (world wide web) yang bias dipahami oleh semua komputer.

Bahasa HTML ini memiliki perintah-perintah yang memiliki aturan-aturan tertentu.

Aturan-aturan ini disebut dengan tag.

HTML disebut dengan Hypertext karena kita dapat membaca isi suatu

dokumen tanpa harus membacanya baris per baris. Disebut dengan Mark-up

Language Karena HTML mengandung tanda-tanda dan perintah-perintah tertentu

untuk menampilkan text, gambar, dan lain sebagainya beserta dengan fungsi-fungsi

yang diinginkan.

2.2.2.1Sejarah HTML

HTML atau kepanjangan dari Hyper Text Markup Language adalah bahasa

markup yang digunakan untuk membuat sebuah halaman web dan menampilkan

(21)

explorer, dll). HTML dikembangkan dari standar pemformatan dokumen teks yaitu

Standard Generalized Markup Language (SGML).

HTML berupa kode-kode tag yang menginstruksikan browser untuk

menghasilkan tampilan sesuai dengan yang diinginkan. Dalam membuat website, hal

yang perlu anda kuasai adalah mengerti akan bahasa pemrograman HTML agar bisa

terbentuk website yang bisa dihubungkan dengan Internet.

Internet itu sendiri merupakan jaringan global yang menghubungkan network

satu dengan network lainnya di seluruh dunia. Pada dasarnya HTML adalah dokumen

ASCII atau teks biasa, tapi tidak tergantung pada suatu sistem operasi tertentu.

HTML sendiri dibuat oleh Tim Berners-Lee ketika masih bekerja untuk

CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990

HTML mengalami perkembangan yang sangat pesat.

Berikut adalah Sejarah Perkembangan HTML:

HTML versi 1.0

Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext,

list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image

pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya

(22)

22

HTMl versi 2.0 (rilis pada 14 Januari 1996)

Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk

menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat

memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir

dari adanya homepage interaktif.

HTML versi 3.0 (rilis pada 18 Desember 1997)

HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang

disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi

3.2

HTML versi 4.0 (rilis pada 24 Desember 1999)

HTML versi 4 ini merupakan HTML versi terakhir pada saat sumber ini diambil.

HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan

ini terjadi di hampir segala perintah-perintah HTML seperti table, image, link, text,

meta, imagemaps, form, dan lain- lain.

HTML versi 5.0 (masih dalam pengembangan)

HTML versi 5.0 ini masih dikerjakan/dikembangkan mulai 4 Maret 2010 kemaren

oleh W3C(World Wide Web Consortium),W3C sendiri adalah sebuah Organisasi

(23)

2.2.2.2Tag HTML

Untuk menandai berbagai elemen dalam suatu dokumen HTML, kita

menggunakan tag. Tag HTML terdiri atas sebuah kurung sudut kiri (<, tanda lebih

kecil), sebuah nama tag, dan sebuah kurung sudut kanan (>, tanda lebih besar). Tag

umumnya berpasangan (misalnya <H1> dengan </H1>), tag yang menjadi pasangan

selalu diawali dengan karakter garing atau garis miring (/, garis miring). Tag yang

pertama menunjukkan tag awal yang berarti awal elemen, dan yang kedua

menunjukan tag akhir, berarti akhir elemen.

Nama elemen ditunjukan dengan nama tagnya. Suatu elemen di dalam

dokumen HTML harus di tandai dengan penulisan tagnya yang berpasangan. Ada

beberapa elemen yang tidak mengharuskan tagnya dituliskan secara berpasangan,

elemen tersebut di antaranya adalah:

Paragraf dengan tag <P>

Ganti baris-line break dengan tag <br>

Garis datar-horizontal rule dengan tag <hr>

List item dengan tag<li>

secara umum suatu elemen dalam dokumen HTML, yang menyatakan dengan

tagnya dituliskan sebagai berikut:

(24)

24

2.2.2.3Elemen Dasar HTML

Heading biasa digunakan untuk membuat judul pada halaman web. Tag yang

digunakan adalah <Hn> dengan nilai n antara 1 sampai dengan 6. Semakin besar nilai

n maka semakin kecil huruf yang tercetak. Default heading adalah rata kiri. Jika kita

ingin membuat heading rata tengah maka tambahkan atribut ALIGN dengan nilai

center atau right untuk rata kanan.

Untuk membuat paragraph pada halaman web anda gunakanlah tag <p>….</p>.

Sama seperti heading, kita dapat mengatur perataan paragraph dengan menambahkan

atribut align di dalam tag <p>.

Untuk membuat garis horizontal dalam halaman web, gunakanlah tag <HR>.

tag <HR> memiliki atribut Align, Width, Size, Color dan Noshade.

Untuk membuat baris baru gunakanlah tag <BR>

Komentar biasanya digunakan untuk memberikan penjelasan atau keterangan

tentang dokumen yang kita buat. Untuk membuat komentar pada program gunakanlah

tag <!—di sini komentar ditulis-->. Kalimat yang berada dalam tag tsb tidak akan

dieksekusi oleh browser.

2.2.3 Tinjauan Tentang MySql

MySQL adalah database server yang cukup popular, cepat dan tangguh,

sangat cocok jika digabungkan dengan PHP, dengan database kita bisa menyimpan,

(25)

MySQL menggunakan SQL language (Structur Query Language) artinya

MySQL menggunakan query atau bahasa pemprogaman yang sudah standar di dalam

dunia database. Implementasi program server database ini adalah program daemon

'mysqld' dan beberapa program lain serta beberapa pustaka.

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, tiap –

tiap tabel memiliki field – field.

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

(26)

26

BAB III

PEMBAHASAN

3.1 Jadwal Kerja Praktek

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.

3.2 Cara/Teknik Kerja Praktek

Dalam pelaksanaan kerja praktek ini dibagi kedalam beberapa tahapan

kegiatan, yang antara lain :

1. Pembuatan surat permohonan kerja praktek yang 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.

(27)

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 tahapan yang dilakukan antara lain, yaitu :

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 (company profile dan pengolahan data admin berbasis

web site 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

(28)

28

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 Unit

Setelah membuat perancangan sistem dan perangkat lunak, langkah

selanjutnya adalah perancangan perangkat lunak yang sudah dirancang

direalisasikan sebagai serangkaian program atau unit program dan pengujian

unit melibatkan verifikasi bahwa setiap unit telah memenuhi spesifikasi

sistem informasi PT. Dapensi Trio Usaha.

3.3 Data Hasil Kerja Praktek

3.3.1 Analisis Masalah

Sesuai dengan hasil penelitian yang didapat, sebelumnya PT. dapensi Trio

Usaha hanya menggunakan dokumen dalam mempromosikan produk/jasa yang

mereka punya. Seiring perkembangan zaman tentunya sudah sangat jelas bahwa hal

tersebut sudah sangat tertinggal, dimana hampir semua Perusahaan sudah memiliki

sistem informasi (website) untuk menunjang proses bisnisnya. Maka dari itu, kami

menyimpulkan bahwa PT. Dapensi Trio Usaha masih banyak kekurangan.

(29)

profile Perusahaan (masih berupa dokumen), sulitnya admin dalam mengelola data .

Berdasarkan hal tersebut maka diperlukan sistem informasi (website) yang dapat

menanggulangi kekurangan-kekurangan tersebut, sehingga dapat mempermudah

Perusahaan dalam menjalankan proses bisnisnya.

3.3.2 Analisis Sistem

3.3.2.1Analisis Prosedur yang Sedang Berjalan

Bagan alir dokumen atau disebut juga bagan alir merupakan bagan alir yang

menunjukkan arus dari dokumen. 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 pada sistem tersebut adalah

prosedur penambahan data admin.

1. Prosedur penambahan data admin

Berikut merupakan prosedur penambahan data admin

1. Admin (SuperAdmin) menerima data calon admin dari kantor

cabang baik pusat maupun daerah melalui telepon atau email

2. Admin (SupeerAdmin) mengecek kelengkapan data calon admin

3. Apabila terjadi kekurangan dalam persyaratan, admin akan

menghubungi calon admin

4. Setelah data (persyaratan) dinyatakan lengkap maka Admin

(SuperAdmin) menyimpan data calon admin pada file Microsoft

(30)

30

5. Hasil penyimpanan data berupa file di duplikasikan untuk Menejer

Divisi Sistem Informasi

6. Menejer Divisi Sisitem Informasi Mengesahkan file yang diterima

dan diberikan kembali pada admin(superadmin) untuk ditindak

lanjuti

7. Admin (SuperAdmin) menambahkan data calon admin pada

(31)

3.3.2.2Flow Map Sistem yang Sedang Berjalan

Prosedur Penambahan Data Admin

Calon Admin (Pusat dan

Daerah) Divisi Sistem Informasi Admin(SuperAdmin)

Menelepon PT. Dapensi Trio Usaha File Form Data

calon Admin

E-mail

Cek Kelengkapan Data Calon Admin

Lengkap ?

Menelepon Tidak

File Data Calon Admin

Ya

File Data Calon Admin

Mengesahkan File Data Calon

Admin File Data Calon

Admin

Data Admin

(32)

32

3.3.2.3Analisis 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.

3.3.2.3.1 Analisis 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

(33)

3.3.2.3.2 Analisis Perangkat Lunak

Perangkat lunak pembangun sistem informasi yang dibangun ini adalah

Dreamweaver 8, MySQL sebagai database, PHP, HTML sebagai bahasa

pemrogramannya.

3.3.2.3.3 Analisis User

3.3.2.3.3.1 User Profile

Pengguna sistem informasi ini adalah user (masyarakat, instansi lainnya),

admin (orang yang memegang kuasa terhadap pengaturan sisitem dibawah menejer).

Spesifikasi pengguna sistem informasi ini adalah sebagai berikut :

Tabel 3. 2 Spesifikasi Pengguna

Pengguna Usia

Hak

Akses

TingkatPendidikan Pengalaman

Jenis

Pelatihan

Admin 25-35 Login

Admin

Minimal D3 Berpengalaman

menggunakan sistem

operasi Windows XP, tidak asing

dengan internet

browsing

dengan internet

browsing

(34)

34

3.3.2.3.3.1.1 Human Information Processing system

1. Karena data dan informasi telah disesuaikan dengan standard kegiatan yang

berlangsung di PT. Dapensi Trio Usaha, maka user akan dengan mudah

memahami fungsi dari sistem ini

2. Usia pengguna sistem informasi ini adalah antara 20-36 tahun

3. Latar Belakang pendidikan minimal SLTA ataupun sederajat bagi user dan D3

bagi admin, dengan syarat mampu mengoperasikan komputer dengan baik,

familiar dengan sistem operasi Windows dan terbiasa dengan internet

browsing

4. Perancangan desain antar muka sederhana dan disesuaikan dengan alur

kegiatan user dan admin

3.3.2.3.3.1.2 User Psychology Characteristic

Menurut karakteristik psikologi user, dapat diuraikan profile user yang

menjadi target user system ini adalah sebagai berikut :

1. Cognitive Style

Verbal/analytic

2. Attitude

Positive

3. Motivation

(35)

Berdasarkan uraian tersebut, dampak terhadap impelementasi desain

antarmuka adalah menghadirkan desain yang sederhana, mudah untuk diingat dan

sesuai dengan kegiatan proses kerja user.

3.3.2.3.3.1.3 User Knowledge and Experience

Untuk user knowledge and experience, sistem ini ditujukan untuk user dengan

karakteristik high system experience and high task experience. Sehingga target

antarmuka dari sistem ini adalah perintah-perintah yang efisien, pesan error yang

ringkas, bukan perintah dengan banyak kata-kata.

3.3.2.3.3.1.4 User Job and Task

Sistem informasi ini termasuk sistem yang sering digunakan oleh

perusahaan-perusahaan dalam proses bisnis dan arena desainnya yang mudah untuk dipelajari,

sehingga pengguna tidak memerlukan pelatihan khusus untuk menggunakannya.

3.3.2.3.3.1.5 User Physical Characteristic

Pada tahap pembangunannya, sistem ini diperuntukan untuk pengguna yang

tidak memiliki kelainan buta warna (color blind), juga memiliki kemampuan

mengetik dengan kedua tangan (ambidextrous).

3.3.2.3.3.1.6 User Physical Environment

Pemilihan warna dan pencahayaan yang cukup, dan jarak antar content yang

cukup baik maka user yang membutuhkan konsentrasi dan kenyamanan dalam

(36)

36

3.3.2.4Analisis Basis Data

Usulan untuk diagram E-R yaitu terdapat kunci yang unik (primary key)

padasetiap entitas (tabel induk) yang dapat membedakan dengan atribut

lainnyasehingga tabel tersebut dapat dijadikan referensi untuk tabel yang lainnya.

Usulan untuk tabel yang akan dibuat untuk membantu dalam pengolahan

dataperpustakaan yaitu tabel buku, tabel anggota, tabel peminjaman.

Dari usulan diatas maka dapat dibuat diagram E-R untuk sistem baru

yangterdri dari beberapa tabel yang dibutuhkan untuk menyimpan data. Untuk

melihatketerhubungan antar tabel yang ada maka akan digambarkan sebagai berkut:

Admin nama

level userpass username

login_terakhir

Gambar 3. 2 Diagram E-R

3.3.3 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

(37)

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 dan data flow diagram. Untuk

menjelaskan bagaimana suatu masukan diproses pada sistem maka digunakan

spesifikasi proses dan kamus data untuk mengetahui aliran data yang mengalir pada

sistem.

3.3.3.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 company profile dan pengolahan data admin pada PT. Dapensi Trio

(38)

38

User

Company profile dan pengolahan

data admin

Admin Request

Respon

Login Valid Login Invalid Data Karyawan

Data Login Admin Data Karyawan

Gambar 3. 3 Diagram Konteks Sistem

3.3.3.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 entitas

(39)

(40)

40

Respon Visi & Misi

Request

Request Visi & Misi

Respon Visi & Misi

(41)

User Admin 3.1

Jasa Tenaga Kerja

3.2 Pembinaan

SDM Request Jasa

Respon Jasa

Request Pembinaan

Respon Pembinaan

Request Jasa Respon Jasa

Request Pembinaan

Respon Pembinaan

Gambar 3. 6 DFD Level 2 (Bidang Usaha)

3.3.4 Spesifikasi Proses

Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang

terdapat pada DFD. Spesifikasi dari gambar DFD di atas akan dijelaskan pada tabel di

bawah ini:

Tabel 3. 3 Spesifikasi Proses

No Proses Keterangan

1.

No Proses 1

Nama Proses Login

Source Admin

Input Login Admin Valid, id admin

Output Menu admin

(42)

42

Logika Proses Apabila login valid maka akan menuju ke menu

admin, dan apabila login gagal maka akan

muncul pesan bahwa login gagal

2.

No Proses 4

Nama Proses Pengalaman

Source User, Admin

Input User dan Admin langsung bisa melihat link

pengalaman

Output Pengalaman Perusahaan

Destination User, Admin

Logika Proses Apabila User atau Admin memilih menu

pengalaman, maka akan muncul informasi

tentang pengalaman perusahaan

3.

No Proses 5

Nama Proses Tentang Kami

Input User dan Admin langsung bisa melihat link

tentang kami

Output Berisi keterangan perusahaan

(43)

pengalaman, maka akan muncul informasi

tentang identitas perusahaan

4.

No Proses 6

Nama Proses Aplikasi

Source Admin

Input Login Admin valid, id admin

Output Link Aplikasi

Destination Admin

Logika Proses Setelah Login Admin valid, sistem akan

menampilkan link aplikasi

5.

No Proses 7

Nama Proses Tambah data Admin

Source Admin

Output Form penambahan admin

menampilkan link untuk menuju penambahan

admin

No Proses 8

(44)

44

6.

Source Admin

Output Form penghapusan admin

menampilkan link untuk menuju penghapusan

admin

7

.

No Proses 9

Nama Proses Lihat Data Admin

Source Admin

Output Form Data admin

menampilkan link untuk menuju data admin

No Proses 2.1

Nama Proses Profil Perusahaan

Input User : -

Admin : Login atau bisa juga tidak

(45)

8.

Logika Proses User dan Admin cukup mengarahkan kursor

pada link profil, maka akan muncul sub link

profil perusahaan

9.

No Proses 2.2

Nama Proses Visi & Misi

Input User : -

Output Visi & Misi Perusahaan

pada link profil, maka akan muncul sub link visi

& misi Perusahaan

No Proses 2.3

Nama Proses Struktur Organisasi

Input User : -

Output Struktur Organisasi Perusahaan

(46)

46

10.

struktur perusahaan

11.

No Proses 2.4

Nama Proses Jaringan Pelayanan

Input User : -

Output Jaringan Pelayanan Perusahaan

jaringan pelayanan

No Proses 2.5

Nama Proses Strategi Pelayanan

Input User : -

Output Strategi Pelayanan Perusahaan

(47)

12.

strategi pelayanan

13.

No Proses 2.6

Nama Proses Manajemen Perusahaan

Input User : -

Output Manajemen Perusahaan

manajemen perusahaan

No Proses 3.1

Nama Proses Jasa Tenaga Kerja

Input User : -

Output Jasa Tenaga Kerja

(48)

48

14. link jasa tenaga kerja

15.

No Proses 3.2

Nama Proses Pembinaan SDM

Input User : -

Output Pembinaan SDM

pada link Bidang Usaha, maka akan muncul sub

(49)

3.3.5 Perancangan Basis Data

3.3.5.1Skema Relasi

Dari diagram E-R di atas maka dapat digambarkan hubungan antar tabel yang ada

seperti di bawah ini:

Admin

username * userpass nama level loginterakhir

Gambar 3. 7 Skema Relasi

3.3.5.1.1 Strukktur Tabel

Pada sub bagian ini, akan diuraikan table-tabel yang terdapat dalam basis

data yang digunakan dalam sistem ini.

a. Tabel admin, yaitu table yang menyimpan data admin

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

(50)

50

3.3.5.2Perancangan Struktur Menu

3.3.5.2.1 Struktur Menu User

(51)

3.3.5.2.2 Struktur Menu admin

(52)

52

3.3.5.3Perancangan 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 informasi company profile dan pengolahan data admin adalah sebagai

berikut :

3.3.5.4Perancangan Antar Muka Awal User

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

(53)

2. Profil Perusahaan

Home

Klik link Home maka akan menuju ke T01

Klik link Profil (Visi & Misi) maka akan menuju ke T03

T02

login

Font : Arial

Warna Latar : Abu-abu Profil perusahaan

Gambar 3. 11 Perancangan Antar Muka Profil

3. Visi dan 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 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

T03

login

Font : Arial

Warna Latar : Abu-abu Profil perusahaan Visi & Misi Perusahaan

Promo

(54)

54

4. Struktur Organisasi

Home

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

T04

login

Font : Arial

Gambar 3. 13 Perancangan Antar Muka Struktur Organisasi

5. Jaringan Pelayanan

Home

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

T05

login

Font : Arial

(55)

6. Strategi Pelayanan

Home

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

T06

login

Font : Arial

Gambar 3. 15 Perancangan Antar Muka Strategi Pelayanan

7. Manajemen Perusahaan

Home

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

T07

login

Font : Arial

(56)

56

8. Jasa Tenaga Kerja

Home

T08

login

Font : Arial

Warna Latar : Abu-abu Jasa Tenaga Kerja Pembinaan SDM

Promo

Gambar 3. 17 Perancangan Antar Muka Jasa Tenaga Kerja

9. Pembinaan SDM

Home

Klik link Pengalaman maka akan menuju ke T10

T09

login

Font : Arial

Warna Latar : Abu-abu Jasa Tenaga Kerja Pembinaan SDM

Perekrutan & Pembinaan SDM Promo

(57)

10. Pengalaman

Home

Klik link Bidang Usaha (Pembinaan SDM) maka akan menuju ke T09 Klik link Tentang Kami maka akan menuju ke T11

T10

login

Font : Arial

Warna Latar : Abu-abu

Promo

Gambar 3. 19 Perancangan Antar Muka Pengalaman

11. Tentang Kami

Home

T11

login

Font : Arial

Warna Latar : Abu-abu

Promo

(58)

58

3.3.5.5Perancangan Antar Muka Admin

1. Setelah Login

Home

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

Font : Arial

Warna Latar : Abu-abu MENU ADMIN

Tambah AdminHapus Admin Lihat Admin

LOGOUT selamat datang [admin]

Promo

Gambar 3. 21 Perancangan Antar Muka Awal

2. Gagal Login

M01

OK

Mohon Isi Form Login Terlebih Dahulu OK

Warning

(59)

3. Profil Perusahaan

Home

T13

Profil Bidang Usaha Pengalaman

Font : Arial

Tambah Admin Hapus Admin Lihat AdminLOGOUT selamat datang [admin]Profil perusahaan

Visi & Misi

Gambar 3. 23 Perancangan Antar Muka Profil

4. Visi dan Misi

Home

T14

Font : Arial

Visi & Misi Visi & Misi Perusahaan

Tentang Kami Aplikasi

Promo

(60)

60

5. Struktur Organisasi

Home

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

T15

Font : Arial

Visi & Misi

Gambar 3. 25 Perancangan Antar Muka Struktur Organisasi

6. Jaringan Pelayanan

Home

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

T16

Font : Arial

Tambah Admin Hapus Admin Lihat adminLOGOUT selamat datang [admin]Profil perusahaan

Visi & Misi

(61)

7. Strategi Pelayanan

Home

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

T17

Font : Arial

Visi & Misi

Gambar 3. 27 Perancangan Antar Muka Strategi Pelayanan

8. Manajemen Perusahaan

Home

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

T18

Font : Arial

Visi & Misi