new doc 2017-11-18 · pegawai, cuti, absensi, sampai dengan pembuatan laporan. 2.1.1 definisi...

PERANCANGAN SISTEM INFORMASI KEPEGAWAIAN BERBASIS

WEB PADA PT.ARMINAREKA PERDANA

JAKARTA

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III

AGUS SUPRIYANTO

NIM : 12128138

Program Studi Manajemen Informatika

AMIK BSI Jakarta

Jakarta

2017

i

KATA PENGANTAR

Puji Syukur Alhamdulillahirobbil alamin Penulis ucapkan ke hadirat Allah

SWT , yang masih memberikan kesempatan dan kesehatan sehingga akhirnya

Tugas Akhir dapat diselesaikan dalam waktu yang telah ditetapkan.

Penulisan Tugas Akhir ini merupakan salah satu syarat bagi setiap

mahasiswa guna menyelesaikan Program Studi D3 Menejemen Informatika

kampus Bina Sarana Informatika.

Dalam menyelesaikan Tugas Akhir ini, Penulis banyak mendapatkan

bimbingan dan bantuan dari berbagai pihak baik berupa material, spiritual. Pada

kesempatan ini Penulis mengucapkan terima kasih yang sebesar-besarnya kepada :

1. Bapak Ir. Naba Aji Notoseputro, selaku Direktur Kampus Bina Sarana

Informatika.

2. Bapak Mochamad Wahyudi, M.Kom, MM selaku Pudir Bidang I

Kemahasiswaan.

3. Bapak Sriyadi M.Kom, selaku Kepala Program Studi Menejemen Informatika.

4. Bapak Ricky Sastra M.Kom, selaku Kepala Cabang Kampus BSI Salemba 22.

5. Bapak Amrin,S.Si, M.Kom, selaku dosen Pembibing Tugas Akhir,

6. Bapak Omar Pahlevi, M.Kom selaku Asisten Pembimbing yang telah banyak

membantu penulis dalam menyelesaikan Tugas Akhir.

7. Serta para Dosen dan Pegawai Kampus Bina Sarana Informatika Cab.Salemba 22.

ii

8. Teristimewa kepada Orang Tua Penulis yang tercinta Ayahanda (Sutaji), Ibunda

(Mundrikah) dan Ibu (Suminah), yang telah banyak memberikan dukungan,

motivasi yang tak terhingga dan tak ternilai harganya yang dirasakan oleh penulis.

9. Seluruh teman-teman D3 Menejemen Informatika Kampus Bina Sarana

Informatika Cab.Salemba 22, baik Senior maupun Junior.

Penulis menyadari sepenuhnya bahwa penulisan Tugas Akhir ini masih

jauh dari kesempurnaan yang dikarenakan pengetahuan dan pengalaman yang

dimiliki oleh penulis masih sangat terbatas yang masih perlu diperbaiki, baik dari

segi penyajian, bentuk maupun isinya.

Akhirul kalam kepada Allah Subahana Wata’ala penulis berserah diri,

karena hanya pada-Nya segala kebenaran dan kesempurnaan itu berada. Akhir

kata penulis berharap semoga Tugas Akhir ini dapat berguna bagi semua pihak

yang membacanya.

iii

ABSTRAKSI

Tugas akhir ini merancang suatu aplikasi Sistem Informasi Absensi Pegawai

PT.Arminareka Perdana berbasis Web yang bermanfaat untuk menyediakan

informasi yang baik dengan cepat dan mudah, juga melalui kajian ini diharapkan

dapat memberi kemudahan kepada karyawan PT.Arminareka Perdana dalam

melakukan pengisian absensi. Perancangan sistem dalam merancang Sistem

Informasi Absensi Pegawai PT.Arminareka Perdana berbasis Web ini

dikembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver

8, Adobephotoshop, dan XAMPP. Dengan menggunakan XAMPP paket-paket

aplikasi yang kita perlukan dalam merancang sebuah situs yang baik seperti

Apache Web Server, PHP dan MySQL telah tersedia. Sistem Informasi Absensi

Pegawai ini meliputi pemakaian situs oleh karyawan PT.Arminareka Perdana

seperti daftar absensi harian.

Hal tersebut digunakan untuk menampung data-data yang diperlukan dalam

mempelancar sistem informasi kepegawaian.

iv

ABSTRACTION

The Abstraction of duty thia final design an information system applaication

absentee employees PT.Arminareka Perdana Web-Based beneficial to providing

good informantion quickly and easly, also through this study is expected to

provide convenience to an employee PT.Arminareka Perdana in filling absentee.

System design in designing absentee information system employees PT

Arminareka Perdana prime this Web-Based developed by the use of software

Macromedia Dreamweaver 8, Adopephtoshop, and Exampp. By using the

packages Xampp applicasiton that we need inn designing a site such good the

Apache Web Server, PHP, and Mysql has been available. Absentee information

system employees these involve the use of the site by employees PT.Arminareka

Perdana absentee as list daily.

It usedto contain the data which is required in to smooth humans resources

information system.

Scanned by CamScanner

KATA PENGANTAR

Alhamdulillah, Dengan mengucapkan puji syukur kehadirat Allah SWT, yang telah

melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat menyelesaikan

tugas ini dengan baik. Dimana tugas akhir ini penulis sajikan dalam bentuk buku yang

sederhana. Adapun judul tugas akhir, yang penulis ambil sebagai berikut,

“Perancangan Sistem Informasi Kepegawaian Berbasis Web pada PT.Arminareka

Perdana Jakarta”.

Tujuan penulisan tugas akhir ini dibuat sebagai salah satu syarat kelulusan program

Diploma III AMIK BSI Jakarta. Sebagai bahan penulisan diambil berdasarkan hasil

penelitian (eksperimen), observasi dan beberapa sumber literatur yang mendukung penulisan

ini. Penulis menyadari bahwa tanpa bimbingan dan dorongan dari semua pihak, maka

penulisan tugas akhir ini tidak akan lancar. Oleh karena itu pada kesempatan ini,

izinkanlah penulis menyampaikan ucapan terima kasih kepada:

1. Direktur AMIK BSI Jakarta.

2. Ketua Program Studi Manajemen Informatika AMIK BSI Jakarta.

3. Bapak Amrin, S.Si,, M.Kom selaku Dosen Pembimbing Tugas Akhir.

4. Bapak Omar Pahlevi, M.Kom selaku Asisten Pembimbing Tugas Akhir.

5. Staff / karyawan / dosen dilingkungan AMIK BSI Jakarta.

6. selaku Kepala Divisi HRD dan SMD PT. Arminareka Perdana.

7. Ibu Cika selaku Kepala Divisi HRD PT. Arminareka Perdana.

8. Staff / karyawan dilingkungan Arminareka Perdana.

9. Orang tua tercinta yang telah memberikan dukungan moral maupun spiritual

10. Rekan-rekan mahasiswa kelas MI-6A.

Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga

terwujudnya penulisan ini. Penulis menyadari bahwa penulisan tugas akhir ini masih jauh

sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang bersifat membangun

demi kesempurnaan penulisan dimasa yang akan datang.

Akhir kata semoga tugas akhir ini dapat berguna bagi penulis khususnya dan bagi para

pembaca yang berminat pada umumnya.

Jakarta, 9 Agustus 2017

Penulis

Agus Supriyanto

Scanned by CamScanner

1

BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Perusahaan yang bergerak di bidang biro jasa perjalanan Umroh dan Haji

di Jakarta sendiri sudah cukup marak. Dengan adanya Perancangan Sistem

Informasi Berbasis Web yang bersifat pribadi bagi perusahaan maka akan dapat

mengantisipasi adanya penyalahgunaan data dari Perusahaan lain yang bergerak

dibidang usaha yang serupa.

Dalam hal tersebut diharapkan adanya peminimalisiran akan terjadinya

penggandaan database atau penyelewengan dalam kepegawaian dan kurangnya

informasi di dalam perusahaan tersebut.

Berdasarkan Asas dan Tujuan Undang-undang Informasi dan Transaksi

Elektronik, maka Perancangan Sistem Informasi Kepegawaian juga diperlukan

adanya di setiap lini instani baik Pemerintahan maupun swasta yang dapat

berdampak baik bagi instansi tersebut.

PT.Arminareka Perdana sendiri adalah salah satu Perusahaan yang

bergerak di bidang penyelenggara Umroh dan Haji. Yang didirikan pada tanggal

2

9 Februari 1990, di Jakarta oleh Bapak Drs. H. Gurril MZ dan Ibu Hj. Corry

Mundzakkar dengan Bapak Sholichin GP sebagai Penasihat.

Diperlukanya pengadaan Perancangan Sistem Informasi Berbasis Web di

Perusahaan tersebut agar para pekerja dan seluruh pos deparetemen bagian dapat

mengakses informasi dan interaksi melalui Internet dalam mengetahui sistem

absensi, sistem perijinan cuti atau sanksi keterlabatan, dan sistem penggajian,

sistem pelemburan kerja,dan lain sebagainya sesuai kebutuhan perusahaan

tersebut.

Berdasarkan uraian di atas penulis tertarik untuk menyusun Tugas Akhir

dengan Judul ”Perancangan Sistem Informasi Kepegawaian Berbasis Web

Pada PT.Arminareka Perdana”

1.2. Maksud dan Tujuan

Adapun Maksud penulisan Tugas Ahir adalah dan Tujuan pengadaan

Perancangan Sistem Infrormasi Kepegawaian, adalah :

Menerapkan ilmu pengetahuan yang telah penulis peroleh selama mengikuti

pendidikan di Akademi Menejemen Informatika dan Komputer kampus Bina

Sarana Informatika (AMIK BSI Jakarta) yang diwujudkan dalam bentuk

Tugas Akhir (TA).

a. Merancang ataupun Mengembangkan Sistem Informasi Kepegawaian

yang dapat membantu Karyawan PT. Arminareka Perdana dalam

3

mengakses Informasi di Lingkungan Kerja secara optimal melalui internet

web.

b. Mengelola data kepegawaian sehingga pengolahan data secara manual

yang mulanya memperlambat proses kerjanya dapat dikurangi secara

bertahap dan diganti dengan sistem komputerisasi dan internet yang sedikit

melibatkan intervensi manusia.

c. Memberikan suatu alternatif kepada pihak instasi perusahaan khusunya

PT.Arminareka Perdana agar dapat mengatasi kesulitan dalam pengelolaan

data kepegawaian dengan menerapkan Sistem Informasi Berbasis Web.

Adapun Tujuan dari penulisan Tugas Akhir ini adalah sebagai salah satu

syarat kelulusan pada Program Diploma Tiga (D III) pada program studi

Menejemen Informatika (MI) di kampus Bina Sarana Informatika (BSI). Selain

itu, Tugas Akhir (TA) ini juga bertujuan agar Mahasiswa mampu beradaptasi

dengan lingkungan krja setelah menyelesaikan massa perkuliahannya.

1.3. Metode Penelitian

Dalam menyusun perancangan sistem informasi kepegawaian berbasis

web dapat menggunakan berbagai metode penelitian dalam memperoleh data.

Metode penelitian yang dibutuhkan harus berhubungan erat dengan prosedur yang

ada. Disini Penulis lebih mengedepankan pengunaan Metode Penelitian dengan

Metode Deskriptif.

4

Metode deskriptif dapat diartikan sebagai prosedur pemecahan masalah

yang diselidiki dengan menggambarkan keadaan subjek atau objek dalam

