Upload
ponimansimbolon
View
2.562
Download
4
Embed Size (px)
Citation preview
BAB II
PEMBAHASAN
2.1 Landasan Teori
Industri berbasis perkebunan ternyata mempunyai kemampuan sebagai
leading sector dalam pertumbuhan ekonomi dan lapangan kerja, sekaligus
sebagai sektor yang efektif mendorong perbaikan distribusi pendapatan. Ketika
Indonesia menghadapi masalah lambannya pertumbuhan ekonomi, meningkatnya
jumlah pengangguran, dan makin timpangnya distribusi pendapatan, mendorong
industri berbasis perkebunan merupakan pilihan yang sangat strategis.
Pengembangan industri berbasis perkebunan merupakan salah satu
pilihan yang cukup realistis karena; bisnis perkebunan mempunyai daya tahan
tinggi karena berbasis pada sumberdaya domestik dan berorientasi ekspor,
diyakini masih sangat prospektif dengan peluang pertumbuhan berkisar antara
2%–8% per tahun, dan intensif menggunakan tenaga kerja, khususnya tenaga
kerja yang berlokasi di pedesaan. Apakah industri berbasis perkebunan lebih
cocok sebagai leading sector atau adjusting sector perlu diidentifikasi sehinga
industri tersebut dapat berperan secara optimal dalam upaya mengatasi masalah
tersebut.
A. Teori Dasar Perancangan website
Ketika penulis melakukan suatu perancangan website, ada beberapa hal
yang harus diperhatikan dan dipersiapkan diantaranya adalah sebagai berikut:
5
6
1. Menentukan Tujuan
Dari situs yang akan dibuat serta target apa yang ingin dicapai ketika
website berhasil dibangun. Bertujuan untuk mempermudah pengunjung untuk
mendapatkan informasi tentang bangaimana menanam perkebunan kelapasawait
yang baik, dan target yang ingin dicapai memuasakan pengunjung.
2. Siapa yang akan menjadi target pengunjung situs website
Yang menjadi target pengunjung di website ini adalah pihak-pihak yang
membutuhkan penjelasan tentang perkebunan, baik itu secara perorangan
maupun pertanian secara umum.
3. Perancangan Sistem yang baik agar situs stabil dan optimal.
Termasuk disini pemilihan bahasa pemrograman dan software editing
website. Adapun software editing website utama yang digunakan adalah
Macromedia Dreamweaver MX 2004, sedangkan untuk keperluan design layout
dan editing graphic digunakan Adobe Photoshop CS2, dan Corel Draw X3 untuk
design logo. Untuk bahasa pemrograman web yang digunakan adalah HTML dan
PHP versi 5.
4. Pengumpulan data-data yang dibutuhkan secara lengkap
Teknik pengumpulan data yang dilakukan adalah melalui media internet,
yaitu melalui situs-situs konsultan online yang telah ada sebelumnya, maupun
dari situs lain yang menyediakan data dan bahan dalam pembuatan website ini.
5. Pembuatan Time schedule
Untuk dapat menyelesaikan website ini dibutuhkan waktu kurang lebih 1
bulan dengan perincian 2 minggu untuk pembuatan konsep dan pencarian data, 2
7
minggu perancangan dan pengkodean, dan 1 minggu untuk melakukan testing
dan debugging.
B. Pengertian Web
Web adalah sistem hyper text yang terdiri dari jutaan halaman teks yang
dihubungkan dengan hyper link. Selain itu web merupakan layanan internet yang
paling banyak memiliki tampilan grafis dan kemampuan yang sangat baik. Web
juga digunakan sebagai layanan yang paling cepat pertumbuhannya. Di dalam
web kita diijinkan memberikan high light (penyorotan atau penggaris-bawahan)
pada kata atau gambar dan sebuah dokumen untuk dihubungkan ke media lain
seperti frase, movie clip atau file suara. Web dapat menghubungkan satu halaman
ke halaman lain melalui text, gambar dan objek lain yang ada pada suau halaman.
Dengan suatu browser yang memiliki Graphical User Interface (GUI), link-link
dapat dihubungkan ke tujuannya dengan menunjuk link tersebut dan
mengkliknya.
C. Pengertian Design
Designe menurut Kamus Besar Bahasa Indonesia (KBBI) adalah
merancang, membentuk kerangka atau pola-pola. Secara luas, designe dapat
diartikan sebagai suatu pekerjaan membuat atau merancang sesuatu agar terlihat
lebih menarik dan unik. Dalam mendesigne sesuatu yang dibutuhkan adalah daya
imajinasi yang tinggi, inovasi tiada henti serta kemampuan yang keras dan tidak
gampang puas dengan hasil yang sudah ada. Selain itu mendesign sebuah website
8
di internet bertujuan untuk membuat para pengunjung betah berlama-lama di
website yang kita designe
D. Pengertian Internet
Istilah internet berasal dari bahasa Latin inter yang berarti antara. Secara
kata perkata internet berarti jaringan antara atau penghubung. Internet adalah
jaringan yang di dalamnya ada lebih darisatu komputer yang saling terhubung
dan berkomunikasi, dengan jarak dekat dan jauh yang sudah terhubung ke
seluruh dunia lewat jaringan yang disebut internet. Internet seakan menjadi satu
dunia terpisah dari dunia nyata, satu dunia yang tidak bisa dilihat dan dirasakan
secara fisik tetapi dimengerti ada.
Internet adalah sarana komunikasi, hiburan dan bisnis yang tercepat dan
tercanggih di seluruh dunia yang bersifat global. Memang internet secara fisik
adalah jaringan komputer dunia, tetapi secara maya internet biasa menjadi
banyak hal seperti pencarian data – data baik dibidang bisnis maupun pendidikan
dan perorangan.
Banyak keuntungan yang dapat langsung kita rasakan dalam
menggunakan sarana informasi ini (internet), misalnya kita dapat berkomunikasi
dengan siapa saja dan dimana saja berada dengan cepat melalui fasilitas e-mail
dan chatting ataupun kita dapat mengetahui informasi yang kita perlukan secara
cepat dan mudah melalui search engine, online baik mendengarkan berita secara
oline.
Di Internet juga dapat mencari lowongan pekerjaan yang mudah kita
dapatkan tentang suatu pekerjaan yang kita inginkan dan masih banyak lagi
9
keuntungan-keuntungan dan manfaat internet yang belum dapat dituliskan satu
persatu. Penulis juga akan menjelaskan bagian dari internet diantaranya:
1. HTTP (Hypertext Transfer Protocol)
Sebuah metode atau protocol mendownload file ke komputer. Protokol ini
berbasis hyper text, sebuah format teks yang umum digunakan di internet.
2. WWW (World Wide Web)
WWW adalah sarana internet yang menampilkan tampilan berupa
gabungan teks, suara dan video yang bersifat interaktif. Melalui www ini kita
bisa mendapatkan berbagai informasi secara cepat dan tepat. www merupakan
kumpulan Web Server dari seluruh dunia yang berfungsi menyediakan data dan
informasi untuk dapat digunakan bersama.
3. HTML (Hyper Text Markup Language) tampilan halaman berupa kode-kode
web HTML
4. Preview: merupakan tempat untuk menampilkan tampilan sementar halaman
web hasil design kita.
5. PHP Singkatan dari Hypertext Transfer Protocol, adalah suatu protokol yang
digunakan oleh World Wide Web.
HTTP mendefinisikan bagaimana suatu pesan bisa diformat dan
dikirimkan dari server ke client. HTTP juga mengatur aksi-aksi apa saja yang
harus dilakukan oleh web server dan juga web browser sebagai respon atas
perintah-perintah yang ada pada protokol HTTP ini. Sebagai contoh, ketika
pengetikan suatu alamat atau URL pada internet browser www.prkbn-
riau.net63.net, maka web browser akan mengirimkan perintah HTTP ke web
10
server. Web server kemudian akan menerima perintah ini dan melakukan
aktivitas sesuai dengan perintah yang diminta oleh web browser (misalnya akses
ke database, file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan
dikirimkan kembali ke web browser untuk ditampilkan kepada pengguna.
Membangun sebuah web perlu memperhatikan kenyamanan data-data
yang telah kita rancang sedemikian rupa sehingga mengatasi pengmbilan data
dan perubahan data yang dilakukan oleh pengunjung. Dengan adanya database
maka keyamanan data-data sudah tergolong aman. Penulis akan menjelaskan
program-progam pendukung internet antara lain:
a. Database
Sebuah website yang baik adalah website yang terorganisir dengan baik
dalam pengelolaan datanya sehingga mempermudah dalam melakuakan
pengembangan dan pengelolaannya. Database yang digunakan dalam sebuah
website bermacam-macam mulai dari yang opensource sampai yang berbayar
diantaranya:
1. MySQL
MySQL dikembangkan oleh sebuah perusahaan Swedia bernama MySQL
AB, yang kala itu bernama TcX DataKonsult AB, sejak sekitar 1994–1995,
meski cikal bakal kodenya bisa disebut sudah ada sejak 1979. Database ini
termasuk kedalam salah satu database yang paling populer digunakan karena
sifatnya yang opensource tapi sangat powerfull. Secara umum MySQL adalah
sebuah perangkat lunak sistem manajemen basis data SQL atau DBMS yang
multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL
11
AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi
GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi
komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan
penggunaan GPL. Di versi terbarunya MySQL semakin menarik untuk dilirik
oleh pengguna non-Web. Situs mysql.com di halaman depannya dengan bangga
memajang profil para pengguna MySQL yang terkenal, seperti Yahoo!
Finance,NASA,perusahaan sekuritas jepang Aizawa.
2. PostgreSQL
Jika MySQL merupakan database opensource terpopuler, maka
PostgreSQL bisa disebuat sebagai database opensource
termutakhir.Pengembangan database ini diawali dari proyek akademik. Awalnya
database ini bernama ingres yang dikembangkan di Universitas Berkeley mulai
tahun 1977 sampai 1985,karena belum ada bahasa SQL waktu itu maka ingres
menggunakan bahasa query sendiriyang disebut QUEL. Postgre SQL memiliki
hampir semua fasilitas standar yang biasanya diinginkan: view (tabel virtual),
trigger, subselek, stored procedure (dalam beberapa bahasa), dan foreign key
constraint. PostgreSQL juga memiliki apa yang disebut rule, yaitu tindakan
custom yang bisa kita definisikan dieksekusi saat sebuah tabel di-INSERT,
UPDATE, atau DELETE. Sistem rule ini memungkinkan kita mengendalikan
bagaimana data kita diubah atau diambil. Misalnya, kita dapat membuat sebuah
tabel mernjadi bersifat append-only dengan membuat rule yang membatalkan
efek DELETE dan UPDATE. Atau kita bisa melakukan pengecekan data sebelum
12
terjadinya perubahan pada tabel. Atau melindungi row tertentu agar tidak bisa
diambil datanya, dsb. Rule ini dipakai untuk mengimplementasi view.
3. SQL server
Tahun 1993 SQL Server mulai dikembangkan oleh Microsoft. Pada saat
itu Microsoft merupakan porting partner bagi Sybase SQL Server, karena itu
tidak heran jika SQL Server yang dikembangkan ini mempunyai arsitektur yang
berbasis Sybase. Pada tahun 1995 dan 1996 secara berurutan, SQL Server versi
6.0 dan 6.5 akhirnya dirilis.
E. Web Selver
Web server adalah software yang menjadi tulang belakang dari world
wide web (www). Web server menunggu permintaan dari client yang
menggunakan browser seperti Netscape Navigator, Internet Explorer, Modzilla,
dan program browser lainnya. Jika ada permintaan dari browser, maka web
server akan memproses permintaan itu kemudian memberikan hasil prosesnya
berupa data yang diinginkan kembali ke browser. Data ini mempunyai format
yang standar, disebut dengan format SGML (standar general markup language).
Data yang berupa format ini kemudian akan ditampilkan oleh browser
sesuai dengan kemampuan browser tersebut. Contohnya, bila data yang dikirim
berupa gambar, browser yang hanya mampu menampilkan teks (misalnya lynx)
tidak akan mampu menampilkan gambar tersebut, dan jika ada akan
menampilkan alternatifnya saja. Web server, untuk berkomunikasi dengan client-
nya (web browser) mempunyai protokol sendiri, yaitu HTTP (hypertext tarnsfer
13
protocol). Dengan protokol ini, komunikasi antar web server dengan client-nya
dapat saling dimengerti dan lebih mudah.
Seperti telah dijelaskan diatas, format data pada world wide web adalah
SGML. Tapi para pengguna internet saat ini lebih banyak menggunakan format
HTML (hypertext markup language) karena penggunaannya lebih sederhana dan
mudah dipelajari. Kata HyperText mempunyai arti bahwa seorang pengguna
internet dengan web browsernya dapat membuka dan membaca dokumen-
dokumen yang ada dalam komputernya atau bahkan jauh tempatnya sekalipun.
Hal ini memberikan cita rasa dari suatu proses yang tridimensional,
artinya pengguna internet dapat membaca dari satu dokumen ke dokumen yang
lain hanya dengan mengklik beberapa bagian dari halaman- halaman dokumen
(web) itu. Proses yang dimulai dari permintaan webclient (browser), diterima web
server, diproses, dan dikembalikan hasil prosesnya oleh web server ke web client
lagi dilakukan secara transparan.
Setiap orang dapat dengan mudah mengetahui apa yang terjadi pada tiap-
tiap proses. Secara garis besarnya web server hanya memproses semua masukan
yang diperolehnya dari web clientnya. Banyak sekali software web server yang
dapat kita diambil di internet. Dengan berdasarkan pada 12 macam pertimbangan
di atas, maka dapat dipilih software mana saja yang cocok dengan kebutuhan
kita. Misalnya, kita memasang web server untuk keperluan suatu perusahaan jasa
internet (ISP), maka pertimbangan yang harus diambil adalah apakah mereka
menginginkan software yang gratis atau komersial.
14
Keuntungan dari software komersial adalah mereka mempunyai
dukungan teknis dan dokuentasi yang lengkap. Sedangkan pada kebanyakan
software gratis mereka tidak menyertakan hal tersebut. Namun, ada juga software
gratisan yang mempunyai dukungan teknis dari pembuatnya dan dengan
dokumentasi yang lengkap. Salah satu software web server gratisan seperti itu
adalah:
1. Web Server Apache.
Web Server Apache, Apache merupakan web server yang paling banyak
dipergunakan di Internet. Program ini pertama kali didesain untuk sistem operasi
lingkungan UNIX. Namun demikian, pada beberapa versi berikutnya Apache
mengeluarkan programnya yang dapat dijalankan di Windows NT. Berdasarkan
sejarahnya, Apache dimulai oleh veteran developer NCSA httpd (National
Center for Supercomputing Application). Saat itu pengembangan NCSA httpd
sebagai web server mengalami stagnasi.
ROBMCCOOL meninggalkan NCSA dan memulai sebuah proyek baru
bersama para webmaster lainnya, menambal bug, dan menambahkan fitur pada
NCSA httpd. Mereka mengembangkan program ini lewat mailing list.
Dengan berpijak pada NCSA httpd versi 1.3. Team Apache
mengeluarkan rilis pertama kali secara resmi Apache versi 0.6.2. Nama Apache
diambil dari kata "A Patchy Server", server perbaikan yang penuh dengan
tambalan (patch). Tambalan yang dimaksud adalah penambahan fitur dan
penambalan bug dari NCSA httpd Versi 1.3.
15
Saat ini Apache dipergunakan secara luas. Hal ini disebabkan karena
programnya yang gratis, dengan kinerja relatif stabil. Dalam pengembangannya
pun mempergunakan sistem Bazaar, yakni tiap orang dibuka kesempatan seluas-
luasnya untuk dapat memberikan kontribusi dalam mengembangkan program.
Kontribusi dikomunikasikan lewat mailing list. Tim Apache mempunyai mailing
list yang terbuka untuk siapa saja yang ingin ambil bagian.
Untuk mendaftar cukup kirim email ke [email protected] dengan
baris pertama dari email bertuliskan "subscribe new- httpd". Perlu dicatat bahwa
proyek pengembangan Apache ini mempunyai system meritokrasi. Semakin
banyak yang anda sumbangkan, semakin banyak yang boleh dikerjakan. Apache
mempunyai program pendukung yang cukup banyak. Hal ini
memberikan layanan yang cukup lengkap bagi penggunanya. Beberapa dukungan
Apache :
a. Kontrol Akses.Page 5
Kontrol ini dapat dijalankan berdasarkan nama host atau nomor IP
b. CGI (Common Gateway Interface), yang paling terkenal untuk digunakan
adalah perl (Practical Extraction and Report Language), didukung oleh Apache
dengan menempatkannya sebagai modul (mod_perl)
c. PHP (Personal Home Page/PHP Hypertext Processor); program dengan
metode semacam CGI, yang memproses teks dan bekerja di
server. Apache mendukung PHP dengan menempatkannya sebagai salah satu
modulnya (mod_php). Hal ini membuat kinerja PHP menjadi lebih baik
d. SSI (Server Side Includes).
16
2. Web Server Cepat
Apache adalah suatu web server serba guna, tetapi pada kegunaan khusus
terkadang kecepatan yang diberikan oleh Apache tidak mencukupi. Beberapa
perangkat lunak freeware untuk web server dengan kecepatan tinggi tersedia.
Sebagian besar web server tersebut hanya melayani halaman statis, sehingga
ketika membutuhkan halaman dinamis, maka web server serba guna seperti
Apache masih dibutuhkan.
3. Freeware
saat ini sudah tak bisa dianggap sebagai perangkat lunak kelas hobbies
lagi. Solusi yang diberikan oleh perangkat lunak freeware dapat digunakan untuk
menyusun suatu server yang handal dan memberikan solusi nyata. Sebelum
memanfaatkan freeware sebaiknya dipahami terlebih dahulu mengenai karakter
tiap perangkat lunak tersebut, dan melakukan pemilihan sesuai dengan
kebutuhannya.
Keberadaan source code menjadikan freeware tersebut dapat
dimanfaatkan secara maksimal dan disesuaikan dengan kebutuhan yang ada.
Beberapa solusi freeware seperti Apache Web Server mampu memberikan solusi
bagi layanan web ataupun e-mail yang memiliki beban besar.
F. Web Editor
Program yang digunakan untuk melakukan pengeditan atau perancangan
suatu halaman web, misalnya Macromedia Dreamweaver MX 2004 adalah
program yang digunaan penulis untuk membuat suatu situs web yang sudah di
17
daftarkan disalah satu hosting dan Macromedia Dreamweaver MX 2004 adalah
salah satu program web editor yang diminati banyak orang salah satunya penulis
karena menyediakan tools dan fungsi yang sudah familiar sehingga
memudahkan designer melakukan pekerjaannya. Penulis akan membahas
beberapa tampilan menu yang mendukung pembuatan web www.prkbn-
riau.net63.net
1. Macromedia Dreamweaver
Tampilan Dreamweaver MX (Different Views) Dreamweaver MX adalah
program yang sangat fleksibel, program ini mengijinkan penulis untuk melihat
kode dalam tampilan yang berbeda : Code View, Code dan Design View. Anda
bisa berpindah antara tampilan ini dengan menggunakan tiga tombol icon yang
terdapat diatas sebelah kiri monitor.
Dalam Code view, Dreamweaver MX Menampilkan halaman web dalam
bentuk format baris : HTML code. Jika anda sudah akrab dengan HTML, anda
bias mengedit halaman web ini dari yang ditampilkan. The Code dan Design
View membagi layar dalam setengah tampilan, tampilan code HTML untuk
halaman web dibagian atas, dan setengahnya lagi tampilan Design View yang
bisa kita edit.
a. Tools dan komponen dasar Menu dan tool bar pada Macromedia
Dreamweaver MX 2004 hampir sama dengan Microsoft Word, hanya pada
Macromedia Dreamweaver MX 2004 terdapat berbagai tool tambahan seperti
tool untuk mengedit dan memformat halaman web.
18
b. Layout Macromedia Dreamweaver MX 2004 Satu dari perbedaan utama
antara Dreamweaver MX 2004 dan versi sebelumya adalah tampilan interface,
termasuk didalamnya adalah beberapa panel dan tabs. Ketika anda pertama kali
membuka Dreamweaver MX, akan disambut dengan beberapa panel, yang
berada di sebelah kanan layar, dan diatas laya Normal: merupakan tampilan dasar
Macromedia Dreamweaver MX 2004 dimana kita dapat melakukan perancangan
web.
c. Panels
Sebagai dasar mendesain web, banyak dari panel ini tidak dibutuhkan. panel ini
bisa ditutup, ini akan membuat layar utama Dreamweaver lebih luas. Disini
diterangkan cara cepat menuju panel dalam Dreamweaver MX
d. Design
Kontrol panel CSS (Cascading Style Sheet) Styles, HTML Style Tags, dan sifat
halaman web, dan menu.
e. Application
Panel ini sangat eksklusif untuk mengatur fungsi database yang ditempatkan
dalam halaman web. Karena ini merupakan tutorial dasar, kita tidak akan
berpindah ke daerah yang lebih jauh mengenai database dalam Dreamweaver.
f. Code
Panel ini mengijinkan penulis untuk menyetel kode. Untuk contoh, code
mendeteksi kesalahan, dan acuan anda untuk belajar bahasa code bisa digunakan
dalam Dreamweaver MX
19
g. Answers
Jika anda bingung atau kesulitan dalam menggunakan Dreamweaver MX, atau
ingin mengetahui bagaimana sesuatu bekerja, panel jawaban akan disediakan
dengan informasi yang butuhkan.
h. Files
Dari semua panel yang ada dalam Dreamweaver MX, panel files adalah yang
paling penting dan banyak digunakan. Pada jendela ini anda bisa mengatur
hubungan files ke situs anda atau halaman web, dan merupakan mekanisme
utama untuk uploading dan downloading files keweb. Files panel dimana semua
file web anda akan dimunculkan. Karena ini adalah fungsi utama dari
Dreamweaver MX,
2. Graphic Editor
Graphic Editor adalah editor disebut juga pengedit grafik. Fungsinya
adalah untuk membuat, merancang dan mengedit gambar, misalnya Photoshop
CS3. Photoshop bukanlah program penyunting gambar biasa,tetapi merupakan
program yang paling popular digunakan, dikarenakan fasilitas-fasilitas yang
disajikan dapat memberikan kemudahan ekstra bagi penggunanya, antara lain
seperti adanya filter, style dan efek yang sangat membantu dalam pembuatan
grafik yang mengagumkan dengan mudah dan cepat. Tool adalah alat-alat bantu
dasar kita dalam mengedit gambar pada Photoshop. Sebagai contoh, move tool
berfungsi untuk memindahkan letak suatu objek, dsb
20
a. Animator
Animator adalah pembuat animasi. Program yang berfungsi sebagai
animator contohnya Swish. Swish merupakan animator yang cukup mudah untuk
dioperasikan dengan tool-tool yang sederhana serta efek-efek yang sudah
dirancang agar lebih instant. Saat ini Swish sudah dirilis ke dalam 2 (dua) versi,
yaitu SWiSH 2.0 dan SWiSHMax. Kelebihannya adalah hasil animasi dapat
diekspor menjadi halaman web.
b. Photoshop
Adobe Photoshop adalah Perangkat lunak aplikasi yang mengolah data
gambar dan grafis untuk kebutuhan printing, desain grafi. Membuat efek "glow"
pada foto. Biasanya ini digunakan untuk membuat kesan glamour pada foto. Foto
di web Design yang penulis buat. Berikut ini adalah caranya, Duplikat
Background layer. Aktifkan layer background copy, ubah blending option
menjadi screen. Beri Filter ke Blur dan Gaussian Blur. Kemudian dapat diatur
sendiri nilainya sambil melihat gambar asli yang penulis edit.
Menu yang sering digunakan dalam program Adobe Photoshop CS3
seperti; Create Glowing Effect Photo fungsinya membuat efek, Membuat efek
bayangan secara manual cara untuk membuat efek bayangan pada photoshop
secara manual penulis Membuat Refleksi Bayangan terdahulu gambar bayangan
masih menampilkan warna dari obyek / model-nya. Membuat header di website
penulis, untuk membuat sebuah header, tentu perlu program yang bisa
mengolah/membuat gambar dalam format bitmap. Ada banyak program yang
21
bisa digunakan, penulis memilih gambar yang familiar, biasa digunakan dengan
Adobe Photosop.
c. Flowchart
Flowchart dalam Bahasa Indonesia diterjemahkan sebagai Diagram Alir.
Dari dua kata ini, maka dapat kita bayangkan bahwa flowchart itu berbentuk
diagram yang bentuknya dapat mengalirkan sesuatu. Hal ini memang benar,
flowchart memang melukiskan suatu aliran kegiatan dari awal hingga akhir
mengenai suatu langkah-langkah dalam penyelesaian suatu masalah. Masalah
tersebut bisa bermacam-macam, mulai dari masalah yang sederhana sampai
yang kompleks. Masalah yang kita pelajari tentu saja masalah pemrograman
dengan menggunakan komputer, tetapi secara logika dapat kita awali dengan
mengamati permasalahan dalam kehidupan sehari-hari kita.
Flowchart adalah representasi grafik dari langkah-langkah yang harus
diikuti dalam menyelesaikan suatu permasalahan yang terdiri atas sekumpulan
simbol, dimana masing-masing simbol merepresentasikan suatu kegiatan
tertentu. Flowchart diawali dengan penerimaan input, pemrosesan input, dan
diakhiri dengan penampilan output. Seperti yang kita tahu, komputer terdiri atas
banyak komponen. Kita lihat bagian hardware-nya saja, sudah ada banyak
komponen seperti monitor, keyboard, mouse, CPU, printer, scanner, speaker, dan
sebagainya.
Setiap komponen komputer tersebut juga merupakan bagian dari siklus I-
P-O. Contohnya komponen yang biasa kita gunakan untuk memasukkan perintah
atau data ke dalam komputer adalah keyboard dan mouse, selanjutnya masukan
22
tersebut akan diproses oleh CPU, dan akhirnya akan mengeluarkan hasil eksekusi
pada monitor, printer, atau speaker.
d. Konsep Pewarnaan
Warna pada tampilan sebuah halaman web, harus tetap menarik karena
berhubungan dengan tema web,menambah estetika suatu halaman dan memiliki
efek psikologis juga bagi yang melihatnya.
Warna Makna Positif Makna Negatif
Merah Kekuatan,energi,tenaga,hasrat
Cinta.
Bahaya,kekejaman,darah,api
Merah muda (pink) Kewanitaan (feminisme) dan
masih remaja.
Naif, kekurangan,kelemahan.
Orange Kehangatan,ceria,semangat,
keseimbangan.
Meminta dan mencari
perhatian.
Kuning Sinar Matahari,emas,
keberuntungan,kehidupan.
Tidak jujur,pengecut,
cemburu, iri hati,
Hijau Alam, Lingkungan Kecemburuan,nasib buruk, iri
Biru Kepercayaan,Kesetiaan, Kesedihan,kedinginan,depresi,
Ungu Kebangsawanan,spiritual Kesombongan,duka cita.
Coklat Tanah,bumi, netral Tumpul, kotor,membosankan
Abu-abu Modern,cerdas,bersih,kokoh Tua,kesedihan,bosan
Putih Kesucian,kebersihan, dingin,
kebaikan.
Dingin,steril,hampa.
Hitam Kekuatan,keanggunan,misteri
, elegan
Kematian,takut,duka cita,
setan.
Gamabar 2. 1 Tabel Warna
23
G. Sarana Pendukung Program
1. Perangkat Lunak
Perangkat lunak dapat diibaratkan sebagai nyawa penggerak dari
hardware yang mutlak ada dalam sebuah perangkat keras. Perangkat lunak
bertugas memberikan innstruksi kepada perangkat keras untuk melakukan
pemrosesan data.
Perangkat lunak dapat dibagi keadalam 3 macam yaitu:
a. Sistem Operasi (operating system)
Yaitu program yang ditulis untuk meengendalikan dan mengkoordinasi
kegiatan dari sistem operasi juga dapat diartikan sebagai sekumpulan
program kontrol atau pengendali yang secara terpadu bertindak sebagai
penghubung antara komputer dengan pemakainya.
b. Perangkat Lunak Bahasa (language software)
Yaitu program yang digunakan untuk menterjemahkan instruksi yang ditulis
dalam bahasa mesin dan dapat dimengerti oleh komputer. Contohnya PHP
c. Perangkat Lunak Aplikasi (application software)
Yaitu program yang ditulis dan diterjemahkan oleh language software untuk
menyelesaikan aplikasi tertentu.
Dalam pembuatan website penulis menggunakan ketiga jenis software
tersebut diantaranya:
24
1.Sistem Operasi
Untuk Sistem Operasi,penulis menggunakan Microsoft Windows XP
SP3. Ini merupakan versi windows XP dengan update terbaru setelah sebelumnya
menggunakan Service Pack 2. Alasan penulis menggunakan Sistem Operasi ini
adalah kemudahan penggunaan dan banyak yang menggunakan Sistem Operasi
ini.
2. Mozilla Firefox 3.0
Merupakan browser yang digunakan untuk membuka website yang telah
dibuat. Alasan menggunakan Firefox adalah kecepatan aksesnya yang berada
diatas browser lainnya.
H. Protocol
Protocol adalah Kumpulan dari beberapa aturan yang berhubungan
dengan komunikasi data antara beberapa alat komunikasi supaya komunikasi
data dapat dilakukan dengan benar. Protokol adalah yang menspesifikasikan
secara detail bagaimana komputer berinteraksi, termasuk didalamnya format
pesan yang mereka tukar dan bagaimana kesalahan ditangani.
Hubungan telekomunikasi mencerminkan banyak aspek dari protokol
dalam arti diplomatik, beberapa sinyal diubah dengan mengirim dan menerima
perangkat, misalnya, diistilahkan dengan berjabat tangan dan berkenalan. Tiga
aspek utama komunikasi yang diperhatikan oleh protokol adalah: bagaimana data
direpresentasikan dan dikodekan, bagaimana ditransmisikan, dan bagaimana
kesalahan dan kegagalan diketahui dan ditangani. Istilah- istilah protokol yang
terdapat di internet seperti:
25
a. Protocol Data Unit
Disingkat dengan PDU. Protokol yang digunakan untuk transmisi data.
b. Echo Protocol
Protokol pada lapis transpor model Open System Interconnection (OSI) yang
mempunyai kemampuan melaksanakan sytem pengiriman data.
c. Multiprotocol over ATM
Upaya standarisasi ATMforum yang menetapkan bagaimana protokol layer
jaringan yang sudah ada
d. Error Protocol
Protokol pada lapis transport yang menawarkan pelacakan dan laporan kesalahan
antar end system
e. Routing protocol
Protokol yang menjalankan routing melalui implementasi algoritma routing yang
khusus.
2.2. Analisa
Bab ini menjelaskan tentang gambaran umum perkebunan atau objek
penelitian penulis, pendeskripsian masalah tersebut,pendeskripsian system yang
sedang berjalan di dunia internet, penganalisian dokumen dan system yang
sedang berjalan di dalam pengolahan data persediaan perkebunan sumber sari
kepulauan riau.
Disini juga dituliskan tentang pembangunan perangkat lunak sesuai
dengan metodologi pengembangan yang dipakai serta menjelaskan dan
26
menyajikan kesimpulan analisis dengan hasil berupa diagram analisis yaitu
FLOWCHART.
Homepage ini terdiri dari 6 (enam) halaman, yaitu :
1. Halaman Home
Halaman ini merupakan halaman pertama dalam homepage pribadi
“Perkebunan Kelapa Sawit Sumber Sari Kepulauan Riau”. Halaman ini
Menjelaskan tentang pertumbuhan ekonomi serta membahas secara empiris
peran industry berbasis perkebunan dalam pemulihan Perkebunan Kelapa Sawit
Sumber Sari Kepulauan Riau sehingga pengunjung bisa memperoleh informasi
mengenai Perkebunan Kelapa Sawit secara detail.
2. Halaman Sejarah
Halaman ini merupakan halaman yang berisi mengenai Sejarah
Perkebunan sehingga pengunjung mengetahui tentang sejarah perkebunan di
Indonesia ini. Dari halaman ini menerangkan perusahan perkebunan sampai
dengan keunggulan kelapa sawit sehingga pengunjung dapat mengerti akan
maksud dan tujuan pembuatan homepage” Perkebunan Kelapa Sawit Sumber
Sari Kepulauan Riau”.
3. Halaman Penelitian
Halaman ini berisi tentang Penelitian pembuat homepage. Dari halaman
ini dapat diketahui bagaimana penelitian tentang Perkebunan Kelapa Sawit
Sumber Sari Kepulauan Riau. Pada halaman ini juga terdapat foto Kelapa Sawit
serta berbagai pupuk dan obat-obat untuk meneliti perkembangan kelapa dari
sejak ditanam sampai menghasilkan buah.
27
4. Halaman Bibit Unggul
Halaman ini merupakan halaman yang berisi bibit unggul yang
menyakinkan pengunjung agar mengetahui bagaiman ciri-ciri bibit yang
menghasilkan buah yang besar dan berbobot sehingga memuaskan.
5. Halaman Registrasi
Halaman ini memungkinkan pengunjung untuk dapat bergabung dengan
melakukan registrasi maka pengunjung memperoleh data-data yang uptudet.
6. Halaman Login
Halam Login merupaka halan untuk pengunjung yang sudah melakukan
registrasi sebelumnya. Dengan melakukan login maka pengunjung dapat
memberikan saran dan komnar tentunya mendapatkan informasi dri isi web
tersebut.
7. Halaman Link
Halaman ini berisi alamat-alamat situs yang mungkin bisa berguna bagi
pengunjung homepage. Alamat-alamat situs ini bisa dijadikan referensi bagi
pengunjung, terutama bagi pengunjung yang beragama kristen protestan
(Advent)
A. Spesifikasi Rancangan Website
Mencakup Dokumen masukan dan keluaran yang ada dalam website ini
1. Spesifikasi Bentuk Masukan
Merupakan Form yang dibuat sebagai sarana komunikasi antara
pengunjung website dengan pemilik website,diantaranya adalah sebgai berikut:
28
a. Halaman Registrasi
1. Fungsi : Mendaftarkan pengunjung website
2. Bentuk : A1
3. Tujuan : Ditujukan kepada pemilik website sebagai dokumentasi pengunjung
b. Halaman Login
1. Fungsi: Validasi bagi pengunjung website.
2. Bentuk: A2
3. Tujuan: Ditujukan untuk melakukan validasi user
c. Halaman Pencarian
1. Fungsi : Sebagai sarana pengunjung untuk melakukan pencarian terhadap
artikel di dalam website ini.
2. Bentuk : A3
3. Tujuan : Ditujukan untuk pengguna yang melakukan pencarian
B. Flowchart Proses Program
Berbentuk diagram yang bentuknya dapat mengalirkan sesuatu, flowchart
melukiskan suatu aliran kegiatan dari awal hingga akhir mengenai website ini
terdapat beberapa proses yang digambarkan dalam bentuk flowchart.
29
1. Flowchart proses registrasi
Gambar II.1 Flowchart Proses Registrasi
30
2. Flowchart proses login
Proses flowchart pada login merupakan data yang harus di isi sesuai dengan uses
name yang sudah melakukan registrasi sebelumnya, proses ini memungkinkan
pengunjung atau user yang berkunjung bebas mendapatkan informasi tebaru dan
memberikan posting sebuah komentar.
Gambar II.2 Flowchart Proses Login
A. Bentuk Layout Web
31
1. Bentuk Layout Home
Gambar II. 1 Bentuk Layout Halaman Utama
Tampilan Home merupan tampilan halaman utama yang menjelaskan
secara ringkas tentang isi web tentunya tentang perkebunan dan disertai dengan
gambar kelapa sawit. Adapun link tambahan disebelah kanan yang berisikan
link-link sepertii; sejarah perkebunan, penelitian, registrasi login, sedangkan pada
link jaringan, berita, pemuda advent, budaya, profil negriku penulis, kampus sla
32
martoba, kampus BSI gabung friendster-ku, pendidikan yang dapat di akses oleh
semua pengunjung.
2. Bentuk Layout Sejarah Perkebunan
Gambar II. 2 Bentuk Layout Sejarah Perkebunan
Bentuk layout pada sejarah perkebunan isinya tentang sejarah perkebunan
beserta asal penanaman kelapasawit khususnya di Indonesia, dan pada halam ini
ada gambar kelapa sawit. Layout sejarah ini mempunya link yang dapat diklik
oleh pengunjung untuk mendapatkan informasi-informasi yang dibutuhkan,
seperti home utama merupakan tampilan utama, jaringan menjelaskan tentang
rangkain jaringan internet, berita sekilas arti dan makna berita yang diperlukan
33
oleh setiap orang, pemuda advent merupan salah satu link tentang kegiatan dan
sejarah gereja, profil, negriku, penulis beserta kampus BSI merupakan link yang
dapat di akses oleh semua pengunjung untuk mengetahu tentang penulis.
3. Bentuk Layout Penelitian
Gambar II. 3 Bentuk Layout Halaman Penelitian
Tampilan layout penelitian merupakan isi tentang penelitian kelapasawit
yang menjelaskan segala bentuk pupuk dan obat-obatan untuk mengatasi
kerusakan pohon dan buah kelapa sawit. Di menu penelitian ada juga beberap
link yang mungkin menolong para pengunjung untuk mendapatkan beberapa
informasi terpenting salah satunya link ke berita.
34
4. Bentuk Layout Perkebunan
Bentuk layout perkebunan penulis menyediakan data-data yang
berhubungan dengan perkebunan kelapasawit dan ditambahi dengan link
tambahan dan tampilan yang cukup menarik.
Gambar II. 4 Bentuk Layout Halaman Perkebunan
35
5. Bentuk Layout Harga Penjualan
Bentuk layout berikut ini merupakan layout penjulan harga buah kelapa
sawit yang dapat dilihat oleh pengunjung. Bentuk layout penjualan terdapat juga
beberapa link yang dapat di link salah satunya link ke penelitian dan dapat juga
pengunjung melakukan login yang sudah melakukan regestrasi.
Gambar II. 5 Bentuk Layout Halaman Penjualan
36
6. Bentuk Layout Registrasi
Gambar II. 6 Bentuk Layout Halaman Registrasi
Layout diatas merupakan bentuk tampilan untuk registrasi oleh
pengunjung yang membutuhkan, jika melakukan registrasi maka mendapatkan
satu user name dan password untuk melakukan login pada tahap berikutnya.
Penginputan data tidak boleh salah harus sesuai dengan petunjuk yang telah
disediakan sehingga proses registrasi dapat diterima.
37
7. Bentuk Layout Login
Tampilan untuk login adalah tampilan yang khusus pengguna yang telah
sudah melakukan registasi sebelumnya dan sudah diterima atau falid sehingga
sewaktu melakukan login maka user dapat melihat bagaimana rangka dan isi dari
website tersebut. Dalam hal ini user tidak dapat melakukan perubahan data pada
web perkebunan sumber sari kepulaun riau, user hanya dapat memperoleh data-
data yang diinginkan. Tampilan untuk layout login sebagai berikut:
Gambar II. 7 Bentuk Layout Halaman login
38
8. Bentuk Layout Internet
Bentuk layout berikut ini merupakan tambahan yang penulis rangkai
sedemikian rupa sehingga tidak membuat pengunjung bosan dengan satu konsep
tentang perkebunan saja. Hala ini dapat diperoleh dengan melakukan link-link
yang telah online ke situs lainnya.
Gambar II. 8 Bentuk Screen Layout internet
39
D. Bentuk Layout
1. Bentuk Screen Home
Gambar II. 9 Bentuk Screen Website Halaman Home
Bentuk home atau tampilan utama, bentuk screen menampilkan gambar
logo dari web, banner, beserta dengan berbagai link tambahan. Ditampilan utama
ini menjelaskan tentang indusrti perkebunan hingga ke perkebunan kelapa sawit
dari penanaman di sumatra dan
40
2. Tampilan Screen Menu Sejarah Perkebunan
Gambar II. 10 Bentuk Screen Website Sejarah
Sejarah perkebunan merupakan inti dari web disegn, dengan adanya
sejarah perkebunan khususnya sejarah perkebunan kelapa sawit maka
pengunjung akan mengetahui tentang sejarah perkebunan kelapa sawit secara
umum.
41
3. Tampilan Screen Penelitian
Gambar II. 11 Bentuk Screen Website Penelitian
Tampilan screen penelitian merupakn hasil dari penelitian tentang
bagaimana cara menghasilkan panen yang memuaskan, dengan adanya penelitian
maka penulis berharap dapat membantu pengunjung untuk memperbaiki tanaman
kelapa sawit. Seperti terlihat diatas diperlukan berbagai obat dan pupuk yang
sudah diberikan gambar atau contoh yang harus dipersiapkan
42
4. Tampilan Screen Perkebunan
Gambar II. 12 Bentuk Screen Website perkebunan
Tampilan perkebunan diatas adalah pembahasan tentang perkebunan dan
pembahasan masalah bibit unggul yang komplen dengan masyarakat Sumatra
utara. Perkebuan di Sumatra utara masyarakat menolak dengan adanya bibit
unggul yang akan di jual di daerah tersebut.
43
5. Tampilan Screen Penjualan
Gambar II. 13 Bentuk Sreen Website Penjualan
Tampilan screen penjulan pada harga kelapa sawit supaya pengunjung
dapat mengetahui haraga buah kelapa sawit sedang dan besar. Pada tampilan ini
penulis membuat perbandingan dari harga tahun sebelumnya hingga tahun
sekarang, sehingga pengunjung dapat membedakan harga-harga buah sedang dan
buah besar. Buah kelapa sawit ada juga yang tiak dapat dijual karena buahnya
tidak memiliki biji dan tidak menghasilkan minyak.
44
6. Tampilan Screen Registrasi
Gambar II. 14 Bentuk Screen Registrasi
Screen atau tampilan diatas merupakan cara untuk melakukan registrasi
yang baik dan harus diisi dengan benar untuk mendapatkan user name
7. Tampilan Login
Gambar II. 15 Bentuk Screen Login
Setelah melakukan registrasi maka akan mendapatkan user dan password
baru yang dapat digunakan untuk menyusuri web perkebunan dan mendapatkan
iformasih terbaru dan link-link lainnya.
45
8. Tampilan Link Bebas (link jaringan)
Gambar II. 16 Bentuk Screen Jaringan
Salah satu contoh link tambahan yang telah disediakan oleh penulis yang
bertujuan supaya tidak membuat pengunjung jenuh dan bosan dengan satu link
saja di link bebas terdapat beberapa link yang dapat di klik
E. Konfigurasi aplikasi local host
1. PHP
Digunakannya PHP dalam pembuatan Website ini adalah karena secara
default CMS Joomla menggunakan PHP sebagai bahasa pemrogramannya. Selain
itu PHP banyak digunakan sehingga mempermudah jika ada masalah dalam
pengembangannya. Konfigurasi PHP server secara umum disimpan dalam file
php.ini yang disimpan di server. Konfigurasinya secara garis besar adalah
sebagai berikut:
a. Version : 5.2.5
b. System : Windows NT ILMI-SERVER 5.1 build 2600
c. Server API : Apache 2.0 Handler
46
d. Server administrator : admin@localhost
2. MySQL
Database yang digunakan adalah merupakan paket bawaan default dari
server XAMPP yang digunakan sebagai penyimpanan data dari website yang
dibuat. Konfigurasinya tersimpan dalam file phpmyadmin. Berikut konfigurasi
singkat dari MySQL:
a. Server version : 5.0.51a
b. Server : localhost via TCP/IP
c. User : root@localhost
3. Apache Triad
Apache triad adalah PHP Triad merupakan kumpulan dari berbagai software
yaitu:
a. PHP
b. MySQL
c. Apache
d. PHPMyAdmin
47
F. Site Map
Gambar II.14 Bentuk bagan Site map
Site Map merupakan bagian dari tampilan web disegn yang telah
digambarkan bagian rangka sedemikan rupa sehingga mengharapkan pengunjung
betah atau tidak bosan mengunjunginya