• Tidak ada hasil yang ditemukan

Sistem Informasi Pengarsipan Tender Dan Kontrak PT. Hutama Karya Berbasis WEB Dengan Menggunakan PHP

N/A
N/A
Protected

Academic year: 2016

Membagikan "Sistem Informasi Pengarsipan Tender Dan Kontrak PT. Hutama Karya Berbasis WEB Dengan Menggunakan PHP"

Copied!
84
0
0

Teks penuh

(1)

SISTEM INFORMASI PENGARSIPAN TENDER DAN KONTRAK PT. HUTAMA KARYA BERBASIS WEB

DENGAN MENGGUNAKAN PHP

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

FLORENTINA R. NAIBAHO 052406001

PROGRAM STUDI D3 ILMU KOMPUTER/STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

(2)

PERNYATAAN

PERANCANGAN SISTEM INFORMASI PENGARSIPAN TENDER DAN KONTRAK PT. HUTAMA KARYA BERBASIS WEB DENGAN

MENGGUNAKAN PHP

TUGAS AKHIR

Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan sebagai landasan teoritis yang masing masing disebutkan sumbernya.

Medan,

(3)

PENGHARGAAN

Puji syukur Penulis haturkan kehadirat Tuhan Yang Maha Esa, karena atas rahmat dan karunia-Nyalah akhirnya Penulis dapat menyelesaikan tugas akhir ini. Penulisan tugas akhir ini merupakan salah satu persyaratan untuk penyelesaian jenjang pendidikan Diploma 3 (D3) pada Program Studi Ilmu komputer di Universitas Sumatera Utara..

Terselesaikannya tugas akhir ini adalah berkat bimbingan dan bantuan dari Bapak/Ibu serta teman-teman Penulis. Pada kesempatan ini dengan segala kerendahan hati dan ketulusan hati, Penulis mengucapkan terimakasih kepada orang yang telah membantu Penulis dalam pembuatan tugas akhir ini, diantaranya yaitu: 1. Bapak Drs. Saib Suwilo, MSc selaku Ketua jurusan .

2. Bapak Drs. Partano Siagian, MSc selaku dosen Pembimbing yang telah meluangkan waktu dan perhatiannya dalam penyelesaian tugas akhir ini.

3. Bapak Ir. Sudjono selaku manajer pemasaran pada PT. Hutama Karya Cabang I Sumatera Utara yang telah memberikan izin kepada Penulis untuk melakukan penelitian.

4. Saudara Riza Fitradiansyah, Amd selaku karyawan PT. Hutama Karya yang telah membantu daam proses pengumpulan data data riset Penulis pada PT. Hutama Karya Cabang I Sumatera Utara.

5. Para dosen Fakultas MIPA yang telah banyak membantu dalam penulisan tugas akhir ini.

6. Para Staff dan pegawai Fakultas MIPA yang telah banyak membantu dalam penulisan tugas akhir ini.

7. Seluruh rekan-rekan mahasiswa khususnya program studi D3 Ilmu Komputer Universitas Sumatera Utara.

Penulis menyadari bahwa tugas akhir ini masih jauh dari kesempurnaan. Untuk itu sumbangan saran dan kritik yang bersifat membangun dari semua pihak sangat penulis harapkan demi kesempurnaan tugas akhir ini.

Medan, Mei 2008 Penulis,

(4)

ABSTRAK

(5)

DAFTAR ISI

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 2

1.3 Ruang Lingkup Masalah 2

1.4 Maksud dan Tujuan 4

1.5 Metode Penelitian 4

BAB II LANDASAN TEORI

2.1 Pengertian Komputer 7

2.2 Sistem Informasi 8

2.2.1 Sistem 8

2.2.2 Informasi 10

2.2.3 Definisi Sistem Informasi 11

2.3 Internet 12

2.3.1 Pengertian Internet 12

2.3.2 Sejarah Terbentuknya Internet 13

2.3.3 Jenis jenis Internet 14

2.4 Pengenalan PHP 20

2.4.1 Pengertian PHP 20

2.4.2 Sejarah Singkat PHP 21

2.4.3 Kelebihan Kelebiahn PHP 22

2.4.4 Sintaksis PHP 23

2.5 Pengertian MySQL 24

2.6 Macromedia Dreamweaver 8 26

2.6.1 Area Kerja Macromedia Dreamweaver 8 27

BAB 3 PEMBAHASAN

3.1 Penginputan Data 30

3.2 Proses 32

3.3 Menampilkan Hasil 35

3.4 Algoritma Perancangan Sistem 35

(6)

BAB 4 PERANCANGAN SISTEM INFORMASI PENGARSIPAN TENDER DAN KONTRAK PT. HUTAMA KARYA BERBASIS WEB DENGAN MENGGUNAKAN PHP

4.1 Perancangan Sistem Informasi Pengarsipan Tender dan Kontrak

PT. Hutama Karya 37

4.1.1 Instalasi Apache, PHP, dan MySQL 37

4.1.2 Instalasi Xampp 38

4.1.3 Menjalankan Xampp 44

4.2 Tampilan Halaman 44

BAB 5 KESIMPULAN DAN SARAN

5.1 Kesimpulan 46

5.2 Saran 47

(7)

DAFTAR GAMBAR

Gambar 3.1 Flowchart Menu Utama Tender dan Kontrak 29

Gambar 4.1 Pilihan Bahasa Instalasi Xammp 39

Gambar 4.2 Setup Xampp 39

Gambar 4.3 Lokasi Instalasi 40

Gambar 4.4 Proses Instalasi 40

Gambar 4.5 Setup Selesai 41

Gambar 4.6 Pilihan Server Service 41

Gambar 4.7 Pilihan Strat Server 42

Gambar 4.8 Pilihan Auto Start Lokal 42

Gambar 4.9 Proses Instalasi Sukses 42

Gambar 4.10 Xampp Control Panel Aktif 43

Gambar 4.10 Halaman Default Xampp 43 43

(8)

ABSTRAK

(9)

BAB 1 PENDAHULUAN

1.1 Latar Belakang