penelitian dapat berupa orang, lembaga, masyarakat dan yang lainnya yang pada

saat sekarang berdasarkan fakta-fakta yang tampak atau apa adanya.

1.4. Ruang Lingkup

Adapun ruang lingkup pada penulisan Tugas Akhir ini, antara lain

Pendataan pekerja berbasis web pada perusahaan PT.Arminareka Perdana susuai

bagan organisasi kepemimpinan di perusahaan tersebut. Sistem pembagian

departemen atau bagian job kerja. Standar Operasional Pekerja database absensi

Kepegawaian.

Database Kepegawaian berdasarkan Nomor Induk Kepegawaian.

Dengan pengadaan menu Sign-in dan Sign-up. Tampilan Menu berisikan Beranda,

Kepegawaian, Forum, Pasar. Beranda yang berisikan informasi dan wawasan

kegiatan Umroh Haji perbulan. Kepegawaian berisi tentang aktifitas Pekerja

dengan penggunaan (Log-in dan Log-out/Absensi) secara online, penggolongan

pekerja berdasarkan departemen bagian. Pada Forum ada, Kirim pesan dan Balas.

Di menu Pasar ada, Arisan.

Struktur navigasinya berdasarkan Hierarki. Contohnya segi User dapat

melakukan kegiatan pendaftaran sesuai dengan data diri, log-in dan log-out, akses

data, dan berbalas pesaan atau komen, sedangkan segi Admin dapat melakukan

5

input manual data pegawai, memberikan balasan pengajuan pekerja, input data di

beranda dengan postingan informasi terbaru tentang kegiatan perusahaan.

1

BAB II

LANDASAN TEORI

2.1 Konsep Dasar Sistem

Pembahasan mengenai konsep dasar dari sistem yang dibahas dalam ruang

lingkup penulisan tugas akhir ini adalah sistem yang masih menggunakan sarana

manual menjadi komputerisasi mulai dari proses update pegawai, informasi

pegawai, cuti, absensi, sampai dengan pembuatan laporan.

2.1.1 Definisi Sistem

Menurut Mustakini (2009:34), “Sistem dapat didefinisikan dengan pendekatan

prosedur dan pendekatan komponen, sistem dapat didefinisikan sebagai kumpulan

dari prosedur-prosedur yang mempunyai tujuan tertentu”.

Mendefinisikan sistem secara umum sebagai kumpulan dari elemen-elemen

yang berinteraksi untuk mencapai suatu tujuan tertentu sebagai satu kesatuan.

(Mulyanto, 2009 : 1).

Mendefinisikan sistem dalam bidang sistem informasi sebagai “sekelompok

komponen yang saling berhubungan, bekerja sama, untuk mencapai tujuan

bersama dengan menerima proses input serta menghasilkan input dalam proses

transformasi yang teratur”.

2

Dengan demikian pengertian sistem dapat disimpulkan sebagai suatu prosedur

atau elemen yang saling berhubungan satu sama lain dimana dalam sebuah sistem

terdapat suatu masukan, proses dan keluaran, untuk mencapai tujuan yang

diharapkan. (Mulyanto, 2009 : 2).

2.1.2 Karakteristik Sistem

Suatu sistem mempunyai beberapa karakteristik, diantarannya yaitu :

(Mulyanto, 2009 : 2).

1. Komponen Sistem (Components)

Komponen-komponen sistem dapat berupa suatu subsistem atau bagian-

bagian dari sistem yang saling berinteraksi, artinya saling bekerja sama

membentuk satu kesatuan.

2. Batas Sistem (Boundary)

3. Merupakan daerah yang membatasi suatu sistem dengan sistem yang

lainnya atau dengan lingkungan luarnya. Batas sistem ini memungkinkan

suatu sistem dipandang sebagai satu kesatuan.

4. Lingkungan Luar Sistem (Environments)

5. Lingkungan luar dari suatu sistem adalah apapun diluar batas sistem yang

mempengaruhi operasi sistem. Lingkungan luar sistem dapat bersifat

merugikan atau menguntungkan sistem tersebut.

6. Penghubung (Interface)

7. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir

dari sub-sistem ke sub-sistem yang lainnya. Dengan penghubung, satu

sub-sistem dapat berintegrasi dengan sub-sistem yang lainnya membentuk

satu kesatuan.

3

8. Masukan (Input)

9. Merupakan energi yang dimasukkan ke dalam sistem. Masukan dapat

berupa masukan perawatan (maintenance input) dan masukan sinyal

(signal input).

10. Keluaran (Output)

11. Merupakan hasil dari energi yang diolah dan diklasifikasikan menjadi

keluaran yang berguna dan sisa pembuangan. Keluaran dapat merupakan

masukan untuk sub-sistem yang lain atau kepada supra sistem.

12. Pengolahan (Process)

13. Suatu sistem dapat mempunyai suatu bagian pengolah yang akan

mengubah masukan menjadi keluaran.

14. Sasaran (Objectives) dan Tujuan (Goal)

15. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuannya.

Kalau suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak

akan ada gunanya.

2.1.3 Klasifikasi Sistem

Ada beberapa bentuk klasifikasi sistem dilihat dari sudut pandang, diantaranya

adalah (Kristanto, 2008 : 5):

1. Sistem Abstrak (Abstrack System) dan Sistem Fisik (Physical System)

Sistem abstrak adalah sistem yang tidak bisa dilihat secara mata

dan biasanya sistem ini berupa pemikiran atau ide-ide. Sistem fisik

merupakan sistem yang biasa dilihat secara mata bisa dan biasanya

digunakan oleh manusia.

4

2. Sistem Alamiah (Natural System) dan Sistem Buatan Manusia (Human

Made System)

Sistem alamiah adalah sistem sistem yang terjadi melalui proses

alam, tidak dibuat manusia.

3. Sistem Tertentu (Deterministic System) dan Sistem Tak Tentu

(Probabilistic System)

Sistem tertentu beroperasi dengan tingkah laku yang sudah dapat

diprediksi. Interaksi diantara bagian-bagiannya dapat dideteksi dengan

pasti, sehingga keluaran dari sistem dapat diramalkan.

4. Sistem Tertutup (Closed System) dan Sistem Terbuka (Open System)

Sistem tertutup merupakan sistem yang tidak berhubungan dan tidak

terpengaruh dengan lingkungan luarnya. Sistem terbuka adalah sistem

yang berhubungan dan terpengaruh dengan lingkungan luarnya, oleh

karena itu perlu adanya sistem pengendalian yang dapat menjaga agar

pengaruh tersebut hanya berupa pengaruh yang baik saja.

2.2 Konsep Dasar Informasi

2.2.1 Definisi Data

Sumber informasi adalah data. Data merupakan bentuk jamak dari bentuk

tunggal datum atau item. Menurut McLeod dalam bukunya Yakub (Yakub,2012:

5) “ Data adalah deskripsi kenyataan yang menggambarkan adanya suatu kejadian

(event), data terdiri dari fakta (fact) dan angka yang secara relatif tidak berarti

bagi pemakai”. Data dapat berbentuk nilai yang terformat, teks, citra, audio, dan

video.

5

1. Teks, adalah sederetan huruf, angka, dan simbol-simbol yang

kombinasinya tidak tergantung pada masing masing item secara individual

misalnya, artikel koran, majalah dan lain-lain.

2. Data yang terformat, adalah data dengan suatu format tertentu, misalnya

data yang menyatakan tanggal atau jam, dan nilai mata uang.

3. Citra (image), adalah data dalam bentuk gambar, citra dapat berupa :

grafik, foto, hasil ronstent, dan tanda tangan.

4. Audio, adalah data dalam bentuk suara misalnya, instrumen musik, suara

orang, suara binatang, detak jantung, dan lain-lain.

5. Video, adalah data dalam bentuk gambar yang bergerak dan dilengkapi

dengan suara misalnya, suatu kejadian dan aktivitas-aktivitas dalam bentuk

film.

2.2.2 Definisi Informasi

Berikut ini akan disampaikan pengertian informasi dari berbagai sumber

yaitu :

Menurut McLeod dalam Yakub (2012:8), “Informasi adalah data yang

diolah menjadi bentuk yang lebih berguna bagi penerimanya”.

Menurut Mustakini (2009:36), ”Informasi adalah data yang diolah menjadi

bentuk yang berguna bagi pemakainya”.

Berdasarkan pendapat para ahli yang dikemukakan di atas dapat ditarik

kesimpulan bahwa informasi adalah data yang sudah diolah menjadi sebuah

bentuk yang berarti bagi pengguna, yang bermanfaat dalam pengambilan

keputusan saat ini atau mendukung sumber informasi.

6

2.2.3 Kualitas Informasi

Kualitas informasi sangat dipengaruhi atau ditentukan oleh tiga hal pokok,

diantaranya yaitu (Mulyanto, 2009 : 247):

Akurasi (Accuracy)

Sebuah informasi harus akurat karena dari sumber informasi hingga

penerima informasi kemungkinan banyak terjadi gangguan yang dapat mengubah

atau merusak informasi tersebut. Informasi dikatakan akurat apabila informasi

tersebut menyesatkan, bebas dari kesalahan-kesalahan dan harus jelas

mencerminkan maksudnya.

Ketidakakuratan sebuah informasi dapat terjadi karena sumber informasi

(data) mengalami gangguan atau kesengajaan sehingga merusak atau mengubah

data-data asli tersebut.

Beberapa hal yang dapat berpengaruh terhadap keakuratan sebuah

informasi antara lain adalah:

a. Informasi yang akurat harus memiliki kelengkapan yang baik, karena bila

informasi yang dihasilkan sebagian tentunya akan memengaruhi dalam

pengambilan keputusan atau menentukan tindakan secara keseluruhan,

sehingga akan berpengaruh terhadap kemampuannya untuk mengontrol

atau memecahkan suatu masalah dengan baik.

b. Informasi yang dihasilkan oleh proses pengolahan data, haruslah benar

sesuai dengan perhitungan-perhitungan yang ada dalam proses tersebut.

c. Informasi harus aman dari segala gangguan (noise) dapat mengubah atau

merusak akurasi informasi tersebut dengan tujuan utama.

7

1. Tepat Waktu (Timeliness)

Informasi yang dihasilkan dari suatu proses pengolahan data,

datangnya tidak boleh terlambat (usang). Informasi yang terlambat tidak

akan mempunyai nilai yang baik, karena informasi merupakan landasan

dalam pengambilan keputusan. Kesalahan dalam mengambil keputusan

akan berakibat fatal bagi perusahaan. Mahalnya informasi disebabkan

harus cepat dan tepat informasi tersebut didapat. Hal itu disebabkan oleh

kecepatan untuk mendapatkan, mengolah dan mengirimkan informasi

tersebut memerlukan bantuan teknologi-teknologi terbaru. Dengan

demikian diperlukan teknologi-teknologi mutakhir untuk mendapatkan,

mengolah, dan mengirimkan informasi tersebut.

2. Relevansi (Relevancy)

Informasi dikatakan berkualitas jika relevan bagi pemakainya. Hal

ini berarti bahwa informasi tersebut harus bermanfaat bagi pemakainya.

Relevansi informasi untuk tiap-tiap orang satu dengan lainnya berbeda.

Misalnya, informasi mengenai kerusakan infrastruktur laboratorium

komputer ditujukan kepada rektor universitas. Tetapi akan lebih relevan

apabila ditujukan kepada penanggung jawab laboratorium.

3. Nilai Informasi

