Pemrograman Web Perancangan Aplikasi Simulasi Vending Machine Berbasis Web

Sebenarnya di Indonesia ada perusahaan yang memproduksinya, yaitu PT METEC SEMARANG yang berlokasi di kawasan berikat Tanjung Emas Export Procesing Zone, Semarang Jawa Tengah. Namun produk yang dihasilkan diexport lagi dan dipasarkan di Jepang, karena perusahaan ini merupakan anak cabang dari perusahaan KUBOTA, japan yang memproduksi vending machine. Mesin penjual otomatis membutuhkan uang koin maupun uang kertas untuk proses kerjanya. Namun, yang paling populer adalah uang koin. pada bagian sudut tertentu, terdapat lubang untuk memasukan uang koin. Uang koin yang telah dimasukkan akan jatuh kedalam pengkait dan mesin didalamnya akan berjalan secara otomatis. Mesin tersebut berjalan sambil menjatuhkan barang yang pembeli pilih, dan terakhir pembeli tinggal mengambil dari balik pintu kecil yang telah disediakan.

2.4 Pemrograman Web

Situsweb dapat dikategorikan menjadi dua yaitu web status dan web dinamis atau interaktif. Web statis adalah web yang berisimenampilkan informasi-informasi yang sifatnya statis tetap, sedangkan web dinamis adalah web yang menampilkan informasi serta dapat berinteraksi dengan user yang sifatnya dinamis. Sehingga untuk membuat web dinamis dibutuhkan kemampuan pemrogramn web. Dalam pemrograman web ada 2 kategori : 1. Server - side Programming Universitas Sumatera Utara 2. Client – side Programming Pada server – side programming, perintah-perintah program script dijalankan di web server, kemudian hasilnya dikirimkan ke browser dalam bentuk HTML biasa. Sedangkan client – side programming perintah program dijalankan di web browser, sehingga ketika client meminta dokumen yang mengandung script, maka script tersebut akan di download dari server-nya kemudian dijalankan di browser yang bersangkutan. Program yang tergolong dalam server- side seperti : CGIPearl, ASPActive Server Pages, JSPJava Server Pages, PHP, CFMCold Fussion, dan lain-lain. Sedangkan yang tergolong client – side seperti : JavaScript, VbScript , HTML Sutarman, 2007. Bahasa pemrograman komputer merupakan bahasa yang dipergunakan untuk melakukan komunikasi antara computer dengan manusia. Pemrograman web merupakan sebuah pemrograman yang memanfaatkan halaman web sebagai media interaksi dan komunikasi . Saat ini berkembang beragam jenis bahsa pemrograman web seperti Active Server PagesASP, Java Server PagesJSP, dan PHP Muhammad Miftakul Amin, 2010.

2.4.1 Pemrograman PHP

PHP adalah singkatan dari PHP Hypertext Preprocessor yang digunakan sebagai bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen HTML. Universitas Sumatera Utara Penggunaan PHP memungkinkan Web dapat dibuat dinamis sehingga maintenance situs Web tersebut menjadi lebih mudah dan efisien Kasiman Peranginangin, 2006. PHP merupakan software Open-Source yang disebarkan dan dilisensikan secara gratis serta dapat didownload secara bebas dari situs resminya. Cara penulisan script PHP ada 2 macam : a. Embedded Script, meletakkan tag PHP diantara tag-tag HTML html body ? Echo “Belajar”; ? body html b. Non Embedded Script, semua script html diletakkan didalam script php. ? Echo “html”: Echo “body”; Universitas Sumatera Utara Echo “Belajar PHP”; Echo “body”; Echo “html”; ? PHP merupakan sebuah bahasa pemrograman server side script-ing yang lahir sejalan dengan perkembangan internet. PHP PHP: Hypertext Processor merupakan sebuah script yang terintegrasi dengan HTML dan mampu menyajikan informasi yang dinamis. Pengertian dari server side scripting adalah bahwa script PHP akan dijalankan di server selanjutnya hasil eksekusi tersebut akan dikirim ke browser Muhammad Miftakul Amin, 2010.

2.4.1.1 Sejarah Singkat PHP

PHP diciptakan pertama kali oleh Rasmus Lerdorf pada tahun 1994. Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung pada homepage nya. Rasmus Ledorf adalah salah seorang pendukung open-source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools versi 1.0 dan meluncurkan PHP 2.0. Pada tahun 1996, PHP telah banyak digunakan dalam website didunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shane Caraveo, dan Jim Winstead bekerja sama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus Universitas Sumatera Utara dilakukan pada tahun 2000 dikeluarkan PHP 4.0. Tidak berhenti sampai disitu, kemampuan PHP terus ditambah sampai versi berikutnya. PHP diciptakan oleh Rasmus Lerdorf tahun 1994. Dalam versi pertamanya tersebut, Rasmus menggabungkan beberapa script Perl untuk membuat catatn tentang pengunjung homepagenya. Kemudian dikembangkan engine untuk scriptnya sehingga lebih powerful dan muncul PHP versi selectionnya. Kemudian beberapa programmer bergabung dengan mengembangkan PHP versi ketiganya yang kemudian dikenal luas. Muhammad Miftakul Amin, 2010.

