1 BAB II TINJAUAN PUSTAKA DAN DASAR TEORI 2.1 Tinjauan Pustaka Penelitian sejenis pernah dilakukan Oleh Maria Kusuma Sikka (2013). Dengan judul Sistem Informasi Penggajian Pada Dinas Sosial D.I.Yogyakarta, penelitian ini bertujuan untuk memberikan kemudahan baik dalam pengolahan data dan memberikan kemudahan baik dalam pengolahan data untuk merancang akan suatu system informasi yang mengolah data data gaji karyawan secara efektif dan efisien. Penelitian sejenis lainnya dilakukan oleh Suci Afrida (2013). Dengan judul Perancangan Sistem Informasi Penggajian Pegawai Honorer pada PT Nur Hasta Utama Berbasis Web, penelitian ini bertujuan untuk mempercepat dalam pemrosesan data dalam hal penggajian pegawai honorer dengan cepat, tepat, dan akurat. Selain itu dapat memberikan hasil yang memuaskan dibanding dengan penyelesaian secara semi komputerisasi. Sofiani Fadillah (2014). Dengan judul Pembuatan Sistem Informasi Penggajian di PT. Adri Utama Karya, penelitian ini bertujuan untuk menyediakan informasi yang dibutuhkan dapat diperoleh secara akurat, tepat waktu, dan lengkap tanpa harus melakukan proses pencatatan secara berulang. Selain itu sebagai alat pemecahan masalah yang dapat memberikan manfaat, baik dalam hal penyampaian informasi, ketelitian, volume pekerjaan yang dapat ditangani oleh sistem, maupun menghindarkan pegawai dari kebiasaan titip presensi.
2 Saloka Widyastono (2013). Dengan judul Analisis dan Perancangan Sistem Informasi Penggajian Karyawan Milky Milk Yogyakarta, penelitian ini bertujuan untuk mempermudah dan mempercepat merekap penggajian karyawan secara keseluruhan. Selain itu mempunyai media penyimpanan yang aman dan besar, sehingga tidak ada dokumen yang terselip. Angga Nugraha (2014). Dengan judul Analisis dan Perancangan Sistem Informasi Penggajian, penelitian ini bertujuan untuk memberikan penggajian yang efektif dan efisien dalam kinerja yang lebih baik. Selain itu dapat menghasilkan laporan secara akurat, tepat waktu, dan relevan. ini. Berdasarkan hasil penelitian di atas dapat ditunjukkan pada table dibawah Tabel 2.1 Hasil Penelitian Sistem Informasi Penggajian No Tahun Judul Peneliti Hasil penelitian Perbandingan 1. 2013 Sistem Informasi Penggajian Pada Dinas Sosial D.I.Yogyakarta 2. 2013 Perancangan Sistem Informasi Penggajian Pegawai Honorer pada PT Nur Hasta Utama Berbasis Web 3. 2014 Pembuatan Sistem Informasi Penggajian di PT. Adri Utama Karya 4. 2014 Analisis dan Perancangan Sistem Informasi Penggajian Karyawan Milky Milk Yogyakarta Maria Kusuma Sistem informasi Sikka penggajian berbasis web pada Dinas Sosial D.I.Yogyakarta Suci Afrida Sistem informasi penggajian pegawai honorer pada PT NHU Sofiani Fadillah Sistem informasi penggajian bebasis desktop pada PT. Adri Utama Karya Saloka Widyastono Sistem informasi penggajian berbasis desktop pada Milky Milk YK Objek penelitian, aplikasi berbasis web, laporan output. Objek peneliti an, laporan output, struktur sistem. Objek penelitian, aplikasi berbasis web, laporan output. Objek penelitian, aplikasi berbasis web, laporan output.
3 5 2014 Analisis dan Perancangan Sistem Informasi Penggajian Karyawan pada Firma Hukum Nurhadi Susmartono dan Rekan di Yogyakarta Angga Nugraha Sistem informasi penggajian berbasis desktop pada firma hukum Nurhadi Susmartono dan rekan di YK Objek penelitian, aplikasi berbasis web, laporan output, bahasa pemrograman 2.2 Dasar Teori 2.2.1 Sistem Informasi Penggajian Sistem Informasi Penggajian merupakan bagian dari Sistem informasi Sumber Daya manusia yang merupakan sub sistem dari Sistem Informasi Manajemen (SIM). SISDM bertujuan untuk menyediakan fasilitas perekaman, mengolah dan menangani database kepegawaian dan proses penggajian pegawai secara otomatis sehingga dapat memberikan informasi dalam bentuk laporan daftar dan rekapitulasi yang dibutuhkan oleh pihak manajerial secara cepat, akurat dan selalu mutakhir mengenai kondisi kepegawaian penggajiannya. Apabila sistem pengolahan data penggajian tidak disertai dengan pengendalian yang baik maka akan terbuka peluang-peluang yang dapat merugikan perusahaan, seperti kolusi para karyawan yang saling menitipkan kartu absensi untuk menghindari keterlambatan, pembayaran gaji kepada karyawan yang fiktif, dan lain sebagainya. Suatu sistem informasi penggajian yang baik adalah jika didalamnya terdapat unsur-unsur sistem informasi penggajian seperti adanya tujuan, masukan, keluaran, penyimpanan data, pengolahan, instruksi dan prosedur, pengguna, pengendalian dan pengukuran keamanan, sehingga dapat menunjang keefektifan pengendalian internal penggajian yaitu :
4 1. Lingkungan pengendalian, 2. Penetapan resiko, 3. Aktivitas pengendalian, 4. Informasi dan komunikasi, 5. Pemantauan. 2.2.2 Konteks Diagram Merupakan tingkatan tertinggi dalam diagram aliran data dan hanya memuat satu proses, menunjukkan sistem secara keseluruhan. Context Diagram dimulai dengan penggambaran terminator, aliran data, aliran kontrol penyimpanan, dan proses tunggal yang menunjukkan keseluruhan sistem. Bagian termudah adalah menetapkan proses (yang hanya terdiri dari satu lingkaran) dan diberi nama yang mewakili sistem. Nama dalam hal ini dapat menjelaskan proses atau pekerjaan atau dalam kasus ekstrim berupa nama perusahaan yang dalam hal ini mewakili proses yang dilakukan keseluruhan organisasi. Terminator ditunjukkan dalam bentuk persegi panjang dan berkomunikasi langsung dengan sistem melalui aliran data atau penyimpanan eksternal Antar terminator tidak diperbolehkan komunikasi langsung. Pada kenyataannya hubungan antar terminator dilakukan, tetapi secara definitif karena terminator adalah bagian dari lingkungan, maka tidak relevan jika dibahas dalam konteks diagram.
5 Gambar 2.1 Simbol Konteks Diagram 2.3 Dasar Teori Pembuatan Web 2.3.1 Definisi dan Sejarah Internet Secara harfiah, internet (kependekan dari internetwork) adalah rangkaian terhubung kebeberapa jaringan lain. Atau dengan kalimat lain internet adalah sebuah sistem komunikasi global yang menghubungkan komputer ke jaringan komputer di seluruh dunia. Pada awalnya Internet merupakan jaringan komputer yang dibentuk oleh Departemen Pertahanan Amerika diawal tahun enam puluhan, melalui proyek ARPA (Advanced Research Project Agency) yang disebut ARPANET. Mereka mendemonstrasikan cara hardware dan software berbasis UNIX melakukan komunikasi dalam jarak jauh yang tak terhingga melalui saluran telepon. Pada 01 januari 1893, ARPANET menukar protocol rangkaian pusatnya, NCP ke TCP/IP. Dan ini merupakan awal dari internet yang kita kenal sekarang ini. jadi proyek ARPANET merancang bentuk jaringan, kehandalan, besar informasi yang dapat dipindahkan, dan akhirnya menjadi dasar dalam pengembangan
6 protokol baru yang sekarang dikenal sebagai TCP/IP (Transmission Control Protocol/Internet Protocol). 2.3.2 Jenis Layanan Internet 1. WWW Suatu sistem terdistribusi yang menghubungkan hal-hal dalam berbagai format meliputi text, gambar, suara dan informasi lain. 2. File Transfer Mengizinkan orang untuk memperoleh/mengirim file dari atau ke server. 3. E-mail E-mail memungkinkan untuk mengirimkan pesan pribadi atau kepentingan lainnya seperti file-file untuk satu atau beberapa orang. 4. Usenet News Groups Merupakan layanan diskusi sekelompok orang untuk menggunakan sebuah server untuk menyimpan pesan kepada banyak newsgroup yang terdaftar. 5. Online Chat Menyediakan fasilitas percakapan secara online (real-time) yang mengizinkan pengguna membaca pesan yang dikirim kepada mereka secara cepat. 6. Voice and Video Conferencing Memungkinkan dua orang atau lebih mendengar satu sama lain, membagi suatu ilmu/aplikasi. 2.3.3 Syarat Terhubung Ke Internet Untuk mengakses internet tidak cukup hanya dengan komputer saja. tetapi ada alat bantu lainnya, yaitu :
7 1) Modem, adalah perangkat hardware tambahan untuk komputer (baik jenis card / internal, maupun eksternal yang terletak di luar komputer). Pada dasarnya modem adalah alat yang memungkinkan komputer anda untuk berbicara dengan komputer lain melalui kabel telpon. Kata modem berasal dari kata modulasi demodulasi yang bisa di artikan sebagai proses perubahan denyut elektronis dari komputer menjadi suara / audio (modulasi) sehingga dapat dikirim lewat telepon. Modem penerima akan akan di proses selanjutnya oleh komputer (demodulasi). 2) Jaringan. Modem memerlukan jaringan untuk melakukan tugasnya. Proses pada saat modem terhubung dengan internet service provider membutuhkan media penghubung atau jaringan. Jaringan untuk menghubungkan modem ke ISP bisa dengan jaringan telepon, teknologi GPRS, teknologi wireless, jaringan atau jalur listrik, dan lain-lain. 3) Software, software diperlukan untuk berhubungan dengan internet. Tanpa software yang sesuai, kita tidak bisa mengakses internet. Contoh software yang di perlukan adalah microsoft internet explore dan Netscape Communicator yaitu browser untuk mengakses web yang paling baik dan terpopuler saat ini. kedua browser ini juga bisa akses sekaligus berfungsi sebagai FTP, email, dan newsgroup. 4) Internet Service Provider. Untuk bisa bergabung dengan internet, kita harus mempunyai akses dengan cara berlangganan ke penyedia jasa internet atau yang lebih sering disebut Internet Service Provider (ISP). ISP adalah
8 perusahaan yang menawarkan jasa pelayanan untuk berhubungan dengan internet. 2.3.4 Sekilas Tentang Web Tidak dapat dipungkiri, bahwa perkembangan teknologi internet telah membawa perubahan sangat besar dalam peradaban dunia. Berkat internet proses belajar, berbelanja, berkomunikasi, bekerja dan lain sebagainya dapat dilakukan dimana saja, kapan saja tanpa lagi dibatasi oleh masalah tempat, waktu dan jarak. Salah satunya aplikasi terpenting dari internet adalah website. Website merupakan kumpulan dari halaman-halaman web yang mengandung informasi. Informasi dalam halaman web dapat ditampilkan dalam bentuk teks, gambar, foto, video dan multimedia dan hampir 80% layanan di internet disediakan dalam bentuk website. 2.3.5 Pengertian Web Web adalah sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain di presentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang disebutkan browser. Dengan media internet seseorang dapt menciptakan puluhan bahkan ratusan aplikasi yang berjalan dibawah web (under web). Tehnik pembuatan website pun dapat dilakukan dengan beraneka macam bahasa pemrograman maupun non-pemrograman. World Wide Web adalah suatu sistem terdistribusi yang menghubungkan hal-hal dalam berbagai format meliputi text, gambar, suara dan informasi lain. World Wide Web mampu menampilkan informasi secara grafis dan interaktif. Yang tersusun dari rangkaian hubungan dari satu sumber (dokumen, alamat, web, dan
9 lain-lain) dengan sumber yang lain di internet dan diakses dengan menggunakan protokol HTTP. 2.3.6 Pemograman Web Pemograman merupakan suatu metode untuk membuat aplikasi menggunakan bahasa pemrograman. Bahasa pemograman adalah bahasa yang dimengerti oleh komputer untuk mengelolah suatu, yang berasal dari input user. Bahasa manusia akan di terjemahkan ke dalam komputer menggunakan interpreter sehingga bahasa tersebut bisa dimengerti dan dijalankan oleh komputer bahasa pemrograman berbasis web ada dua yaitu: 2.3.7 Client Side Scripting Mengenai definisi Client Side Scripting M. Rudyanto Arif (dalam Firdaus 2015) menulis : Client side scripting (CSS), merupakan jenis script yang pengolahannya dilakukan disisi client. Pengolahan disini berarti di terjemahkan/ interpreted. Yang memiliki tugas untuk menterjemahkan script jenis ini disisi client adalah web browser. Agar semua script yang masuk kategori ini dapat diterjemahkan oleh web browser maka dalam web browser terdapat sebuah komponen/ modul/ engine yang memiliki daftar pustakan (Library) yang mampu mengenali semua perintah-perintah yang terdapat pada kategori client side scripting. Berikut contoh web browser yang populer digunakan: internet explorer, mozilla firefox, opera, safari, berikut contoh client side scripting: HTML (hypertext markup linguage), java script, XML (extensible markup language), CSS (cascading style sheet). Client side scripting merupakan script yang digunakan untuk membuat halaman web statis.
10 Kelebihan Client Side Scripting membuat waktu akses menjadi lebih cepat sedangkan kelemahannya tingkat keamanannya masih sangat rendah. Prinsip kerja pengaksesan dokumen web client side adalah sebagai berikut : a. Browser meminta sebuah halaman ke suatu situs web. b. Permintaan diterima oleh web server (server yang melayani permintaan halaman web). c. Web server mengirimkan dokumen HTML yang diminta ke klien. d. Browser pada klien segera menampilkan dokumen yang diterima berdasarkan kode-kode performat yang terdapat pada HTML. 2.3.8 Server Side Scripting. Server side scripting (SSS), merupakan script yang pengolahannya di sisi server. Server yang dimaksud disni adalah sebuah komponen yang biasa disebut web server yang didalamnya terdapat daftar pustaka (library) yang mampu menterjemahkan script-script tersebut yang kemudian setelah di terjemahkan di server kemudian dikirim (ditampilkan) ke client (web browser) dalam format HTML (hypertext markup language). Mesin (engine) tersebut harus di install terlebih dahulu karena mesin-mesin tersebut memiliki karakteristik yang berbeda untuk tiap script (bahasa pemrograman) yang digunakan. Berikut contoh server side scripting: PHP (PHP pre processor). ASP (active server pages). JSP (java server pages). Server side scripting digunakan untuk membuat halaman web dinamis. Hal ini disebabkan karena server side scripting memiliki kelebihan, diantaranya: mampu berinteraksi dengan banyak perangkat lunak basis data (database), mampu mengelolah sumber daya yang terdapat di sistem operasi (multi platform), aman
11 karena scriptnya di proses di server yang tidak dapat dilihat dari sisi client (web browser). Cara kerja script pada sisi server, script akan dijalankan pada komputer server, kemudian server akan mengirimkan hasilnya pada komputer klien dan klien hanya menampilkan isinya. Kerja script pada server berbeda dengan client side, pada server side berbeda dengan client side. Pada server side terdapat beberapa keuntungan dan kerugian. Keuntungannya adalah tingkat keamanan nya tinggi, pengaksesan pada database sedangkan kerugiannya yaitu server akan menjadi berat, karena server membutuhkan lebih banyak resource server untuk mendukung script tersebut. 2.4 Perangkat Yang Digunakan. 2.4.1 Adobe Dreamweaver CS3 Adobe Dreamweaver adalah program untuk mengedit HTML secara visual dan mengelolah halaman sebuah situs. Dreamweaver menyertakan banyak perangkat yang berkaitan dengan pengkodean dan fitur seperti HTML, CSS, Javascript, PHP, ASP, Coldfusion, dan XML. 2.4.2 Notepad ++ Notepad+ adalah sebuah text editor yang sangat berguna bagi setiap orang dan khususnya bagi para developer dalam membuat program. Notepad+ mengunakan komponen Scintila untuk dapat menampilkan dan menyuntingan teks dan berkas kode sumber berbagai bahasa pemrograman yang berjalan diatas sistem operasi Microsoft Windows. Selain manfat dan kemampuanya menangani banyak bahasa pemrograman, Notepad ++ juga dilsensikan sebagai perangkat fre. Jadi,
12 setiap orang yang mengunakanya tidak perlu mengeluarkan biaya untuk membeli aplikasi ini karena sourceforge.net sebagai layanan yang memfasiltasi Notepad ++ membebaskanya untuk digunakan. 2.4.3 XAMPP XAMPP merupakan web server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL Database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP, dan Perl. Program ini tersedia dalam GNU General Public Lisence dan bebas (free), merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Bagian dari XAMPP yang biasa digunakan adalah sebagai berikut : 1. Htdocs, folder tempat meletakkan berkas-berkas yang akan dijalankan seperti berkas PHP, HTML, dan berkas lain. 2. PhpMyAdmin, bagian untuk mengelolah basis data MySQL di komputer. Kontrol Panel, berfungsi untuk mengelolah layanan (service) pada XAMPP. 2.4.4 MySQL MySQL merupakan software yang tergolong sebagai DBMS (Database Management System) yang bersifat open source. MySQL termasuk sebagai database server (server yang melayani permintaan terhadap database) yang anda, dapat menangani database yang besar dengan kecepatan tinggi, mendukung banyak sekali fungsi untuk mengakses database, dan sekaligus mudah digunakan.
13 2.4.5 Mozilla Firefox Mozilla Firefox awalnya bernama Phoenix dan kemudian untuk sesaat dikenal sebagai Mozilla Firebird merupakan penjelajah web antar platform yang dikembangkan oleh Yayasan Mozilla dan ratusan sukarelawan. Tujuan dibuatnya Firefox adalah untuk mengembangkan sebuah browser web yang kecil, cepat, sederhana, dan dapat dikembangkan. Salah satu fitur populer Firefox adalah pemblokir pop-up yang sudah terpasang didalamnya, dan sebuah mekanisme pengembangan (extention) untuk menambah fungsionalitas tambahan. Meskipun fitur-fitur ini sudah tersedia di browser-browser lainnya seperti Mozilla Suite dan Opera, Firefox merupakan browser pertama yang mendapatkan penerimaan dalam skala besar. 2.5 Bahasa Pemrograman Yang Di Gunakan. 2.5.1 PHP PHP adalah bahasa server side programming yang lebih powerfull untuk membuat halaman web menjadi dinamis dan interaktif. Syntax php mirip dengan syntax bahasa perl dan C. Tersedia empat corak model penulisan tag yang menidentifikasikan program php, diantaranya : 1. Style XML Sering disebut model standar memiliki kemiripan dengan penulisan dokumen XML (Extensible Markup Language). Dikatakan sebagai style standar, karena tidak memerlukan konfigurasi tambahan, dan penggunaannya sangat disarankan. Style ini juga tepat sekali digunakan
14 ketika anda ingin mengembangkan aplikasi web yang berinteraksi dengan XML. Contoh implemantasi dalam program sebagai berikut : 2. Style SCRIPT <? Php Script PHP?> Tag kedua dikenal dan akui dengan secara jelas adalah tag <script>, sebenarnya style merupakan alternative yang disarankan ketika anda kurang tertarik dengan style yang pertama. Cara penulisannya tidak jauh berbeda ketika anda membuat kode program java script atau Vbscript. 3. Short Style <Script language = php > Script PHP </script> Tag ini dikenal lebih praktis membuat program PHP, cukup menggunakan tag pembuka dan menutupnya dengan tag penutup. <? Script PHP?> Namun demikian, untuk menjamin bahwa kode yang dibuat akan dianggap sebagai kode PHP. Pastikan bahwa konfigurasi tag sudah diatur. Pada file PHP ini cari baris bernama short_open_tag dan berikan nilai on atau true. Meskipun praktis digunakan, PHP menyerankan agar anda menghindari penggunaan short style ketika mengembangkan aplikasi atau library yang dimaksudkan untuk mendistribusikan ulang. Alasannya adalah adanya kemungkinan server yang tidak mendukung style ini. dan untuk menjaga portabilitas.
15 2.5.2 CSS CSS adalah singkatan dari Cascading Style Sheet. CSS merupakan sebuah metode yang digunakan untuk mempersingkat penulisan elemen atau tag HTML, misalnya pemformatan font, color, text, dan semua elemen HTML. Dengan adanya CSS, skrip menjadi lebih ringkas dan tidak ada pengulangan penulisan atribut pada setiap halaman web. 2.5.3 Javascript Javascript merupakan modifikasi dari bahasa C++ dengan pola penulisan yang lebih sederhana. Secara khusus, beberapa hal penting dalam javascript antara lain : 1. Menggunakan blok awal { dan blok akhir }. 2. Automatic convertion dalam pengoperasian tipe data yang berbeda. 3. Sensitive case, sehingga programmer java harus ekstra hati-hati dalam menggunakan nama variable, fungsi, dan lain-lain. 4. Extention umumnya menggunakan js. 5. Setiap statement dapat diakhiri dengan, sebagaimana dalam C++, tetapi dapat juga tidak. 6. Jika tidak didukung oleh browser versi lama, scriptnya di sembunyikan diantara tag <!-- dan -->. Jika program dalam satu baris terlalu panjang, dapat disambungkan ke baris berikutnya dengan karakter \.