Parameter untuk mengukur nilai sebuah informasi (value of

information) ditentukan dari dua hal pokok yaitu manfaat (benefit) dan

biaya (cost). Namun, dalam kenyataannya informasi yang biaya untuk

mendapatkannya tinggi belum tentu memiliki manfaat yang tinggi pula.

Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif

8

dibandingkan dengan biaya untuk mendapatkannya dan sebagian besar

informasi tidak dapat tepat ditaksir keuntungannya dengan satuan nilai

uang, tetapi dapat ditaksir nilai efektivitasnya. (Mulyanto, 2009 : 247).

2.3 Konsep Dasar Sistem Informasi

2.3.1 Definisi Sistem Informasi

Terdapat berbagai macam pengertian sistem informasi menurut beberapa

ahli, diantaranya sebagai berikut : Menurut Agus Mulyanto (Mulyanto, 2009:29),

“Sistem informasi merupakan suatu komponen yang terdiri dari manusia,

teknologi informasi, dan prosedur kerja yang memproses, menyimpan,

menganalisis, dan menyebarkan informasi untuk mencapai suatu tujuan.”

Menurut Jogiyanto HM (2008:33), “Sistem informasi merupakan suatu

sistem yang tujuannya menghasilkan informasi.”

Dari berbagai definisi sistem informasi seperti di atas, maka dapat ditarik

kesimpulan bahwa sistem informasi adalah sistem yang ada pada teknologi

informasi yang digunakan oleh manusia yang dikumpulkan dan dianalisa untuk

mendapatkan informasi agar tujuannya tercapai dalam mengambil keputusan.

2.3.2 Komponen Sistem Informasi

Sistem informasi terdiri dari lima sumber daya yang dikenal sebagai

komponen sistem informasi. Kelima sumber daya tersebut adalah manusia,

hardware, software, data, dan jaringan. Kelima komponen tersebut memainkan

peranan yang sangat penting dalam suatu sistem informasi. Namun, dalam

kenyataannya, tidak semua sistem informasi mencakup kelima komponen

https://widuri.raharja.info/index.php/Sistem_Informasi





https://widuri.raharja.info/index.php/Teknologi_Informasi

https://widuri.raharja.info/index.php/Teknologi_Informasi





9

tersebut. Misalnya, sistem informasi pribadi yang tidak mencakup jaringan

telekomunikasi. (Mulyanto, 2009 : 247).

1. Sumber Daya Manusia

Manusia mengambil peranan yang penting bagi sistem informasi.

Manusia dibutuhkan untuk mengoperasikan sistem informasi. Sumber

daya manusia dapat dibedakan menjadi dua kelompok yaitu pengguna

akhir (end user) dan pakar sistem informasi. Pengguna akhir (end user)

adalah orang-orang yang menggunakan informasi yang dihasilkan dari

sistem informasi, misalnya pelanggan, pemasok, teknisi, mahasiswa,

dosen, dan orang-orang yang berkepentingan dengan informasi dari sistem

informasi tersebut. Sedangkan pakar sistem informasi adalah orang-orang

yang mengembangkan dan mengoperasikan sistem informasi, misalnya

sistem analis, developer, operator sistem, dan staff administrasi lainnya.

2. Sumber Daya Hardware

Sumber daya hardware adalah semua peralatan yang digunakan

dalam pemrosesan informasi. Sumber daya hardware tidak hanya sebatas

komputer saja, melainkan semua media data seperti lembaran kertas dan

disk magnetic atau optikal.

3. Sumber Daya Software

Sumber daya software adalah semua rangkaian perintah (instruksi)

yang digunakan untuk memproses informasi. Sumber daya software tidak

hanya berupa program saja, tetapi juga berupa prosedur. Program

merupakan sekumpulan instruksi untuk memproses informasi. Sedangkan

prosedur adalah sekumpulan aturan yang digunakan untuk mewujudkan










10

pemrosesan informasi dan mengoperasikan perintah bagi orang-orang

yang akan menggunakan informasi.

4. Sumber Daya Data

Sumber daya data bukan hanya sekedar bahan baku untuk masukan

sebuah sistem informasi, melainkan sebagai dasar membentuk sumber

daya organisasi. Seperti yang dijelaskan sebelumnya data dapat berbentuk

teks, gambar, video.

5. Sumber Daya Jaringan

Sumber daya jaringan merupakan media komunikasi yang

menghubungkan komputer, pemroses komunikasi, dan peralatan lainnya,

serta dikendalikan melalui software.

2.4 Perancangan Sistem

2.4.1 Definisi Perancangan Sistem

Perancangan sistem merupakan tahap selanjutnya setelah analisa sistem,

mendapatkan gambaran dengan jelas tentang apa yang dikerjakan pada analisa

sistem, maka dilanjutkan dengan memikirkan bagaimana membentuk sistem

tersebut. Perancangan sistem adalah suatu fase dimana diperlukan suatu keahlian

perancangan untuk elemen-elemen komputer yang akan mengunakan sistem yaitu

pemilihan peralatan dan program komputer untuk sistem yang baru. (Kristanto,

2008 : 61).

2.4.2 Tujuan Perancangan Sistem

Adapun tujuan yang hendak dicapai dari tahap perancangan sistem

mempunyai maksud atau tujuan utama, yaitu sebagai berikut:


11

1. Untuk memenuhi kebutuhan pemakaian sistem (user).

2. Untuk memberikan gambaran yang jelas dan menghasilkan rancangan

bangun yang lengkap kepada pemograman komputer dan ahli-ahli teknik

lainnya yang terlibat dalam pengembangan atau pembuatan sistem.

2.5 Konsep Dasar Analisa

2.5.1 Definisi Analisa Sistem

Analisa sistem dapat didefinisikan sebagai berikut: “Analisa sistem adalah

teknik pemecahan masalah yang menguraikan bagian-bagian komponen dengan

mempelajari seberapa bagus bagian-bagian komponen tersebut bekerja dan

berinteraksi untuk mencapai tujuan mereka”. (Al Fatta, 2007 : 4).

2.5.2 Fungsi Analisa Sistem

Adapun fungsi analisa sistem adalah sebagai berikut :

1. Mengidentifikasi masalah-masalah kebutuhan pemakai (user)

2. Menyatakan secara spesifik sasaran yang harus dicapai untuk memenuhi

kebutuhan pemakai

3. Memilih alternatif-alternatif metode pemecahan masalah yang paling tepat.

4. Merencanakan dan menerapkan rancangan sistemnya. Pada tugas atau fungsi

terakhir dari analisa sistem menerapkan rencana rancangan sistemnya yang

telah disetujui oleh pemakai.

Ada beberapa pengertian mengenai analisa:

1. Pengertian Analisa Masukan

Masukan pada sistem adalah data yang diterima dan akan diproses

oleh sistem.

12

2. Pengertian Analisa Proses

Proses pada sistem adalah suatu kegiatan yang dihasilkan oleh

suatu proses dari masukan yang diterima oleh proses.

3. Pengertian Analisa Keluaran

Keluaran pada sistem adalah data yang dihasilkan oleh suatu proses

dari masukan yang diterima.

2.6 Konsep Dasar Database

2.6.1 Definisi Database

Database sebagai kumpulan data dari penempatan tenaga kerja yang saling

terkait dan mempengaruhi sesuai dengan tingkat kepentingannya sehingga data

tersebut terintegrasi dan independence. (Martono, 2009 : ).

2.6.2 Definisi Tabel

Tabel adalah komponen paling utama dalam membuat website, pada saat

pembuatan sebuah halaman web, tabel dijadikan sebagai media yang berfungsi

sebagai kerangka untuk meletakkan komponen-komponen isi web. Sehingga dapat

meninggalkan pengguna tabel dalam sebuah design web. (Anhar, 2010 : 45).

Selain sebagai kerangka kerja, tabel juga dijadikan sebagai media untuk

merapihkan semua content (isi web) yang ada di dalam halaman web. Jadi sebagai

seorang web master atau designer web kita tidak akan dapat meninggalkan tabel,

karena tabel dapat dikatakan sebuah komponen HTML yang diharuskan dalam

pembuatan website.

13

2.6.3 Definisi Fields

Fields adalah sub bagian dari record. Dari contoh isi record di atas, maka

terdiri dari 2 fields, yaitu : fields nama User dan Password. (Anhar, 2010 : 45).

2.6.4 Definisi Record

Record adalah data yang isinya merupakan satu kesatuan seperti nama

User dan Password. Setiap keterangan yang mencakup nama User dan Password

dinamakan satu record. Setiap record diberi nomor yang disebut nomor record

(Record Number). (Anhar, 2010 : 45).

2.7 Peralatan Pendukung (Tools System)

Merupakan alat yang digunakan untuk menggambarkan bentuk logika

model dari suatu sistem dengan menggunakan simbol-simbol, lambang-lambang,

diagram-diagram yang menunjukan secara tepat arti dan fungsinya. Adapun

peralatan pendukung (tools system) yang dijelaskan sebagai model sistem yang

akan dirancang adalah sebagai berikut :

2.7.1 XAMPP

Xampp merupakan tools yang menyediakan paket perangkat lunak ke

dalam satu buah paket. Dengan meng-install Xampp maka tidak perlu lagi

melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara

manual. Xampp akan menginstalasi dan mengkonfigurasinya secara otomatis.

Gambar 2.1 XAMPP

https://widuri.raharja.info/index.php/Berkas:Examm.png

14

2.7.2 Internet

Gambar 2..2 Internet Explorer

Istilah internet berasal dari bahasa Latin inter, yang berarti “antara”.

Secara kata per kata internet berarti jaringan antara atau penghubung. Memang

itulah fungsinya, internet menghubungkan berbagai jaringan yang tidak saling

bergantung pada satu sama lain sedemikian rupa, sehingga mereka dapat

berkomunikasi. Sistem apa yang digunakan pada masing-masing jaringan tidak

menjadi masalah, apakah sistem DOS atau UNIX. Sementara jaringan lokal

biasanya terdiri atas komputer sejenis (misalnya DOS atau UNIX), internet

mengatasi perbedaan berbagai sistem operasi dengan menggunakan “bahasa”

yang sama oleh semua jaringan dalam pengiriman data. Pada dasarnya inilah yang

menyebabkan besarnya dimensi internet. (Pardosi, 2007 : 10).

Dengan demikian, definisi internet ialah “jaringannya jaringan”, dengan

menciptakan kemungkinan komunikasi antar jaringan di seluruh dunia tanpa

bergantung kepada jenis komputernya. Jadi Kesimpulan definisi internet adalah:

Definisi internet yaitu merupakan hubungan antar berbagai jenis komputer

dan jaringan di dunia yang berbeda sistem operasi maupun aplikasinya di mana

hubungan tersebut memanfaatkan kemajuan media komunikasi (telepon dan

satelit) yang menggunakan protokol standar dalam berkomunikasi yaitu protokol

TCP/IP. Fungsi internet merupakan media komunikasi dan informasi modern.

15

2.7.2.1 Sejarah Singkat Internet

Internet berawal dari diciptakannya teknologi jaringan komputer.

Jaringan komputer merupakan beberapa komputer yang terhubung satu sama lain

dengan memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung.

Jaringan komputer ini berfungsi agar pengguna komputer bisa bertukar informasi

dan data dengan pengguna komputer lainnya.

ARPAnet (Us Defense Advanced Research Projects Agency) atau

Departemen Pertahanan Amerika pada tahun 1969 membuat jaringan komputer