2.4.1.2 Kelebihan – Kelebihan PHP

PHP memiliki banyak kelebihan yang tidak dimiliki oleh bahasa script sejenis. PHP difokuskan pada pembuatanscript server-side , yang bisa melakukan apa saja yang dapat dilkaukan oleh CGI, seperti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim serta menerima cookies, bahkan lebih daripada kemampuan CGI. PHP dapat digunakan pada semua system operasi, antara lain linux, Unix termasuk variannya HP-UX, Solaris, dan OpenBSD, Microsoft Windows , Mac OS X, RISC OS. PHP juga banyak mendukung Web Server, seperti Apache , Microsoft Internet Information Server MIIS, Personal Web Server PWS, Netscape and iPlnaet servers, Oreilly Website pro server, audium, Xitami, OmniHTTPd, dan masih banyak lagi lainnya, Universitas Sumatera Utara bahkan PHP dapat bekerja sebagai suatu CGI processor. PHP tidak terbatas pada hasil keluaran HTML HyperText Markup Languanges. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file PDF, dan movies Flash. PHP juga dapat menghasilkan teks seperti XHTML dan file XML lainnya. Salah satu fiur yang dapat diandalkan `oleh PHP adalah dukungannya terhadap banyak database. Berikut database yang dapat didukung oleh PHP : Adabase D, dBase, Direct MS-SQL, Empress, FilePro read only, FrontBase, Hyperwave, IBM DB2, Informix, Ingres, Interbase, MSQL, MYSQL, ODBC, Oracle OC17 dan OC18, Ovrimos, PostgrSQL, Solid, Sybase, Unix DBM, dan Velocis

2.4.2 HTML Hypertext Markup Languange

HTML Hypertext Markup Languange adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu platform independent. Dokumen HTML adalah suatu dokumen teks biasa, dan disebut sebagai markup language karena mengandung tanda –tanda tag tertentu yng digunakan untuk menentuka tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Pada dokumen HTML yang termasuk system hyper text , kita tidak harus membaca dokumen tersebut secara urut dari atas ke bawah atau sebaliknya, tetapi kita dapat menuju pada topik tertentu secara langsung denga menggunakan teks penghubung yang akan Universitas Sumatera Utara membawa anda ke suatu topik atau dokumen lain secara langsung. HTML adalah merupakan pengembangan dari standar pemformatan dokumen teks yaitu SGMLStandart Generalized Markup Languange. Sejak awal perkembangan sampai sekarang ini telah tersedia bermacam-macam level versi HTML, ada HTML level 1.0, HTML 2.0, HTML 3.0, dan HTML 4.0 Sutarman, 2007.

2.4.3 Java Script

JavaScript adalah bahasa script bahasa pemrograman yang dapat memegang kontrol aplikasi yang berbasis pada bahasa pemrograman java, namun javascript bukanlah bagian teknologi java dari sun. Java merupakan bahasa pemrograman berorientasi objek murni sedangkan javascript digunakan secara procedural. Cara kerja javascript adalah mengakses elemen pada HTML dan membuat aksi jika elemen- elemen HTML itu mengalami perubahan, misalnya berubahnya warna halaman web begitu sebuah tombol diklik. Javascript membuat sebuah halam web menjadi lebih dinamis. Javascript yang digunakan pada halaman web merupakan client side scripting yang berarti bahwa web browser mengidentifikasi dan menjalankan skrip program yang disisipkan dalm dokumen webyang diterima dari server, dan mungkin memperbarui tampilan dihalaman computer pemakaiuser tanpa mengirimkan permintaan request baru kepada web server. Karena javascript pada halaman web adalah client side scripting maka kode javascript yang ditulis suatu file dengan dokumen HTML akan ditampilkan ketika sebuah halaman web dilihat source code-nya. Universitas Sumatera Utara Javascript merupakan bahasa yang case sensitive seperti halnya bahasa pemrograman java yaitu membedakan penulisna dengan huruf kecil dan huruf besar memiliki arti yang berbeda. Javacsript dapat ditulis secara inline atau satu file dengan dokumen HTML atau dapat juga ditulis pada file terpisah dengan ekstensi .js M.Shalahuddin, 2010.

2.4.4 CSS Cascading Style Sheet

Cascading Style Sheet CSS merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa file. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. CSS dapat mengendalikan ukuran gambar, warna body teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kirikananatasbawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokument. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda. Universitas Sumatera Utara CSS merupakan pendukung HTML dalam mendesain web, perintah-perintah yang sering digunakan dapat dikumpulkan dalam CSS sehingga dapat digunakan kembali dalam mendesain web dan kita tidak perlu mengulang perintah dari awal . CSS atau Cascading Style Sheet adalah suatu fasilitas untuk mempermudah pemeliharaan sebuah halaman web, dengan menggunakan CSS sebuah halaman web dapat diubah tampilannya tanpa harus mengubah dokumen HTML-nya M.Shalahuddin, 2010.

2.5 Adobe Dreamweaver CS