PEMBUATAN WEB SEBAGAI MEDIA PROMOSI PT. SINAR SUKSES SENTOSA
Naskah Publikasi
Disusun oleh : NURINA WAKHIDATUL MUNAWAROH FITRIA FAJAR PRIASTUTI SULISTIANI
07.02.6873 07.02.6895 07.02.6933
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2010
INTISARI Teknologi internet bukan lagi menjadi sesuatu yang asing bagi kebanyakan
masyarakat.
Terlebih
lagi
bagi
orang-orang
yang
berkecimpung di dunia komputer. Situs website menampilkan informasiinformasi tentang segala sesuatu yang ada di belahan dunia tanpa mempedulikan seberapa jauh jangkauannya. Dengan website, seseorang dapat dengan mudah mendapatkan segala informasi yang dibutuhkan dengan cepat dan mudah. Saat ini web tidak semata-mata digunakan untuk menampilkan berbagai informasi saja, namun fungsi website juga semakin bertambah luas seiring dengan tuntutan dan kemajuan teknologi yang berkembang. Website mulai banyak digunakan sebagai sarana untuk mengambil data ataupun interaksi dari user yang mengunjungi. Hal inilah yang menjadi dominan bagi kami untuk melakukan pembuatan situs website bagi PT. SINAR SUKSES SENTOSA melalui media internet yang sekarang semakin berkembang sesuai dengan perkembangan teknologi di dunia informasi yang semakin cepat. PT. Sinar Sukses Sentosa merupakan perusahaan yang bergerak dalam bidang produksi pangan. Dalam hal ini, PT. Sinar Sukses Sentosa memproduksi tiwul instan.
ABSTRACT
Internet technology is no longer to be something foreign to most people. Moreover for people working in the computer world. Web site displays information about the things that exist in parts of the world no matter how far-reaching. With a website, one can easily obtain all the information you need quickly and easily. Currently the web is not merely used to display various information only,but the functions of the website are also increasingly expanding in line with the demands and evolving technological advances. Website started being used as a means to retrieve data or interaction from a user who visits. This has become dominant for us to perform site development website for PT. SINAR SUKSES SENTOSA through internet media is now growing in accordance with the development of information technology in the world faster and faster. PT. Sinar Sukses Sentosa is a company which is engaged in food production. In this case, PT. Sinar Sukses Sentosa produce tiwul instant.
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. PT. Sinar Sukses Sentosa merupakan perusahaan yang bergerak dalam bidang produksi pangan. Dalam hal ini, PT. Sinar Sukses Sentosa memproduksi tiwul instan. Keberadaan PT. Sinar Sukses Sentosa yang sudah berjalan cukup lama, harus tetap menjaga citra yang sudah melekat di hati konsumen.
1. Dasar Teori Sejarah internet dimulai pada tahun 1969 ketika Departemen Pertahanan Amerika, Defense Advanced Research Projects Agency (DARPA) memutuskan untuk mengadakan riset tentang bagaimana caranya menghubungkan sejumlah komputer sehingga membentuk jaringan organik. Program riset ini dikenal dengan nama ARPANET. Pada tahun 1970, sudah lebih dari 10 komputer yang berhasil dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi dan membentuk sebuah jaringan.
Secara umum ada banyak manfaat yang dapat diperoleh apabila seseorang mempunyai akses ke internet. Berikut ini sebagian dari apa yang tersedia di internet : 1)
Informasi untuk kehidupan pribadi, kesehatan, rekreasi, hobi,
pengembangan pribadi, rohani, sosial. 2)
Informasi
untuk
kehidupan
profesional/pekerja:
sains,
teknologi, perdagangan, saham, komoditas, berita bisnis, asosiasi profesi, asosiasi bisnis, berbagai forum komunikasi. Satu hal yang paling menarik ialah keanggotaan internet tidak mengenal batas negara, ras, kelas ekonomi, ideologi atau faktor faktor lain yang biasanya dapat menghambat pertukaran fikiran. Internet adalah suatu komunitas dunia yang sifatnya sangat demokrasi serta memiliki kode etik yang dihormati segenap anggotanya. Manfaat internet terutama diperoleh melalui kerjasama antar pribadi atau kelompok tanpa mengenal batas jarak dan waktu. Untuk lebih meningkatkan kualitas sumber daya manusia di indonesia,
sudah
memanfaatkan
waktunya
jaringan
internet
masyarakat informasi dunia.
para dan
profesional menjadi
Indonesia bagian
dari
A. Pemrograman Web Pemrograman merupakan suatu metode untuk membuat aplikasi mengguakan bahasa pemrograman. Bahasa pemrograman adalah bahasa yang dimengerti oleh komputer untuk mengolah sesuatu, yang berasal dari input user. Bahasa pemrograman berbasis web ada dua yaitu : 1. Client-Side Scripting. Client-Side Scripting merupakan script/kde yang hanya dapat dilihat di Browser. Pada Internet Explorer dapat dilihat menggunakan Menu bar View-source
yang
termasuk
dalam
bahasa
client-Side
Scripting
diantaranya HTML, JavaScript, Java Aplet VBScript, CSS, dan disini yang digunakan adalah HTML (Hypertext makrup language). Cara kerja pada sisi klien(Client), script yang dibuat akan dijalankan pada
komputer
user
lalu
ditampilkan
hasilnya
pada
browser.
Kelebihannya, akses akan menjadi lebih cepat. Kerugiannya tingkat keamanannya sangat rendah. 2. Server-Side Scripting Server-Side Scripting adalah sintak dan perintah-perintah yang diberikan akan sepenuhnya dijalankan diserver tetapi disertakan pada dokumen HTML, Server-Side Scripting juga merupakan Script/kode yang hanya dapat dilihat oleh server atau jika anda memiliki hak untuk remote akses ke server dapat diakses ke Server, server dapat diakses dari jauh.
Server-Side Scripting tidak dapat dilihat dari browser. Dan PHP merupakan bahasa Server-Side Scripting yang dapat digunakan pada pembuatan Web ini. Cara kerja script pada sisi server, script akan dijalankan pada komputer Server, kemudian akan mengirimkan hasilnya pada komputer klien dan klien hanya menampilkan isinya. Kerja script pada server side berbeda pada client side. Pada server side terdapat beberapa keuntungan dan kerugian. Keuntungannya adalah tingkat keamanannya tinggi, pengaksesan pada Database. Sedangkan kerugiannya yaitu Server akan menjadi terasa berat, karena Server side membutuhkan lebih banyak resource Server untuk mendukung Script tersebut. 3. World Wide Web Web atau WWW (World Wide Web) yaitu sebuah metode baru yang berjalan di dunia internet yang akhir-akhir ini berkembang dengan cepat. Dengan adanya media ini, seseorang dapat menciptakan puluhan bahkan ratusan aplikasi yang berjalan dibawah web(under web). Seiring dengan ditemukannya protokol TCP (Transmision Control Protocol)/IP (Internet Protocol), yaitu suatu sistem protokol yang mendukung komunikasi dalam sebuah jaringan sehingga memungkinkan terjadinya komunikasi data dua arah dimana server memberikan data dan klien
menampilkan
atau
memproses
informasi
yang
ditransfer,
perkembangan jaringan ini tumbuh dengan pesatnya. Tepatnya 1 Januari
1983 nama internet mulai digunakan dan baru setelah itu pemerintah Amerika Serikat memberikan izin kearah komersial pada tahun 1990. Di Indonesia perkembangan internet secara pesat terjadi tahun 1995, sebelumnya internet masuk melalui akademis dan pusat-pusat riset, sehingga
hanya
kalangan
akademis
dan
peneliti
yang
dapat
memanfaatkan fasilitas internet. Layanan internet untuk pengguna umum mulai terbuka setelah Indonet berdiri sebagai penyedia internet pertama di Indonesia yang diikuti dengan berdirinya provider lain seperti Radnet, IDO, Indosat dan CBN. Perkembangan ini menyebabkan pemanfaatan internet secara meluas tidak terbatas pada kalangan tertentu, sekaligus menandakan adanya tidak pemerataan teknologi internet keseluruh dunia. Internet dapat melakukan pencarian di Internet, namun masih berupa format teks. Pada tahun yang sama WWW (World Wide Web) diluncurkan oleh CERN di Jenewa Swiss. Dan saat itu pula peneliti Inggris bernama Tim berner Lee berhasil menciptakan HTML (Hypertext Markup Language), yang menggunakan spesifik URL(Uniform Resources Locator) sebagai alamat Web. Selanjutnya pada tahun 1993 NSF mendirikan InterNIC yang bertugas menyediakan layanan internet seperti pendaftaran domain, direktori, dan servis database. Pada tahun 1993 juga, Marc Andreessen bekerja sama dengan Eric Bina merancang browser grafis tingkat tinggi yang disebut NCSA Mosaic. Sejak saat popularitas web mulai melambung terutama setelah keduanya menggabungkan suatu StartUp yang disebut
Nestcape pada tahun 1994 dan memulai penciptaan browsernya yang lebih baik yang disebut Navigator. Pada tahun1994 pula, sebuah situs komersial yang menyediakan mesin pencari (Search Engine) diluncurkan dan diberi nama Yahoo!(Yet Another Hierarchical Officious Oracle). Sampai saat ini sudah ratusan juta orang diseluruh dunia memanfaatkan Internet. Bahkan tidak mustahil hingga tahun 2010 lebih dari satu miliar orang di dunia bisa menikmati teknologi Internet yang saat ini telah menyediakan hampir seluruh kebutuhan informasi bagi manusia yang menggunakannya. 4. HTML (Hipertext Markup Language) HTML (Hypertext Markup Language) adalah bahasa dari World Wide Web yang digunakan untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program browser. Tiap kali kita mengakses dokumen web, maka sesungguhnya kita mengakses dokumen seseorang yang ditulis dengan menggunakan format HTML. Beberapa orang merasa keberatan jika dikatakan html adalah sebuah bahasa pemrograman karena struktur yang dimilikinya dianggap terlalu sederhana, kode-kode dibaca oleh browser baris per baris, dari atas ke bawah. HTML juga tidak memiliki 'looping' seperti bahasa pemrograman lain. Pada HTML dipergunakan hypertext link atau hubungan antara text dan dokumen lain. Dengan demikian pembaca dokumen bisa melompat dari satu dokumen ke dokumen yang lain dengan mudah.
Dokumen dibagi menjadi dua bagian besar, yaitu HEADER (bagian atas) dan bagian BODY (tubuh dokumen). Masing-masing ditandai oleh pasangan tag dan . Bagian HEAD berisikan judul dokumen dan informasi-informasi dasar lain, sedangkan bagian BODY adalah data dokumennya. 5.
PHP (Hypertext Preprocessor) PHP adalah bahasa server-side yang menyatu dengan HTML untuk
membuat halaman web yang dinamis. Maksud dari server-side scripting adalah sintaks dan perintah-perintah yang diberikan akan sepenuhnya dijalankan di server tetapi disertakan pada dokumen HTML. Pembuatan Web ini merupakan kombinasi antara PHP sendiri sebagai bahasa pemrograman dan HTML sebagai pembangun halaman web. Ketika seorang
pengguna
internet
akan
membuka
suatu
situs
yang
menggunakan fasilitas server-side scripting PHP, maka terlebih dahulu server yang bersangkutan akan memproses semua perintah PHP di server lalu mengirimkan hasilnya dalam format HTML ke web browser pengguna internet tadi. Dengan demikian seorang pengguna internet tidak dapat melihat kode program yang ditulis dalam PHP sehingga keamanan dari halaman web menjadi lebih terjamin. Tetapi tidak seperti ASP yang juga cukup dikenal sebagai server-side scripting, PHP merupakan software yang Open Source (gratis) dan mampu lintas platform, yaitu dapat digunakan dengan sistem operasi dan web server apapun. PHP mampu berjalan di Windows dan beberapa versi linux. PHP juga dapat
dibangun sebagai modul pada web server Apache dan sebagai binary yang dapat berjalan sebagai CGI. PHP dapat mengirim HTTP header, dapat mengeset cookies, mengatur authentication dan redirect users. PHP menawarkan koneksitas yang baik dengan beberapa basis data, antara lain Oracle, Sybase, mSQL, MySQL, Solid, PostgreSQL, Adabas, File Pro, Velocis, dBase, Unix dbm dan tak terkecuali semua database berinterface ODBC. Juga dapat berinteraksi dengan beberapa library eksternal yang membuat Anda dapat melakukan segalanya mulai dari membuat dokumen PDF hingga mempurse XML. PHP juga mendukung komunikasi dengan layanan lain melalui protokol IMAP, SNMP, NNTP, POP3 atau bahkan HTTP. Bila PHP berada dalam halaman web Anda, maka tidak lagi dibutuhkan pengembangan lingkungan khusus atau direktori khusus. Hampir seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan utama adalah konektivitas basis data denngan web. B. Perangkat Lunak yang digunakan 1. Adobe Photoshop CS 3 Adobe Photoshop merupakan software pengolah image buatan Adobe yang sangt handal dan mudah penggunaannya. Sampai saat ini Adobe Photoshop sudah mencapai versi Photoshop CS yang merupakan perkembangan dari Photoshop 7.0. Dukungan plug-in dari berbagai sumberpun banyak tersedia, mulai yang gratis maupun yang bayar, menjadikan Adobe Photoshop sebagai standar pengolah gambar kelas dunia.
Dukungan format file pada Photoshop, antara lain : 1. Photoshop Document(.psd) Merupakan format asli photoshop. 2. Bitmap Image(.bmp) Merupakan format image standar windows pada komputer yang kompatibel. 3. Join Photographic Experts Group(.jpg) Merupakan format yang mampu mengkompres obyek dengan tingkat kualitas sesuai pilihan. 4. Graphics Interchange Format(.gif) Merupakan file yang umum digunakan untuk grafik warna-warna terindeks dan
image pada dokumen HTML yang dipakai pada WWW dan
pelayanan online lainnya. 5. Portable Network Graphic(.png) Merupakan format file yang digunakan untuk kompresi kecil yang mampu menampilkan sampai 24 bit dan menampilkan image pada WWW. 2.
Macromedia Dreamweaver Dreamweaver MX adalah suatu bentuk program editor web yang
dibuat oleh Macromedia. Dengan program ini, seorang programer web dapat dengan mudah membuat dan mendesain web. Dreamweaver adalah editor yang lengkap digunakan untuk membuat animasi sederhana yang berbentuk layer. Dengan adanya
program ini, programer tidak akan susah dalam menulis script-script format HTML, PHP, ASP maupun bentuk program lainnya. Sebagai editor, dreamweaver MX mempunyai sifat yang WYSIWYG (what you see is what you get), artinya apa yang kamu lihat akan kamu peroleh. Dengan kelebihan ini, seorang programer dapat langsung melihat hasil buatannya tanpa harus dibuka di browser. Seperti program-program editor lainnya, Dreamweaver MX juga memiliki dua bentuk layer, yaitu bentuk halaman design dan halaman code. Hal ini akan mempermudah dalam
menambahkan
script
berbasis
PHP
maupun
Javascript.
Dreamweaver selain mendukung pembuatan web yang berbasis HTML, juga mendukung program-program web yang lain, seperti PHP, ASP, Peerl, Javascript dan lain-lain. Versi sebelum dreamweaver MX adalah dreamweaver versi 3 dan 4. Yang membedakan dreamweaver MX dengan versi sebelumnya adalah bentuk
tool-toolnya
yang
diimplementasikan
menjadi
icon
yang
mempermudah dalam penggunaannya. Bantuan pada halaman code pun dimiliki oleh dreameaver MX sehingga membantu programer jika lupa. Dreamweaver juga mendukung format bahasa pemrograman yang ada. 3. Apache Web Server Apache merupakan Web server yang paling banyak digunakan saat ini, menurut survey, apache digunakan oleh lebih dari 60% web server didunia internet, hal ini disebabkan oleh sifatnya yang open source dan kemudahan
didalam
konfigurasi,
serta
kemudahannya
dalam
menambahkan software lain sebagai pelengkap, contohnya dapat ditambahkan support source protocol melalui SSL dan keamanannya (security) dan konekstifitasnya dalam database server melalui bahasa scripting php. Alasan apache dipilih karena : •
Mempunyai kelebihan dibanding web server yang lain.
•
Apache termasuk kategori freeware(gratis).
•
Mampu beroperasi pada bagian platform Sistem Operasi.
Antara Web Server yang satu dengan yang lain mempunyai perbedaan baik itu dalam hal fasilitas maupun dalam hal kriterianya yang diatas, sedangkan apache sendiri mempunyai beberapa fasilitas antara lain: •
Mampu dikompilasi sesuai dengan spesifikasi dengan spesifikasi HTTP yang sekarang ini.
•
Mempunyai dukungan teknis melalui Web
•
.Mempunyai kompabilitas platform tinggi.
4.Web Browser Internet Explorer Untuk menampilkan halaman web di Internet diperlukan perangkat lunak sebagai Web Browser, disini yang digunakan adalah Internet Explorer (IE). Internet Explorer adalah program aplikasi Web browser yang digunakan untuk menampilkan dokumen Web. Browser ini terus mengalami peningkatan fungsi-fungsi baru yang membuat halaman Web menjadi lebih hidup dan dinamis.
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
menggambarkan suatu sistem yang telah ada atau sistem 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 :
Diagram Contex
operator admin Update berita Accept request
0
sistem
Data Operator
daftar member
Balas pesan
user
1.
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 Tabel Admin
Tabel Produk
Id_admin* Pass_admin
Tabel Operator Id_op* Id_Admin** Pass_op
Id_produk* Nama_produk Jenis_produk Detail_produk Harga
Tabel Berita Id_berita*
Tabel Member
Id_op**
Id_member*
Judul
Pass_member
Isi berita
Nama_member
Gambar
alamat
Hari
email
Tgl_berita
telp
jam
invite
Tabel Buku tamu Id_bukutamu* nama email komentar Tgl_bukutamu
Tabel Sertifikat Tabel Pesan Tabel Outlet Id_outlet* Nama_outlet
Id_member**
Nama_sertifikat
Judul
Gambar
Pesan Alamat_outlet Telpn
Id_sertifikat*
Id_pesan*
Tabel Infox
Balasan Tgl_pesan
Id_infox Judul isi
4. Kesimpulan Dalam pembuatan website ini diharapkan dapat menjadi media informasi bagi pengunjung dan sebagai media promosi bagi PT. Sinar Sukses Sentosa. Isi dari website ini diharapkan dapat menggambarkan maksud dan tujuan dan pembuatan website tersebut berdasarkan hasil pengamatan terhadap system yang sedang berjalan pada PT. Sinar Sukses Sentosa. Maka dapat diambil beberapa kesimpulan antara lain : 1. Dapat mempermudah penyampaian informasi dari perusahaan kepada masyarakat luas. 2. Website ini berfungsi sebagai media promosi bagi perusahaan, sehingga perusahaan menjadi lebih dikenal oleh masyarakat terutama pihak – pihak yang berhubungan dengan perusahaan. 3. Website berguna sebagai sarana
atau salah satu cara untuk
meningkatkan pelayanan melalui kritik dan saran yang dapat dikirim secara online melalui buku tamu.