yang tersebar untuk menghindarkan terjadinya informasi terpusat, yang apabila

terjadi perang dapat mudah dihancurkan. Jadi bila satu bagian dari sambungan

jaringan terganggu dari serangan musuh, jalur yang melalui sambungan itu

secara otomatis dipindahkan ke sambungan lainnya.

Setelah angkatan bersenjata Amerika, dunia pendidikan pun merasa sangat

perlu mempelajari dan mengembangkan jaringan komputer. Salah satunya adalah

University of California at Los Angeles (UCLA). Akhirnya pada tahun 1970

internet banyak digunakan di universitas-universitas di Amerika dan bekembang

pesat sampai saat ini. Agar pengguna komputer dengan merek dan tipe berlainan

dapat saling berhubungan, maka para ahli membuat sebuah protokol (semacam

bahasa) yang sama untuk dipakai di internet. Namanya TCP (Transmission

Control Protocol) dan IP (Internet Protocol).

16

2.8 World Wide Web ( WWW)

Gambar 2.3 world wide web

World Wide Web (WWW) lebih dikenal dengan web, merupakan salah

satu layanan yang dapat dipakai oleh pemakai komputer yang terhubung ke

internet.

Web pada awalnya adalah ruang informasi dalam Internet, dengan

menggunakan teknologi hypertext, pemakai dituntun untuk menemukan

informasi dengan mengikuti link yang disediakan dalam dokumen web yang

ditampilkan dalam browser web.

Saat ini internet identik dengan web, karena kepopuleran web sebagai

standart interface pada layanan-layanan yang ada di Internet, dari awalnya

sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari email

sampai dengan chatting, sampai dengan melakukan transaksi bisnis (commerce).

Saat ini web seakan lebih populer daripada email, walaupun secara

statistik email masih merupakan aplikasi terbanyak yang digunakan oleh

pengguna internet. Web lebih populer bagi khalayak umum dan pemula,

terutama untuk tujuan pencarian informasi dan melakukan komunikasi email

yang menggunakan web sebagai interface-nya.

17

Internet identik dengan web, karena popularitasnya sebagai penyedia

informasi dan interface yang dibutuhkan oleh pengguna internet dari masalah

informasi sampai dengan komunikasi. Informasi produk dari yang serius

sampai dengan sampah, dari yang cuma-cuma sampai dengan yang komersial,

semuanya ada.

Web memudahkan pengguna komputer untuk berinteraksi dengan

pelaku internet lainnya dan menelusuri (informasi) di Internet.

Selain itu web telah diadopsi oleh perusahaan sebagai bagian dari

strategi teknologi informasinya, karena beberapa alasan :

1. Akses informasi mudah,

2. Set-up server lebih mudah,

3. Informasi mudah didistribusikan,

4. Bebas platform; informasi dapat disajikan oleh browser web pada sistem

operasi mana saja karena adanya standar berbagai tipe data dapat disajikan.

2.8.1 Lahirnya Web

Tahun 1989, Timothy Bernes-Lee seorang ahli komputer dari Inggris dan

peneliti lain di European Particle Physics Lab (Consei European pour la

Recherche Nucleaire, atau CERN) di Geneva, Swiss, mengembangkan suatu

cara untuk men-share data antar koleganya menggunakan sesuatu yang disebut

dengan hypertext. Pemakai di ERN dapat menampilkan dokumen pada layar

komputer dengan menggunakan software browser baru.

18

Kode-kode khusus disisipkan ke dalam dokumen elektronik ini

memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya

pada layer dengan hanya memilih sebuah hyperlink.

Kemampuan internet dimasukkan kedalam browser ini sehingga lompat

dari satu dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi

dapat melompat ke dokumen lain yang letaknya pada komputer remote.

Seorang peneliti dapat juga mengirimkan sebuah file dari komputer

remote ke sistem lokalnya, atau log-in ke dalam suatu sistem remote hanya

dengan meng-klik hyperlink, tidak perlu melalui mekanisme FTP atau Telnet.

Jalan pintas CERN digunakan sebagai dasar dari yang disebut sekarang

dengan World Wide Web dan berikut server browser web-nya.

2.8.2 Browser Web

Gambar 2.4 berbagai jenis browser web

Browser web adalah software yang digunakan untuk menampilkan

informasi dari server web. Software ini kini telah dikembangkan dengan

menggunakan user interface grafis, sehingga pemakai dapat dengan mudah

melakukan poin dan klik untuk pindah antar dokumen.

19

Lynx adalah browser web yang masih menggunakan mode teks, yang

akibatnya adalah tidak adanya gambar yang dapat ditampilkan. Lynx pada

lingkungan DOS (Disk Operating System) dan *.nix (keluarga sistem operasi

UNIX). Akan tetapi perkembangan dari browser mode teks ini tidaklah secepat

browser web dengan GUI (Grafic User Interface).

Di saat perkembangan WWW ada dua browser web yang populer yaitu

Internet Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan

browser web lain yang turut meramaikan persaingan untuk merebut para

pengguna internet.

Di antara browser web yang telah banyak digunakan pada saat

peluncurannya adalah MSN, Opera dan Mozila Firefox. Di antara browser web ini

terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai

keinginan dan kemudahan yang ditawarkan.

2.8.1.1 Cara Kerja Browser Mengambil Halaman/Page

Suatu browser mengambil sebuah web page dari server dengan sebuah

request. Sebuah request adalah HTTP standar yang berisi sebuah page address.

Sebuah page address terlihat seperti berikut : hhtp://www.google.co.id.

2.8.1.2 Cara Kerja Menampilkan Halaman/Page

Seluruh web page berisi instruksi-instruksi bagaimana untuk ditampilkan.

Browser menampilkan page dengan membaca instruksi-instruksi ini. Instruksi

yang paling umum untuk menampilkan disebut tag HTML. Tag HTML contohnya

yaitu <p> ini merupakan suatu paragraph </p>.

http://www.google.co.id/

20

2.8.2 Server Web

Gambar 2.5 web server

Server Web adalah komputer yang digunakan untuk menyimpan

dokumen-dokumen web, komputer ini akan melayani permintaan dokumen web

dari klien-nya.

Browser web seperti IE atau Opera berkomunikasi melalui jaringan

(termasuk jaringan internet) dengan server web, menggunakan HTTP. Browser

akan mengirimkan request kepada server untuk meminta dokumen tertentu atau

layanan lain yang disediakan oleh server. Server memberikan dokumen atau

layanannya jika tersedia juga dengan menggunakan protokol HTTP.

2.8.3 Istilah-Istilah Umum Yang Harus Diketahui

Berikut ini penjelasan beberapa istilah-istilah umum yang harus diketahui

antara lain:

1. Protokol ; secara defenisi adalah standar pemrosesan informasi yang diterima

secara umum. Protokol TCP/IP merupakan protokol yang digunakan dalam

komunikasi dalam internet.

2. URL (Universal Resource Locator); URL adalah konsep nama file standar

yang diperluas dengan jaringannya. Nama file ini tidak hanya menunjukkan

direktori dan nama file-nya, tetapi juga nama mesin dalam jaringan. URL

dapat disediakan (ada atau diakses) dengan berbagai metoda, dan bisa jadi

21

bukan sekedar file, karena URL dapat menunjukkan query-query, dokumen

yang disimpan dalam database, hasil dari suatu perintah finger atau archie,

atau apapun yang berkaitan dengan data hasil proses.

3. HTTP (HyperText Transfer Protocol) ; HTTP umumnya digunakan untuk

melayani dokumen hypertext, karena HTTP adalah protokol dengan

overhead yang sangat rendah, sehingga pada kenyataan navigasi informasi

dapat ditambahkan langsung ke dalam dokumen dengan demikian

protokolnya sendiri tidak harus mendukung navigasi secara penuh. Sebuah

file dengan nama “contoh.html” pada server lybrary.usu.ac.id dalam direktori

“/pub/files” maka URL-nya

http://www.lybrary.usu.ac.id:1234/pub/files/contoh.html.

4. Browsing/Surfing ; kegiatan menelusuri dan mencari informasi dalam internet

melalui layanan informasi web.

5. Browser/Surfer ; pengguna komputer yang melakukan browsing/surfing.

2.9 HTML (HyperText MarkupLanguage)

2.9.1 Dokumen HTML

Gambar 2.6 html

Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor

teks sembarang. Dokumen ini dikenal dengan sebagai web page. Dokumen

http://www.lybrary.usu.ac.id/

22

HTML merupakan dokumen yang disajikan dalam browser web surfer.

Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam internet.

Ada dua cara untuk membuat sebuah web page : dengan web editor

(misalnya Macromedia Dreamweaver atau Microsoft Front-page) atau dengan

editor teks biasa (misalnya note-pad atau edit plus).

2.9.2 Penamaan Dokumen HTML

Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama,

sembarang nama, kemudian menambahkan sebuah ekstensi “.htm” atau “.html”

(tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja).

Ekstensi dokumen HTML yang menggunakan 3 karakter awalnya adalah

untuk mengakomodasikan sistem penamaannya yang ada dalam sistem operasi

DOS. Nama dokumen pada beberapa sistem operasi bersifat case sensitive

(membedakan huruf besar dan huruf kecil). Nama dokumen yang sama tetapi

dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang

berbeda, misalnya dokumen.html akan berbeda dengan DOKUMEN.html. Kasus

case sensitive akan dijumpai pada dokumen web yang hosting di dalam server

yang berbasis *nix (keluarga sistem operasi UNIX).

2.9.3 Elemen Dan Tag HTML

Dokumen HTML disusun oleh elemen-elemen. “Elemen” merupakan

istilah bagi komponen-komponen dasar pembentuk dokumen HTML. Untuk

menandai berbagai elemen dalam suatu dokumen HTML, digunakan 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

23

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

diawali dengan karakter garis miring. Tag yang pertama menunjukkan tag awal

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

elemen.

Nama elemen ditunjukkan dengan nama tag nya. Suatu elemen didalam

dokumen HTML harus ditandai dengan penulisan tag nya berpasangan. Ada

beberapa elemen yang tidak mengharuskan tag nya dituliskan secara

berpasangan, elemen tersebut diantaranya adalah:

1. Paragraph dengan tag <p>

2. Ganti baris – line break dengan tag <br>

3. Garis datar – horizontal rule dengan tag <hr>

4. List item dengan tag <li>

Secara umum suatu elemen dalam dokumen HTML yang dinyatakan

dengan tag nya, dituliskan : <nama tag>_</nama tag>. Penulisan penamaan tag

bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran (tidak

case sensitive). Tetapi untuk antisipasi pada standar penulisan tag,

direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil

semuanya.

Tag mark up ini digunakan sebenarnya memberi tahu browser web

bagaimana memperlakukan atau menampilkan (memformat) halaman dokumen

tersebut dalam browser.

Dalam membuat suatu dokumen HTML dibutuhkan elemen yang

dinyatakan dengan tag <html>, <head> dan <body> berikut tag-tag

24

pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi

teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan elemen

lainnya.

Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section

head dan section body. Sehingga setiap dokumen HTML harus mempunyai pola

dasar sebagai berikut:

<html>

<head>

…informasi tentang dokumen HTML

</head>

<body>

…informasi yang ditampilkan dalam browser web

</body>

</html>

Setiap dokumen HTML harus diawali dengan menuliskan tag

<html>dan tag </html> diakhir dokumen. Tag ini menandai elemen HTML,