PT. Hutama Karya Cabang I Sumatera Utara yang beralamat di Jl. D.I Panjaitan No. 12 Medan adalah sebuah perusahaan jasa pemerintah yang bergerak dalam bidang konstruksi. Pada`dasarnya PT. Hutama Karya melakukan kegiatan seperti keikutsertaan dalam proyek tender yang ditawarkan oleh instansi sinstansi baik pemerintah maupun swasta. Selama pengajuan dan melengkapi syarat syarat mengikuti tender tersebut, tentu banyak dokumen yang harus dipersiapkan sebagai prosedur untuk memenangkan tender dan untuk menandatangani kontrak kerja. Dokumen tender dan kontrak yang telah ada akan disimpan dan diarsipakan sebagai pertanggung jawaban kepada pihak perusahaan pusat apabila dibutuhkan sewaktu waktu. Akan tetapi, PT. Hutama Karya selama ini masih menggunakan sistem pwngarsipan secara manual atau dengan kata lain, masih menyimpan file dokumen tender dan kontrak tersebut dalam bentuk hardcopy di dalam file box, sehingga kurang efisien dan kurang efektif baik dari segi waktu, biaya, dan keamanan.

(10)

DENGAN MENGGUNAKAN PHP. Dalam hal ini, Penulis mencoba merancang situs yang bersifat komputerisasi.

1.2 Identifikasi Masalah

Identifikasi masalah Penulis adalah sebagai berikut :

1. Pengarsipan data tender dan kontrak PT. Hutama Karya Cabang I Sumatera Utara yang masih menggunakan sistem manual

2. Pertanggungjawaban pihak PT. Hutama Karya Cabang I Sumatera Utara tentang arsip tender dan kontrak pada tahun 2007 sampai dengan bulan April 2008.

1.3 Ruang Lingkup Permasalahan

Yang menjadi batasan dari tugas akhir ini adalah :

1. Data tender dan kontrak PT. Hutama Karya Cabang I Sumatera Utara pada tahun 2007 sampai dengan bulan April 2008.

2. Data tender PT. Hutama Karya Cabang I Sumatera Utara pada tahun 2007 sampai dengan bulan April 2008 yang meliputi :

 Daftar dokumen tender, yang meliputi :

(11)

Agenda dokumen lelang, tanggal terima agenda dokumen lelang, jumlah agenda, dan keterangan agenda dokumen lelang.

 Lembar distribusi dokumen tender, yang meliputi :

Nama dokumen, satuan, jumlah, tanggal terima, copy terkendali.Pihak penerima distribusi dokumen tender.

 Evaluasi keikutsertaan tender, yang meliputi :

Nama proyek, jenis proyek, calon pemberi karya, dan pemasukan penawaran.

Uraian, hasil evaluasi, dan keterangan.  Laporan kegiatan tender, yang meliputi :

Nama proyek, kode proyekPemilik dan alamat pemilikKonsultan

Lokasi lingkup pekerjaanSumber dana

Pembukaan tenderBiaya tenderKeterangan

 Daftar dokumen kontrak, yang meliputi :  Nomor karya dan nama karya

Nomor dokumen kontrak, nama dokumen, tanggal terbit, jumlah, dan keterangan

(12)

Nomor karya, nama karya, nomor dokumen kontrak, tanggal dokumen kontrak

Uraian, hasil evaluasi, dan keterangan  Lembar distribusi dokumen kontrak

Nomor induk dokumen kontrak, judul dokumen kontrak

Penerima distribusi kontrak, nama dokumen, satuan, jumlah, tanggal terima, nomor copy terkendali

1.4 Maksud dan Tujuan

Merancang suatu sistem informasi pengarsipan data tender dan kontrak yang dibutuhkan PT. Hutama Karya Cabang I Sumatera Utara.

1.5 Metodologi Penelitian

Untuk merancang situs perancangan sistem informasi pengarsipan tender dan kontrak PT. Hutama Karya ini, Penulis menggunakan 3 ( tiga ) metode yaitu :

1. Metode Penginputan Data

(13)

data yang diinput adalah data tender dan kontrak PT. Hutama Karya Cabang I Sumatera Utara.

2. Metode Proses

Penulis menggunakan metode ini untuk memproses data yang telah diinput secara seri ( penginputan data yang dilakukan satu satu ).

3. Metode Menampilkan Hasil

Setelah Penulis melakukan metode proses dilanjutkan dengan metode menampilkan hasil, dimana setelah data tender dan kontrak telah selesai diproses maka hasil telah dapat ditampilkan berupa output yaitu data tender dan kontrak PT. Hutama Karya Cabang I Sumatera Utara.

1.6 Sistematika Penulisan

Tugas Akhir ini terdirI dari 5 ( lima ) bab dan beberapa lampiran yaitu:

BAB 1 : PENDAHULUAN

(14)

BAB 2 : LANDASAN TEORI

Pada bab ini diuraikan sekilas tentang komputer, sistem informasi, internet. Pada bab ini juga diuraikan sekilas tentang pengenalan PHP, MySQL, dan Macromedia Dreamweaver 8.

BAB 3 : PEMBAHASAN

Pada bab ini dibahas gambaran umum pembuatan program, persiapan database, membangun halaman situs yang akan dibuat serta flowchart pada sistem informasi tersebut.

BAB 4 :PERANCANGAN SISTEM INFORMASI TENDER DAN KONTRAK PT.HUTAMA KARYA

Pada bab ini berisikan urain tentang, Instalasi Apache, PHP, dan MySQL yang merupakan wujud dari implementasi sistem informasi ini.

BAB 5 : KESIMPULAN DAN SARAN

Pada bab ini diuraikan Kesimpulan dan Saran.

(15)

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Komputer berasal dari Yunani yaitu Computare yaitu Menghitung, ditemukan oleh Charles Babbage. Dalam bahasa Inggris disebut to compute. Secara definisi komputer diterjemahkan sebagai sekumpulan alat elektronik yang saling bekerja sama, dapat menerima data (input), mengolah data (proses) dan memberikan informasi (output) serta terkoordinasi dibawah kontrol program yang tersimpan di memorinya.Dengan kata lain, Komputer adalah suatu peralatan elektronika yang berfungsi untuk membantu pekerjaan manusia.

(16)

Sumber. www.ilmukomputer.com

Gambar 2.1. Komputer Untuk Menghitung Sensus

2. 2 Sistem Informasi

2.2.1 Sistem

a. Pegertian Sistem

Sistem merupakan kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu tujuan tertentu. Menurut Jerry FithGerald ; sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau menyelesaikan suatu sasaran tertentu.

b. Klasifikasi Sistem

Sistem abstrak sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik (sistem teologia)

(17)

Sistem alamiah sistem yang terjadi melalui proses alam. (sistem matahari, sistem luar angkasa, sistem reproduksi dll.

Sistem buatan manusia merupakan sistem yang dirancang oleh manusia. Sistem buatan manusia yang melibatkan interaksi manusia dengan mesin disebut humanmachine sistem (contoh : sistem informasi)

Sistem Tertentu (deterministic sistem), beroperasi dengan tingkah laku yang sudah dapat diprediksi. Interaksi bagian-bagiannya dapat dideteksi dengan pasti sehingga keluaran dari sistem dapat diramalkan (contoh ; sistem komputer)

Sistem tak tentu (probabilistic sistem)yaitu sistem yang kondisi masa depannya tidak dapat diprediksi karena mengandung unsur probabilitas.  Sistem tertutup (close system) yaitu sistem yang tidak berhubungan dan tidak

terpengaruh dengan sistem luarnya. Sistem ini bekerja secara otomatis tanpa adanya turut campur tangan dari pihak luarnya. Secara teoritis sistem tersebut ada, tetapi kenyataannya tidak ada sistem yang benar-benar tertutup, yang ada hanyalah relatively closed system (secara relatif tertutup, tidak benar-benar tertutup).

Sistem terbuka (open system) yaitu sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya. Lebih spesifik dikenal juga yang disebut dengan sistem terotomasi ; yang merupakan bagian dari sistem buatan manusia dan berineraksi dengan kontrol oleh satu atau lebih komputer sebagai bagian dari sistem yang digunakan dalam masyarakat modern.

(18)

Sistem besar adalah sistem yang sebagian besar sumber dayanya berfungsi melakukan perawatan harian (misalnya dinosaurus sebagai sistem biologi menghabiskan sebagian besar masa hidupnya dengan makan dan makan).  Sistem sebagai bagian dari sistem lain sistem selalu merupakan bagian dari

sistem yang lebih besar, dan dapat terbagi menjadi sistem yang lebih kecil.  Sistem berkembang,walaupun tidak berlaku bagi semua sistem tetapi hampir

semua sistem selalu berkembang.

2.2.2 Informasi

Informasi adalah data yang telah diproses menjadi bentuk yang memiliki arti bagi penerima dan dapat berupa fakta, suatu nilai yang bermanfaat. Data merupakan raw material untuk suatu informasi.

Kualitas Informasi ; tergantung dari 3 hal, yaitu informasi harus :

Akurat, berarti informasi harus bebas dari kesalahan-kesalahan dan tidak bias atau menyesatkan. Akurat juga berarti informasi harus jelas mencerminkan masudnya.

Tetap pada waktunya, berarti informasi yang datang pada penerima tidak boleh terlambat.

Relevan, berarti informasi tersebut menpunyai manfaat untuk pemakainya. Relevansi

(19)

2.2.3 Definisi Sistem Informasi

Sistem Informasi adalah suatu sistem terintegrasi yang mampu menyediakan informasi yang bermanfaat bagi penggunanya atau sebuah sistem terintegrasi atau sistem manusia-mesin, untuk menyediakan informasi untuk mendukung operasi, manajemen dalam suatu organisasi. Sistem ini memanfaatkan perangkat keras dan perangkat lunak komputer, prosedur manual, model manajemen dan basis data. Semuanya mengacu pada sebuah sistem informasi berbasis komputer yang dirancang untuk mendukung operasi, manajemen dan fungsi pengambilan keputusan suatu organisasi.

Menurut Robert A. Leitch : sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.

Komponen Fisik Sistem Informasi:

1. Perangkat keras komputer: CPU, Storage, perangkat Input/Output, Terminal untuk interaksi, Media komunikasi data

2. Perangkat lunak komputer: perangkat lunak sistem (sistem operasi dan utilitinya), perangkat lunak umum aplikasi (bahasa pemrograman), perangkat lunak aplikasi (aplikasi akuntansi dll).

(20)

5. Personil untuk pengelolaan operasi (SDM), meliputi:

Clerical personnel (untuk menangani transaksi dan pemrosesan data dan melakukan inquiry = operator);

First level manager: untuk mengelola pemrosesan data didukung dengan perencanaan, penjadwalan, identifikasi situasi out-of-control dan pengambilan keputusan level menengah ke bawah.

Staff specialist: digunakan untuk analisis untuk perencanaan dan pelaporan.Management: untuk pembuatan laporan berkala, permintaan khsus, analisis

khusus laporan khsusus, pendukung identifikasi masalah dan peluang.

2.3 Internet

2.3.1 Pengertian Internet

Istilah internet berasal dari bahasa Latin inter, yang berarti antara . Secara kata per kata internet berarti jaringan antara atau penghubung. Memang itulah fungsinya, internet menghubungkan berbagai jaringan yang tidak saling bergantung pada satu sama lain sedemikian rupa, sehingga mereka dapat berkomunikasi. Sistem apa yang digunakan pada masing-masing jaringan tidak menjadi masalah, apakah sistem DOS atau UNIX.

(21)

menggunakan bahasa yang sama oleh semua jaringan dalam pengiriman data. Pada dasarnya inilah yang menyebabkan besarnya dimensi internet.

Internet merupakan hubungan antar berbagai jenis komputer dan jaringan di dunia yang berbeda sistem operasi maupun aplikasinya di mana hubungan tersebut memanfaatkan kemajuan media komunikasi (telepon dan satelit) yang menggunakan protokol standar dalam berkomunikasi yaitu protokol TCP/IP.

2.3.2 Sejarah Terbentuknya Internet

ARPANet

Pada tahun 1969 ARPA (Advanced Research Project Agency), sebuah bagian dalam kementerian Pertahana Amerika Serikat memulai sebuah proyek, yang di satu sisi menciptakan jalur komunikasi yang tak dapat dihancurkan dan disisi lain memudahkan kerjasama antar badan riset diseluruh negeri, seperti juga industri senjata. Maka terbentuklah ARPANet.

Bila pada awalnya komputer sejenis yang melakukan pertukaran data, bertambahnya komputer dengan berbagai sistem operasi lain menuntut solusi baru komunikasi yang tak terbatas antar semua badan yang tergabung dalam jaringan.

Internetting Project

(22)

vendor-vendor komputer meramaikan lalu lintas jaringa tersebut untuk berbagai kebutuhan sehingga terciptalah internet.

2.3.3 Jenis Jenis Internet

Electronic Mail (E-mail)

Fungsi : mengirim atau menerima surat ke/dari seluruh penjuru dunia.

Sebagai pemakai internet, Anda dapat mengirim dan menerima pesan dari pemakai internet lain dari berbagai penjuru dunia. Namum selain pesan-pesan pribadi, dengan E-mail dapat juga mengirim dan menerima file binary. Maka secara virtual Anda dapat mengirim dan menerima segala tipe data. Sistem mail internet adalah tulang punggung (dan motivasi awal) dari internet itu sendiri.

Untuk dapat menerima surat elektronik, Anda harus memiliki kotak pos (mailbox) untuk menampung surat-surat yang masuk sebelum Anda sempat menbacanya. Sebuah kotak pos elektronik (electronic mailbox) sama dengan kotak pos dikantor pos. Siapapun bisa mengirim surat ke kotak pos, tetapi hanya pemiliknya yang bisa meneliti dan membuang isi kotak surat tersebut.

Alamat kotak pos untuk surat elektronik disebut E-mail address. Sebagai contoh : budi @indo.net.id

(23)

net : network/provider

id : nama domain geografis, yaitu Indonesia

Surat menyurat di internet dilakukan dengan menggunakan program surat elektronik. Cara penggunaannya sangat mudah bila program dijalankan dibawahuser interface grafis seperti Windows. Saat pengiriman hanya perlu diisikan alamat penerima dan subjek (topik) surat, kemudian isi surat langsung dapat diketik untuk dikirim. Jika perlu Anda dapat menyertakan file tertentu untuk dikirim bersama-sama dengan surat tersebut (Attachments). Program surat elektronik yang popular digunakan adalah Eudora Mail. Eudora Mail menggunakan protokol yang disebut POP (Post Office Protocol) dan dibuat oleh Qualcomm Inc.

File Tranfer Protocol (FTP)

Fungsi :mengirim dan menerima file antar host dari seluruh penjuru dunia. Anonymous FTP memungkinkan pengaksesan ke server FTP dengan login anonymous tanpa memerlukan password. Anonymous FTP adalah salah satu dari pelayanan dalam Internet yang cukup penting. Dengan akses ke berbagai anonymous FTP, Anda dapat memperoleh file-file secara grafis. Anda dapat menemukan program-program, gambar-gambar, majalah elektronik, artikel-artikel dalam kelompok diskusi tertentu. Salah satu program FTP adalah WS_FTP.

Tele Networking (TelNet)

Fungsi : mengakses komputer (host/server) dari jauh/Remote login.

(24)

sebagai pemakai komputer jarak jauh dan menjalankan program komputer layanan yang ada dikomputer tersebut.

User s Network (UseNet)

UseNet adalah sistem kelompok diskusi di mana artikel-artikel didistribusikan ke seluruh dunia. UseNet memiliki ribuan kelompok diskusi, sehingga tidak heran jika UseNet meliputi segala macam topik yang mungkin Anda inginkan.

World Wide Web (WWW)

Sering disebut the WEB / W3 , merupakan sistem dalam internet yang memiliki fasilitas pencarian dan pemberian informasi yang cepat dengan menggunakan teknologihypertext.

Sebutan World Wide Web (Web=jaring laba-laba) sangat tepat untuk menggambarkan struktur data pada jaringan internet. Berbeda dengan misalnya susunan data logis berstruktur pohon yang dikenal dari DOS. WWW memungkinkan penanganan atau akses yang jauh lebih fleksibel pada file yang dikelola.

(25)

Pemilihan disini dilakukan dengan item Hypertext. Pada titik simpul bisa terdapat sebuah komputer di Internet atau sebuah petunjuk untuk file tertentu pada sebuah komputer. Hal ini berarti, dengan memilih sebuah item Hypertext diciptakan hubungan dengan sebuah komputer pada suatu tempat di dunia, dimana Anda dapat melanjutkan perjalanan atau langsung ke sebuah file tertentu.

Bahasa World Wide Web:HTML

Untuk membuat Hypertext, dikembangkan sebuah bahasa pemrograman khusus yang memungkinkan pengikatan alamat WWW atau file dalam sebuah dokumen. Sesuai dengan fungsinya, bahasa pemrograman ini disebutHypertext Mark up Language (HTML). File ini biasanya berextention .html. Agar file yang berisi Hypertext ini bisa dikirimkan, diperlukan protokol pengiriman data yang spesifik yang disebut HyperText Transfer Protocol (HTTP).

Untuk menemukan setiap hubungan Hypertext digunakan Uniform Resource Locator (URL). Karena itu, halaman WWW juga disebut dokumen URL.

Beberapa alamat browser/search engine di INTERNET :

Nama Alamat elektronik

Yahoo! http://www.yahoo.com/

Alta Vista http://www.altavista.digital.com/

Lycos http://www.lycos.com/

WebCrawler http://www.webcrawler.com/

(26)

DejaNews http://www.dejanews.com/

BimaSakti http://www.cs.utexas.edu/users/adison/cgi/bimasakti/

Internet Relay Chat (IRC)

Internet Relay Chat/IRC merupakan fasilitas untuk komunikasi langsung dengan menggunakan keyboard. Anda dapat ambil bagian dalam komunikasi publik dengan sekelompok orang. Atau, jika Anda inginkan, Anda dapat menggunakan IRC untuk mengatur komunikasi pribadi dengan orang-orang tertentu, yaitu sejenis teleconference.

Internet Phone/Conference

Fasilitas untuk melakukan percakapan jarak jauh via INTERNET. Untuk itu diperlukan aplikasi khusus dan dukungan hardware multi media.

WAIS Server

WAIS (Wide Area Information Service) menyediakan cara lain untuk menemukan informasi yang tersebar dalam internet. WAIS mampu mengakses segala database yang besar (seperti dokumen, file berisi gambar, video dan suara).

Gopher

(27)

pengguna menyeleksi pilihan-pilihan yang disediakan hingga masuk ke topik yang diinginkan. Fasilitas demikian disebut Gopher.

Mailing List

Kelompok diskusi - fasilitas ini dibangun menggunakan teknik yang sama dengan proses penyebaran surat elektronik. Dengan menggunakan fasilitas ini, sebuah berita/file dapat didistribusikan ke banyak pengguna sekaligus. Bahkan penggunanya dapat melakukan diskusi, seminar, ceramah, konferensi secara elektronik tanpa terikat dimensi ruang dan waktu. Diskusi dapat berlangsung setiap hari tanpa henti. Hasil yang diperoleh akan jauh lebih efektif daripada penyelenggaraan seminar/konferensi konvesional.

Daftar alamat Mailing List dengan topik ekonomi

Mailing List Keterangan

Nacubo%ctstatey.bitnet@vm1.nodak .edu

Bisnis,Keuangan, dan Administrasi Pro

Econ-dev@csn.org Perkembangan ekonomi Internasional

economy@tecmetyvm.mty.itesm.mx Ekonomi di negara-negara kurang berkembang

gc-INTERNET@uriacc.uri.edu Ekonomi global

(28)

2.4 Pengenalan PHP

2.4.1 Pengertian PHP

PHP singkatan dari "PHP Hypertext Preprocessor", adalah bahasa scripting yang menyatu dengan HTML dan dijalankan padaserverside. Artinya semua sintaks yang kita berikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja. Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik. Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan perancang web menulis halaman web dinamik dengan cepat.

Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang paling utama PHP adalah pada konektivitasnya dengan system database di dalam web. Sistem database yang dapat didukung oleh PHP adalah :

1. Oracle 2. MySQL 3. Sybase

4. PostgreSQL dan lainnya

(29)

2.4.2 Sejarah Singkat PHP

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Kemudian pada tahun 1996 ia mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi dengan HTML.

Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0 yang dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang softwarenya. Versi terbaru, yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya. Perubahan yang paling mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine yang dibuat oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP scripting engine.

(30)

Sumber. www.ilmukomputer.com

Gambar 2.4. Simbol PHP

Adapun gambar prinsip kerja PHP di server sebagai berikut:

Sumber. www.ilmukomputer.com

Gambar 2.5. Prinsip Kerja PHP dan Apache

2.4.3 Kelebihan Kelebihan PHP

PHP memiliki banyak kelebihan yang tidak dimilki oleh bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dilakukan oleh CGI, seperti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim serta menerima cookies, bahkan lebih daripada kemampuan CGI.

Request

Disk

Decoding HTTP

Server Client

File PHP Java Script

Encoding

HTTP TambahkanHTTP Wrapper

(31)

Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang paling utama PHP adalah pada konektivitasnya dengan system database di dalam web. Sistem database yang dapat didukung oleh PHP adalah :

1. Oracle 2. MySQL 3. Sybase

4. PostgreSQL dan lainnya

PHP dapat berjalan di berbagai system operasi seperti windows 98/NT, UNIX/LINUX, solaris maupun macintosh.

2.4.4 Sintaks PHP

Sintaks program/Script PHP ditulis dalam apitan tanda khusus PHP. Ada empat macam pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP yaitu :

1. <?php ?>

2. <script language= PHP > </script> 3. <?...?>

4. <%...%

(32)

kemudahann bagi yang sudah terbiasa dengan ASP ( Active Service Packages ). Namun, apabila hal tersebut tidak dikenal, maka harus dilakukan pengaktifan pada kofigurasi php.ini.

Apabila dalam sebuah file PHP membutuhkan keterangan atau komentar di dalam bagian kode, ada beberapa cara yang dapat digunakan untuk menyisipkan komentar tersebut, yaitu :

1. Komentar diawali dengan tag / * dan diakhiri dengan * /, cara ini digunakan bila jumlah komentar lebih dari satu baris.

2. Komentar diawali dengan //. Tag ini hanya digunakan pada komentar yang hanya digunakan pada komentar yang hanya terdiri dari satu baris saja, sehingga baris berikutnya harus diawali dengan tag // kembali.

3. Komentar diawali dengan tag #. Tag ini hanya untuk komentar yang hterdiri dari satu baris saja.

2.5 Pengertian MySQL

(33)

MySQL (My Structure Query Language) atau ayng biasa daibaca mai-se-kuel adalah sebuah program pembuat database yang bersifat open source, artinya siapa saja boleh menggunakannya dan tidak di cekal. MySQL sebenarnya produk yang berjalan pada flatform linux. Karena sifatnya yang open source, dia dapat dijalankan pada flatform apasaja baik windows maupun linux. Selain itu, MySQL juga merupakan program pengakses yang bersifat jaringan sehingga dapat di gunakan untuk aplikasi multi user (Banyak Pengguna).

Kelebihan lain dari MySQL adalah menggunakan bahasa Query standar yang memiliki SQL (Structure Query Language). SQL adalah suatu bahasa permintaan yang stuktur nya telah di standar kan untuk semua program pengakses database seperti Oracle, Posgres SQ1, SQL Server, dan lain-lain. Sebagai program penghasil database, MySQL tidak berjalan sendiri tanpa adanya sebuah aplikasi lain (interface). MySQL dapat didukung oleh hampir semua program aplikasi baik open source seperti PHP maupun yang tidak, yang ada pada flatform windows seperti Visual Basic, Delphi dan lain sebagainya.

Program-program yang mengguanakan bahasa SQL antara lain: 1. MySQL

2. Posgers SQL 3. Oracle

(34)

Program-program pendukung MySQL, antara lain: 1. PHP (PHP Hypertext Preprocesor)

2. Visual Delphi 3. Visual Basic 4. Cold Fusion, dll

Sumber. www.ilmukomputer.com

Gambar 2.5. Simbol MySQL

2.6 Macromedia Dreamweaver 8

MacroMedia Dreamweaver 8 adalah panduan lengkap mengembangkan situs web dinamik, web database, web aplikasi dengan mengunakan Dreamweaver 8. Berdasarkan versi Dreamweaver yang terbaru, anda akan menemukan menyeluruh dan terbaru perintah lengkap penyusunan web, serta bagaimana caranya untuk mengangkat informasi dari pemakai, personalize pengalaman online mereka, dan penggunaan fasilitas-fasilitas untuk membuat situs web yang baik. Dengan MacroMedia Dreamweaver 8, anda akan belajar dan mengeksploitasi Dreamweaver 8 mulai bekerja dengan frame,framesets, layers, multimedia, animasi, dan pengunaan elemen dinamik seperti pada sebuah situs e-commerce.

(35)

Sepertinya halnya dengan program-program lain, untuk menjalankan Macromedia Dreamweaver 8, mulailah dengan memilih tombol Start pada taskbar, kemudian pilihAll Programpada tampilan Start Menu Program, pilih folderMacromediadan klikMacromedia Dreamweaver 8. Pada saat awal pembukaan akan tampilanStart Pageatau halaman awal dari Dreamweaver 8.

Insert Bar Document Toolbar Document Window Panel Groups

Property Inspector

Gambar : Area kerja Macromedia Dreamweaver 8

Komponen yang terdapat pada ruang kerja Dreamweaver 8 adalah :

a. Insert Bar, merupakan tool yang digunakan umtuk menyisipkan objek kedalam dokumen web. Ada enam kelompok kategori yang digunakan untuk insert bar, yaitu Common, Layout, Form, Text, HTML dan Aplication

yang masing-masing memiliki beberapa tool beserta kegunaannya.

(36)

layar kerja atau sering disebut Document Toolbar, antara lain Coding Tool

danZoom and Guide Tool.

c. Document Toolbar,pada document toolbar kita dapat mengatur segala yang berhubungan dengan pengaturan layar kerja. Untuk mengatur layar kerja yang berupa kode atau desain, dapat menggunakan toolbar Show Code view, Show Desaign view dan Show Code and Desaign view.

d. Panel Groups, panel pada Macromedia Dreamweaver 8 merupakan suatu media yang berfungsi sebagai fasilitator. kumpulan berbagai panel disebut Panel Groups, terletak pada sebeleh kanan layar kerja. Panel-panel tersebut di antaranya CSS, Application, Tag Inspector, File dan History yang masing-masing memiliki bagian dan fungsi.

e. Property Inspector, dalam dokumen ini terdapat text, image maupun table yang memiliki properti atau aturan dalam mengelolahnya. Pengaturan properti-properti tersebut dengan menggunakan jendela Property Inspector.

(37)

BAB 3 PEMBAHASAN

3.1 Penginputan Data

Data yang dikumpulkan berdasarkan riset yang dilakukan pada PT. Hutama Karya Cabang I Sumatera Utara yaitu :

4. Data tender dan kontrak PT. Hutama Karya Cabang I Sumatera Utara pada tahun 2007 dan 2008.

5. Data tender PT. Hutama Karya Cabang I Sumatera Utara pada tahun 2007 dan 2008 yang meliputi :

 Daftar dokumen tender, yang meliputi :

Dokumen lelang, tanggal terima dokumen lelang, jumlah dokumen dan keterangan dokumen lelang.

Agenda dokumen lelang, tanggal terima agenda dokumen lelang, jumlah agenda, dan keterangan agenda dokumen lelang.

 Lembar distribusi dokumen tender, yang meliputi :

Nama dokumen, satuan, jumlah, tanggal terima, copy terkendali.Pihak penerima distribusi dokumen tender.

 Evaluasi keikutsertaan tender, yang meliputi :

(38)

Uraian, hasil evaluasi, dan keterangan.  Laporan kegiatan tender, yang meliputi :

Nama proyek, kode proyekPemilik dan alamat pemilikKonsultan

Lokasi lingkup pekerjaanSumber dana

Pembukaan tenderBiaya tenderKeterangan

 Daftar dokumen kontrak, yang meliputi :  Nomor karya dan nama karya

Nomor dokumen kontrak, nama dokumen, tanggal terbit, jumlah, dan keterangan

 Checklist pemeriksaan dokumen kontrak/amandemennya, yang meliputi :  Nomor karya, nama karya, nomor dokumen kontrak, tanggal dokumen

kontrak

Uraian, hasil evaluasi, dan keterangan  Lembar distribusi dokumen kontrak

Nomor induk dokumen kontrak, judul dokumen kontrak

Penerima distribusi kontrak, nama dokumen, satuan, jumlah, tanggal terima, nomor copy terkendali

(39)

dokumen kontrak/amandemennya, lembar distribusi dokumen kontrak dientri secara utuh artinya pengentrian dilakuksn dalam bentuk format asli dokumen dengan menggunakan teknik scanning.

Sementara data yang dientri yang akan dientri adalah data laporan kegiatan tender, dimana pengentrian data dilakukan secara seri yaitu dientri satu satu ke dalam database MySQL antara lain :

Nama proyek, kode proyekPemilik dan alamat pemilikKonsultan

Lokasi lingkup pekerjaanSumber dana

Pembukaan tenderBiaya tenderKeterangan

3.2 Proses

Setelah dilakukan penginputan data, maka tahap selanjutnya adalah data tersebut disimpan dalam sebuah file yang dinamakan database. File database nya antara lain : 1. Tabel tender dan kontrak

(40)

Tabel 3.1 Tabel Tender dan Kontrak

2. Tabel laporan kegiatan tender

Berikut ini adalah field field yang dibuat dalam tabel laporan kegiatan tender:

Tabel 3.2 Tabel laporan kegiatan tender

(41)

3. Tabel pengunjung

Tabel pengunjung digunakan untuk menampung para karyawan yang telah memeberikan komentranya pada web PT. Hutama Karya. Berikut ini adalah field

field yang dibuat dalam tabel pengunjung :

Tabel 3.3 Tabel pengunjung

4. Tabel User

Tabel admin digunakan untuk menampung data dari admin pada web PT. Huatama Karya . Berikut ini adalah field field yang dibuat dalam tabel admin :

Tabel 3.4 Tabel user

5. Tabel kompetitor_lulus

Tabel ini berisi nama-nama perusahaan yang lulus dalam tender. Berikut adalah field-field yang dibuat dalam tabel kompetittir_lulus:

Tabel 3.5 Tabel kompetitor_lulus

(42)

6. Tabel kontak

Tabel ini berisi data-data pengunjung beserta pertanyaan seputar PT. Hutama Karya. Berikut adalah field-field yang dibuat untuk tabel kontak:

Tabel 3.6 Tabel kompetitor_lulus

3.3 Menampilkan Hasil

Untuk menampilkan hasil, dilakukan dengan pengumpulan data dan dilanjutkan dengan pembuatan algoritma perancangan sistem. Dengan mengikuti cara tersebut, ada 7 tampilan yang akan dihasilkan yaitu :

1. Tampilan Perusahaan 2. Tampilan Cabang 3. Tampilan Proyek 4. Tampilan Produk

5. Tampilan Tender dan Kontrak 6. Tampilan Kontak

7. Tampilan Buku Tamu

+---+---+---+---+---+---+ | Field | Type | Null | Key | Default | Extra | +---+---+---+---+---+---+ | nama | char(30) | YES | | NULL | | | email | char(30) | YES | | NULL | | | comment | text | YES | | NULL | |

| addres | char(20) | YES | | NULL | |

(43)

3.4 Algoritma Perancangan Sistem

Algoritma perancangan sistem pengarsipan tender dan kontrak PT. Hutama Karya Cabang I Sumatera Utara yaitu :

Langkah 1 : Mulai

Langkah 2 : Pengumpulan data dan kontrak PT. Hutama Karya Cabang I Sumatera Utara tahun 2007 dan 2008

Langkah 3 : Penginputan data ke memori

Langkah 4 : Menyimpan data ke dalam database

Langkah 5 : Database disimpan dalam file masing - masing Langkah 6 : Menampilkan data

Langkah 7 : Perancangan program Langkah 8 : Selesai

3.5 Flowchart Perancangan Sistem

(44)

Y

Y

Y

T Y

Y

Y

Y

Y

Gambar 3.1 Flowchart Menu Utama Tender dan Kontrak

Mulai

Pengumpulan data tender dan kontrak

Input data tender dan kontrak

Simpan ke database?

Simpan database dalam fila nasing - masing

Cetak hasil

Perancangan Program

(45)

BAB 4

PERANCANGAN SISTEM PENGARSIPAN TENDER DAN KONTRAK PT. HUTAMA KARYA CABANG I SUMATERA UTARA

4.1 Perancangan Sistem Pengarsipan Tender dan Kontrak PT.Hutama Karya Cabang I Sumatera Utara

Dengan mengikuti alogritma perancangan sistem seperti yang tertera pada bab 3.4, maka sistem dapat dirancang sebagai berikut :

4.1.1 Instalasi Apache, PHP, dan MySQL

Dalam mengintalasi Apache, PHP dan MySQL dilakukan satu persatu. Adapun softwarenya dapat diperoleh dari situs http://www.apache.org untuk Apache,http://www.php.net untuk PHP danhttp://mysql.com untuk MySQL. Tahap instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan konfigurasi yang diberikan setelah instalasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit.

(46)

1. Server Web. Di dalam paket Xampp dapat kita jumpai aplikasi Apache Web Server. Server Web adalah sebuah program yang berfungsi sebagai penerima dan mengolah permintaan browser web. Kode pemrograman server side seperti script PHP, dikirim dan dijalankan pada server, kemudian Server Web mengirimkan hasilnya pada computer klien dank lien hanya dapat menerima hasilnya saja.

2. PHP. Pada paket Xampp ini dapat kita temui aplikasi PHP sebagai program pengeksekusian script PHP.

3. MySQL. Pada Xampp juga menyediakan aplikasi MySQL sebagai tempat penampungan dan penyimpanan data dari database.

Karena kelebihan Xampp ini, bias meyediakan 3 paket aplikasi sekaligus, memudahkan kita dalam melakukan penginstalan paket tersebut tanpa perlu lagi melakukan konfigurasi yang rumit terhadap ketiga aplikasi tersebut.

4.1.2 Instalasi Xampp

(47)

Adapun tahap tahap instalasinya adalah :

1. Jalankan XAMPP yang telah di download. Akan muncul pilihan bahasa yang akan digunakan dalam instalasi. Pilih bahasa yag akan digunakan dalam proses instalasi. Pada tahap instalsi ini, Penulis menggunkan bahasa Inggris.

Gambar 4.1 Pilihan Bahasa Instalasi Xampp

2. Pada tahap ini akan muncul Welcome Notes dari Developer. Tekan Next untuk melanjutkan instalasi.

(48)

3. Pilih Folder Instalasi program, Secara default file program diarahkan ke C:/Program Files/xampp/. Namun anda dapat mengarahkan ke folder lain. Tekan Next untuk tahap selanjutnya

Gambar 4.3Lokasi Instalasi

4. Selanjutnya adalah proses instalasi berupa penyalinan file ke folder tujuan dan folder-folder lain yang diperlukan.

(49)

5. Klik finish jika proses instalasi telah selesai.

Gambar 4.5 Setup Selesai

6. Selanjutnya akan muncul Install XAMPP Server as Service? Pilih yes. Begitu juga apabila muncul Pertanyaan Install Apache2 as Service? Pertanyaan yang sama juga akan muncul untuk PHP dan MYSQL.

Gambar 4.6 Pilihan Server Service

(50)

Gambar 4.7 Pilihan Strat Server

8. Auto Start Service? pilih yes. Dengan Auto Start web server lokal kita selalu aktif. Jadi kita tidak perlu melakukan start secara manual setiap kali kita menyalakan komputer.

Gambar 4.8 Pilihan Auto Start Lokal

9. Sampai di sini sebenarnya proses instalasi selesai. Namun XAMPP memberikan opsi lanjutan yaitu apakah kita akan membuka XAMPP Control Panel atau tidak? pilih yes jika ingin membuka atau no jika ingin cukup sampai di sini.

Gambar 4.9 Proses Instalasi Sukses

(51)

XAMPP control panel, kita dapat melakukan start dan stop aplikasi server kita.

Gambar 4.10 Xampp Control Panel Aktif

11. Walaupun dari XAMPP Control serever telah running, namun kita perlu melihat hasilnya. Klikhttp://localhost/di browser anda. Apabila sukses, halaman default dari XAMPP seperti di bawah.

(52)

Setelah proses instalasi berjalan dengan sempurna, langkah selanjutnya adalah menjalankan Xampp. Untuk itu, buka aplikasi Xampp dengan mengklik ganda icon Xampp yabng ada di desktop, sehingga muncul kotak dialog Xampp Control. Jalankan fungsi Apache dan MySQL untuk mencoba halaman web pada tool browsing.

Gambar 4.11 Xampp Control Panel

4.2 Tampilan Program

Pada web perancangan sistem informasi pengarsipan tender dan kontrak, memiliki banyak halaman. Tiap halaman utama masing masing memiliki link yang tiap isi halaman webnya menunjukkan setiap informasi yang berebeda. Untuk pengetesan pada tombol browser, ketikkan pada address bar

(53)

Karya sendiri ketikkan pada address bar browsing seperti berikut ini :

http://localhost/hutama_karya. Penulisan hutama_karya setelah localhost menunjukkan folder tempat penyimpanan file file web perancangan perancangan sistem pengarsipan tender PT. Hutama Karya. Di bawah ini adalah contoh halaman utama web perancangan sistem pengarsipan tender PT. Hutama Karya.

(54)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dari hasil penelitian dapat disimpulkan oleh Penulis sebagai berikut :

1. Dengan mengikuti perancangan sistem seperti yang tercantum pada bab 3, maka situs perancangan Pengarsipan Tender dan Kontrak PT. Hutama Karya Cabang I Sumatera Utara telah dapat dibangun dan digunakan.

2. Dengan terciptanya perancangan sistem pengarsipan tender dan kontraka PT. Hutama Karya Cabang I Sumatera Utara, maka komputer dapat digunakan sebagai alat informasi untuk meminimumkan biaya, waktu dan tenaga.

(55)

5.2 Saran

1. Diharapkan agar dari pihak perusahaan PT. Hutama Karya cabang Sumatera Utara menggunakan situs web yang beisikan informasi pengarsipan tender dan kontrak untuk menjaga tersimpannya data data tender dan kontrak yang suatu saat dapat selalu di update.

2. Kemudahan dalam penjelajahan web Perancangan Sistem Informasi Pengarsipan Tender dan Kontrak PT. Hutama Karya perlu diperhatikan agar pengunjung dapat menerima informasi dengan mudah.

(56)

BAB 6

DAFTAR PUSTAKA

Hakim Lukmanul dan Uus Musalini.2004. Cara Mudah Memadukan Web Design dan Web Programming.Jilid I. Jakarta : PT. Elex Media Komputindo.

Agung Gregorius. 2002. Belajar Sendiri Macromedia Dreamweaver 8. Jilid I. Jakarta : PT. Elex Media Komputindo.

Hakim Lukmanul dan UUs Musalini.2004.Cara Cerdas Menguasai Layout, Desain, dan Applikasi Web. Jilid I. Jakarta : PT. Elex Media Komputindo.

MADCOMS. 2004.Seri Panduan Desain Web Macromedia Dreamweaver 8. Jilid I. Yogyakarta: Andi Yogyakarta.

(57)

Account.php

<body><table width="79%" height="326" border="1" align="center"> <tr>

<td height="22" bgcolor="#3366FF"><div align="center" class="style1">ADMINISTRATOR</div></td>

</tr> <tr>

<td height="252" valign="top"><table width="100%" border="0"> <tr>

<td width="24%" height="248" valign="top"><table width="100%" border="0">

<td bgcolor="#CCCCCC"><strong><a href="daftar_bt.php">Daftar Buku Tamu</a> </strong></td>

(58)

</tr>

</table></td>

<td width="76%" align="left" valign="top">

<form id="form1" name="form1" method="post" action="ganti_account.php">

<?php

include'koneksi.php';

$tampil1=mysql_query("select * from user"); $jlh=mysql_num_rows($tampil1);

if($jlh <1) {

echo"Tidak ada user untuk ditampilkan"; } echo"$_SESSION[username]";

while($tampil=mysql_fetch_array($tampil1)){ ?>

<table width="381" border="0" align="center"> <tr>

<td width="375" align="center"><div align="center">Ganti Account </div></td>

</tr> <tr>

<td><table width="100%" border="0"> <tr>

<td width="40%">Username Lama </td>

<td width="60%"><input readonly="yes" name="usr_lm" type="text" id="usr_lm" size="30" value="<?=$tampil[username]?>" /></td>

</tr> <tr>

<td>Username Baru </td>

<td><input name="usr_br" type="text" id="usr_br" size="30" /></td> </tr>

<tr>

<td>Password Lama </td>

<td><input readonly="yes" name="pass_lm" type="text" id="pass_lm" size="30" value="<?=$tampil[pass]?>" /></td>

</tr> <tr>

<td>Password Baru </td>

<td><input name="pass_br" type="password" id="pass_br" size="30" /></td>

</tr> <tr>

<td>Confirm Baru </td>

<td><input name="conf_pass_br" type="password" id="conf_pass_br" size="30" /></td>

</tr> <tr>

<td>&nbsp;</td>

(59)

<input type="reset" name="Submit2" value="Reset" /></td>

<td height="20" valign="top" bgcolor="#3366FF"><div align="center"><span class="footer style2">Copyright &copy; Florentina R Naibaho - All Rights Reserved<br />

D3 Ilmu Komputer FMIPA - USU<br /> florent_caem@yahoo.com</span></div></td>

font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;

}

body,td,th {

font-family: Verdana, Arial, Helvetica, sans-serif; }

(60)

<tr>

<td height="22" bgcolor="#3366FF"><div align="center" class="style1">ADMINISTRATOR</div></td>

</tr> <tr>

<td height="252" valign="top"><table width="100%" border="0"> <tr>

<td width="24%" height="248" valign="top"><table width="100%" border="0">

<td bgcolor="#CCCCCC"><strong><a href="daftar_bt.php">Daftar Buku Tamu</a> </strong></td>

<td bgcolor="#CCCCCC"><strong><a href="arsip_tender.php">Arsip dan Tender</a> </strong></td>

<td width="76%" align="left" valign="top">

<p>Selamat Datang Admin, anda boleh melakukan administrasi di halaman ini....</p>

<p>Silahkan pilih pada menu disamping!!! </p> </td> </tr>

</table></td> </tr>

<tr>

<td height="20" valign="top" bgcolor="#3366FF"><div align="center"><span class="footer style2">Copyright &copy; Florentina R Naibaho - All Rights Reserved<br />

D3 Ilmu Komputer FMIPA - USU<br /> florent_caem@yahoo.com</span></div></td>

(61)

</body> </html>

Aksi _ proyek.php

<?php

if(isset($_POST["edit"]) && ($_POST["edit"] =='edit')){ ?> <style type="text/css">

<!--.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}

.style23 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .style24 {font-size: 12px}

.style7 {font-family: Arial, Helvetica, sans-serif} -->

</style>

<table width="54%" border="1" cellpadding="0" cellspacing="0"> <tr>

<th width="68%" height="21" align="center" valign="top"

bgcolor="#0099FF"><span class="style7 style1">Edit Tender dan Proyek </span></th>

</tr> <tr>

<td height="379" bgcolor="#CCCCCC"><?php include'koneksi.php';

$qry=mysql_query("select * from tender_kontrak where kode='$_POST[kode]'");

while($tampil=mysql_fetch_array($qry)){ ?>

<form action="edit_proc_pro.php" method="post" enctype="multipart/form-data" name="form1" id="form1">

<table width="100%" border="0"> <tr>

<td width="41%" align="left" valign="top" bgcolor="#CCCCFF"><span class="style23">Tahun</span></td>

(62)

<td align="left" valign="top" bgcolor="#CCCCCC"><span class="style23">Kode</span></td>

<td bgcolor="#CCCCCC"><input name="kode" type="text" id="kode" value=<?=$tampil[kode]?> size="40" /></td>

</tr> <tr>

<td align="left" valign="top" bgcolor="#CCCCFF"><span class="style23">Nama </span></td>

<td bgcolor="#CCCCFF"><textarea name="nm_proyek" cols="40" rows="2" id="nm_proyek"><?=$tampil[nm_proyek]?>

</textarea></td> </tr> <tr>

<td align="left" valign="top" bgcolor="#CCCCCC"><span class="style23">Dokumen Tender </span></td>

<td bgcolor="#CCCCCC"><input name="0" type="file" id="0" /></td> </tr>

<tr>

<td align="left" valign="top" bgcolor="#CCCCFF"><span class="style23">Distribusi Tender </span></td>

<td bgcolor="#CCCCFF"><input name="1" type="file" id="1" /></td> </tr>

<tr>

<td align="left" valign="top" bgcolor="#CCCCCC"><span class="style23">Evaluasi Tender </span></td>

<td bgcolor="#CCCCCC"><input name="2" type="file" id="2" /></td> </tr>

<tr>

<td align="left" valign="top" bgcolor="#CCCCFF"><span class="style23">Laporan</span></td>

<td bgcolor="#CCCCFF"><input name="3" type="file" id="3" /></td> </tr>

<tr>

<td align="left" valign="top" bgcolor="#CCCCCC"><span class="style23">Amandemen Dokumen Kontrak </span></td>

<td bgcolor="#CCCCCC"><input name="4" type="file" id="4" /></td> </tr>

<tr>

<td align="left" valign="top" bgcolor="#CCCCFF"><span class="style23">Daftar Dokumen Kontrak </span></td>

<td bgcolor="#CCCCFF"><input name="5" type="file" id="5" /></td> </tr>

<tr>

<td align="left" valign="top" bgcolor="#CCCCCC"><span class="style23">Distribusi Kontrak </span></td>

<td bgcolor="#CCCCCC"><input name="6" type="file" id="6" /></td> </tr>

(63)

<td align="left" valign="top" bgcolor="#CCCCFF"><span class="style23">Kontrak</span></td>

<td bgcolor="#CCCCFF"><input name="7" type="file" id="7" /></td> </tr>

<tr>

<td align="left" valign="top" bgcolor="#CCCCCC"><span class="style23">Keterangan Tambahan </span></td>

<td bgcolor="#CCCCCC"><select name="ket" id="ket">

<option value="LULUS" selected="selected">LULUS</option> <option value="TIDAK LULUS">TIDAK LULUS</option> </select></td>

</tr> <tr>

<td align="left" valign="top" bgcolor="#CCCCFF"><span class="style24"></span></td>

<td bgcolor="#CCCCFF"><input type="submit" name="Submit" value="Update" />

<input type="reset" name="Submit2" value="Clear" /></td> </tr>

</table>

<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">

<td height="21" bgcolor="#0099FF"><div align="center"></div></td> </tr>

</table> <?php } else {

if(isset($_POST["kode"]) && ($_POST["hapus"]=='hapus')){ include'koneksi.php';

$qry=mysql_query("delete from tender_kontrak where kode='$_POST[kode]'"); if($qry){

header("location:proyek.php"); } else {

echo"Tidak bisa menghapus data"; }} else {

echo"Error..."; }}

?>

(64)

<?php </style>

<link href="/hutama_karya/style/gaya.css" rel="stylesheet" type="text/css" /> <style type="text/css">

<!--.style2 {family: Verdana, Arial, Helvetica, sans-serif; weight: bold; font-size: 14px; }

.style4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .style5 {font-size: 10px}

<!-- InstanceBeginEditable name="head" --> <style type="text/css">

<!--.style6 {font-family: Verdana, Arial, Helvetica, sans-serif}

.style7 {font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; } .style9 {font-size: 12px}

<table width="800" border="2" align="center" cellpadding="0" cellspacing="0"> <tr>

<td height="189" bgcolor="#9A9B9F"><table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="50%" align="left" valign="top" bgcolor="#727E8A"><img src="/hutama_karya/images/bopdy_01.jpg" width="398" height="78" /></td>

<td width="50%" align="left" valign="top"><img

(65)

</tr> <tr>

<td align="left" valign="top"><img src="/hutama_karya/images/bopdy_03.jpg" width="398" height="83" /></td>

<td align="left" valign="top"><img src="/hutama_karya/images/bopdy_04.jpg" width="402" height="83" /></td>

</tr> <tr>

<td height="26" align="left" valign="top"><img

src="/hutama_karya/images/bopdy_05.jpg" width="398" height="26" /></td> <td align="left" valign="top" bgcolor="#A3A7B3"><img

src="/hutama_karya/images/bopdy_06.jpg" width="402" height="26" /></td> </tr>

<td width="50%" height="27" align="left" valign="middle" bgcolor="#FFFFFF" class="kepala"><div align="right">

<p align="left">

<!-- #BeginDate format:fcEn2m -->Wednesday, 28-May-2008 23:28<!--#EndDate -->

</p>

</div></td>

<td width="14%" align="left" valign="top" bgcolor="#FFFFFF"><a href="bukutamu.php"><img src="/hutama_karya/images/bopdy_08.gif" width="112" height="27" border="0" /></a></td>

<td width="12%" align="left" valign="top" bgcolor="#FFFFFF"><a

href="polling.php"><img src="/hutama_karya/images/bopdy_09.gif" width="92" height="27" border="0" /></a></td>

<td width="13%" align="left" valign="top" bgcolor="#FFFFFF"><a

href="artikel.php"><img src="/hutama_karya/images/bopdy_10.gif" width="101" height="25" border="0" /></a></td>

<td width="11%" align="left" valign="top" bgcolor="#FFFFFF"><a

href="download.php"><img src="/hutama_karya/images/bopdy_11.gif" width="97"

<td><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr>

<td width="20%" valign="top" bgcolor="#4DA48B"><table width="158" border="0" cellpadding="0" cellspacing="0">

(66)

<td width="9%" valign="top"><img

src="/hutama_karya/images/bopdy_12.gif" width="15" height="28" /></td> <td width="84%" valign="middle"

background="/hutama_karya/images/bopdy_13.gif"><div align="center" class="style2"> Menu </div></td>

<td width="7%" valign="top"><img

src="/hutama_karya/images/bopdy_15.gif" width="12" height="28" /></td> </tr>

</table>

<table width="86%" border="0" cellpadding="0" cellspacing="0"> <tr>

<td bgcolor="#46A186"><a href="sejarah.php"><img

src="/hutama_karya/images/bopdy_18.gif" width="158" height="24" border="0" /></a></td>

</tr> <tr>

<td bgcolor="#46A186"><a href="cabang.php"><img

src="/hutama_karya/images/bopdy_20.gif" width="158" height="29" border="0" /></a></td>

</tr> <tr>

<td bgcolor="#46A186"><a href="proyek_sup.html"><img

src="/hutama_karya/images/bopdy_21.gif" width="158" height="30" border="0" /></a></td>

</tr> <tr>

<td bgcolor="#46A186"><a href="produk.php"><img

src="/hutama_karya/images/bopdy_22.gif" width="158" height="22" border="0" /></a></td>

</tr> <tr>

<td bgcolor="#46A186"><a href="tender_kontrak.php"><img

src="/hutama_karya/images/bopdy_23.gif" width="158" height="29" border="0" /></a></td>

</tr> <tr>

<td bgcolor="#46A186"><a href="kontak.php"><img

src="/hutama_karya/images/bopdy_24.gif" width="158" height="24" border="0" /></a></td>

</tr> <tr>

<td height="49" valign="top" bgcolor="#46A186"><img

src="/hutama_karya/images/bopdy_27.gif" width="158" height="30" /></td> </tr>

<tr>

(67)

<td width="9%" valign="top"><img

src="/hutama_karya/images/bopdy_12.gif" width="15" height="28" /></td> <td width="83%" valign="middle"

background="/hutama_karya/images/bopdy_13.gif"><div align="center" class="style2">Login</div></td>

<td width="8%" valign="top"><img

src="/hutama_karya/images/bopdy_15.gif" width="12" height="28" /></td> </tr>

</table></td> </tr>

<tr>

<td><form id="form1" name="form1" method="post" action="login_proc.php">

<table width="100%" border="2" cellpadding="0" cellspacing="0" bordercolor="#666666">

<tr>

<td width="59" bgcolor="#93B4C9"><span class="style4">User </span></td>

<td width="93" bgcolor="#93B4C9"><input name="username" type="text" id="username" size="15" /></td>

</tr> <tr>

<td bgcolor="#CCCCCC"><span class="style4">Pass</span></td> <td bgcolor="#CCCCCC"><input name="pass" type="password" id="pass" size="15" /></td>

</tr> <tr>

<td bgcolor="#93B4C9">&nbsp;</td>

<td bgcolor="#93B4C9"><input name="Submit" type="submit" class="style4" value="Login" /></td>

<td bgcolor="#4DA48B"><table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="9%" valign="top"><img

src="/hutama_karya/images/bopdy_12.gif" width="15" height="28" /></td> <td width="83%" valign="middle"

(68)

<td width="8%" valign="top"><img

src="/hutama_karya/images/bopdy_15.gif" width="12" height="28" /></td> </tr>

</table></td> </tr>

</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr>

<td><?php include'hasil_polling.php'; ?></td> </tr>

</table></td>

<td width="80%" align="left" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> InstanceBeginEditable name="title" -->Tender dan Kontrak ...<!--InstanceEndEditable --></td>

<td width="2%"><div align="right"><img

src="/hutama_karya/images/bopdy_15.gif" width="12" height="28" /></div></td> </tr>

</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr>

<td height="384" valign="top" bgcolor="#46A186"><!--InstanceBeginEditable name="isi" -->

<table width="100%" border="0"> <tr>

<td><form id="form1" name="form1" method="post" action="#"> <table width="100%" border="0">

<tr>

<td width="82%">&nbsp;</td> <td width="6%">Tahun:</td>

<td width="6%"><select name="tahun" id="tahun"> <option selected="selected">Select</option> <option value="2007">2007</option> <option value="2008">2008</option> </select> </td>

<td width="6%"><input type="submit" name="Submit2" value="Lihat" /></td>

</tr> <tr>

<td><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Tahun :

(69)

<?php

<td><form id="form2" name="form2" method="post" action="tender_detail.php">

<table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#666666">

<tr>

<th width="3%" bgcolor="#3366FF"><div align="center" class="style9"><span class="style6">No</span></div></th>

<th width="20%" bgcolor="#3366FF"><div align="center" class="style9"><span class="style6">Kode</span></div></th>

<th width="64%" bgcolor="#3366FF"><div align="center" class="style9"><span class="style6">Nama Proyek </span></div></th>

<th width="13%" bgcolor="#3366FF"><div align="center" class="style9"><span class="style6">Keterangan </span></div></th>

$qry=mysql_query("select * from tender_kontrak where tahun='$tahun'"); while($tampil=mysql_fetch_array($qry)){

$no++;

if($no % 2==0){

$kolor="#CCCCCC"; } else { $kolor="#FFFFFF"; }

echo"<input name=kode type=hidden id=kode value=$tampil[kode] />"; ?>

<tr>

<td valign="top" bgcolor="<?=$kolor?>" class="style7"><div align="center" class="style9">

<?=$no?> </div></td>

<td bgcolor="<?=$kolor?>" >

(70)

<?=$tampil[kode]?>

<td bgcolor="<?=$kolor?>" class="style9"><div align="center"> <?=$tampil[ket]?>

<td class="footer">Copyright &copy; Florentina R Naibaho - All Rights Reserved<br />

D3 Ilmu Komputer FMIPA - USU<br /> florent_caem@yahoo.com</td>

<link href="/hutama_karya/style/gaya.css" rel="stylesheet" type="text/css" /> <style type="text/css">

<!--.style2 {family: Verdana, Arial, Helvetica, sans-serif; weight: bold; font-size: 14px; }

.style4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .style5 {font-size: 10px}

a:link {

Gambar

Gambar 2.1. Komputer Untuk Menghitung Sensus
Gambar 2.5. Prinsip Kerja PHP dan Apache
Gambar 2.5. Simbol MySQL
Gambar : Area kerja Macromedia Dreamweaver 8
+7

Referensi

Dokumen terkait

Puji syukur atas kehadirat Tuhan Yang Maha Esa, berkat dan anugerahNya, penulis dapat menyelesaikan tesis penelitian yang berujudul “Peningkatan Kemampuan Guru

Validation results from material and media experts indicate that the booklet can be understood, so it can be one of the alternative media information that can

Keadaan ini menunjukkan bahwa program seleksi individu yang dilakukan pada populasi ikan mas Punten jantan secara tidak langsung telah memperbaiki kondisi morfometrik ikan

Dengan menggunakan standar POSIX, aplikasi yang di- compile untuk bekerja pada sistem operasi tertentu juga dapat bekerja pada sistem lain yang memiliki kriteria yang sama.

Memberikan gambaran pada Masyarakat setempat mengenai factor- faktor yang mempengaruhi tekanan darah seperti usia, jenis kelamin, status gizi, tingkat stres, frekuensi

Oleh karena itu, untuk mengatasi adanya waste berupa environmental, health and safety maka dapat diatasi dengan pengadaan kursi yang lebih layak untuk pekerja sortir

Seiring kemajuan perusahaan, pada tahun 1946, perusahaan TJONG KONG FUNG dilanjutkan oleh putranya dan pada waktu itu merubah nama perusahaan

This family starts to face conflict when Adoniram (the male character) plans to build a new barn on the area set aside for the new house that he has promised to his