Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySQL Pada PT.Intan Pariwara (Medan)
PADA PT.INTAN PARIWARA (MEDAN)
TUGAS AKHIR
RYAN DHIKA PRIYATNA
102406236
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
(2)
MENGUNAKAN PHP DAN MySQL
PADA PT.INTAN PARIWARA (MEDAN)
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai
gelar Ahli Madya Komputer
RYAN DHIKA PRIYATNA
102406236
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
(3)
Judul : Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySQL
Pada PT.Intan Pariwara (Medan)
Kategori : Tugas Akhir
Nama : Ryan Dhika Priyatna
Nomor induk mahasiswa : 102406236
Program studi : D3 Teknik Informatika
Departemen : Matematika
Fakultas : Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara
Disetujui di Medan , Juni 2013
Disetujui Oleh
Departeman Matematika FMIPA USU Pembimbing, Ketua,
Prof. Dr. Tulus, M.Si Drs.Ujian Sinulingga,M.Si
(4)
PERNYATAAN
PERANCANGAN SISTEM INFORMASI BERBASIS WEB MENGUNAKAN PHP DAN MYSQL
PADA PT.INTAN PARIWARA (MEDAN)
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2013
Ryan Dhika Priyatna 102406236
(5)
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, dengan limpahan karunia-Nya penulis dapat menyelesaikan penyusunan Tugas Akhir ini dengan judul Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MYSQL pada PT Intan Pariwara (Medan).
Terima kasih penulis sampaikan kepada Bapak Drs. Ujian Sinulingga, M.Si selaku pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir ini. Terima kasih kepada Bapak Dr.Sutarman,Msc.,selaku Dekan FMIPA USU, Bapak Syahriol Sitorus, S.Si., M.I.T dan Ibu Dra. Elly Rosmaini, M.Si selaku Ketua dan Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dra. Mardiningsih, M.Si selaku Ketua dan Sekretaris Departemen Matematika FMIPA USU, seluruh Staf dan Dosen FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Bapak, Ibu dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa membalasnya.
(6)
ABSTRAK
Tujuan utama dari pengembangan sistem ini adalah untuk menunjukkan bahwa ada solusi alternatif yang lebih efektif dan berguna yang dapat digunakan dalam pengelolaan data dengan menggunakan teknologi informasi. Sistem ini dibangun dengan menggunakan perangkat lunak Dreamweaver 8, Adobe Photoshop, XAMPP, CorelDraw dan internet browser Mozilla Firefox. Sistem informasi akademik ini dirancang untuk mempermudah pengolahan data dan informasi pada perusahaan PT Intan Pariwara (Medan) dan memberikan suatu sistem informasi yang terkomputerisasi sehingga lebih efisien dan akurat.
(7)
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak v
Daftar Isi vi
Daftar Gambar vii
Bab 1 Pendahuluan
1.1Latar Belakang Masalah 1
1.2Rumusan Masalah 3
1.3Tujuan Penelitian 3
1.4Kontribusi Penelitian 3
1.5Metode Penelitian 3
1.6Kajian Pustaka 4
1.7Sistematika Penulisan 6
Bab 2 Landasan Teori
2.1Pengertian Data, Informasi dan Sistem Informasi 8
2.1.1 Data 8
2.1.2 Informasi 9
2.1.3 Sistem Informasi 9
2.1.3.1Konsep Dasar Sistem 9 2.1.3.2Konsep Dasar Informasi 11 2.1.3.3Konsep Dasar Sistem Informasi 11
2.2Pengertian Komputer 13
2.2.1 Perangkat Keras (Hardware) 13
2.2.1.1Alat Input 13
2.2.1.2Alat Proses 13
2.2.1.3Alat Output 14
2.2.2 Perangkat Lunak (Software) 14 2.2.3 Pengguna Komputer 14
2.2.3.1Sistem Analis 14
2.2.3.2Programmer 14
2.2.3.3Computer Operator 14
2.2.3.4Data Entry Operator 15
2.3Pengertian Internet 15
2.3.1 Network 16
(8)
2.4.2 Web Server 18
2.5Sejarah PHP 18
2.5.1 Kelebihan PHP 19
2.5.2 Kelemahan PHP 20
2.5.3 Penggabungan Script PHP dan HTML 20
2.6Sejarah MYSQL 22
2.7Pengenalan Macromedia Dreamweaver 8 24
2.7.1 Membuka Program Aplikasi 25
Bab 3 Gambaran Umum Perusahaan
3.1Sejarah Singkat Perusahaan 26
3.2Struktur Organisasi 27
3.3 Deskripsi Jabatan 28
3.4 Aspek Kegiatan Perusahaan 31
Bab 4 Perancangan Sistem
4.1Analisis 33
4.2Perencanaan Perancangan Sistem 33
4.3Perancangan Data Flow Diagram (DFD) 35
4.4 Perancangan Flowchart 37
4.5 Mempersiapkan Data Base Server 45
4.6 Perancangan Halaman Website 46
4.7 Perancangan User Interface 48
Bab 5 Implementasi Sistem
5.1 Pengertian Implementasi Sistem 49
5.2 Tujuan Implementasi Sistem 49
5.3 Komponen Utama Dalam Sistem 49
5.4 Instalasi Xampp,PHP dan MySQL 50
5.4.1 Menjalankan Xampp,MySQL,dan PHP 51
5.4.2 Pengujian Website di Browser 53
5.5 Memperbarui Web 54
5.6 Demonstrasi Program 55
5.6.1 Tampilan Homepage 55
5.6.2 Tampilan Bagian Login Admin 55
5.6.3 Tampilan Halaman Admin 56
5.6.4 Tampilan Halaman Galeri Buku 56
5.6.5 Tampilan Halaman News 57
5.6.6 Tampilan Halaman About Us 57
(9)
6.2 Saran 60 Daftar pustaka
(10)
Gambar 2.1 Lima Komponen Sistem Informasi 12 Gambar 2.2 Tampilan Start page Macromedia Dreamweaver 8 25 Gambar 3.1 Struktur Organisasi PT Intan Pariwara 27
Gambar 4.1 Diagram Konteks 35
Gambar 4.2 Diagram Konteks Level 0 (Nol) 36
Gambar 4.3 Aliran Informasi Rancangan Situs 38
Gambar 4.4 Flowchart Halaman Utama 39
Gambar 4.5 Flowchart Halaman Login Administrator 40
Gambar 4.6 Flowchart Buku 41
Gambar 4.7 Flowchart Categori 42
Gambar 4.8 Flowchart Contact 43
Gambar 4.9 Flowchart Berita 44
Gambar 4.10 Tampilan Macromedia Dreamweaver 8 47
Gambar 4.11 Header Situs 48
Gambar 5.1 Uji Xampp 51
Gambar 5.2 Uji PHP 52
Gambar 5.5 Uji MySQL 52
Gambar 5.4 Halaman Index Website PT Intan Pariwara 53
Gambar 5.5 Tampilan Home Page 55
Gambar 5.6 Tampilan Bagian Login Admin 55
Gambar 5.7 Tampilan Halaman Admin 56
Gambar 5.8 Halaman Galeri Buku 56
Gambar 5.9 Halaman News 57
Gambar 5.10 Halaman About Us 57
(11)
Lampiran 1 : Listing Program
Lampiran 2 : Surat Pengumpulan Data Riset Mahasiswa Lampiran 3 : Surat Balasan Riset Pengumpulan Data Lampiran 4 : Kartu Bimbingan Mahasiswa
(12)
ABSTRAK
Tujuan utama dari pengembangan sistem ini adalah untuk menunjukkan bahwa ada solusi alternatif yang lebih efektif dan berguna yang dapat digunakan dalam pengelolaan data dengan menggunakan teknologi informasi. Sistem ini dibangun dengan menggunakan perangkat lunak Dreamweaver 8, Adobe Photoshop, XAMPP, CorelDraw dan internet browser Mozilla Firefox. Sistem informasi akademik ini dirancang untuk mempermudah pengolahan data dan informasi pada perusahaan PT Intan Pariwara (Medan) dan memberikan suatu sistem informasi yang terkomputerisasi sehingga lebih efisien dan akurat.
(13)
PENDAHULUAN 1.1 Latar Belakang Masalah
Pada masa sekarang ini, perkembangan dan pengaruh teknologi informasi di Indonesia sudah tidak dapat dihindari lagi. Kebutuhan yang mendesak dan semakin berharganya waktu, semakin membuat semua orang harus bekerja ekstra cepat dengan mengharapkan hasil semaksimal mungkin. Dunia internet makin lama makin berkembang dengan pesat seiring dengan kemajuan zaman. Ini terlihat dari banyaknya tempat yang menyediakan sarana atau fasilitas internet untuk memperoleh informasi. Dan itu bukan hanya dapat dinikmati oleh kalangan atas saja, melainkan semua lapisan dapat menikmatinya dengan biaya yang lebih ringan.
Berbicara tentang teknologi informasi dan komunikasi, komputer merupakan suatu media elektronik yang memegang peranan yang sangat penting dalam perkembangan yang terjadi saat ini. Komputer bukan lagi barang mewah atau sesuatu yang langka untuk dimiliki oleh seseorang, tetapi sudah menjadi suatu keperluan bahkan kebutuhan yang sangat bersifat umum, terutama bagi perusahaan dan badan instansi baik milik pemerintah atau swasta, maupun perorangan. Sehingga segala sesuatu yang dikerjakan dapat dikoordinir secara terkomputerisasi yang sifatnya jauh dari kesalahan.
Begitu halnya dengan PT. Intan Pariwara Sistem pengolahan dan penyampaian data yang lebih baik merupakan suatu kebutuhan yang tidak dapat ditunda lagi. Akan tetapi, pada kenyataannya segala kegiatan yang menyangkut
(14)
dalam mengumpulkan berbagai data tentang zaman sejarah maupun prasejarah dahulu.
Dari permasalahan tersebut, penulis ingin membuat solusi yang mudah-mudahan dapat membantu kinerja semua pihak. Penulis dalam hal ini memilih PT.Intan Pariwara dalam melakukan risetnya, karena perusahaan menampakkan perkembangan yang lebih baik dalam berbagai bidang yang dijalaninya, terutama dalam teknologi informasi dan komunikasi.
Untuk memenuhi segala kebutuhan di atas, diperlukan adanya suatu aplikasi yang berbasis sistem informasi. Dalam hal ini, penulis menggunakan bahasa pemrograman PHP, MySQL sebagai pengolah database dan web server Apache serta aplikasi pendukung lainnya, seperti Macromedia Dreamweaver 8, Macromedia Flash 8, Adobe Photoshop dan Corel Draw 12 untuk mendesain tampilan web.
Dengan uraian masalah tersebut, penulis berkeinginan membantu perusahaan tersebut untuk mengubah sistem penyampaian informasi yang telah ada sebelumnya, sehingga mempermudah semua pihak yang membutuhkan segala informasi yang ada di PT. Intan Pariwara . Atas dasar inilah, penulis tertarik mengangkat judul “Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySQL Pada PT. Intan Pariwara ( Medan)”.
Semoga dengan diselesaikannya sistem informasi dengan judul di atas, nantinya bermanfaat untuk memberikan informasi dengan cepat serta lebih efisien
(15)
1.2 Rumusan Masalah
Berdasarkan uraian di atas, maka yang menjadi masalah adalah bagaimanakah PT.Intan Pariwara dapat memberikan suatu sistem informasi yg terkomputerisasi sehingga lebih efisien dan lebih akurat dan memberikan kemudahan dalam pengolahan data administrasi.
1.3 Tujuan Penelitian
Adapun tujuan dari pembuatan tugas akhir ini antara lain adalah :
1. Memberikan suatu sistem informasi yang terkomputerisasi sehingga lebih efisien dan lebih akurat.
2. Memberikan kemudahan kepada user dalam pengolahan data administrasi. 3. Mampu membuka wawasan para pengguna internet untuk dapat
memanfaatkan sumber daya komputer yang ada.
1.4 Kontribusi Penelitian
Kontribusi yang diambil yaitu dirancang untuk membentuk suatu Web dinamis yang artinya halaman akan ditampilkan saat halaman itu diminta oleh pengguna. Maka diharapkan dapat menjadi nilai tambah dan bermanfaat bagi instansi yang bergerak di bidang pendidikan.
(16)
permasalahan yang terjadi diatas adalah : 1. Studi Kepustakaan
Pengumpulan data-data yang erat kaitannya dengan permasalahan yang terjadi diatas dengan cara membaca buku-buku, makalah dan membaca bahan-bahan dari sumber terpercaya lainnya.
2. Studi Lapangan
Penelitian dilakukan secara langsung di PT.Intan Pariwara untuk mendapatkan data dimana penulis melakukan pengumpulan data dengan cara bertanya langsung kepada semua pihak yang terkait dalam pembuatan web tersebut.
3. Studi Literatur
Mempelajari website atau situs-situs yang berhubungan dengan penelitian penulis, seperti website sebuah perusahaan, serta mempelajari bahasa-bahasa pemrograman web dengan mengunjungi website-website yang menyediakan tutorial mengenai bahasa pemrograman yang digunakan.
1.5 Kajian Pustaka
Salah satu teknologi baru yang mulai banyak dimanfaatkan untuk perkembangan web adalah PHP. PHP atau Hypertext Preprocessor adalah bahasa
(17)
lama seperti CGI (Common Gateway Interface), yang juga bahasa pengembang web. Dengan pengembang halaman web menjadi mudah dan lebih cepat bekerja.
(Panduan Lengkap Menguasai Pemrograman Web dengan PHP 5, 2006)
PHP adalah bahasa pemrograman yang berjalan pada sebuah web server, atau sering disebut server-side. Oleh karena itu PHP dapat melakukan apa saja yang dapat dilakukan oleh program lain, yaitu mengolah data dengan tipe apapun, menciptakan halaman web yang dinamis, serta menerim dan menciptakan data cookies. Namun PHP mempunyai kemampuan lebih dari itu. PHP dapat berjalan pada semua jenis sistem operasi, antara lain Linux, Unix, Microsoft Windows, Mac OS, dan masih banyak lagi. Selain itu PHP juga dapat berjalan pada beberapa jenis webserver antara lain Apache, Netscape, Xitami, Microsoft Internet Information Services, dan sebagainya.
(Rafiza H, Panduan dan Referensi Kamus Fungsi PHP 5, 2006)
PHP, sebagai bahasa pemrograman berbasis web, mempunyai lebih banyak kelebihan dibanding bahasa sejenis lainnya. Selain gratis, PHP juga mempunyai fungsi-fungsi yang cukup lengkap, multiplatform serta mampu berinteraksi dengan berbagai macam database. Pada PHP, banyak komponen atau fungsi yang dapat digunakan untuk berbagai macam kebutuhan. Tidak hanya FTP, fungsi mengakses e-mail dapat pula digunakan dengan gratis. Keunggulan PHP yang lain adalah dukungan terhadap berbagai jenis webserver. Hampir semua webserver didukung
(18)
(M.Syafii, Panduan Membuat Aplikasi Database dengan PHP 5, 2005)
Untuk membangun sebuah web page dibutuhkan sebuah bahasa pemrograman yang lebih dikenal dengan sebutan web scripting. Web scripting yang bersifat client side akan menghasilkan web page yang statis, artinya lebih menekankan pada desain format tampilan informasi. HTML (Hypertext Markup Language) adalah bahasa untuk web scripting bersifat dclient side yang memungkinkan untuk menampilkan informasi dalam bentuk teks, grafik, serta multimedia dan juga untuk menghubungkan antar tampilan web page(hyperlink).
(Bernard Renaldy S, Agus Prijono, Rusdy Agustaf, Mudah dan Cepat Menguasai Pemrograman WEB, 2005)
1.6 Sistematika Penulisan
Adapun sistematika penulisan Tugas Akhir adalah sebagai berikut :
Untuk mempermudah penulisan tugas akhir ini, penulis membuat suatu sistematika penulisan yang terdiri dari:
BAB 1 PENDAHULUAN
Bab ini merupakan berisikan latar belakang masalah, maksud dan tujuan, serta metode penelitian.
(19)
sebagai databasenya.
BAB 3 SEKILAS MENGENAI PT. Intan Pariwara
Pada bab ini dijelaskan mengenai profil PT. Intan Pariwara , struktur organisasi perusahaan, serta uraian tugas.
BAB 4 PERANCANGAN SISTEM
Didalam bab ini dijelaskan dan diuraikan tentang pembuatan serta perancangan sistem.
BAB 5 IMPLEMENTASI SISTEM
Bab ini menguraikan tentang definisi, tujuan, dan langkah-langkah dalam implementasi sistem juga disertai dengan komponen-komponen kebutuhan sistem.
BAB 6 KESIMPULAN DAN SARAN
Sebagai bab terakhir penulis akan menguraikan beberapa kesimpulan dari uraian bab-bab sebelumnya. Dan akan akan memberikan saran-saran yang ada manfaatnya.
(20)
2.1 Konsep Dasar Data, Informasi dan Sistem Informasi 2.1.1 Data
Data sering disebut sebagai bahan mentah informasi. Tapi menurut Murdick, dkk (1984) merumuskan bahwa data adalah fakta yang tidak sedang digunakan pada proses keputusan, biasanya dicatat dan diarsipkan tanpa maksud untuk segera diambil kembali untuk pengambilan keputusan. Menurut Zulkifli Amsyah (1987) data adalah fakta yang sudah ditulis dalam bentuk catatan atau direkam ke dalam berbagai bentuk media. (Gultom et al, 2005).
Adapun definisi dari kata data adalah suatu istilah majemuk dari datum yang berarti fakta atau bagian dari kata yang mengandung arti, yang berhubungan dengan kenyataan, simbol-simbol, gambar-gambar, kata-kata angka-angka, huruf-huruf atau simbol-simbol yang menunjukkan ide, objek, kondisi atau situasi. Jelasnya data itu dapat berupa apa saja dan dapat ditemui dimana saja. Kegunaan data adalah sebagai bahan dasar yang objektif dalam proses penyusunan kebijakan dan keputusan. Dalam kaitannya dengan pengolahan data dengan computer, pengertian data dapat dibatasi pada fakta-fakta yang dapat direkam. Dalam setiap pengolahan data, data merupakan sumber informasi yang dapat dihasilkan.
(21)
2.1.2 Informasi
Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi penerimanya. (Jogiyanto, 2001). Menurut George R. Terry, bahwa informasi adalah data yang penting yang memberikan pengetahuan yang berguna. Sedangkan menurut Gordon B. Davis, informasi adalah data yang telah diolah menjadi sebuah bentuk yang penting bagi penerima dan mempunyai nilai yang nyata atau yang dapat dirasakan dalam keputusan-keputusan yang sekarang atau yang akan dating. Informasi akan memiliki arti manakala informasi tersebut memiliki unsur-unsur sebagai berikut:
1. Relevan artinya Informasi yang diinginkan benar-benar ada relevansi dengan masalah yang dihadapi.
2. Kejelasan artinya terbebas dari istilah-istilah yang membingungkan.
3. Akurasi artinya bahwa informasi yang hendak disajikan harus secara teliti dan lengkap.
4. Tepat waktu artinya data yang disajikan adalah data terbaru dan mutahir.
2.1.3 Sistem Informasi 2.1.3.1 Konsep Dasar Sistem
Sistem berasal dari bahasa Yunani yaitu “systeme” yang mempunyai pengertian : 1. Suatu keseluruhan yang tersusun dari sekian banyak bagian.
2. Hubungan yang berlangsung diantara satuan-satuan atau komponen-komponen secara teratur.
(22)
Perkataan sistem dalam bahasa Indonesia adalah cara, metode atau teknik. Pengertian sistem yang lain adalah suatu kesatuan yang terdiri dari unit-unit kesatuan yang saling bekerjasama dan saling ketergantungan untuk mencapai tujuan usaha tertentu. Ciri-ciri atau sifat-sifat sistem adalah :
1. Terdiri dari komponen-komponen yang saling berinteraksi. 2. Mempunyai lingkungan luar.
3. Mempunyai interface (jalinan).
4. Terdiri dari masukan, pengolahan dan keluaran.
Komponen-komponen sistem atau elemen-elemen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem. Batasan sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Lingkungan luar dari sistem adalah apapun diluar dari batas sistem yang mempengaruhi operasi sistem. Penghubung merupakan media penghubung antara suatu subsistem yang lainnya. Keluaran dari suatu subsistem akan menjadi masukan untuk subsistem yang lainnya dengan melalui penghubung.
Masukan adalah energi yang dimasukkan ke dalam sistem dapat berupa masukan perawatan dan masukan sinyal. Masukan perawatan dimaksudkan supaya sistem dapat beroperasi sedangkan sinyal untuk mendapatkan keluaran. Keluaran adalah hasil dari energi yang diperoleh dan diklasifikasikan menjadi keluaran yang berguna dan sisi pembuangan. Suatu sistem dapat mempunyai suatu bagian pengolahan yang akan merubah masukan menjadi keluaran. Suatu sistem pasti
(23)
operasi sistem tidak akan ada gunanya. Sasaran sari sistem sangat menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang dihasilkan sistem. (Jogiyanto, 2001)
Dari uraian di atas dapatlah disimpulkan bahwa sistem adalah bagian-bagian yang saling berkaitan yang beroperasi bersama-sama untuk mencapai beberapa sasaran dan tujuan.
2.1.3.2 Konsep Dasar informasi
Informasi dalam sebuah organisasi sangat penting peranannya. Suatu sistem yang kurang mendapatkan informasi akan menjadi lemah dan akhirnya berakhir. Informasi itu sendiri dapat didefinisikan sebagai berikut :
Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya
Sumber dari informasi adalah data. Data merupakan bentuk jamak dari bentuk tunggal data atau data item. Data adalah kenyataan yang menggambarkan sesuatu yang terjadi pada saat tertentu.
2.1.3.3 Konsep Dasar Sistem Informasi
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manejerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan. (Jogiyanto, 2001). Menurut Simkin Mark G dalam bukunya yang berjudul “computer information system for business”. Sistem informasi adalah sekumpulan elemen yang bekerja secara bersama-sama baik
(24)
secara manual ataupun berbasis komputer dalam melaksanakan pengolahan data yang berupa pengumpulan, penyimpanan, pemprosesan data untuk menghasilkan informasi yang bermakna dan berguna bagi proses pengambilan keputusan.
Menurut Burch dan Strater dalam bukunya “informasi system : theory and practice”. Sistem informasi adalah suatu kumpulan fungsi-fungsi yang bergabung secara formal dan sistematis yaitu:
1. Melaksanakan pengolahan data transaksi operasional.
2. Menghasilkan informasi untuk mendukung manajemen dalam melaksanakan aktifitas perencanaan, pengendalian dan pengambilan keputusan.
3. Menghasilkan berbagai laporan bagi kepentingan eksternal organisasi. Komponen dari sistem informasi dapat dilihat pada gambar berikut ini :
Gambar 2.1. Lima Komponen Sistem Informasi
Dari definisi diatas terlihat bahwa sistem informasi merupakan satu kesatuan unsur (manusia dan peralatan) yang bekerjasama secara untuk melaksanakan pengolahan informasi dari mulai mengumpulkan, pengolahan, penyimpanan sampai pendistribusiannya.
Hardware System
Software
Data
(25)
2.2 Pengertian Komputer
Komputer barasal dari bahasa yunani “compute” yang kemudian diartikan ke dalam bahasa inggris yaitu “to compute” yang berarti hitung, sehingga komputer dapat diartikan sebagai alat hitung atua mesin hitung.
Bila dijabarkan, definisi dari komputer itu sendiri adalah seperangkat peralatan elektronik yang berkerja bersama-sama secara otomatis, menerima input, memproses data dan menghasilkan output secara logis, cepat dan tepat berdasarkan perintah-perintah tertentu dan komputer itu sendiri adalah bagian dari sistem komputerisasi.
Sistem komputerisasi adalah suatusistem yang berdiri atas komputer dan seluruh komponen-komponen yang menunjang terlaksananya proses pengelolahan data dan menjadikan komputer sebagai alat yang berguna.Sistem komputer memiliki beberapa komponen yaitu :
a. Perangkat keras (hardware)
Perangkat keras merupakan perangkat yang secara fisik dapat dilihat dan diraba, yang membentuk suatu kesatuan dapat difungsikan. Berdasarkan kegungaannya, perangkat keras komputer digolongkan ke dalam tiga bagian utama, yaitu :
1. Alat Input
Alat input adalah alat untuk memasukan program maupun data yang akan diperoses oleh komputer, seperti keyboard, mause, scanner
2. Alat proses
Alat peroses atau CPU (Central Processing Unit), merupakan alat atau unit terpanting didalam sistem komputer. Tugas utamanya adalah mengontrol keseluruhan sistem komputer selama pengelolahan data berlangsung, seperti metherboard dan processor.
(26)
3 .Alat Ouput
Alat output adalah alat untuk menampilkan hasil pengelolahan data yang dilakukan oleh CPU, misalnya monitor dan printer.
b. Perangkat Lunak (software)
Perangkat lunak adalah komponen komputer yang merupakan kumpulan program dan prosedur yang memungkinkan komputer perangkat keras komputer dapat menjalankan fungsinya sebagai alat pengolahan data, komponen ini tidak nyata secara fisik. Perangkat lunak berfungsi sebagai perantara bagi komputer dan pengguna komputer (user), sehingga komputer dapat digunakan.
c. Pengguna Komputer
Pengguna komputer adalah manusia yang menangani suatu sistem komputer atau orang yang mampu mengoperasikan komputer. Brainware dapat dikelompokkan dalam beberapa bagian, yaitu :
1 .Sistem analis
Orang yang bertugas membentuk dan merancang fasilitas suatu sistem komputer yang akan dibangun.
2. Programmer
Orang yang bertugas menterjemahkan spesifikasi yang telah dirancang oleh sistem analis ke dalam suatu bahasa pemograman tertentu.
3. Computer Operator
(27)
4. Data Entry Operator
Orang yang bertugas melakukan pengurusan terhadap data yang akan diolah, mulai dari pengumpulan data, perekaman data ke dalam media-media penyimpanan hingga pemeriksaan dan pengiriman informasi yang menghasilkan oleh komputer.
2.3 Pengertian Internet
Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber daya informasi tersebut sangat luas dan sangat besar sehingga tidak ada satu orang, satu organisasi, atau satu negara yang dapat menanganinya sendiri. Kenyataannya , tidak ada satu prang yang mampu memahami seluruh seluk beluk internet.
Asal-usul internet berasal dari jaringan komputer yang dibentuk pada tahun 1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan komputer yang dibentuk oleh departemen pertahanan Amerika Serikat. Selanjutnya, jaringan komputer tersebut diperbaharui dan dikembangkan, dan sekarang penerusnya menjadi tulang punggung global untuk sumber daya informasi yang disebut dengan internet.
Daya guna internet itu terletak pada informasi itu sendiri, bukan pada jaringan komputer. Informasi itu ada karena beberapa orang atau beberapa kelompok memberikan waktu, usaha, dan karya mereka. Mereka mempunyai ide, menyusunnya, menciptakan sesuatu yang berguna dan membuatnya tersedia buat pemakai intenet di seluruh dunia.
(28)
2.3.1 Network
Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah atau lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi membentuk satu sistem. Dengan network, komputer yang satu dapat menggunakan data di komputer lain, dapat mencetak laporan di printer komputer lain, dapat memberi berita ke komputer lain walaupun berlainan area. Network merupakan cara yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus informasi dari satu area ke area lainnya.
2.3.2 Sekilas Mengenai Web
World Wide Web (WWW) atau biasa disebut dengan Web, merupakan salah satu sumber daya internet yang berkembang pesat. Informasi Web diistribusikan malalui pendekatan hypertext, yang memungkinkan suatu teks pendek menjadi acuan untuk membuka dokumen yang lain. Dengan pendekatan hypertext ini seseorang dapat memperoleh informasi dengan meloncat dari suatu dokumen ke dokumen yang lain. Dokumen-dokimen yang diaksespun dapat tersebar diberbagai mesin dan bahkan di berbagai Negara.
Bagai jejaring laba-laba, jejaring Web telah membentang ke seluruh penjuru dunia. Tidak hanya terbatas pada lembaga-lembaga penelitian yang ingin mempublikasikan hasil riset, Web juga banyak digunakan oleh perusahaan bisnis yang ingin mengiklankan produk atau untuk melakukan transaksi bisnisnya.
(29)
2.4 Sejarah Web
Sejarah Web dimulai pada tahun 1989 ketika tim Berner-Lee yang berkerja di laboraturium Fisika Partikel Eropa atau yang dikenal dengan nama CERN (Consei European pour la Recherce Nuclaire) yang berada di genewa, swiss, mengajukan protocol (suatu tatacara untuk berkomunikasi) sistem distribusi informasi internet yang digunakan untuk berbagai informasi diantara para fisikawan. Protocol inilah yang selanjutnya dikenal sebagai Protocol World Wide Web dan dikembangkan oleh World Wide Web Consortium (W3C).
2.4.1 Aplikasi Web
Pada awalnya aplikasi Web dibangun hanya dengan menggunakan bahasa yang disebut HTML (HyperText Markup Language) dan protocol yang digunakan dinamakan HTTP (HyperText Transfer Protocol). Pada perkembangan berikut, sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML, antara lain yaitu PHP.
Aplikasi Web sendiri dapat dibagi menjadi dua bagian, yaitu : a. Web statis
b. Web dinamis
Web statis dibentuk dengan menggunakan HTML saja. Kekurangan aplikasi seperti ini terletak pada keharusan untuk memelihara program secara terus-menerus untuk mengikuti setiap perubahan yang terjadi. Kelemahan ini diatasi dengan model aplikasi Web dinamis.
Dengan memperluas kemampuan HTML, yakni dengan menggunakan perangkat lunak tambahan, perubahan informasi dalam halaman – halaman Web dapat ditangani melalui perubahan data, bukan melalui perubahan program. Sebagai
(30)
implementasinya, aplikasi Web dikoneksikan ke basis data. Dengan demikian perubahan informasi dapat dilakukan oleh operator atau yang bertanggung jawab terhadap kemutakhiran data, dan tidak menjadi tanggung jawab pemograman atau webmaster.
2.4.2 Web Server
Web Server adalah server yang melayani permintaan client terhadap halaman web. Middleware adalah perangkat lunak yang bekerja sama dengan web server dan berfungsi menterjemahkan kode – kode tertentu, menjalankan kode – kode tersebut dan memungkinkan berinteraksi dengan basis data. Web browser adalah perangkat lunak di sisi client yang digunakan untuk mengakses informasi web. Contoh Internet Explorer, Netscape, dan Mozilla.
2.5 Sejarah PHP
PHP adalah singkatan dari PHP Hypertext Preprocessor yang merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya akan dikirim ke client, tempat pemakai menggunakan browser. Berbeda dengan Javascript, yang mana skrip diproses client.
PHP pertama kali dibuat pada musim gugur tahun 1994 oleh Ramus Lerdoff. Ini bermula saat Ramus Lerdoff membuat sejumlah skrip perl yang dapat mengamati siapa saja yang melihat – lihat daftar riwayat hidupnya . Skrip – skrip ini selanjutnya dikemas menjadi tool yang disebut “ Personal Home Page”. Paket inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Ramus menciptakan PHP/FI (Personal Home Page/Form Interpreter) versi 2.0. Sejak itulah PHP bersifat open source.
(31)
Pada bulan November 1997, PHP/FI versi 2.0 berhasil dirilis. Pada rilis ini interpreter sudah diimplementasikan dalam bahasa C. Masih pada tahun yang sama sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Pada bulan Juni 1998 Zend kembali merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0. Kemudian pada pertengahan tahun 1999, Zend merilis kembali interpreter PHP baru dengan nama PHP 4.0. PHP 4.0 merupakan versi PHP yang paling populer di kalangan programmer website. Alasan yang menjadikan versi 4.0 ini begitu diminati adalah kemampuannnya untuk membangun aplikasi website yang kompleks, namun tetap stabil dalam kecepatan proses dan stabilitas yang tinggi.
Mulai pada bulan Juni 2004, PHP 5.0 kembali dirilis oleh Zend. Versi ini adalah versi mutakhir dari PHP. Pada versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahasa pemrograman ke arah pemograman berorientasi objek.
Berdasarkan survey Netcraft pada bulan Desember 1999,lebih dari sejuta site menggunakan PHP, diantaranya : Mitsubishi, RedHAt, NASA, MP3-Lycos dan sebagainya. Pada awal bulan Januari 2001, PHP telah dipakai oleh 5 juta domain di seluruh dunia.
2.5.1 Kelebihan PHP
Diantara maraknya pemrograman server web saat ini adalah ASP yang berkembang menjadi ASP.NET, JSP, CFML, dan PHP. Jika dibandingkan diantara 3 terbesar pemrograman web server diatas, terdapat kelebihan dari PHP yaitu:
(32)
1. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. Tidak seperti halnya bahasa pemrograman aplikasi seperti Visual Basic dan sebagaimya.
2. PHP dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS atau PWS juga pada Apache yang bersifat open source.
3. Karena sifatnya yang open source, maka perubahan dan perkembangan interpreter pada PHP lebih cepat dan mudah, karena banyak milis – milis dan developer yang siap membantu pengembangannya.
4. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang sangat mudah dipahami.
5. PHP dapat berjalan pada 3 operating sisstem, yaitu: Linux, Unix dan Windows serta dapat juga dijalankan secara runtime pada suatu console.
2.5.2 Kelemahan PHP
Seperti pemrograman aplikasi atau web lainnya, PHP pun memiliki beberapa kelemahan, diantaranya:
1. Tidak ideal untuk pengembangan skala besar.
2. Tidak memiliki sistem pemrograman berorientasi objek yang sesungguhnya (sampai versi 4 saja). Namun pada versi PHP 5.0 sudah dilengkapi OOP yang sesungguhnya.
2.5.3 Penggabungan Script PHP dan HTML
Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya (<?) kemudian ditutup dengan
(33)
tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe penggabungan antara PHP dan HTML yaitu:
1. Embedded Script
Yakni penulisan tag PHP di sela – sela tag HTML. Dengan cara ini, penulisan tag PHP digunakan untuk mengapit bagian – bagian tertentu dalam dokumen yang memerlukan script PHP untuk proses di dalam server. Embedded Script menempatkan PHP sebagai bagian dari script HTML.
Contoh penulisan Embedded Script dapat dilihat di bawah ini:
<html>
<head>
<title>coba</title>
<head>
<body>
<? echo ” Hellow” ?>
</body>
</html>
2. Non Embedded Script
Yakni cara penulisan tag PHP di bagian paling awal dan paling akhir dokumen. Dengan cara ini, penulisan tag php digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan script HTML sebagai bagian dari script PHP.
Contoh Penulisan Non Embedded Script dapat dilihat dibawah ini:
<?
(34)
echo’<head>’;
echo’<title>coba</title>’;
echo’< /head > <body>’;
echo’Hellow’;
echo’</body>’;
echo’</html>’;
?>
2.6 Sejarah MySQL
MySQL dikembangkan oleh sebuah perusahaan Swedia yang pada saat itu bernama TcX Data Konsult AB, dan pada akhirnya berubah nama menjadi MySQL AB. Sekitar tahun 1994-1995, TcX membuat database MySQL untuk mengembangkan aplikasi web bagi klien-nya. TcX merupakan perusahaan pengembang software dan konsultan database.
Michael Widenius atau disebut ” Monty ” adalah pengembangan satu-satunya di TcX. Dengan berlandasan pada aplikasi UNIREG dan ISAM yang dibuat sendiri, dia memutuskan untuk mencari antarmuka SQL yang sangat tepat untuk ditempelkan di atasnya. Awalnya dia menggunakan mSQL singkatan mini SQL ( Stucture Query Language ). Dia beranggapan bahwa mSQL merupakan satu-satunya kode database open source yang tersedia dan cukup sederhana saat itu. Namun setelah dia melakukan uji coba, ternyata mSQL tidak cukup cepat dan fleksibel. Dan pada versi pertama mSQL tidak memiliki indeks. Setelah itu, dia menghubungi David Hughes sebagai pembuat mSQL, namun karena David tengah sibuk dalam mengembangkan versi 2 mSQL, maka dia (Monty) memutuskan untuk membuat sendiri mesin SQL yang antarmuka mirip dengan SQL, namun memiliki kemampuan yang lebih sesuai
(35)
Pada bulan Mei 1996, versi 1.0 berhasil dirilis secara terbatas hanya untuk empat orang saja. Namun di bulan Oktober pada tahun yang sama versi 3.11.0 dilepas ke publik. Namun mula – mula kode ini tidak diberikan di bawah lisensi GPL (General Public License), melainkan lisensi khusus yang intinya kurang lebih seperti ini :
”Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai tanpa biaya tetapi hanya untuk kebutuhan nonkomersial. Untuk kebutuhan komersial (misal : mengemas dan menjual MySQL atau menyertakan MySQL dalam program komersial lain), anda harus bayar lisensi”.
Pada bulan Juni 2000, Mysql AB mengumumkan bahwa sejak versi 3.23.19, MySQL adalah merupakan software database yang bebas berlisensi GPL. Artinya: ”Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai tanpa biaya untuk kebutuhan apapun. Tapi jika anda memodifikasi source code, anda juga harus melepasnya dibawah lisensi yang sama, yaitu GPL”. Kini perusahaan MySQL AB yang beranggotakan 10 programmer dan 10 karyawan lain dapat memperoleh pemasukan terutama dari jasa konsultasi seputar MySQL.
Pada versi awal, MySQL hanya berjalan di Linux dan Solaris dan juga masih banyak terdapat kelemahan walau sudah dapat digunakan untuk aplikasi web sederhana, namun belum memadai untuk aplikasi bisnis. Contoh kelemahannya itu adalah:
(36)
JOIN sederhana sudah ada, namun belum dilengkapi dengan HAVING. Tipe data TIMESTAMP dan kolom auto–update, namun tidak terdapat system– generated number (sequnce), baru diakhir tahun 1996 ditambahkan modifier kolom
AUTO_INCREMENT. Kelemahannya berikutnya, yaitu terdapat LIMIT dan
GROUP BY dan ORDER BY yang masih memiliki keterbatasan.
2.7 Pengenalan Macromedia Dreamweaver 8
Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia Dreamweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan tentu saja semakin mudah pengunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code collapse, Coding Toolbar dan Insert Flash Video. Tidak jauh beda dengan kemampuan versi sebelumnya, Macromedia Dreamweaver 8 mendukung pemrograman Client Side yang terkenal, yaitu JavaScipt dengan penggunaan yang sangat mudah. Macromedia dreamweaver 8 juga mendukung pemrograman Script Server Side, seperti Personal Home Page (PHP), Active Server Pages (ASP), ASP.NET, ColdFusion dan Java Server Pages (JSP
2.7.1 Membuka Program Aplikasi
Membuka program Macromedia Dreamweaver 8 tidak berbeda dengan membuka program Windows lainnya, yaitu Start - All Programs – Macromedia - Macromedia Dreamweaver 8. Pada awal pembukaan akan tampil Start Page atau halaman awal dari Dreamweaver 8.
(37)
(38)
BAB 3
GAMBARAN UMUM PERUSAHAAN
3.1 Sejarah Singkat Perusahaan
Perusahaan ini berdiri pada tahun 1985 dan mempunyai nama PT Intan Pariwara di Klaten. Dengan semakin berkembangnya perusahaan, maka disadari perlunya perusahaan yang resmi yang berbadan hukum, maka sejak tahun 1990 Perwakilan PT Intan Pariwara tersebut berdiri sendiri dengan nama PT Intan Pariwara Group . Dengan penanaman modal pertama sebagai berikut :
1. Bapak Suryawan Dipo 2. Bapak Yerri Sugito 3. Bapak Sudirman
Secara badan hukum PT.Intan Pariwara membentuk satu kelompok dengan penerbit lain diantaranya dengan penerbit Kendang Sari di Surabaya, Cempaka Putih di Solo, CV Pakar Raya.
Dalam bidang percetakan PT.Intan Pariwara tidak mengelolanya sendiri melainkan dikelola oleh PT Macanan Jaya Cemerlang.
(39)
Suatu organisasi disusun berdasarkan atas visi atau misi yang dapat diharapkan dapat selalu menampung perkembangan kegiatan organisasi yang bersangkutan. Maka dalam rangka mencapai tujuan PT Intan Pariwara salah satu hal yang sangat menentukan adalah terciptanya struktur organisasi PT.Intan Pariwara itu sendiri.
Adapun bagan struktur organisasi PT.Intan Pariwara adalah sebagai berikut :
STRUKTUR ORGANISASI “ PT Intan Pariwara ”
Gambar 3.1 Struktur Organisasi PT. Intan Pariwara
2.3 Deskripsi Jabatan
1. Direktur
Direktur merupakan kekuasaan tertinggi dalam perusahaan. Adapun tugas pokok direktur adalah :
a. Menetapkan Anggaran Dasar dalam perusahaan. b. Memberikan kebijaksanaan umum dalam perusahaan.
DIREKTUR
KUASA USAHA
KOORDINATO R PEMASARAN
KOORDINATOR ADMINISTRASI
KOORDINATOR GUDANG
(40)
c. Pemilihan pengangkatan, pemberhentian karyawan, Badan pemeriksa dan penasehat.
d. Rencana kerja, anggaran belanja, pengesahan neraca perusahaan, dan kebijaksanaan pengurus dalam pelaksanaan bidang organisasi dan usaha perusahaan.
2. Kuasa Usaha
Kuasa Usaha dibentuk sekaligus menjabat sebagai Wakil Direktur, serta mewakili perusahaan. Adapun tugas, kewajiban dan tanggung jawab kuasa usaha antara lain :
a. Memimpin organisasi dan usaha perusahaan.
b. Mencatat dengan segera dalam buku daftar karyawan tentang keluar masuknya karyawan.
c. Mencatat tentang mulai dan berhentinya masa jabatan anggota pengurus dalam buku daftar karyawan.
d. Memberikan pelayanan yang sama pada setiap anggota dan karyawan serta menjauhkan hal-hal yang bias menimbulkan selisih paham.
e. Mengadakan pembukuan dan administrasi yang tertib dan teratur menurut ketentuan yang berlaku bagi perusahaan.
f. Melaporkan segala sesuatu yang menyangkut tata kehidupan perusahaan dan segala laporan pemeriksaan.
g. Mengadakan hubungan kerja sama dengan pihak-pihak lain dalam rangka perluasan dan perkembangan usaha perusahaan.
(41)
i. Menandatangani surat-surat berharga.
3. Koordinator Pemasaran
Koordinator Pemasaran adalah petugas yang diberi kuasa oleh Kuasa Usaha untuk Melaksanakan kegiatan sehari – hari di bidang pemasaran. Adapun tugas koordinator pemasaran sebagai berikut :
a. Mengkoordinir penyusunan rencana kerja dan budget masing–masing bagian yang ada di bawah tanggung jawabnya.
b. Mengajukan unit rencana kerja dan budget kepada Kuasa Usaha.
c. Memimpin dan mengkoordinir para karyawan dalam melaksanakan tugas masing-masing.
d. Melaksanakan kegiatan –kegiatan usaha sesuai dengan rencana kerja dan budget yang telah ditetapkan dan disetujui oleh perusahaan.
e. Mengadakan pengawasan intern terhadap pekerjaan yang dpercayakan pada karyawan.
f. Melakukan evaluasi pelaksanaan rencana kerja dan budget serta menyerahkan hasil evaluasi kepada Kuasa Usaha untuk dipertimbangkan dan dijadikan bahan dalam pembuatan kebijaksanaan baru.
g. Melaporkan segala hal-hal yang sangat penting untuk diketahui oleh Kuasa Usaha.
h. Membuat laporan periodik untuk Kuasa Usaha secara lengkap disertai masalah-masalah yang timbul dan saran pemecahannya.
4. Koordinator Administrasi
(42)
a. Menyelenggarakan administrasi uang dan barang dengan tertib dan teratur sesuai dengan petunjuk yang diberikan oleh Direktur.
b. Dengan persetujuan Direktur dan Kuasa Usaha menandatangani surat-surat berharga Bank.
c. Dengan persetujuan Direktur mengesahkan pengeluaran-pengeluaran sejumlah uang dan barang tertentu.
d. Mengambil langkah-langkah pengamanan terhadap setiap uang dan barang yang keluar masuk untuk menghindari kerugian.
5. Koordinator Gudang
Adapun tugasnya sebagai berikut :
a. Melakukan estimasi untuk rencana pengadaan stok barang yang akan dipasarkan.
b. Bertanggung jawab atas keluar masuknya stok barang. c. Melakukan pengambilan barang-barang.
d. Melakukan pengecekan terhadap barang-barang.
e. Bagian pengepakan terhadap buku-buku yang akan dipasarkan ke daerah-daerah yang telah ditentukan.
2.4 Aspek Kegiatan Perusahaan
PT.Intan Pariwara merupakan suatu badan usaha penerbitan yang bergerak di bidang penerbitan buku pelajaran TK, SD, SMP, SMU. Dalam bidang percetakan PT.Intan Pariwara mengelolanya bersama PT Macanan Jaya Cemerlang.
(43)
Karyawan di PT.Intan Pariwara (Cabang Medan) berjumlah 12 orang yang terdiri dari :
1. Satu orang pimpinan. 2. Satu orang Kuasa Usaha.
3. Satu orang Koordinator Pemasaran, yang mengatur pemasaran tingkat :
- TK
- SD
- SMP
- SMA
4. Satu orang Koordinator Administrasi. 5. Dua orang Koordinator Gudang. 6. Sisanya adalah staf dan karyawan.
Kegiatan usaha yang dilakukan di PT.Intan Pariwara pertama-tama adalah berasal dari petugas armada keliling langsung ditampung di Koordinator Pemasaran tingkat TK, SD, SMP, dan SMU dan dilaporkan ke Kuasa Usaha, baru diserahkan ke penerimaan pesanan, pembuatan nota dan diproses hingga menjadi barang-barang yang siap dikirim ke bagian ekspedisi dan penagihan, kemudian kembali lagi ke administrasi untuk diolah dan seterusnya diterima oleh pelanggan.
Dalam melaksanakan seluruh kegiatan usaha nya PT.Intan Pariwara (Cabang Medan) masih berhubungan dengan PT Intan Pariwara di Klaten yang merupakan pusat dari pengolahan seluruh transaksi keuangan yang terjadi di setiap perwakilannya
(44)
di seluruh Indonesia oleh karena itu PT.Intan Pariwara (Cabang Medan) berkewajiban melaporkan keadaan keuangannya setiap bulan.
BAB 4
ANALISIS DAN PERANCANGAN SISTEM
4.1Analisis
Sebelum merancang sebuah aplikasi yang akan dibangun, faktor yang harus diperhatikan adalah tahap analisis. Tahap analisis merupakan tahap pemahaman dengan perangkat lunak yang akan digunakan, kebutuhan fungsional, diagram alir data, kamus alir data dan enkripsi proses. Tahap analisis bertujuan untuk mengetahui mekanisme sistem, proses–proses yang terlibat dalam sistem serta hubungan antara proses tersebut.
4.2 Perencanaan dan Perancangan Sistem
Perencanaan dan perancangan merupakan sebuah tahap awal dalam membangun sebuah situs. Membuat suatu situs memerlukan persiapan, perencanaan yang baik,
(45)
yang terbaik karena menyangkut semua elemen yang membentuk situs. Situs ini dirancang dengan menggunakan PHP sebagai bahasa pemogramannya dan MySQL sebagai databasenya, serta Dreamweaver 8 digunakan sebagai media untuk membuat layout dari situs yang telah dirancang.
Sebelum membangun situs, perlu dilakukan identifikasi awal antara lain: 1. Situs apa yang akan dibuat?
2. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut? 3. Apa saja aktivitas yang dapat pengunjung lakukan dalam situs tersebut? 4. Apa target yang ingin dicapai dari pembuatan situs tersebut?
Untuk semakin memperjelas dan mempermudah dalam membangun situs, maka jawaban dari pertanyaan-pertanyaan di atas akan sangat membantu karena dari situlah nantinya akan terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut.
Berkenaan dengan situs yang akan dibangun, maka jawaban untuk pertanyaan-pertanyaan di atas sebagai berikut:
a. Situs akan dibuat adalah sistem informasi perusahaan berbasis web, dalam hal ini adalah PT Intan Pariwara , yang menyediakan informasi-informasi tentang perusahaan tersebut dan kegiatan yang dilakukan di perusahaan.
b. Pengunjung dari website tersebut diharapkan adalah masyarakat luas yang ingin tahu mengenai segala sesuatu tentang perusahaan ini.
c. Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai PT Intan Pariwara , mengetahui, produk yang dijual serta informasi penting lainnya.
(46)
d. Target yang ingin dicapai dari situs tersebut adalah pengunjung mendapatkan informasi tentang PT Intan Pariwara, dan dapat memberikan kemudahan dalam memperoleh informasi yang dibutuhkan dalam membeli produk yang dipromosikan perusahaan PT Intan Pariwara.
4.3Perancangan Data Flow Diagram (DFD)
Data Flow Diagram (DFD) merupakan diagram yang menggunakan notasi-notasi (simbol-simbol) untuk menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Adapun Data Flow Diagram yang penulis ajukan, yaitu:
Sekilas Profil Perusahaan Produk Buku
Galery Buku Produk Buku Profil Perusahaan
Desain Sistem
Galeri Buku Sejarah Perusahan
(47)
Struktur Organisasi Contact Us
Gambar 4.1 Diagram Konteks
Sekilas Profil Perusahaan
Buku TK,SD,SMP,SMA
Sejarah Perusahaan
Galery Buku
Visi Misi
Struktur Organisasi Contact Us
Produk Buku Profil Perusahaan
Desain Sistem Informasi PT Intan Pariwara
Galeri Buku Sejarah
Perusahaan
Identitas Perusahaan
Contact Us Categori Buku
(48)
Gambar 4.2 Diagram Konteks Level 0 (Nol)
4.4Perancangan Flowchart
Tahap selanjutnya adalah tahap pembuatan flowchart (diagram alir) atau aliran informasi dari situs tersebut. Flowchart atau diagram alir adalah gambaran yang menampilkan struktur, hierarki, dan isi halaman per halaman. Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman situs tersebut. Dengan pembuatan flowchart dalam suatu situs dapat membantu mempermudah dalam pemeliharaan dan pembaharuan isi situs. Hal ini sangat penting dilakukan karena isi situs harus selalu diperbaharui sehingga pengunjung tidak bosan.
Penjelasan arti lambang-lambang flowchart dapat didefenisikan seperti berikut:
Simbol Fungsi
Terminator, untuk memulai dan mengakhiri suatu program.
Process, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer.
Data, untuk memasukkan data maupun menunjukkan hasil dari suatu proses.
Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.
(49)
Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang sama.
Off-Page Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain.
Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan, atau dari kanan ke kiri.
Document, merupakan simbol untuk data yang berbentuk informasi.
Predefined process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur. Display, untuk output yang ditujukan suatu device, seperti monitor.
Magnetic Disk, untuk menyimpan data.
Berikut adalah flowchart dari sistem informasi PT Intan Pariwara yang penulis rancang:
(50)
Gambar 4.3 Aliran Informasi rancangan situs
1. Flow Chart Halaman Utama
Login Admin Index / Halaman
Utama
Latest News
Galeri Buku
Profil Perusahaan
Product Latest
Product
Sekilas Perusahaan
Categori
SD SMP SMA Buku Pelajaran
Berita Seputar Pendidikan About Us
Sejarah Perusahaan
Visi Misi
Struktur Perusahan
(51)
Gambar 4.4 Flowchart Halaman Utama
(52)
(53)
Gambar 4.6 Flowchart Buku
(54)
(55)
Gambar 4.8 Flowchart Contact
(56)
(57)
Pada tahapan ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan, panghapusan dan menampilkan isi database ke halaman website. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program MySQL.
Adapun database yang dibuat oleh penulis adalah database dbsma dengan tabel-tabel sebagai berikut:
Tabel 4.1 Admin
Nama Field Type Size Keterangan
username Varchar 20 primary key
password Varchar 20
status Varchar 30
Tabel 4.2 Berita
Nama Field Type Size Keterangan
Id Berita Integer 11 primary key
Judul Berita Varchar 50
Isi Berita Text 100
Tabel 4.3 Buku
Nama Field Type Size Keterangan
Id Buku Integer 4 primary key
Id Cetegory Integer 4
Judul Buku Varchar 50
Pengarang Buku Varchar 50
Harga Buku Integer 7
Sinopsis Buku Text
Halaman Buku Varchar 4
Foto Buku Varchar 30
Tabel 4.4 Categori
Nama Field Type Size Keterangan
Id Categori Integer 7 primary key
Nama Categori Varchar 50
Ket Categori Text
(58)
Nama Field Type Size Keterangan
Id Contact Integer 5 primary key
Name Varchar 100
Email Varchar 50
Subject Varchar 100
Message Varchar 1000
4.6 Perancangan Halaman Website
Adapun halaman - halaman yang dibangun oleh penulis adalah:
a. Halaman index merupakan halaman yang pertama kali muncul pada saat website dibuka. Halaman ini berisikan artikel dan link-link menuju halaman berikutnya.
b. Halaman Home merupakan halaman yang berisikan tentang profile perusahaan, product, latest product, latest news.
c. Halaman Product merupakan halaman yang berisikan tentang categori buku yang dijual PT Intan Pariwara.
d. Halaman Latest Product merupakan halaman berisikan tentang produk yang dijual PT Intan Pariwara.
e. Halaman Latest News merupakan halaman yang berisikan tentang berita seputar pendidikan indonesia
f. Halaman Galeri merupakan halaman yang berisikan tentang produk dan categori buku yang diterbitkan oleh PT Intan Pariwara.
g. Halaman News merupakan halaman yang berisikan Tentang berita terbaru seputar pendidikan.
h. Halaman About Us merupakan halaman yang berisikan tentang sejarah perusahaan,visi misi, struktur organisasi perusahaan.
(59)
Tahap-tahap yang dilakukan penulis dalam membangun halaman website adalah sebagai berikut:
1. Membuka Macromedia Dreamweaver 8 sebagai software pengatur letak layout dan penulisan skrip-skrip PHP dalam membangun halaman. Tampilannya dapat dilihat seperti gambar berikut ini:
Gambar 4.10 Tampilan Macromedia Dreamweaver 8
2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada Macromedia Dreamweaver yaitu dengan meletakkan link-link, grafik, isi berita dan modul-modul lainnya di tempat yang telah ditentukan.
3. Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukan pada tempat yang sesuai yang dikerjakan di jendela Code pada Macromedia Dreamweaver. 4. Mengerjakan halaman-halaman berikutnya.
(60)
Tampilan utama situs ini dirancang dengan bantuan software Dreamweaver. Perancangan tampilan utama pada situs ini dibagi menjadi dua bagian yaitu header dan isi halaman. Header adalah merupakan dari halaman yang terletak pada bagian atas yang berisikan nama website PT Intan Pariwara, sedangkan bagian isi adalah merupakan bagian terpenting karena pada pada bagian ini merupakan tempat menampilkan informasi yang akan disampaikan. Secara keseluruhan desain header yang dirancang adalah sebagai berikut:
(61)
BAB 5
IMPLEMENTASI SISTEM
5.1Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstall dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama.
5.2 Tujuan Implementasi Sistem
Tujuan Implementasi sistem adalah sebagai berikut:
1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru. 3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.
4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.
5.3Komponen Utama dalam Sistem
Dalam pembuatan sistem informasi PT Intan Pariwara (cabang medan) yang sudah dirancang membutuhkan perangkat keras (hardware), perangkat lunak (software), dan tenaga pelaksana (brainware).
(62)
a. Perangkat keras (hardware)
Perangkat keras yang dibutuhkan dalam pembuatan sistem informasi ini antara lain:
1. Prosesor 2. Harddisk 3. Memori 4. Monitor 5. Keyboard 6. Mouse 7. Dan lain-lain
b. Perangkat Lunak (software)
1. PHP, MySQL, dan Macromedia Dreamweaver 8
2. Anti virus untuk mengetahui terjadinya kerusakan sistem.
c. Tenaga Pelaksana (Brainware)
Yaitu orang yang memiliki keahlian yang baik dan mengerti sistem operasi komputer untuk menjalankan program.
5.4 Instalasi Apache, PHP dan MySQL
Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu. Adapun softwarenya dapat diperoleh dari situsApache,
(63)
menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit.
5.4.1 Menjalankan Xampp, MySQL, dan PHP
Untuk Menjalankan ketiga software yang digunakan dapat dilakukan dengan cara sebagai berikut:
1. Untuk menjalankan Xampp, Klik Start > Programs > Xampp> Control Xampp Server >Monitor Xampp Server.
2. Kemudian untuk melihat Xampp telah ter-install dengan baik, tuliskan ini:
Gambar 5.1 Uji Xampp
3. Uji apakah PHP telah dapat dijalankan dengan cara tuliskan script berikut pada notepad :
<?php phpinfo(); ?>
(64)
Simpan dengan nama info.php dan letakkan di folder htdocs pada Apache.
4. Buka internet explorer dan tulis di URL address. Jika berhasil akan tampil sebagai berikut:
Gambar 5.2 Uji PHP
5. Uji apakah MySQL telah dapat dijalankan dengan cara jalankan command prompt dan ketikan seperti gambar berikut:
(65)
6. Maka Apache, MySQL dan PHP telah dijalankan.
5.4.2 Pengujian Website di Browser
Setelah selesai mengerjakan semua halaman website yang dibuat, maka website tersebut harus di uji terlebih dahulu di browser sebelum di-upload di internet. Adapun cara menguji website di browser sebagai berikut:
1. Simpan website yang telah dibuat pada folder htdocs yang terdapat pada Xampp dalam folder sendiri misalnya C: Program Files\xampp\htdocs\PTINTANPARI WARA
2. Buka mozilla firefox kemudian ketikan http://localhost/PTINTANPARIWARA pada URL. Jika berhasil akan tampil seperti berikut ini:
(66)
5.5 Memperbarui Web
Memperbarui situs web adalah salah satu cara untuk mempertahankan situs agar tetap dikunjungi oleh pengunjung. Dalam memperbarui situs kita harus melihat dan mengetahui apa yang sekiranya dibutuhkan oleh pengunjung. Ada beberapa hal yang dapat kita lakukan dalam memperbarui web kita yaitu :
1. Memperbarui Isi Web
Suatu situs web yang baik akan selalu memperbarui isi (content) dengan baik. Dengan semakin seringnya content diperbarui (ditambah, diganti, dikoreksi) menunjukkan kepada pengunjung situs bahwa situs kita memang benar-benar terpelihara.
2. Mengubah Tampilan Desain Web
Situs dengan wajah baru dapat menyegarkan rasa bosan pengunjung terhadap situs yang telah kita buat. Mengubah desain situs web sangat disarankan terutama jika situs web kita banyak dikunjungi dan memiliki banyak artikel didalamnya.
3. Menambah Fitur-Fitur Yang Menarik
Dari berbagai teknologi web yang telah dikenal maka kita dapat membuat layanan atau fitur khusus dari situs web yang dapat menarik hati pengunjung dengan pelayanan atau fasilitas yang disediakan kemudian membuat mereka penasaran dan mengeksplorasi lebih lanjut situs web kita. Karena mungkin pengunjung akan senang dengan inovasi yang kita terapkan pada situs kita.
(67)
5.6Demonstrasi Program
Adapun tampilan program yang dirancang penulis adalah sebagai berikut:
5.6.1 Tampilan Homepage
Gambar 5.5 Tampilan Bagian Homepage
(68)
Gambar 5.6 Tampilan Bagian Login Admin
5.6.3 Tampilan Halaman Admin
Gambar 5.7 Tampilan Halaman Admin
5.6.4 Tampilan Halaman Galeri Buku
(69)
5.6.5 Tampilan Halaman News
Gambar 5.9 Halaman News
5.6.6 Tampilan Halaman About Us
(70)
5.6.7 Tampilan Halaman Contact
(71)
BAB 6
KESIMPULAN DAN SARAN
6.1.Kesimpulan
Website merupakan sarana informasi online yang dapat diakses oleh siapapun, mengenai informasi yang diberikan dirancang dan direalisasikan dengan menggunakan system operasi windows, MySQL sebagai database manajemen system, PHP sebagai bahasa scripting yang menyatu dengan HTML, Xampp sebagai web server, dan macromedia dreamweaver sebagai web editornya. Dari penjelasan pada bab-bab sebelumnya, penulis dapat merangkum beberapa kesimpulan, yaitu :
1. Dalam membangun sebuah website tidak harus terhubung dengan internet. Internet diperlukan pada saat upload file dan pengaksesan website.
2. Layout/header yang bagus dan menarik dapat menambah daya tarik website sehingga banyak dikunjungi para pengunjung.
3. Website yang baik adalah website yang selalu meng-update informasinya dengan segala yang baru.
(72)
6.2.Saran
1. Senantiasa menjaga dan memperbaharui website agar pengunjung tidak merasa bosan dan mendapatkan informasi-informasi yang up-to-date.
2. Pemeliharaan keamanan terhadap data-data pada server perlu diperhatikan dan dijaga agar data-data pada server tidak bisa diakses oleh orang yang tidak berhak mengaksesnya.
3. Bagi pembaca diharapkan dapat melanjutkan penelitian yang dilakukan penulis yang masih memiliki kekurangan sebagai penyempurnaannya.
(73)
DAFTAR PUSTAKA
Al Bahra Bin Ladjamudin. 2005. Analisis dan Desain Sistem Informasi. Frihartono, S. 2005. PHP Dan MySQL Untuk Web. Yogyakarta : Andi
H, Rafiza. 2006. Panduan dan Referensi Kamus Fungsi PHP 5. Jakarta : Elex Media Komputindo.
Herlambang,Ferry.2006. Menggali Keajaiban Behaviors pada Dreamweaver 8. Jakarta: PT.Gramedia.
Laudon, Kenneth C. dan Jane P, Laudon. 2008. Sistem Informasi Manajemen. Terjemahan Chrishwan Sungkono dan Machmudin Eka P. Jakarta: Salemba : 4 hal. 15.
Nugroho, B. Database Relasional Dengan MySQL. Yogyakarta : Andi
RS, Bernard. Pijono, A. Agustaf R. 2005. Mudah dan Cepat Menguasai Pemrograman WEB. Bandung : Informatika Bandung.
Sopyan, Y. 2006. Foto Indah dan Artistik dengan rekayasa Photoshop. Jakarta : Mediakita.
Syafii, M. 2005. Panduan Membuat Aplikasi Database dengan PHP 5. Yogyakarta : Andi Offset.
(74)
LISTING PROGRAM
A.Config
1.Koneksi.php
<?php
$server = "localhost"; $username = "root"; $password = "";
$database = "intanpariwara";
// Koneksi dan memilih database di server mysql_connect($server,$username,$password) or die("Koneksi gagal");
mysql_select_db($database) or die("Database tidak bisa dibuka");
?>
2.Tanggal.php
<?php
$engDate=date("l F d, Y H:i:s A"); switch (date("w")) {
case "0" : $hari="Minggu";break; case "1" : $hari="Senin";break; case "2" : $hari="Selasa break; "; case "3" : $hari="Rabu";break; case "4" : $hari="Kamis";break; case "5" : $hari="Jumat";break; case "6" : $hari="Sabtu";break; }
switch (date("m")) {
case "1" : $bulan="Januari";break; case "2" : $bulan="Februari";break; case "3" : $bulan="Maret";break; case "4" : $bulan="April";break; case "5" : $bulan="Mei";break; case "6" : $bulan="Juni";break; case "7" : $bulan="Juli";break; case "8" : $bulan="Agustus";break; case "9" : $bulan="September break; "; case "10" : $bulan="Oktober";break; case "11" : $bulan="November";break; case "12" : $bulan="Desember";break; }
(75)
?> 3.Default.css body { margin: 0; padding: 0; color: #6a717c;
font-family: Tahoma, Geneva, sans-serif; font-size: 13px; line-height: 1.4em; background-color: #bfc5ce; } #home { background: #bfc5ce url(../images/templatemo_body.jpg); background-repeat: repeat-x; background-position: top; } #sub { background: #bfc5ce url(../images/templatemo_body_sub.jpg); background-repeat: repeat-x; background-position: top; }
a, a:link, a:visited { color: #08122a; font-weight: 700; text-decoration: underline; font-size: 11px; } a:hover { text-decoration: none; } a.more { display: block; width: 122px; height: 32px; line-height: 32px; font-size: 13px; text-align: center; text-decoration: none; font-weight: bold; background:
url(../images/templatemo_button.jpg) no-repeat top center;
(76)
color: #bfc5ce; } a.more:hover { color: #fff; background: url(../images/templatemo_button_hover.jpg); } p {
margin: 0 0 10px 0; padding: 0; } img { border: none; } blockquote { font-style: italic; margin: 0 0 0 10px; }
cite {
font-weight: bold; color:#08122a; }
cite span {
color: #08122a; } em { color: #08122a; font-size: 11px; font-weight: 700; }
h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal; }
h1 { font-size: 34px; margin: 0 0 20px; padding: 5px 0 }
h2 { font-size: 28px; margin: 0 0 15px; padding: 5px 0 10px }
h3 { font-size: 24px; margin: 0 0 15px; padding: 0 0 10px; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
(77)
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; } .cleaner { clear: both }
.h10 { height: 10px } .h20 { height: 20px } .h30 { height: 30px } .h40 { height: 40px } .h50 { height: 50px } .h60 { height: 60px } .float_l { float: left } .float_r { float: right } .image_wrapper {
display: inline-block; padding: 4px;
border: 1px solid #d3d7dc; background: #a3abb8;
}
.image_fl {
float: left;
margin: 3px 30px 0 0; }
.image_fr {
float: right;
margin: 3px 0 0 30px; } .image_frame { position: relative; width: 300px; height: 131px; }
.image_frame img { margin: 10px; width: 280px; height: 110px; }
.image_frame span {
position: absolute; top: 0; left: 0; width: 300px; height: 131px; background: url(../images/templatemo_image_frame.png) no-repeat;
(78)
}
.templatemo_list {
margin: 0 0 10px 10px; padding: 0;
list-style: none; }
.templatemo_list li { color:#08122a; margin: 0;
padding: 0 0 5px 20px;
background: url(../images/templatemo_list.jpg) no-repeat scroll 0 5px;
}
.templatemo_list li a { color: #08122a;
font-weight: normal; text-decoration: none; }
.templatemo_list li a:hover { text-decoration: underline; }
.list2 li a{
font-size:15px; }
#templatemo_wrapper { width: 960px; padding: 0 10px; margin: 0 auto; } #templatmeo_header { width: 930px; height: 60px; padding: 15px; background: url(../images/templatemo_header.jpg) no-repeat; } #site_title { float: left; width: 235px; height: 60px;
(79)
#site_title h1 { margin: 0; padding: 0; }
#site_title h1 a { display: block; width: 215px; height: 60px; margin: 0 10px; color: #fff; outline: none;
text-indent: -10000px;
background: url(../images/logo.png) no-repeat top center;
}
/* menu */
#templatemo_menu { float: right; width: 660px; height: 40px; padding: 10px 0; }
#templatemo_menu ul { padding: 0;
margin: 0;
list-style: none; }
#templatemo_menu ul li { padding: 0;
margin: 0;
display: inline; }
#templatemo_menu ul .last { background: none;
}
#templatemo_menu ul li a { float: left; display: block; width: 120px; height: 40px; line-height: 40px; margin-right: 5px; font-size: 13px;
(80)
color: #a2a8b8; text-align: center; text-decoration: none; font-weight: 700; outline: none; border: none; background: url(../images/templatemo_menu_border.png) center center no-repeat; }
#templatemo_menu ul li a:hover, #templatemo_menu ul .current { color: #fff; background: url(../images/templatemo_menu_hover.jpg) center center no-repeat; }
/* end of menu */
#templatemo_middle,#templatemo_middle_sub { clear: both;
width: 930px; height: 290px;
padding: 40px 15px 0; overflow: hidden;
font-size: 14px; color: #f4e9d9; line-height: 30px; background:
url(../images/templatemo_middle.jpg) center top; }
/*#templatemo_middle_sub { clear: both;
width: 930px; height: 190px;
padding: 40px 15px 0; overflow: hidden; font-size: 14px; color: #f4e9d9; line-height: 30px; }*/ #mid_title { font-size: 34px; line-height: 38px;
(81)
margin-bottom: 20px; /* text-shadow: 2px 2px 4px #000 */
} #mid_title p { text-align:justify; } #mid_left { float:left; width: 400px; } #mid_slider { position:relative; float: right; width: 450px; height: 280px;
padding: 0 0 40px; }
#mid_slider span {
position: absolute; top: 0; left: 0; width: 450px; height: 250px; background: url(../images/templatemo_slider_frame.png) no-repeat; z-index: 10000; } #slider1 { position: absolute; width: 450px; height: 250px; overflow: hidden; } #paginate-slider1 { position: absolute; bottom: 50px; right: 20px; }
#templatemo_middle p, #templatemo_middle_sub p { margin-bottom: 20px;
(82)
font-size: 16px; }
#learn_more a {
display: block; background: url(../images/templatemo_learn.jpg); width: 176px; height: 40px; font-size: 16px; text-decoration: none; color: #a2a8b8; font-weight: 700; text-align: center; line-height: 40px; }
#learn_more a:hover { color: #fff; }
#templatemo_main { clear: both; width: 960px;
padding: 40px 0 30px; }
.col_w960 {
width: 960px;
margin-bottom: 60px; }
.col_w600 { width: 600px } .col_w450 { width: 450px } .col_w300 { width: 300px } .col_w200 { width: 200px } .col_allw300 { float: left; width: 300px; margin-right: 30px; } .col_last { margin: 0; } .sb_news_box { clear: both;
(83)
.sb_news_box img { float: left;
margin-right: 20px; padding: 4px;
border: 1px solid #d3d7dc; background: #a3abb8;
max-height:90px; max-width:60px; }
.sb_news_box .title { color: #234073; font-size: 13px; font-weight: 700; } .sb_news_box a{ text-decoration:none; } .sb_news_box a:hover{ text-decoration: underline; } .sb_news_box h6{ color:#08122B;
font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; } .latest_news{ margin-top:10px; } .latest_news h5{ font-weight:bold; } .fp_lw_box { margin-bottom: 25px; } .post_box { clear: both; margin-bottom: 30px; padding-bottom: 30px;
(84)
background:
url(../images/templatemo_content_divider.jpg) repeat-x bottom;
}
.post_box .image_frame { float: right;
margin-left: 40px; }
.post_header {
border-top: 3px solid #999; border-bottom: 1px solid #ccc; padding: 5px;
margin-bottom: 20px; }
.post_box h2 {
font-size: 34px; margin-bottom: 30px; }
.post_box p.post_meta { margin-bottom: 0; }
.post_box img { float: left; margin-right: 20px; } #contact_form { padding: 0; width: 400px; }
#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field { width: 270px;
padding: 5px; color: #111;
border: 1px solid #a4acb7; background: #d4d4d4;
(85)
}
#contact_form form label { display: block;
width: 100px;
margin-right: 10px; font-size: 14px; }
#contact_form form textarea { width: 388px;
height: 160px; padding: 5px; color: #111;
border: 1px solid #a4acb7; background: #d4d4d4;
font-family: Tahoma, Geneva, sans-serif; font-size: 12px;
margin-top: 5px; }
#contact_form form .submit_btn { margin: 10px 0px;
padding: 5px 14px;
border: 1px solid #a4acb7; background: #d4d4d4; font-size: 14px; } #gallery { margin: 0; padding: 0; }
#gallery ul { margin: 0; padding: 0; }
#gallery ul li {
position: relative; display: block; float: left; width: 300px; height: 140px;
margin: 0 30px 50px 0; }
#gallery ul .rm_col { margin: 0 0 30px;
(86)
}
#gallery ul li span { position: absolute; top: 0; left: 0; width: 300px; height: 131px; background: url(../images/templatemo_image_frame.png); }
#gallery ul li a img { margin: 10px; width: 280px; height: 110px; } #templatemo_footer_wrapper { clear: both; background: #8e97a4;
border-top: 5px solid #d5d9e0; width: 100%;
}
#templatemo_footer { width: 960px; margin: 0 auto; padding: 20px 10px; color: #40464f; }
#templatemo_footer a {
text-decoration: none; }
#templatemo_footer .footer_list { margin: 0;
padding: 0;
list-style: none; }
#templatemo_footer .footer_list li { border-bottom: 1px dashed #404040; }
#templatemo_footer .footer_list li a { font-weight: normal;
(87)
#templatemo_footer h4 { color: #08122a; padding-bottom: 10px; background: url(../images/templatemo_h4_divider.jpg) repeat-x bottom; } #templatemo_copyright_wrapper { clear: both; background:
url(../images/templatemo_footer.jpg) repeat-x top; width: 100%;
}
#templatemo_copyright { width: 960px;
margin: 0 auto;
padding: 20px 10px 15px; color: #3a4f83;
text-align: center; }
#templatemo_copyright a { color: #607fcb; text-decoration: none; } /*gallery*/ .gallery_box{ width:160px; padding:10px; margin:10px; float:left; height:315px; } .gallery_box a{ text-decoration:none; } .gallery_box a:hover{ text-decoration: underline; }
.gallery_box img {
margin-right: 20px; padding: 4px;
border: 1px solid #d3d7dc; background: #a3abb8;
(88)
max-height:230px; max-width:150px; }
.gallery_box .title { color: #234073; font-size: 13px; font-weight: 700; } .gallery_box h6{ color:#08122B;
font-family:Arial, Helvetica, sans-serif; font-weight:bold;
font-size:12px; }
.gallery_box h6.price{ color: #09F;
font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:17px; } #tabel_struktur{ color:#003; } #tabel_struktur td{ vertical-align:top; padding:5px 0px; }
#tabel_struktur ul, #tabel_struktur li{ margin:0px; padding:0px; } #item_detail{ } #item_detail img{ padding: 4px;
border: 1px solid #d3d7dc; background: #a3abb8;
max-height:400px; max-width:300px; display:block;
(89)
.judul_detail{
color:#234073; }
#item_detail h2, #item_detail h3, #item_detail h4{ margin:5px 0; } .pengarang_detail{ font-size:22px; } .harga_detail{ color:#0099FF } .berita_box{
border-bottom: dashed #08142E 2px; padding:20px 0px;
}
Menu Utama
1.Index.php
<head>
<?php include "include/head.php";?> </head>
<body id="home">
<div id="templatemo_wrapper"> <div id="templatmeo_header">
<?php include "include/menu.php"?> </div> <!-- end of header -->
<?php $p=$_REQUEST['p']; if($p) { include "include/$p"; } else { include "include/content.php"; } ?>
</div> <!-- end of wrapper -->
<div id="templatemo_footer_wrapper"> <div id="templatemo_footer">
<?php include "include/footer.php"?> <div class="cleaner"></div>
(90)
</div> <!-- end of templatemo_footer --> <div class="cleaner"></div> </div> <div id="templatemo_copyright_wrapper"> <div id="templatemo_copyright">
Copyright © 2013 PT. Intan Pariwara
</div> <!-- end of templatemo_footer --> </div>
</body> </html>
2.About.php
div id="templatemo_middle_sub">
<div id="mid_title">About Us</div>
<p>PT. Intan Pariwara berdiri sejak 1984. PT. Intan Pariwara ikut berperan aktif dalam
peningkatan kualitas pendidikan nasional. Hal ini dapat dilihat dari mutu produk - produk yang
dihasilkan oleh PT. Intan Pariwara mulai dari jenjang TK sampai SMU. Berbagai program yang dicanangkan pemerintah, khususnya Departemen
Pendidikan Nasional dan Departemen Agama pun secara aktif diikuti oleh PT Intan Pariwara.</p>
</div> <!-- end of middle -->
<div id="templatemo_main">
<div class="col_w600 float_l"> <h3>Visi</h3>
<cite>"meningkatkan potensi anak didik melalui buku - buku pelajaran dan penunjang yang berkualitas."</cite>
<br/> <br/>
<h3>Misi</h3>
<ul class="templatemo_list">
<li>Membekali anak didik dengan ilmu
pengetahuan</li>
<li>Meningkatkan kecerdasan anak didik</li>
<li>Membekali anak didik dengan kecakapan</li>
<li>Memberikan pelayanan terbaik kepada dunia pendidikan</li>
(1)
while($a=mysql_fetch_array($sql)) {
if($no%2==0)
$warna="genap";
else
$warna="ganjil"; echo"
<tr class='$warna'> <td>$no</td>
<td>".$a['judul_berita']."</td>
<td>".substr($a['isi_berita'],0,200)."</td> <td>
<a
href='index.php?p=news/news_edit.php&id_news=".$a['i d_berita']."'>edit </a>||
<a
href='include/news/news_hapus.php?id_news=".$a['id_b erita']."' >hapus</a>
</td>"
;
$no++; }
?>
</table>
<a href="../../index.php">kembali</a> </body>
</html>
22.News_Edit.php
<script type="text/javascript"
src="js/tinymce/tinymce.min.js"></script> <script type="text/javascript">
tinymce.init({
selector: "textarea", plugins: "image", image_advtab: true });
</script> <?php
include"../../library/koneksi.php";
$id_news=$_REQUEST['id_news'];
$sql=mysql_query("select*from berita where id_berita='$id_news'");
$a=mysql_fetch_array($sql);
(2)
<form action="include/news/news_edit_proses.php" method="post">
<input type="hidden" name="id_news" value="<?php echo $a['id_berita'];?>"/>
<table> <tr>
<td>Judul</td> <td>:</td>
<td><input type="text" name="judul" value="<?php echo $a['judul_berita'];?>"/></td>
</tr> <tr>
<td>Isi</td> <td>:</td>
<td><textarea name="isi"><?php echo $a['isi_berita'];?></textarea></td> </tr>
<tr>
<td><input type="submit" value="simpan" /></td> </tr>
</table> </form>
23.News_Edit_Proses.php <?php
include"../../../../library/koneksi.php";
$id_news=$_REQUEST['id_news']; $judul=$_REQUEST['judul']; $isi=$_REQUEST['isi'];
$a=mysql_query("update berita set
judul_berita='$judul', isi_berita='$isi' where id_berita='$id_news'");
if($a) {
?>
<script language="javascript"> <!--
alert('data berhasi diedit') window.location =
"../../index.php?p=news/news.php";
--></script> <?php
} else {
(3)
<!--
alert('edit gagal') window.back();
--></script> <?php }
?>
24.News_Hapus.php <?php
include"../../../../library/koneksi.php"; $id_news=$_REQUEST['id_news'];
$sql=mysql_query("delete from berita where id_berita='$id_news'");
if($sql) {
?>
<script language="javascript"> <!--
alert('data berhasi dihapus') window.location =
"../../index.php?p=news/news.php";
--></script>
<?php }
else { ?>
<script language="javascript"> <!--
alert('data gagal dihapus') window.back();
--></script>
<?php } ?>
25.News_Tambah
script type="text/javascript"
src="js/tinymce/tinymce.min.js"></script> <script type="text/javascript">
(4)
tinymce.init({
selector: "textarea", plugins: "image", image_advtab: true });
</script>
<form method="post"
action="include/news/news_tambah_proses.php"> <table>
<tr>
<td>Judul</td> <td>:</td>
<td><input type="text" name="judul" /></td> </tr>
<tr>
<td>Isi</td> <td>:</td>
<td><textarea name="isi"></textarea></td> </tr>
<tr>
<td><input type="submit" value="simpan" /></td> </tr>
</table> </form>
26.News_Tambah_Proses <?php
include "../../../../library/koneksi.php";
$judul=$_REQUEST['judul']; $isi=$_REQUEST['isi'];
if($judul!='' && $isi!='') {
$sql=mysql_query("insert into berita
(judul_berita,isi_berita) values ('$judul','$isi') ") or die (mysql_error());
?>
<script language="javascript"> alert('data berhasil ditambah') window.location =
"../../index.php?p=news/news.php"; </script>
<?php }
else {
(5)
?>
<script language="javascript">
alert('data gagal ditambah, lengkapi data') window.back();
</script>
<?php } ?>
27.Logout.php <?php
session_start(); session_destroy(); ?>
<a href="../../index.php"></a>
(6)
KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155
Telp. (061) 8211050, 8214290, Fax. (061) 821429 KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa : Ryan Dhika Priyatna Nomor Stambuk : 102406236
Judul Tugas Akhir : Perancangan Sistem Informasi Berbasis Web
Menggunakan PHP dan MYSQL pada PT.Intan Paiwara (Medan)
Dosen Pembimbing I : Drs. Ujian Sinulingga, M.Si Tanggal mulai Bimbingan : 28 Februari 2013
Tanggal selesai Bimbingan : No TANGGAL
ASISTEN BIMBINGAN
PEMBAHASAN PADA ASISTENSI MENGENAI,
PADA BAB :
PARAF DOSEN PEMBIMBING
KETERANGAN
1. Pengajuan Judul
2. ACC Judul Tugas Akhir
3. Uji Program
4. Pengajuan Bab 1 – 6
5. ACC Bab 1 – 6
6. ACC Tugas Akhir
* Kartu ini harap dikembalikan ke Jurusan Matematika bila bimbingan mahasiswa telah selesai
Diketahui Disetujui
Departemen Matematika FMIPA USU Pembimbing Utama/
Ketua, Penanggung Jawab
Prof. Dr. Tulus, M.Si Drs. Ujian Sinulingga, M.Si NIP. 196209011988031002 NIP. 195603031984031004