yang berarti dokumen ini adalah dokumenHTML

Dalam satu dokumen hanya ada satu elemen HTML. Section atau

elemen head ditandai dengan tag <head> diawal, dan tag </head> di akhir.

Section ini berisi informasi tentang dokumen HTMLnya. Minimal informasi

yang dituliskan dalam elemen ini adalah judu l dari dokumen, judu l ini akan

ditampilkan pada caption bar dari windows browser, ditandai dengan

menggunakan tag <title> dan diakhiri dengan</title>. Section atau element

25

body ditandai dengan tag <body> diawal, dan tag </body> diakhir. Section

body merupakan elemen terbesar didalam dokumen HTML. Elemen ini berisi

isi dokumen yang akan ditampilkan pada browser, meliputi paragraph,

grafik, link, table, dan sebagainya.

Contoh penulisan suatu dokumen HTML sebagai berikut:

<!—contoh.html-->

<html>

<head>

<title>

Halaman Contoh</title>

</head>

<body>

File ini merupakan file contoh

<br>

<b>

Ini untuk membuat huruf cetak tebal </b>

</body>

</html>

26

Hasil dokumen HTML yang ditampilkan didalam browser Internet Exlplorer:

Gambar 2.7 Dokumen HTML ditampilkan di browser IE. (Kadir,2002)

27

2.10 DHTML (Dynamic Hypertext Markup Language)

Gambar 2.8 dhtml

DHTML adalah suatu istilah yang diberikan untuk suatu halaman web

yang memanfaatkan HTML dan DOM (Document Object Model), CSS

(Cascading Style Sheet) dan client-side scripting untuk membuat tampilan

halaman tersebut dinamis atau interaktif. Istilah Dynamic ditambahkan untuk

membedakan sifat dinamis halaman web ini dengan halaman web statis yang

dibuat hanya berdasarkan HTML

DHTML mulai diterapkan pada browser generasi ke empat – Microsoft

Internet Explorer 4 (IE4) dan Netscape Communicator 4 (NS4). DHTML

sepenuhnya merupakan teknologi client side yang hanya bergantung pada

kemampuan browser untuk menampilkan dan memanipulasi elemen halaman

web yang tidak bisa dilakukan dengan hanya mengandalkan HTML. Sebagian

besar hal yang bisa dibuat dengan DTML bisa juga dibuat dengan teknologi

authoring web lain seperti Java, Flash, atau Shockwave. Penggunaan DHTML

mempunyai kelebihan karena tidak memerlukan plug-in apapun untuk

menjalankannya dan ukurannya jauh lebih kecil dibandingkan dengan

penggunaan teknologi lain. Kelemahannya, masih banyak hal-hal yang belum

bisa dilakukan dengan menggunakan DHTML seperti suara dan video. Saat ini

sudah cukup banyak penerapan DHTML yang sering ditemukan sewaktu

28

mengakses internet sehari-hari. Yang umum misalnya roll-over menu (baik

berbentuk image ataupun teks biasa), pull-down menu, trailing cursor, sliding

text, dll.

2.11 CSS (Cascading Style Sheet)

Gambar 2.9 css

CSS mendefinisikan karakteristik tampilan (warna, style, dan posisi)

suatu elemen pada dokumen HTML dalam bentuk property elemen tersebut.

Pemisahan isi dengan tampilan yang dilakukan dengan penerapan CSS ini,

memberikan kemungkinan penyusunan struktur suatu halaman HTML dengan

lebih fleksibel. CSS merupakan bagian/sub-set dari DOM yang sangat berperan

dalam HTML.

Perbedaan implementasi antara Netscape dan Microsoft sehingga

akhirnya W3C melakukan suatu standardisasi CSS. Pada awalnya, upaya

standardisasi CSS dibagi dua, yaitu CSSI untuk pengaturan warna dan style,

serta CSS-P untuk pengaturan posisi suatu elemen. CSS2 dari W3C selanjutnya

menggabungkan kedua standar ini menjadi suatu standar yang meliputi semua

setting tampilan suatu elemen halaman HTML.

29

Dalam spesifikasi CSS2, ada beberapa properti elemen dokumen yang

berhubungan dengan posisi suatu elemen dihalaman browser. Property tersebut

adalah:

3 Posisition - ada dua pilihan untuk nilai properti ini, yaitu absolute dan

relative.

4 Setting absolute mengatur posisi elemen berdasarkan jarak terhadap ujung

kiri-atas elemen parent-nya. Sedangkan setting absolute bekerja sesuai lay-

out HTML biasa dimana posisinya ditentukan berdasarkan akhir elemen

sebelumnya.

5 Left dan Top – menentukan jarak kearah kanan dan ke bawah dari posisi awal

elemen. Unitnya bisa dinyatakan dalam point (pt), pixel (px) atau unit standar

CSS lainnya.

6 Width dan Height – menentukan lebar dan tinggi elemen. Unitnya bisa

dinyatakan dalam point (pt), pixel (px) atau unit standar CSS lainnya.

7 Z-index – menentukan apakah suatu elemen ditampikan dilayar. Nilainya

bisa visible (tampil) atau hidden (tersembunyi).

8 Overflow – menentukan perilaku ruang penampung jika isinya melebihi

batasnya. Ada tiga untuk nilai properti ini, yaitu clip, scroll, dan none.

Setting clip berarti isi akan dipotong jika melebihi batas. Scroll akan

memunculkan scrollbar pada container. Sedangkan none tidak akan

melakukan apapun terhadap isi, sehingga isi tersebut akan keluar dari ruang

batasnya.

30

9 Background-color atau Layer-background-color – menentukan warna dasar

dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang kedua

berlaku untuk NS.

10 Background-image atau Layer-background-image – menentukan gambar latar

belakang dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang

kedua berlaku untuk NS.

2.12 JavaScript

Gambar 2.10 javascript

JavaScript pertama kali muncul di Netscape 2.0 dan dikembangkan lebih

lanjut pada Netscape 3.0, walaupun memiliki nama yang serupa. JavaScript

sama sekali tidak berhubungan dengan Java.

Java adalah bahasa pemograman tingkat tinggi untuk membuat aplikasi

cross-platform, sedangkan JavaScript hanyalah scripting language yang

terintegrasi dengan web browser untuk memberikan fleksibilitas tambahan bagi

programmer untuk mengontrol elemen-elemen dalam halaman web.

Aplikasi JavaScript sebenarnya cukup luas, tetapi disinipenulis

menggunakan JavaScript dibatasi untuk DHTML, yaitu JavaScript yang

digunakan untuk mengakses property, method, dan event handler yang

disediakan oleh DOM dan CSS.

31

Property didefenisikan sebagai setting nilai suatu objek tertentu.

Contohnya adalah warna suatu teks, action untuk suatu form, nama file untuk

suatu gambar, dll.

2.13 Pengenalan Processor Hypertext Protocol (PHP)

2.13.1 Sejarah PHP

Gambar 2.11 php

Hypertext Preprocessor yaitu bahasa pemrograman web server-side yang

bersifat open source. PHP merupakan script yang terintegrasi dengan HTML dan

berada pada server (server side HTML embedded scripting). PHP adalah script

yang digunakan untuk membuat halaman website yang dinamis. Dinamis berarti

halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh client.

Mekanisme ini menyebabkan informasi yang diterima client selalu yang

terbaru/up to date. Semua script PHP dieksekusi pada server dimana script

tersebut dijalankan. (Anhar, 2010 : 3).

Berikut contoh umum penggunaan script PHP untuk menjelaskan tentang

PHP sebagai script yang disisipkan dalam bentuk HTML.

<html>

<head>

32

<title>

Contoh

</title>

</head>

</body>

<?

Echo “Hello, World”

?>

\</body>

</html>

Contoh script diatas berbeda dengan script yang ditulis dengan bahasa lain

seperti bahasa C. Programmer tidak harus menuliskan semua dokumen HTML

sebagai bagian dari keluaran dari script PHP, cukup menuliskan bagian mana saja

yang berupa tag html dan bagian mana saja yang harus ditulis atau dihasilkan dari

program script PHP, kode diapit dengan menggunakan tag awal dan tag akhir

yang khusus yang memungkinkan pemprograman untuk masuk dan keluar dari

mode script PHP.

PHP merupakan salah satu bahasa pemograman web yang masih muda

namun telah mengalami perkembangan yang cukup signifikan dan telah banyak

digunakan oleh banyak user dalam membuat aplikasi web baik perseorangan

maupun perusahaan.

33

2.13.2 PHP/FI (Personal Home Page / Form Interpreter)

Pertama kali PHP dibuat dan diperkenalkan oleh Rasmus Lerdorf pada

tahun 1995 menggunakan nama PHP/FI. Generasi awal PHP/FI dibuat dari Perl

yang waktu itu digunakan untuk kebutuhan pribadi saja. Pada awalnya,

PHP/FI merupakan bagian dari Personal Home Page Tools. Namun, karena

kebutuhan penggunaan web yang semakin kompleks maka dikembangkan

PHP/FI dengan menggunakan bahasa c. Rasmus menulis sejumlah besar fungsi

untuk pengaksesan ke dalam database. Penulisan itu juga bertujuan membangun

halaman web menjadi lebih dinamis.

PHP/FI merupakan akronim dari Personal Home Page/Form Interpreter.

Pada awal penyusunan, PHP/FI hanya mempunyai fungsi dasar dari PHP yang

ada sekarang ini. Jadi, dengan kata lain, pondasi PHP sekarang ini adalah

PHP/FI. Karena ketika pertama dibuat menggunakan Perl maka PHP/FI juga

mempunyai susunan dan karakter pemograman yang samadengannya.

Pada tahun 1997, dikeluarkan PHP/FI versi 2.0. Fungsi-fungsi pada

PHP/FI ditulis dengan menggunakan bahasa C karena telah memiliki fungsi

khusus untuk mengakses database maka, pada tahun yang sama terdapat kurang

lebih 50.000 domain yang menggunakan PHP/FI sebagai bahasa pemograman

untuk website, atau sekitar 1% dari total domain yang ada pada waktu itu.

Booming PHP/FI tersebut membuat semakin banyak orang yang tertarik untuk

berpartisipasi mengembangkan PHP/FI. Berkat kerjasama dan kontribusi

mereka, PHP versi 3.0 pun dikeluarkan walau kala itu masih dalam tahap alpha.

34

2.13.2.1 PHP3

PHP 3 merupakan generasi baru hasil pengembangan PHP/FI. Banyak

developer yang terlibat didalamnya. Tak heran jika PHP 3 dianggap sebagai

tonggakawal bagi terciptanya PHP versi sekarang ini. Secara resmi, peluncur

PHP 3.0 ialah Andi Gutmans dan Zeev Suraski pada tahun 1997. Mereka

mengeluarkan PHP 3.0 karena melihat kelemahan PHP/FI yang digunakan dalam

aplikasi e-commerce. Kemudian, mereka menulisnya ulang dengan masih

mengacu kepada PHP/FI. Setelah PHP 3 dikeluarkan, mereka menyarankan

untuk menghentikan proyek PHP/FI karena PHP 3 masih lebih baik.

Alasan untuk mulai mengembangkan PHP, dan memfokuskan diri pada

PHPialah pengembangan versi ini secara meluas dalam mendukung berbagai jenis

database, protokol dan API. Dengan dukungan yang semakin besar dari berbagai

pihak yang menyumbangkan berbagai modul maka, pada tahun 1998, 10% dari

