ANALISIS DAN DESIGN WEB SEBAGAI SARANA PROMOSI DAN INFORMASI KERAJINAN KERAMIK BAYAT-KLATEN
Naskah Publikasi
Disusun oleh : ADISTY ANGGRAENI RASITA RINA KOIRUNNISAK JAKA TEGAR FANATAGAMA
07.02.6892 07.02.6914 07.02.6919 07.02.6767
PROGRAM STUDI DIPLOMA III JURUSAN MANAJEMEN INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2010
NASKAH PUBLIKASI
Analisis dan Design Web sebagai Sarana Promosi dan Informasi Kerajinan Keramik Bayat Klaten
disusun oleh
Jaka Tegar Fanatagama
07.02.6767
Adisty Anggraeni
07.02.6892
Rina Khoirunnisak
07.02.6919
Rasita
07.02.6914
Ketua Jurusan Manajemen Informatika
INTISARI
Seiring dengan semakin ketatnya persaingan dalam dunia bisnis, keberadaan pengolahan data menjadi informasi secara terkomputerisasi menjadi sangat penting. Hal itu dikarenakan pengolahan data secara terkomputerisasi dapat memberikan Manfaat yang besar untuk kinerja sebuah usaha penjualan keramik. Jika dibandingkan pengolahan data secara manual, pengolahan data secara terkomputerisasi memiliki kelebihan, seperti: pengolahan data yang cepat, tepat dan akurat. Aplikasi berbasis web merupakan bentuk aplikasi yang tepat untuk mempermudah penyampaian informasi secara cepat, tepat dan akurat. Kelebihan web itu sendiri karena web menggunakan bahasa pemrograman php yang tidak perlu diterjemahkan tetapi bersifat interpreter yaitu diterjemahkan menggunakan browser. Bagas Keramik merupakan sebuah usaha yang menjual bermacam-macam kerajinan keramik meliputi kendi, vas bunga, asbak, guci, piring, mangkok dll untuk meningkatkan pelayanannya terhadap konsumen maka di butuhkan sistem yang dinamis, interaktif dan yang pasti mudah digunakan. Keberadaan Bagas Keramik yang sudah berjalan cukup lama, harus selalu menjaga citra yang sudah melekat di hati konsumen misalnya dengan cara melakukan transaksi. pembayaran dengan cepat jadi konsumen tidak perlu mengantri lama, selain itu juga harus ada ketepatan harga dari barang yang dijual pasti konsumen akan merasakan kenyamanan dari pelayanan Bagas keramik dan tidak berfikir untuk cari di tempat lain. Kata-Kunci : Sistem Informasi, Sistem Berbasis Web
ABSTRACT Along with the increasingly intense competition in the business world, the existence of data processing into a computerized information becomes very important. That's because a computerized data processing can provide great benefits to the performance of a effort ceramic sale. When compared to manual data processing, computerized data processing has advantages, such as faster data processing, precise and accurate. Application bse on the web represent the correct application form to water down the forwarding of information quickly, precisely and accurate. Exess of web itself because web use the language of pemrograman php which needn‟t be translated but having the character of interpreter that is translated to use browser. Ceramic Bagas represent a effort selling all kinds of ceramic cover the jar, vas flower, ashtray, jar, saucer, mug and others to increase its service to consumer hence requiring dynamic system, interactive and definitive easy to used. Ceramic existence Bagas Walk sufficiently long, have to always take care of the coherent image consumer liver for example by transaction. Payment swiftly become the consumer needn‟t queue up to old, also the other price accuracy there must be from goods sold surely consumer will feel the freshmen from ceramic service Bagas and do not thinking to look for in other place Keywords: Information System, Java, System Base on Web.
1. Pendahuluan Aplikasi berbasis web site merupakan bentuk aplikasi yang tepat untuk mempermudah penyampaian informasi secara cepat, tepat dan akurat. Kelebihan web site sendiri karena web site mempunyai kemampuan untuk bersaing dengan perusahaan lain karena menghasilkan sinergi antara bisnis offline dan online, yang meningkatkan penjualan dan pemasaran.
Sehingga
perkembangan
dalam
dunia
internet
telah
mempengaruhi segala aspek software untuk berlomba-lomba mendukung terciptanya dunia cyberspace yang lebih interaktif. Jadi orang tidak perlu khawatir karena web site memiliki banyak kelebiahan. Perusahaan keramik merupakan sebuah perusahaan yang menjual bermacam – macam bentuk keramik. Untuk meningkatkan pelayanan terhadap konsumen serta meningkatkan citra dari perusahaan itu sendiri maka di butuhkan sistem yang dinamis, interaktif dan yang pasti mudah digunakan. Keberadaan perusahaan keramik yang sudah berjalan cukup lama, harus tetap menjaga citra yang sudah melekat di hati konsumen misalnya dengan cara melakukan transaksi pembayaran dan pemesanaan dengan cepat jadi konsumen tidak perlu datang langsung dan tidak perlu mengantri lama, selain itu juga harus ada ketepatan harga dari barang yang dijual pasti konsumen akan merasakan kenyamanan dari pelayanan perusahaan keramik dan tidak berfikir untuk cari di perusahaan lain.
Aplikasi web site ini salah satu yang tepat untuk menyediakan informasi yang cepat, tepat dan akurat.
2. Dasar Teori Internet digunakan sebagai saluran pemasaran online dimulai sekitar pertengahan 1990-an, dan tumbuh semakin cepat sampai sekarang. Pemasaran online dilakukan melalui sistem komputer online interaktif yang menghubungkan konsumen dan penjual secara elektronik. Internet sendiri dapat didefinisikan sebagai jaringan komputer luas yang menghubungkan komputer diseluruh dunia. Internet muncul dari jaringan yang diciptakan oleh Departemen Pertahanan AS selama 1960-an, yang mula-mula hanya untuk menghubungkan laboratorium pemerintahan, dan instalasi militernya. Sekarang jaringan komputer publik besar ini menghubungkan pengguna komputer jenis apapun diseluruh dunia. Setiap orang memiliki PC, modem, dan perangkat lunak yang sesuai dapat menjelajahi internet untuk memperoleh atau berbagi informasi pada masalah apapun dan untuk berinteraksi dengan pengguna lain.
A. Pemrograman Web 1. Pemrograman Pemrograman merupakan suatu metode untuk membuat suatu aplikasi menggunakan bahasa pemrograman. Bahasa pemrograman
adalah bahasa yang dapat dimengerti oleh komputer untuk mengolah sesuatu, yang berasal dari input user. Dalam dunia pemrograman terdapat beberapa istilah yang dibagi menurut hasil atau media aplikasinya, yaitu :
a. Desktop Programming Pada desktop programming hasil aplikasinya berjalan pada sistem operasi dan berdiri sendiri. Beberapa contoh aplikasinya adalah aplikasi database, aplikasi multimedia dan sebagainya. b. Web Programming Aplikasi yang dihasilkan pada web programming digunkan pada media web. Dan membutuhkan browser sebagai tool untuk melihat hasilnya. c. Mobile Programming Mobile programming termasuk pemrograman yang baru, karena pada mobile programming baru beberapa tahun ini digunakan secara besar-besaran untuk menghasilkan aplikasi yang dapat berjalan pada media mobile (ponsel dan PDA) Dari ketiga pemrograman diatas yang akan dibahas adalah web programming. Karena tentu saja untuk membuat aplikasi pada media internet dibutuhkan penguasaan pada bahasa pemrograman berbasis web.
2. Pemrograman Web
Pemograman web menggunakan bahasa berupa script yang akan berjalan pada sisi klien (client side) dan sisi server (server side). a. Client Side Pada sisi klien, script yang dibuat akan dijalankan pada komputer klien atau user lalu ditampilkan hasilnya pada browser scripting. Diantaranya adalah HTML, Java Script, Vb Script, DHTML dan lainlain. Kegunaannya untuk membuat tampilan lebih menarik dan dinamis. b. Server Side Cara kerja script pada sisi server, script akan dijalankan pada komputer server, kemudian server akan mengirimkan hasilnya pada komputer klien dan klien hanya menampilkan isinya. Kerja script pada server side akan berbeda dari client side, pada server side terdapat pula keuntungan
dan
kerugiannya.
Keuntungannya
adalah
tingkat
keamanannya yang tinggi, pengaksesan pada database, dan membuat tampilan web menjadi interaktif. Sedangkan kerugiannya server anda akan menjadi lebih berat, karena server side membutuhkan banyak resource untuk mendukung scripting tersebut. Server side scripting diantaranya Perl, PHP, ASP, ASP.net, JSP, Coldfusion, dan lain-lain. c. WWW ( World Wide Web ) Sebelum ada World Wide Web, dan juga Internet, ada impian Xanadu. Pada Xanadu, semua pengetahuan dan dokumen, citra, suara
dan video akan dapat diakses seketika oleh seseorang yang memiliki sebuah komputer, dimanapun dan kapanpun. Xanadu merupakan impian Ted Nelson, seorang visioner komputer. Dia melihat suatu dunia dimana suatu informasi dapat bergabung atau dijalin bersama dalam suata world- wide web dari hypertext dan hypermedia. Pendek kata, dia melihat sebuah dunia dimana babel yang konstan dari data format dan protokol – protokol yang tidak kompatibel dapat digantikan dengan suatu pustaka informasi yang universal. Hal ini akan menjadi perubahan dunia. Xanadu merupakan impian, sedangkan realitanya adalah World Wide Web (WWW). Web dapat menggabungkan informasi bersama sama dari manapun di dunia dan membuatnya ada pada seseorang. Para pelajar dapat berpindah dari informasi keuangan Dun & Bradstreet‟s kesuatu perjalanan ke ibukota Kroasia, Zagreb, ke negara - negara pada internet di Afrika Selatan tanpa harus meninggalkan meja. Web lebih dari sekedar informasi. Anda dapat belajar fakta – fakta statis dari berbagai Ensiklopedi. Informasi yang disimpan pada web senantiasa diperbaharui. Dengan web, anda akan selalu menempatkan informasi paling mutahir pada ujung jari anda. WWW (World Wide Web) merupakan layanan yang paling popular diantara seluruh layanan TCP IP, WWW dikembangkan di CERN (Europen Center for Nuclear Research) suatu lembaga di peneliti fisika energi tinggi di Genewa,
Swiss. Aplikasi ini berjalan pada protokol HTTP (Hypertext Transfer Protokol) dan dapat di akses mengguanakan web browser. Pada dasarnya, web adalah sebuah database jalinan komputer diseluruh dunia yang menggunakan sebuah arsitektur pengambilan informasi yang umum. Bicara konsep, web merupakan sebuah client atau server sistem manajemen database.
3. HTML (Hyper Text Markup Language) HTML terdiri dari tag-tag yang fungsinya untuk membuat dokumen menjadi dapat dibaca oleh browser. HTML merupakan script dimana kita bias menentukan informasi dan daya kreatifitas kita lewat internet. HTML sendiri adalah suatu dokumen teks biasa yang mudah untuk dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh platform yang berlainan seperti Windows, UNIX dan lain-lain. HTML merupakan bahasa pemrograman fleksibel dimana kita bisa meletakkan script dari bahasa pemrograman lain seperti Java, Vb, C dan lain-lain. Jika HTML tersebut tidak dapat mendukung suatu perintah pemrograman tertentu, browser akan menampilkan kotak dialog “sintax error”. Jika terdapat penulisan kode yang keliru pada script HTML, sepanjang kode yang kita tuliskan merupakan kode HTML, efek yang paling jelas adalah HTML tersebut tidak akan ditampilkan pada jendela browser. Kata „Markup Language‟ pada
HTML, menunjukkan suatu fasilitas yang berupa tanda tertentu dalam script html dimana kita bisa mengatur judul, garis, tabel dan lain-lain dengan perintah khusus.
4. PHP (Hypertext Preprocessor) PHP adalah bahasa server – side scripting yang menyatu dengan HTML. Untuk membuat halaman web yang dinamis. Karena PHP merupakan server – side scripting maka sintaks dan perintah – perintah PHP akan dieksekusi di server kemudian hasilnya dikirimkan ke browser dalam format HTML. Dengan demikian kode program yang ditulis dalam PHP tidak akan terlihat oleh user sehingga keamanan halaman web lebih terjamin. PHP dirancang untuk membetuk halaman web yang dinamis, yaitu halaman web yang dapat membentuk suatu tampilan berdasarkan permintaan terkini, seperti menampilkan isi basis data kehalaman web. PHP termasuk dalam Open Source Product, sehingga source code PHP dapat dirubah dan didistribusikan secara bebas.PHP juga dapat berjalan diberbagai web server seperti IIS (Internet Informasi Server), PWS (Personal Web Server), Apache, Xitami, dan lain – lain. PHP juga mampu lintasi platform, artinya PHP dapat berjalan sebagai CGI (Common Gateway Interface). PHP dapat mengirim HTTP header, dapat mengatur authentication dan redirect users.
Salah satu keunggulan yang dimiliki PHP adalah kemampuannya untuk melakukan koneksi ke berbagai software basis data, sehingga dapat menciptakan suatu halaman web yang dinamis. PHP mempunyai koneksitas yang baik dengan beberapa basis data antara lain : Oracle, Sybase, mSQL, MySQL, Ms SQL server, Solid, PostgreSQL, Adabas, filePro, Velocis, dBase, unix dbm, dan tak terkecuali semua database berinterface ODBC. PHP juga memiliki integrasi dengan beberapa library eksternal yang dapat membantu anda melakukan segalanya melalui dokumen dengan format PDF hingga mem-parse XML, SNMP, NNTP, POP3 atau bahkan HTTP. Bila PHP berada dalam halaman web anda, maka tidak lagi dibutuhkan pengembangan lingkungan khusus atau directory khusus. Hampir semua aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan utama konektivitas basis data dengan web. Dengan Kemampuan ini kita akan mempunyai satu sistem basis data yang dapat diakses dari web. Cara-cara untuk memulai membuat script PHP,yaitu: //ini adalah cara paling sederhana membuat script PHP
//disini kita menulis script PHP 5. XAMPP 1.6.8 <% //ini adalah cara yang sama dengan sintax ASP
XAMPP adalah satu paket komplit web server yang mudah dipasang diberbagai system operasi. Dalam paketnya sudah terkandung Apache
(web
server),MySQL(database),PHP(server
side
scripting),dan berbagai pustaka bantu lainnya. XAMPP tersedia untuk Linux,
Windows,MacOS
maupun
Solaris
sehingga
sangat
memudahkan membuat web server multiplatform. C. Perangkat Lunak yang digunakan 1. Adobe Photoshop CS 3 Photoshop
merupakan software perangkat lunak yang
canggih yang dapat digunakan untuk pembuatan atau penyutingan, dan efek manipulasi tampilan termasuk koreksi warna dan pemberian efek tampilan dan sebagainya. a.
Photoshop Document (.psd) Merupakan format asli photoshop.
b.
Bitmap image (.bmp) Merupakan format image standar Windows pada komputer yang kompatible.
c.
Join Photographic Expert Group (.Jpg) Merupakan format yang mampu mengopres obyek dengan tingkat
d.
kualitas sesuai pilihan.
Graphics Interchange Format (.gif) Merupakan file yang umum digunakan untuk grafik warna – warna terindeks dan image pada dokumen.
e.
Portable Network Graphic (.png) Merupakan format file yang digunakan untuk kompresi kecil yang
mampu menampilkan sampai 24 bit dan
menampilkan image pada WWW. 2. Dreamweaver 8 Dreamweaver 8 adaalah suatu bentuk program editor yang dibuat oleh Macromedia. Dengan program ini, seorang programmer web dapat dengan mudah membuat dan mendesain webnya. Dreamweaver 8 adalah editor yang komplit yang dapat digunakan untuk membuat animasi sederhana yang berbentuk layer. Sebagai editor, Dreamweaver 8 mempunyai sifat yang WYSIWYG
(what
you see is what you get), artinya apa yang kamu lihat akan kamu peroleh. Dengan melihat kelebihan ini, seorang programmer web dapat melihat langsung hasil buatannya tanpa harus dibuka di browser, seperti program editor – editor lain, Dreamweaver 8 juga memiliki dua bentuk layar, yaitu halaman desain dan halaman code. Hal ini akan mempermudah kita dalam menambahkan script yang berbasis PHP maupun Javascript. Dreamweaver 8 selain mendukung pembuatan web yang berbasis HTML, juga dapat mendukung program – program web yang lain diantaranya PHP, ASP, Perl, Javascript, dan lain – lain. 3. MySQL
MySQL dikembangkan oleh sebuah perusahaan Swedia bernama MySQL AB yang pada saat itu bernama TeX DataKonsult Ab sekitar tahun 1992 – 1995, namun cikal bakal kodenya sudah ada sejak 1979. Awalnya TeX membuat MySQL dengantujuan , mengembangkan aplaikasi web untuk klien.Tex merupakan perusahaan pengembangan software dan konsultan database. MySQL adalah salah satu jenis database server yang sangat terkenal dan banyak digunakan untuk membangun aplikasi web yang menggunkan database sebagai sumber dan pengelolaan datanya. Kepopuleran MySQL antara lain karena MySQL menggunakan SQL (Structure Query Language) sebagai bahasa dasar untuk mengakses databasenya sehingga mudah untuk digunakan, cepat secara kinerja query, dan mencukupi untuk kebutuhan database perusahaan – perusahaan skala menengah – kecil. Selain itu juga MySQL didistribusikan dengan lisensi open source GPL (General Public License) mulai versi 3.23, pada bulan Juli 2000. MySQL merupakan database yang pertama kali didukung oleh bahasa pemrograman script untuk Internet (PHP dan Perl). MySQL dan PHP dianggap sebagai pasanagan software pengembanagan aplikasi web yang ideal. MySQL lebih sering digunakan untuk membangun aplikasi
berbasis
web,
umumnya
pengembangan
menggunakan bahasa pemrograman script PHP. 4. Mozilla Firefox
aplikasinya
Firefox merupakan aplikasi penjelajah web multiplatform (web browser)
yang
dikembangkan
oleh
Yayasan
Mozilla.
Sejak
dikeluarkannya versi terdahulu, Firefox adalah salah satu perangkat lunak yang bebas pungutan, sumber- terbuka (open source) yang paling banyak digunakan oleh pengguan komputer. Saat ini versi terakhir yang dikembangkan untuk Firefox, yang memiliki keunggulan/fitur seperti tabbed browsing, live bookmark, download manager, popup blocker, automatic updates, accessibility, customize, extention dan clear private data. Dengan fitur tabbed browsing, dapat dilakukan penjelajahan beberapa website dalam satu aplikasi Firefox, yang memudahkan pengguna mencari informasi. Selain itu, Firefox memiliki improved popup blocking yang dapat memblok pop-up yang tidak diinginkan. Dari sisi keamanan Firefox memberikan keyakinan pengguna lebih aman pada saat browsing dengan mencegah spyware, worms dan virus. Fasilitas live bookmarks, dapat tetapmengupdate secara otomatis infomasi dari website dan blog favorit anda. Dengan segudang kelebihan tersebut, menjadikan pengguan komputer untuk web surfing semakin menarik. 3.
Pembahasan A. Perancangan Sistem 1. Data Flow Diagram
Data Flow Diagram atau yang sering disebut dengan diagram arus data adalah suatu modal logika data atau proses yang dibuat untuk menggambarkan darimana asal data dan kemana tujuan data yang keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut dan interaksi antara data yang tersimpan dan proses yang dkenakan pada data tersebut. Data Flow Diagram
digunakan untuk
suatu sistem yang telah ada atau sistem
menggambarkan baru yang akan
dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut akan disimpan. Adapun rancangan diagram alir pada aplikasi ini dapat dilihat seperti yang ditunjukkan pada gambar dibawah ini :
Data Flow Diagram Level 0 Menampilkan Laporan
User
Input Data Member Input Data Pemesanan Input Buku Tamu
Pengolahan Data Produk Pengolahan Data Kat.Produk
Proses Data Preview
Laporan Preview
Laporan
Admin
1.
Owner
Normalisasi Normalisasi merupakan proses menentukan bentuk-bentuk field yang akan digunakan dalam proses perancangan badis data. Adapun tujuan normalisasi adalah untuk melakukan restruksi perancangan basis data dalam proses normalisasi. Persyaratan sebuah table harus dipecah didasarkan adanya kesulitan kondisi pengorganisasian data seperti itu menambah atau menyisipkan, menghapus, menambah atau mengubah serta pembacaan dari table. Secara umum normalisasi dibagi menjadi 4 tahap yaitu : bentuk tidak normal, normalisasi satu, normalisasi dua dan normalisasi tiga.
2. Hubungan Antar Tabel
4. Kesimpulan Dari penelitian yang telah dilakukan maka penulis mengambil kesimpulan, yaitu : 1. Dengan adanya web Bagas Keramik ini, pengunjung dapat lebih mudah mendapatkan informasi mengenai produk keramik dan pembelian secara online pada Bagas Keramik. 2. Dengan adanya web yang dinamis, informasi yang disajikan dapat diakses dengan cepat dan mudah, sehingga bermanfaat bagi pihak penyaji maupun pengakses informasi.