PERANCANGAN WEBSITE AGENDA JASA KONSTRUKSI DAN KONTRAKTOR UMUM PADA CV. TUJUH BELAS WONOGIRI
TUGAS AKHIR
Disusun oleh: Riki Setiawan
07.02.6903
Arya Bonete Zwageria
07.02.6945
JURUSAN MANAJEMEN INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012
i
WEBSITE DESIGN FOR CONTRUCTION SERVICES AND CONTRACTING CV. TUJUH BELAS WONOGIRI PERANCANGAN WEBSITE AGENDA JASA KONTRUKSI DAN KONTRAKTOR UMUM PADA CV. TUJUH BELAS WONOGIRI Riki Setiawan Arya Bonete Zwageria Jurusan Manajemen Informatika STMIK AMIKOM YOGYAKARTA
ABSTRACT A new era in the world of business and organizational terms appear in line with the introduction of information technology and information systems, ie how well a forprofit organizations and non-profit trying to use a computer devices, applications, and telecommunications facilities to improve its performance significantly. Development of science and technology information has been covering the world today. As part of the world community, we certainly do not want to miss and information technology is growing. There are many ways that can be taken to determine the development of technology is going. One way is to use the computer as a means for processing data and information. Likewise with the CV. Seventeen companies engaged in construction and general contracting services are still experiencing difficulties in implementing the project agenda. This job is not impossible to do manually (phone, visits), the result is less effective and efficient. In order to streamline the efficiency of work and activities of the company required a web-based information system that is needed the business world today, to minimize time and cost in operation. Therefore, the authors tried to develop an agenda of construction services and general contracting CV. Seventeen using web-based Internet network using PHP language which is expected to overcome the difficulty of the agenda of activities and projects that have not yet run on the CV. Seventeen. Keywords: Web, Database, CV. Seventeen
ii
1. PENDAHULUAN Perkembangan dunia informasi saat ini semakin cepat memasuki berbagai bidang, sehingga banyak perusahaan yang berusaha meningkatkan usahanya terutama dalam bidang bisnis. Dengan berkembangya ilmu pengetahuan khususnya dalam bidang tekhnologi informasi, maka dewasa ini bermunculan perkembangan sistem komputerisasi artinya perkembangan jalur teknis yang semula berjalan manual kini lebih disempurnakan dengan bantuan suatu alat yang dapat menunjang ke-efektifan kinerja penggunanya yaitu komputer. Era global sekarang ini, tekhnologi informasi juga menjadi pendorong utama dari perubahan dan perkembangan ekonomi dunia. Dalam menguasai tekhnologi informasi, internet khususnya media web memegang peranan penting karena merupakan salah satu pendukung teknologi informasi tersebut. Bagi kebanyakan masyarakat sekarang ini teknologi internet bukan lagi menjadi sesuatu yang asing, terlebih lagi bagi orang-orang yang berkecimpung di dunia Komputer. Dalam kondisi tersebut manusia sebagai pelaku suatu perusahaan dituntut untuk menciptakan inovasi baru dalam rangka memberikan informasi serinci mungkin kepada konsumen. Penyampaian informasi dari perusahaan kepada konsumen harus secara cepat, akurat, mudah serta dikemas dengan menarik. Semua itu bisa didapatkan dengan adanya Website. Website dapat digunakan untuk memperkenalkan suatu produk
atau jasa dan memberikan gambaran nyata
kepada masyarakat. Oleh karena itu Website yang ditampilkan haruslah menarik, dinamis, sesuai dengan bidang yang dikelola perusahaan serta tidak membebani bandwith agar penyampaian informasi dari Website tidak terhambat.
2. LANDASAN TEORI Informasi (information) didefinisikan oleh John Burch dan Gary Grundistski sebagai berikut : “informasi adalah data yang telah diletakkan dalam konteks yang lebih berarti
yang
dikomunikasikan
kepada
penerimaan
untuk
digunakan
di
dalam
pengambilan keputusan”. Dari definisi informasi yang diberikan di atas, dapat diambil kesimpulan bahwa informasi adalah: a. Data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya.
1
2
b. Menggambarkan suatu kejadian-kejadian (event) dan kesatuan nyata (fact and entity). c. Digunakan keputusan untuk pengambilan keputusan sumber dari informasi adalah data. Data merupakan bentuk jamak dari bentuk tunggal data utama atau Dataitem. Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian (event) adalah sesuatu yang terjadi pada saat tertentu. Kesatuan nyata (fact and entity) adalah berupa obyek nyata seperti Tempat, Benda, dan orang-orang yang betul-betul ada dan terjadi.
PERANCANGAN DAN IMPLEMENTASI Struktur Situs Web Lebih lanjut dalam pembuatan sebuah website, adalah menentukan struktur sebagai acuan dalam pembuatan web. Tujuan pembuatan struktur web CV.Tujuh Belas, antara lain: 1. Memberi kemudahan dalam melihat struktur web. 2. Mempermudah dalam tahap perancangan web. 3. Meminimalkan waktu dalam proses pembuatan web, karena sudah memiliki pola sebagai acuan. Struktur Halaman User
Struktur Halaman User
3
Struktur Halaman Admin
Struktur Halaman Admin
Perancangan Interface Rancangan Interface Website CV.Tujuh Belas terdiri dari dua bagian yaitu halaman user dan halaman administrator. Halaman User 1. Rancangan Halaman Home
Rancangan Halaman Home
4
2. Rancangan Halaman Tentang Kami
Rancangan Halaman Tentang Kami 3. Rancangan Halaman Kinerja
Rancangan Halaman Kinerja
5
4. Rancangan Halaman Publikasi
Rancangan Halaman Publikasi
5. Rancangan Halaman Galeri
Rancangan Halaman Galeri
6
6. Rancangan Halaman Buku Tamu
Rancangan Halaman Buku Tamu Halaman Admin 1. Rancangan Halaman Login
Rancangan Halaman Login
7
2. Rancangan Halaman Administrator
Rancangan Halaman Administor
3. Rancangan Halaman Edit Home
Rancangan Halaman Edit Home
8
4. Rancangan Halaman Tulis Atikel
Rancangan Halaman Tulis Artikel
5. Rancangan Edit Artikel
Rancangan Halaman Edit Artikel
9
6. Rancangan Halaman Edit Kategori
Rancangan Halaman Edit Kategori
7. Rancangan Halaman Galery
Rancangan Halaman Galery
10
8. Rancangan Halaman Edit Buku Tamu
Rancangan Halaman Edit Buku Tamu 9. Rancangan Halaman Upload Gambar
Rancangan Halaman Upload Gambar
11
10. Rancangan Halaman Edit Admin
Rancangan Halaman Edit Admin
Perancangan Tabel 1. Rancangan Tabel Admin
Rancangan Tabel Admin
12
2. Rancangan Tabel Galeri
Rancangan Tabel Galeri 3. Rancangan Tabel Artikel
Rancangan Tabel Artikel
a. Rancangan Tabel Buku Tamu
Rancangan Tabel Buku Tamu
13
4. Rancangan Tabel Gambar
Rancangan Tabel Gambar 5. Rancangan Tabel Kategori
Rancangan Tabel Kategori
6. Rancangan Tabel Home
Rancangan Tabel Home
14
Hubungan Antar Tabel Implementasi Pembuatan Database Database yang digunakan pada situs web ini dirancang dengan menggunakan MySQL. MySQL merupakan pengelola database server yang menggunakan bahasa standar SQL (Structure Query Language). Berikut tabel yang digunakan pada website CV. Tujuh Belas :
1. Admin Tabel ini digunakan untuk menyimpan data user yang terdiri dari field username, password nama_admin,email_admin dan ket_admin :
Tabel Admin Perintah query untuk membuat tabel Admin : create table admin ( username int (11) not null primary key,username varchar(500),
password
varchar(500),
nama_admin
email_admin varchar(500), ket_admin (500))
varchar(500),
15
2. Galeri Tabel ini digunakan untuk menyimpan data gallery
Tabel Galeri Perintah query untuk membuat tabel Galeri : create table galery ( id_galery int(20) not null primary key, nama varchar (1000) isi varchar (1000))
3. Tabel Artikel Tabel ini digunakan untuk menyimpan semua data Artikel
Tabel Artikel
Perintah query untuk membuat tabel artikel: Create table berita (Id_berita int(5) auto increment primary key, id_kategori int(20), judul varchar(100), waktu date, penulis varchar(100), isi text)
16
4. Tabel Buku Tamu Tabel ini digunakan untuk menyimpan data buku tamu
Tabel Buku Tamu
Perintah query untuk membuat tabel buku tamu: Create table bukutamu ( id_tamu int(11) auto increment primary key, nama varchar(500), email varchar(500), website varchar (500), isi text)
5. Tabel Gambar Tabel ini digunakan untuk menyimpan data gambar
Tabel Gambar Perintah query untuk membuat tabel gambar: Create table gambar (id_gambar int(11) primary key, nama_gam varchar(500), link_gam varchar(500), url varchar(200))
6. Tabel Kategori Tabel ini digunakan untuk memisahkan data yang ada di dalam table artikel
17
Tabel Kategori
Perintah query untuk membuat tabel kategori: Create table (id_kategori int(20) primary key, nama_kat varchar(500), ket_kat text, menu varchar(500))
7. Tabel Home Tabel ini digunakan untuk menyimpan data yang akan di tampilkan pada halaman home
Tabel Home
Perintah query untuk membuat tabel home: Create table Home (id_home int(20) primary key, judul varchar(100), isi text, nama varchar (100))
18
Interface Halaman User 1. Home Home : Pada halaman home tersebut bila dilihat dari tampilannya, terbagi menjadi 4 bagian, header dan footer, menu kiri, menu kanan, dan isi.
Home 2. Tentang kami Dari Tampilan Tentang kami yaitu menampilkan Menu Profils, SDM, Peralatan dan setiap di klik salah satu menu di atas akan menampilkan Content dari Menu tersebut.
Tentang Kami 3. Kinerja Kinerja : Menampilkan isi dari Menu proyek yaitu suatu proyek yang telah di kerjakan
19
Kinerja
4. Publikasi Dari Tampilan Publikasi yaitu menampilkan Menu Berita, Artikel, Agenda dan setiap di klik salah satu menu di atas akan menampilkan Content dari Menu tersebut.
Publikasi 5. Galeri Pada Halaman galeri user bisa melihat berbagai poto/album yang di abadikan sebagai Dokumentasi Perusahaan tersebut.
Galeri 6. Buku Tamu Di Halaman Buku Tamu user bisa memberikan suatu komentar mengenai Perusahaan tersebut dengan cara memasukan Nama, Email dan Wabsite.
20
Buku Tamu Halaman Admin 1. Login Admin Untuk dapat memasuki halaman admin, admin harus Login terlebih dahulu.
Login Admin 2. Administrator Di Halaman Administor yaitu Menampilkan Data Administor yang mencangkup Nama, Email, Waktu dan Keterangan.
Administrator
21
3. Edit Home Edit Home
: tampilan awal pada interface admin yang memiliki informasi
pembuka atau awalan website
Edit Home 4. Tulis Artikel Di halaman ini Admin bisa Memasukkan Semua Artikel untuk kemudian di kategorikan.
Tulis Artikel 5. Edit Artikel Di Halam Edit Artikel admin bisa mengedit ulang artikel yang telah di buat.
Edit Artikel 6. Edit Kategori Edit Kategori: untuk mengkategori Proyek, Agenda, Artikel, Berita.
22
Edit Kategori 7. Galeri Pada Halaman galeri admin bisa mengupload berbagai poto/album yang di abadikan sebagai Dokumentasi Perusahaan tersebut
Galeri
8. Edit Buku Tamu Buku Tamu : tampilan daftar buku tamu yang sudah berpartisisipasi dan mengirimkan kritik dan saran yang membangun untuk CV.Tujuh Belas.
Edit Buku Tamu 9. Upload Gambar Di halaman ini tampilan cara untuk mengupload gambar
23
Upload Gambar 10. Edit Admin Di halaman ini menampilankan cara untuk merubah Nama, Password Admin yang lama ke Admin yang baru.
Edit Admin Manual Intalasi Sebelum melakukan upload terlebih dahulu mendaftar di salah satu web hosting. Penulis mengambil contoh web hosting dengan alamat www.ueuo.com. a.
Mekanisme Pendaftaran 1.
Akses
server
hosting
dengan
mengetikkan
www.ueuo.compada bagian address pada browser, maka akan tampil halaman situs seperti di bawah ini :
Home Page
24
Ueuo.com 2. Setelah itu kita melakukan pendaftaran dengan mengisi domain yang kita inginkan,kemudian akan muncul tampilan seperti dibawah ini:
Gambar 4.5.27 Tampilan form Pendaftaran 3. Setelah pengisian formulir telah lengkap dan selanjutnya akan ada pemberitahuan bahwa link pengaktifan situs telah dikirim ke email yang terlihat seperti gambar di bawah ini :
Tampilan Aktivasi email 4. Bacalah dan klik link pengaktifan yang ada pada email tersebut, setelah itu akan menuju halaman login yang terlihat pada gambar di bawah ini : Tampilan Aktivasi email
25
5. Bacalah dan klik link pengaktifan yang ada pada email tersebut, setelah itu akan menuju halaman berikutnya yang akan memberikan informasi jenis pelayanan apa sadja yang akan diperoleh dari ueuo yang terlihat pada gambar di bawah ini :
Fasilitas Web Hosting
PENUTUP
Kesimpulan Berdasarkan pembahasan dari materi diatas, dengan adanya penelitian dan pembuatan laporan dengan judul “Perancangan Website Agenda kontruksi dan kontraktor Umum Pada CV. Tujuh Belas Wonogiri” secara umum dapat diambil kesimpulan sebagai berikut: 1. Program dibuat dengan perpaduan bahasa php, My SQL sebagai server basis datanya sehingga situs web tersebut lebih dinamis karena informasi yang ada dapat diubah dan ditambahkan setiap saat. 2. Proses promosi makin lebih meningkat dengan adanya website, dimana konsumen
bisa
meng-akses
melalui
internet
peningkatan Informasi yang lebih mudah dan Akurat.
sehingga
mempengaruhi
26
3. Sedangkan kelemahan system web ini adalah masih lemahnya aspek keamanan pada system web terutama pada login admin dan script programnya dan juga pengolahan data halaman situs web. Dengan mempertimbangkan hasil kesimpulan diatas,CV. Tujuh sebagai sebuah perusahaan dibidang jasa kontruksi dan kontraktor memiliki misi Mmberikan pelayanan yang excelent dan dengan di dukung oleh tempat yang representative dengan mengedepankan kepercayaan, profesionalisme dalam pelayanan. Maka dengan adanya system yang baru ini dipastikan CV. Tujuh Belas akan lebih maju dan berkembang.
Saran Berdasarkan analisis dan kesimpulan diatas, dan juga sebagai bahan pengembangan bagi pihak CV. Tujuh Belas dalam usaha meningkatkan mutu dan kualitas bersaing, saran yang ingin disampaikan oleh penyusun adalah sebagi berikut: 1. Melakukan pertimbangan terhadap system yang telah diusulkan penyusun, sebagai solusi alternative dalam meningkatkan Informasi dalam media informasi web yang lebih efisien. 2. Dengan adanya system baru maka sumber daya manusianya harus lebih ditingkatkan khususnya dalam aspek informasi, sehingga dapat bermanfaat dan baik untuk membangun citra baik di masyarakat.
Kata Penutup Seperti halnya manusia yang diciptakan dengan segala kelebihan dan kekurangannya, begitupun laporan dan aplikasi yang penyusun buat sangat jauh dari sempurna.Penyusun menyadari betul ketidaksempurnaan tersebut lebih disebabkan karena kelemahan, keterbatasan, dan kekurangan penyusun sendiri. Maka dengan rendah hati penyusun berharap banyak akan masukan dan saran membangun dari seliuruh pihak yang memiliki kepentingan didalamnya. Namun diluar itu, penyusun sangat meyakini bila suatu karya dibuat dengan kesungguhan,
maka
nilai
sebuah
kemanfaatan
adalah
lebih
penting
dari
kesempurnaan.Akhirnya penyusun hanya berharap semoga laporan ini dapat bermanfaat bagi pihak yang membutuhkan.
27
DAFTAR PUSTAKA Lukmanul Hakim.2010. Bikin Website super keren dengan PHP dan jQuery. Yogyakarta: Lokomedia Lukmanul Hakim. 2008. M embingkarTrik Rahasia Para Master PHP. Yogyakarta: Elekmedia Komputindo Komang Wiswakarma, 2010. Panduan lengkap Menguasai Pemrograman CSS. Yogyakarta: Lokomedia Komang Wiswakarma, 2010. Source code dari buku panduan lengkap Menguasai Pemrograman CSS.http://bukulokomedia.com/css-komang.rar. diakses 23 februari 2011. Abdul kadir.2008. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: Andi. Ema Utami. 2008. RDBMS Menggunakan MS SQL Server 2000. Yogyakarta Graha Ilmu.