seluruh web server yang ada kala itu telah menginstalasi PHP versi 3.0.

2.13.2.2 PHP4

PHP versi 4 diluncurkan untuk menangani kelemahan PHP 3, yaitu

penggunaan fungsi yang begitu kompleks. Kurangnya efisiensi waktu dan

kinerja yang buruk diperbaiki dan ditulis ulang dari inti PHP3.

Dengan penambahan fitur baru, seperti session, output buffering dan

penanganan input, menjadikan PHP 4 aman dari berbagai jenis bahasa

pemograman berbasis web. Selain itu, inti perbedaan mereka terletak pada

penggunaan Zend Engine. Zend Engine merupakan inti dari PHP. Sebagian

35

dari inti PHP, secara fungsional ia bertugas menangani input, menterjemahkan

dan mengeksekusinya. Ia juga berperan menterjemahkan fungsi.

2.13.2.3 PHP5

Pada Juni 2004, Zend merilis PHP 5.0. Pada versi 5 muncul untuk

menangani kelemahan-kelemahan yang terdapat pada versi sebelumnya. PHP

versi 5 dapat membuat file swf dan applet java. Focus utamanya adalah

mengoptimalkan pengunaan PHP untuk OOP (Object Oreiented Programming):

(Syafii,2005)

2.13.3 Skrip PHP

Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip

akan dikenali sebagai skrip PHP bila diapit oleh tanda:

<?php

……?>

b.

<?........

......?>

<script language=”PHP”>……</script>

Skrip yang dibuat dengan PHP disimpan dengan nama file dan diikuti

dengan ekstensi *.php, misalnya : contoh.php. Bila skrip PHP diakses melalui

computer lokal maka file PHP disimpan di folder ht docs di local web server.

Sama halnya dengan penamaan dokumen HTML, pemberian nama dokumen

yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai

dokumen yang berbeda, misalnyacontoh.php akan berbeda dengan

36

CONTOH.php atau Contoh.php. Skrip PHP dapat disisipkan dibagian manapun

dalam dokumen HTML, begitu pula sebaliknya skrip HTML dapat diletakkan

diantara skrip PHP.

Berikut ini contoh dari skrip PHP:

contoh1.php

<html>

<head>

<title> Menyisipkan PHP di dokumen HTML </title>

</head>

<body>

Cara menyapa PHP dengan akrab:<br>

<p>

<?php

contoh2.php

<?php

Echo(“ini ditulis dengan skrip PHP !!”);

?>

<html>

<body>

<br><hr>

ini ditulis dengan HTML

</body>

Echo(“<br>sekian”); ?>

</html>

37

<?php

Gambar 2.12 Dokumen PHP ditampilkan di Browser Mozila

47

2.13.4 Integrasi dengan Database

PHP yang digabungkan dengan database akan lebih berkekuatan jika

digabungkan dengan database yang realible, gratis dan mudah diinstalasi.

Terdapat dua jenis database yang memenuhi yaitu MySQL dan PostgreSQL.

Kedua jenis database ini dipergunakan karena kinerja yang bagus dan untuk

mengaksesnya. PHP mempunyai fungsi khusus. berikut ini daftar database

yang didukung oleh PHP sampai versi 5.

PHP mempunyai fungsi khusus untuk mengakses MySQL. Ada sekitar

48 fungsi yang didukung PHP dalam mengakses PHP dalam mengakses MySQL

dalam membuat aplikasi. Adapun yang biasa digunakan diantaranya adalah:

1. Fungsi mysql_connect() fungsi mysql_connect adalah untuk

menghubungkan PHP dengan database MySQL.

Format fungsinya adalah:

mysql_connect(string hostname, srting username, string password);

mysql_select_db setelah terhubung ke database MySQL dengan

menggunakan mysql_connect, langkah selanjutnya adalah memilih

database yang akan digunakan.

2. Fungsi mysql_select_db digunakan untuk memilih database.


mysql_select_db(string database, koneksi) koneksi ialah variable yang

terhubung ke MySQL. Jika tidak mengisi variable koneksi maka koneksi

yang terbuka saat itulah yang dianggap digunakan. Manfaat berbagai

48

macam koneksi adalah bahwa dengan pilihan seperti itu maka dalam satu

file dimungkinkan mengambil query dari 2 database sekaligus.

3. Fungsi mysql_query([])

Dalam database MySQL, perintah untuk melakukan transaksi ialah

perintah SQL. Sebutan untuk mengirim perintah SQL dinamakan query.

Query memberi perintah kepada database untuk melakukan apa yang

dikehendaki.

Format fungsinya:

Int mysql_query(string query, int[link_identifier]);

4. Fungsi mysql_num_rows() kegunaan dari fungsi ini adalah untuk

menghitung jumlah baris yang dikenai oleh proses SQL.


Int mysql_num_rows(int result);

5. Fungsi mysql_fetch_array([])

Fungsi ini berkaitan dengan menampilkan data. Untuk menampilkan data,

digunakan fungsi mysql_fetch_array. Dengan fungsi ini, hasil query

ditampung dalam bentuk array.


Array mysql_fetch_array(int result, int [result type]);

3.1 Pengenalan Konsep Pemograman Berorientasi Objek dengan PHP

3.1.1 Mengelola Kompleksitas Aplikasi

Pemograman berorientasi objek (object oriented programming)

memandang aplikasi perangkat lunak sebagai kumpulan object yang saling

berinteraksi di dalam suatu sistem. Merancang sebuah aplikasi menggunakan

49

tehnik object oriented dilakukan dengan membagi fungsi-fungsi berdasarkan

pembagian tanggung jawab. Pembagian tanggung jawab diterapkan kepada

setiap class yang dibuat. Setiap class menyediakan pelayanan untuk

mengerjakan operasi tertentu. Operasi-operasi ini dilaksanakan oleh object-

object yang dibuat dari class tersebut. Dengan memfokuskan setiap class pada

tanggung jawab yang tertentu dengan tingkatan kompleksitas yang memadai

tentu akan sangat membantu untuk mereduksi kompleksitas aplikasi secara

keseluruhan.

Pembangunan aplikasi dapat dianalogikan sebagai misi dari sebuah tim

dimana untuk mencapai tujuan dari misi ini dilakukan pembagian tugas yang

jelas agar dapat menyelesaikan tugas yang diberikan dengan baik. Dengan tehnik

Object Oriented ini, jalinan komunikasi antar programmer juga dipermudah

dengan masing- masing class yang dibuat akan dilengkapi dengan interface yang

menjadi standar bagaimana class tersebut dihubungi. Interface itu mencakup :

1. Nama

2. Operasi yang menjaditugasnya

3. Cara penggunaannya

4. Hasil yang diperoleh

Pada akhirnya dengan pendekatan object oriented ini akan dihasilkan

aplikasi dengan struktur yang kokoh. Operasi dan data dibungkus dengan rapi di

dalam class. Data hanya dapat dimanipulasi menggunakan operasi-operasi yang

disediakan didalam class.

50

3.1.2 Mengantisipasi Adanya Perubahan

Salah satu prinsip dalam perancangan aplikasi dengan pendekatan object

oriented adalah pemisahan antara tampilan (user interface) dan implementasi

(business logic). Tujuan pemisahan antara bagian tampilan dengan bagian

implementasi adalah mengurangi ketergantungan antar bagian di dalam aplikasi.

Tingkat ketergantungan yang rendah tersebut dapat memudahkan

penggantian, perbaikan, atau pengembangan suatu modul dengan tidak

menimbulkan efek pada modul lainnya. Modul-modul yang independent

memungkinkan penggunaan ulang (reuse) dari modul-modul

tersebut.(Syafii,2005).

3.2 MySQL

Gambar 2.13 mysql

MySQL merupakan salah satu perangkat lunak sistem pengelola basis

data (Data Base Management System). MySQL juga dapat dikategorikan

sebagai Relational Data Base Management System (RDBMS), karena dalam

pembuatan basis data pada MySQL terdiri atas lajur horizontal dan lajur vertikal.

MySQL pada saat ini banyak digunakan oleh pemograman web untuk

membangun situs yang memerlukan basis data sebagai data dan pengolahan

data.(Syafii,2005).

51

3.3 Macromedia Dreamweaver CS5

Macromedia Dreamweaver CS5 adalah sebuah HTML editor profesional

untuk mendesain web secara visual dan mengelola situs atau halaman web. Saat

ini terdapat software dari kelompok Adobe yang belakangan banyak digunakan

untuk mendesain suatu web. Versi terbaru dari Adobe Dreamwever CS5 memiliki

beberapa kemampuan bukan hanya sebagai software untuk desain web saja, tetapi

juga menyunting kode serta pembuatan aplikasi web. Antara lain: JSP, PHP, ASP,

XML, dan ColdFusion.(Christianus Sigit,2010:1).

Dreamweaver merupakan software utama yang digunakan oleh Web

Designer dan Web Programmer dalam mengembangkan suatu situs web. Hal ini

disebabkan oleh ruang kerja, fasilitas, dan kemampuan Dreamwever yang mampu

meningkatkan produktivitas dan efektifitas, baik dalam desain maupun

membangun suatu situs web.

Dalam perkembangannya, Adobe Dreamweaver telah mencapai versinya

yang terbaru atau lebih dikenal dengan Adobe Dreamweaver CS5. Fitur-fitur yang

dimiliki semakin lengkap dan handal, untuk membuat pengguna Dreamwever CS5

semakin dapat berkreasi dan berinovasi dengan bebas dalam mendesain web.

Fitur baru yang semakin handal untuk versi terbaru ini dimunculkan,

diantaranya adalah Integrated CMS Support, CSS Inspection, PHP Custom Class

Code Hinting, dan Site-Specific Code Hinting. Semua fitur baru tersebut semakin

memantapkan pengguna Adobe Dreamwever CS5 untuk semakin mengeksplorasi

dan mengeksploitasi ide kreasi pengolahan website.

52

Gambar 2.2 Adobe Dreamweaver CS5

Dalam membuat website diperlukan suatu editor. Salah satu editor yang

sangat sederhana adalah notepad. Dengan perkembangan perangkat lunak, suatu

perusahaan yang bernama Macromedia, inc. membuat suatu editor berbasis GUI

yang dikhususkan untuk pembuatan website yang diberi nama Dreamweaver.

Dreamweaver merupakan editor HTML yang professional untuk

mendesain, menulis kode program, dan mengembangkan website, halaman web,

dan aplikasi web. Dalam pengerjaannya, Dreamweaver memberikan 3 (tiga)

pilihan yaitu bekerja dengan menulis kode program (menu code), dengan

pengeditan secara visual (Mode Design) dan dengan tampilan keduanya (mode

split). Dreamweaver juga menyediakan alat-alat Bantu untuk mengembangkan

kreativitas pembuatan web.(Bambang etal,2004).

https://widuri.raharja.info/index.php/Berkas:Adobe-cs5-dreamweaver.jpg

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

3.1.1 Sejarah Perusahaan

Arminareka Perdana adalah Perusahaan Jasa Travel Paket Umroh dan Haji

Plus dengan jam terbang lebih dari 27 tahun sejak 9 Februari 1990 yang terbukti

memberangkatkan jamaa’ah lebih dari separuhnya melalui program solusi dan

membuat para jamaa’ah sejahtera. Resmi terdaftar di AMPHURI dan Kementrian

Agama RI. Penghargaan dan prestasi yang didapatkan, Sertifikat Lembaga Bisnis

Syariah dari DSN-MUI dan Perusahaan Terbesar No.1 di Indonesia yang

memberangkatkan Jama’ah Terbanyak Umroh dan Haji Plus sejak tahun 2009

sampai dengan sekarang sesuai data Net Sales Garuda Indonesia Airlines.

Gambar III.1 Logo PT.Arminareka Perdana

Berdasarkan Nomor Izin Umroh : D/78/2015 dan Nomor Izin Haji :

D/136/2015 maka ditetapkan logo resmi yang diperbaharui dan digunakan

samapai sekarang. Arminareka Perdana sejak tahun 1990 mengantarkan

perusahaan ini dealam memberikan kosep mutakhir, yaitu bagaimana membuat

orang/jama’ah mampu untuk pergi menunaikan ibadah Umroh atau Haji dan

sekaligus membuat dirinya sejahtera.

PT. Arminareka Perdana didirikan pada tanggal 9 Februiari 1990 oleh

Bapak Drs. H. Gurril Mz dan Ibu Hj. Chorry Mundzakar dengan Bapak Sholichin

GP sebagai Penasihat. Sejak berdirinya, Pt.Arminareka Perdana dalam

memasarkan jasa penyelenggaraan perjalanan ibadah Umroh dan Haji

menggunakan cara manual. Dengan membentuk Biro khusus dengan nama “Biro

Perjalanan Umroh dan Haji PT.Arminareka Perdana”. Hingga kurun waktu

tahun 2008, Perusahaan telah berhasil memberangkatkan sekitar 27.000 jama’ah

lebih, baik jama’ah Umroh maupun Haji Plus.

3.1.2. Struktur Organisasi dan Fungsi

Direksi dan Staff

Komisaris : H. Richan Muzakkar

Sekretaris Direksi :Indra Nur Zuroida, SE

Manajer :Muhammad Sultomi

Direktur Utama :Ir. Hj. Darnelly Guril, Msc.

Direktur Marketing :Hj RIani RIlanda, SE.

Direktur Operasional :Dra. Hj. Yusnidar

Presenter :Dhani Kusuma, Rita

Andayani, Noviani, Elfis

IT :Nurcholis

Receptionis :Devi Indah Lestari

Umroh & Booking Seat : Ria Fitriyah, SE, Yudha

Siwi Rahayu, SE, Siti Lady Hana, SS, Moch.

Fidias Faren, Amd

Dokumen : Alfi Nur, R. Ayun Purnama, Amd

Dokumen : Alfi Nur, R. Ayun Purnama, Amd

Umroh & Haji Plus : Fahroji Nur, Amd, Imma

Triseptiani, SE, Zainal Irfan, SE, Ardiansyah, SE

Data Entry :Khumaedi Priyo Jaringan : Irwan Saputra, S.Kom

Pendaftaran :Diana Manifestari

Customer Service :R. Maulida Pratiwi, SE

Haji & BPIH :Hj. Wiwi Sobarsari

Konfirmasi Fax : Suyendi Harmaedi

ID & Asuransi Card : Andi Dirgantara,

Rizki Faqih

Keuangan :Riris Widiyanti, SE, Agus

Arisman, Hj Ismaeni Lestari, Eki Cory

Agustin, Spd, Azizah Khusnul, Eliyawati, SE

Validasi :Fitri Nurul Aini, S.Kom

Komisi :Riani Rilanda, ST,

Syaiful Amin, Amd

Asuransi Klaim :Cika Nurfianti

Logistik :Cika Nurfianti

Pengiriman :Budi Mulyanto,

Santoso, Siswahyudi, M. Djunaidi

Security : Fahri Syeiful Amri

OB : S. Bagjo Bahari, Hendra

Gambar III.2 Struktur Organisasi

3.2. Analisa Kebutuhan

Informasi database adalah kebutuhan bagi setiap Perusahaan, berdampak

pula pada kebutuhan informasi bagi Pekerja. Kesadaran akan pentingnya Sistem

Informasi Kepegawaian cukup penting, sebab dapat di gunakan sebagai acuan

perusahaan dalam menetukan kebijakan perusahaan. Seorang Pekerja atau HRD

atau bagian SDM berusaha agar mempermudah dalam mendapatkan informasi

dengan pengadaan berkas yang berbentuk data digital, maka perlu diadakanya

Sistem Informasi yang cepat dengan cara berbasis web.

Pada beberapa Perusahaan masih banyak yang hanya menggunakan sistem

database dengan cara lama, yakni hanya dengan pengadaan berkas kertas atau

data khusus yang hanya diketahui pihak HRD/SMD/Direktur/Pemilik di

perusahaan tersebut. Maka dari itu Penulis mencoba membuat Sistem Informsi

Kepegawaian Berbasis Web yang mudah di jalankan oleh setiap admin maupun

user dalam pengisian database melalui web. Agar memperingan pekerjaan bagian

HRD atau SDM dalam pengumpulan database berbentuk digital dan dengan

mudah untuk pengeditan data jika terjadi kesalahan.

3.3. Perancangan Perankat Lunak

Tbl_login

· User_id· username· password

Tbl_karyawan

· nik· Nm_karyawan· Alamat_karywan· Telp_karyawan· Ttl_karyawan· Jenis_kelamin· Foto· Divisi_id

Tbl_berita

· Berita_id· Foto· Isi· User_id

Tbl_divisi

· Divisi_id· Nm_divisi

Tbl_forum

· Id_forum· Id_user· Lokasi· Komentar· tanggal

Tbl_absensi

· Id_absensi· Nik· Nama· tanggal

1

1

M

11

M

1

1

Gambar III.3 Tampilan ERD

Tbl_login

User_idUser_id

usernameusername

passwordpassword

Tbl_karyawan

niknik Nm_karyawanNm_karyawan

Alamat_karyawanAlamat_karyawan

Telp_karyawanTelp_karyawan

Ttl_karyawanTtl_karyawanJenis_kelamin

Jenis_kelamin

fotofoto

Divisi_idDivisi_id

Tbl_berita

fotofoto

User_idUser_id

Berita_idBerita_id

isiisi

melihat

melakukan

Tbl_absensi

Id_absensiId_absensi

niknik

namanama

tanggaltanggal

melakukan

melakukan

Tbl_divisi

Divisi_idDivisi_id

Nm_divisiNm_divisi

mempunyai

Melihat/menulis

Tbl_forum

Id_forumId_forum

Id_userId_user

lokasilokasi

komentarkomentar

tanggaltanggal

Gambar III.4 tampilan LRS

3.3.1. Spesifikasi Rancangan Web

Spesifikasi rancangan web yang penulis gunakan dalam pembuatan

perancangan web di tugas akhir ini terdiri dari:

1. Rancangan Masukan

Pada saat anggota atau Pekerja melakukan question atau melakukan

command, anggota harus log-in terlebihdahulu. Apabila Pekerja belum menjadi

user maka diwajibkan untuk melakukan registrasi. Registrasi dapat dilakukan

dengan pengisian data diri baik oleh admin maupun user.

Berikut ini adalah penjelasan dari bentuk dokumen masukan anggota:

a. Nama Masukan : Form log-in Admin

Fungsi : Sebagai Form registrasi untuk Admin

Sumber : Admin

Tujuan : Masuk sebagai Admin

Jumlah : -

Frekuensi : Setiap ada permintaan untuk log-in admin

Media : Monitor Komputer

Bentuk : Lampiran A-1

b. Nama Masukan : Form edit beranda

Fungsi : Sebagai Form untuk pengisian artikel profil

perusahaan

Sumber : Admin

Tujuan : Menjadi Admin

Jumlah : -

Frekuensi : Setiap kali ada perubahan artikel baru pada

beranda


Bentuk : Lampiran B-1

c. Nama Masukan : Form Registrasi Pekerja

Fungsi : Sebagai Form registrasi untuk menjadi anggota

Sumber : Pengunjung

Tujuan : Menjadi User

Jumlah : -

Frekuensi : Setiap kali ada Pekerja baru melakukan

registrasi


Bentuk : Lampiran C-1

d. Nama Masukan : Form Berita

Fungsi : Sebagai Form pemberitahuan cuti, sakit, atau dinas

keluar kota

Sumber : Karyawan

Tujuan : Melakukan konfirmasi ketidakhadiran di kantor

Jumlah : -

Frekuensi : Setiap Pekerja yang melakukan ijin


Bentuk : Lampiran D-1

e. Nama Masukan : Form Input Forum

Fungsi : Form untuk meninggalkan pesan atau memo

terbaru

Sumber : Admin dan user

Tujuan : Melakukan Input data pesan atau memo terbaru

Jumlah : -

Frekuensi : Setiap admin dan user ingin menambah artikel


Bentuk : Lampiran E-1

f. Nama Masukan : Form Input Topik

Fungsi : Form untuk menambahkan data topik terbaru

Sumber : Admin

Tujuan : Melakukan Input data topik terbaru

Jumlah : -

Frekuensi : Setiap admin ingin menambah topik terbaru

Bentuk : Lampiran G-1

2. Rancangan Keluaran

Bentuk Keluaran atau output disini dapat berupa media kertas misalnya

kertas laporan dan media lunak yang berupa tampilan pad alayar monitor. Format

bentuk keluaran berupa keterangan seperti pesan anggota.

Berikut ini adalah penjelasan dari web tersebut:

a. Nama Keluaran : Pop-up Log-in

Fungsi : Form untuk memperingatkan agar disimpan atau

tidaknya username dan password

Sumber : Admin dan user

Tujuan : mempermudah saat melakukan log-in kembali

Jumlah : -

Frekuensi : Setiap ada kunjungan dari admin dan user


Bentuk : Lampiran A-2

b. Nama Keluaran : List Beranda

Fungsi : Menampilkan artikel sambutan di menu utama

Sumber : Admin

Tujuan : Untuk menghapus atau merubah kalimat sambutan

Jumlah : -

Frekuensi : Setiap admin mempunyai keperluan pengeditan



c. Nama Keluaran : List Profil Perusahaan

Fungsi : Menampilkan Sejarah Perusahaan

Sumber : Admin

Tujuan : Untuk menghapus atau merubah artikel sejarah

perusahaan

Jumlah : -

Frekuensi : Setiap admin mempunyai keperluan mengenai

pengeditan


Bentuk : Lampiran B-

d. Nama Keluaran : List Admin

Fungsi : Memantau database Admin

Sumber : Admin

Tujuan : Untuk menghapus atau merubah database

Admin

Jumlah : -


Database Admin



e. Nama Keluaran : List Artikel

Fungsi : Memantau database Artikel

Sumber : Admin

Tujuan : Untuk menghapus atau merubah dataartikel

Jumlah : -


database artikel



f. Nama Keluaran : List Topik

Fungsi : Memantau database Topik

Sumber : Admin

Tujuan : Untuk menghapus atau merubah dataTopik

Jumlah : -

Frekuensi : Setiap admin mempunyai keperluan mengena

Databas

artikel


Bentuk : Lampiran B

3.3.2. Spesifikasi File

Database adalah sekumpulan data yang saling berkaitan sama-sama

lainnya, tepusat dan terorganisir sehingga dapat dimanfaatkan dengan cepat dan

mudah untuk berbagai macam kebutuhan pengolahan data. Program website yang

penulis buat mempunyai database yang berfungsi untuk menyimpan semua data

yang bernama db_arminareka dengan jumlah tabel sebanyak delapan buah antara

lain:

a. Table Beranda

Nama Database : db_arminareka

Nama Table : tb_beranda

Fungsi : Menyimpan artikel pembuka pada tampilan

utama

Panjang Record : 525

Media File : Hard Disk

Field Key : nama

Software : Mysql

Table III.1 tb_beranda

No Field Name Data Type Len Ket

1 Nama Varchar 30 Primary Key

2 Foto Varchar 30 Primary Key

3 Komentar Text 465

b. Table Profil Perusahaan


Nama Table : tb_profil

Fungsi : Menyimpan profil dan sejarah Perusahaan serta

Visi

Misi



Field Key : Id

Software : Mysql

Table III.2 tb_profil


1 Id Integer 11 Primary Key

2 Profil Text 2000

3 Sejarah Text 2000

4 Visi-Misi Text 989

c. Table Divisi


Nama Table : tb_divisi

Fungsi : Menjelaskan Departemen Bagian di lingkungan

kerja



Field Key : Id

Software : Mysql

Table III.3 tb_divisi



2 Nama_Divisi Varchar 50 Null

d. Table Karyawan


Nama Table : tb_pegawai

Fungsi : Menyimpan data-data dok



Field Key : Id

Software : Mysql

Table III.4 tbl_dokter



2 Nik Varchar 30

3 Nama Varchar 200 'Laki-Laki',

'Perempuan'

4 Alamat tinytext

5 Tanggal Lahir Date

6 Jenis Kelamin Varchar 10

7 Foto tinytext

8 Divisi Integer 11

e. Table Question

Nama Database : dbwebsite_klinik

Nama Table : tbl_questions

Fungsi : Menyimpan data-data Question (konsultasi) dari

anggota



Field Key : Id_Questions

Software : Mysql

Table III.5 tbl_questions


1 Id_Questions Varchar 10 Primary Key

2 Id_Anggota Varchar 10 Foreign Key

3 Title_Questions Varchar 100

4 Questions Text -

5 Questions_Date datetime -

6 Status_Approve Enum 3 'Yes','No'

f. Table User Login


Nama Table : tbl_user_login

Fungsi : Menyimpan data-data username dan password

anggota dokter dan admin



Field Key : Id_User

Software : Mysql

Table III.6 tbl_User_Login


1 Id_User varchar 10 Primary Key

2 UserName varchar 30

3 Password varchar 255

4 GrupUser varchar 50

5 Id_anggota varchar 10 Foreign Key

6 Id_Dokter Varchar 10 Foreign Key

7 Id_Admin varchar 10 Foreign Key

g. Table Admin


Nama Table : tbl_admin

Fungsi : Menyimpan data-data User Admin



Field Key : Id_Admin

Software : Mysql

Table III.6 tbl_admin


1 Id_Admin Varchar 10 Primary Key

2 Nama_Admin Varchar 30

3 Jenis_Kalamin Enum 10

4 Email_Admin Varchar 40

5 No_Tlp Varchar 13

6 User Varchar 30

3.3.3. Struktur Navigasi

Dalam pembahasan struktur navigasi dijelaskan cara kerja web agar lebih

mudah memahaminya. Serta melihat bagaimana prosedur web dijalankan sesuai

dengan ketentuannya. Adapun penjelasan mengenai struktur navigasi tersebut

sebagai berikut:

Beranda Profil Divisi Pegawai Absensi Berita

Log In

Halaman Sambutan

Profil Perusahaan Data Divisi

Data Pegawai

Laporan Absen

Forum

Laporan Kegitan

Ruang Tanya Jawab

Gambar III.5 Struktur Navigasi Halaman Utama Perancangan web

Beranda Profile Divisi Pegawai Absensi Berita

Edit Beranda

Halaman Sambutan

Edit Data Profile

Edit Data Divisi

Edit Data Pegawai

Edit Laporan Absen

Forum

Input Laporan Kegitan

Tampilan Ruang Tanya

Jawab

Log In

Sejarah

Visi Misi

Tampilan Struktur Divisi

Tampilan Data Pegawai

Gambar III. 6 Struktur Navigasi Halaman Admin

3.3 Rancangan Perangkat Keras

3.3.4. Sarana Pendukung Program

Untuk memperoleh kemampuan yang optimal dalam pengolahan data

diperlukan aspek dasar yaitu hardware, software, maupun brainware. Ketiga

pendukung tersebut saling berkaitan satu dengan yang lainnya sehingga tidak

dapat dipisahkan, karena suatu sistem komputerisasi tidak akan berjalan tanpa

salah satu dari ketiga bagian tersebut.

1. PerangkatKeras.

Perangkat keras atau hardware adalah serangkaian unsur-unsur yang terdiri

dari beberapa perangkat keras komputer diantaranya unit masukan (Input), unit

pusat pemrosesan, unit keluaran (Output) dan unit simpanluar (Memory) yang

digunakan untuk membantu proses kerja user.

Penulis mengusulkan untuk menggunakan perangkat keras atau hardware

sesuai dengan kemampuan tanpa harus menggunakan tipe tertentu dengan harga

yang lebih mahal. Namun disarankan menggunakan perangkat keras dengan

kemampuan yang tepat guna. Spefisikasi sarana pendukung perangkat keras yang

penulis gunakan adalah sebagai berikut:

a. Processor : Pentium IV

b. RAM : 1.00 GB

c. Hard Disk : 80 GB

d. Drive : DVD-RW

e. Mouse : Optical Mouse

f. Keyboard : 101/102 Keys

g. Monitor : SVGA 14 inch

2. Perangkat Lunak

Perangkat lunak atau software adalah serangkaian unsur-unsur yang terdiri

dari beberapa perangkatlunak program komputer yang digunakan untuk

membantu proses kerja user. Pemakaian komputer tidak terlepas dari penggunaan

software sebagaisaranapendukung program yang sedangdibuat.Untukmenjalankan

program aplikasi ini klasifikasi software yang

diusulkan adalah:

a. SistemOperasi Microsoft Windows 7

b. Paket Program Macromedia Dreamweaver 8 danAppServ

c. Database Mysql

1

BAB IV

PENUTUP

4.1. Kesimpulan

Setelah penulis mengamati, mempelajari dan akhirnya menyusun Tugas Akhir ini

dengan mengambil tema “PERANCANGAN SISTEM INFORMASI KEPEGAWAIAN

BERBASIS WEB PADA PT. ARMINAREKA PERDANA JAKARTA”. Penulis dapat

mengambil kesimpulan mengenai perancangan sebuah Website, antara lain yaitu:

a. Pembuatan dan penyusunan letak gambar yang baik sangat mendukung tampilan

sebuah web.

b. Penentuan tema sangatlah penting dalam pembuatan suatu web karena dengan tema,

kita dapat menentukan desain suatu web.

c. Penggunaan software yang tepat juga dapat menghasilkan sebuah Web yang baik

pula, dalam tugas akhir ini penulis menggunakan Macromedia Dreamweaver 8

d. Hardware atau perangkat keras komputer juga harus diperhatikan agar dapat

mempermudah dalam proses pembuatan.

4.2. Saran

Dari kesimpulan yang telah penulis buat berdasarkan proses perancangan Web dari

awal hingga akhir, maka penulis mencoba mengajukan saran agar dapat menghasilkan situs

yang jauh lebih baik lagi, yaitu sebagai berikut:

1. Perlunya penambahan fitur dalam website ini , seperti fitur chat ke admin

kepegawaian supaya lebih real, dan penambahan menu scan finger print di device

saat absensi.

2. Perlunya perubahan system data seperti, big data yang dipakai di perusahaan-

perusahaan besar.

DAFTAR PUSTAKA

Agung, Gregorius, Tips & Trik Membuat Efek Spesial Website dengan Dreamweaver 4,

Elex Media Komputindo, Jakarta, 2002.

Betha Sidik, 2002. Pemrograman Web dengan HTML. Bandung: CV. Informatika.

Bunafit Nugroho.2004. PHP & MySQL dengan Editor Dreamweaver MX, Jakarta: Andi

Publisher

Kadir Abdul. 2008. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta:

Andi

Marlinda Linda. 2004. Sistem Basis Data, Yogyakarta: ANDI

Prihatna, Henky. 2005. Struktur Navigasi. Elex Media Komputindo, Jakarta

Simartama, Prayudi. 2010. Basis Data: 1st Publisher, Jakarta

Sutabri,Tata. 2008. Analisa Sistem Informasi. Yogyakarta: Andi

Lampiran A-1

Gambar III.1 Menu Log-in

Lampiran A-2

Gambar III.2 Pop-up pemberitahuan simpan atau tidaknya username dan password

Lampiran B-1

Gambar III.3 Tampilan Beranda

Lampiran B-2

Gambar III.4 Tampilan Edit Beranda

Lampiran B-3

Gambar III.5 tampilan info Beranda

Lampiran C-1

Gambar III.6 Tampilan Edit Profil Perusahaan

Lampiran C-2

Gambar III.7 Tampilan Profil Perusahaan di menu Edit

Lampiran C-3

Gambar III.8 Profil Perusahaan Arminareka di Beranda

Lampiran D-1

Gambar III.9 Menu Input DIvisi di Administrator

Lampiran E-1

Gambar III.10 Menu Input Data Karyawan

Lampiran E-2

Gambar III.11 Tampilan Data Karyawan

Lampiran E-3

Gambar III.12 Tampilan Detail Data Pegawai

Lampiran F-1

Lampiran F-2

Lampiran G-1

Gambar III.15 Form input berita acara, ijin cuti, sakit, surat tugas

Lampiran G-2

Gambar III.16 Tampilan Berita Acara

Lampiran H-1

Gambar III.17 Tampilan form input Forum

Lampiran H-2

Gambar III.18 Tampilan edit form Forum

Lampiran F-1

Laporan Absensi Karyawan

PT. Arminareka Perdana

Per Bulan Juli 2017

NIK Nama

Tanggal

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

110001 H. Heru Syam

110002 Hj. Darnelly

Guril, M.Sc

110003 Dra. Hj.

Yusnidar

110004 Hj. Riani

Rilanda S.T

110005 Cika Nurfianti

110006 Muhammad

Sultomi

110007 Ahkmad

120001

Drs. K.H.

Nuruddin

Munawar

120002 K.H. Ikin

Ahmad Sodikin

120003 K.H. Dave

Ariant Yusuf

Gambar III.13 Bentuk Laporan Absensi Bulanan

Lampiran F-2

Laporan Absensi Karyawan

Per Tahun 2017

PT. Arminareka Perdana

NIK Nama

Bulan

Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember

110001 H. Heru Syam 26 24 27 25 27 26 26

110002 Hj. Darnelly

Guril, M.Sc 26

24 27 25 27 26 26

110003 Dra. Hj. Yusnidar 26 24 27 25 27 26 26

110004 Hj. Riani Rilanda

S.T 26

24 27 25 27 26 26

110005 Cika Nurfianti 26 24 27 25 27 26 26

110006 Muhammad

Sultomi 26

24 27 25 27 26 26

110007 Akhmad 26 24 27 25 27 26 26

120001 Drs. K.H. Nuruddin

Munawar 26 24 27 25 27 26 26

120002 K.H. Ikin Ahmad

Sodikin 26 24 27 25 27 26 26

120003 K.H. Dave Ariant

Yusuf 26 24 27 25 27 26 26

Gambar III.14 Bentuk Laporan Absensi Tahunan

new doc 2017-11-18 · pegawai, cuti, absensi, sampai dengan pembuatan laporan. 2.1.1 definisi...

Documents