PEMBUATAN APLIKASI INFORMASI KEDAI KOPI BERBASIS WEBSITE

Julia Fajaryanti Fakultas Teknologi Industri Universitas Gunadarma

Margonda Raya 100 Depok Jawa Barat julia@staff.gunadarma.ac.id

Abstrak - Website ini dibuat bertujuan untuk memudahkan masyarakat khususnya pelanggan yang senang terhadap coffee shop dengan authentic design untuk mendapatkan informasi tentang kedai Kopi Nako yang ada didaerah jabodetabek. Metode yang digunakan untuk membuat sistem informasi ini adalah metode System Development Life Cycle (SDLC). Berdasarkan hasil uji coba yang telah dilakukan menggunakan pada browser menggunakan metode blackbox, dapat disimpulkan bahwa Website Kedai Kopi Nako yang dibuat menggunakan PHP dan MySQL dapat berjalan dengan baik, dan dapat memberikan infomasi tentang keberadan cabang-cabang kopi nako yang ada di jabodetabek, peta lokasi kopi nako, dan menu-menu yang ada di Kopi Nako.

Kata Kunci - Aplikasi, PHP, Website.

macchiato, cappucino, cafe latte, caffe affogato, sampai caffe mocha.

Batasan masalah dari penulisan ini yaitu, website ini berisi informasi tentang Kedai Kopi Nako di wilayah JABODETABEK. Juga memberikan informasi mengenai menu sajian yang terdapat pada Kedai Kopi Nako, serta menampilkan informasi lokasi menggunakan google API.

Penulisan ilmiah ini bertujuan untuk membuat sebuah website informasi kedai kopi yang memudahkan masyarakat dalam mencari informasi tentang Kedai Kopi Nako. Tujuan Utamanya adalah untuk meningkatkan pendapatan serta promosi agar kedai kopi ini menjadi lebih maju dan berkembang.

I. PENDAHULUAN II. TINJAUAN PUSTAKA

Saat ini Teknologi di Indonesia sangat pesat

perkembangannya. Efek dari pesatnya teknologi di Indonesia ini adalah dapat mengakses segala sesuatu secara cepat, tepat dan praktis, misalnya Internet. Internet saat ini merupakan sebuah fasilitas yang sangat tepat untuk mencari informasi. Kemajuan ilmu dan teknologi yang unggul tercermin dari terciptanya kemajuan suatu bidang yang memanfaatkan aplikasi teknologi sehingga menunjang keunggulan dalam mencari sebuah informasi dari suatu instansi atau badan usaha.

Kedai kopi yang merupakan sebuah instansi atau badan usaha yang secara esensial menyediakan kopi, minuman panas atau minuman dingin. Ada beberapa ciri-ciri dari sebuah bar, dan beberapa ciri-ciri sebuah restoran. Kedai kopi lebih fokus dalam penyajian minuman kopi dan teh bahkan makanan ringan.

Perkembangan dan penambahan konsep gerai dan penyajiannya, kedai kopi adalah bisnis yang selalu ada pada setiap zaman. Saat ini kedai kopi sangat banyak diminati dan menjadi sebuah bisnis baru yang diminati. Banyak Menu kopi yang ditawarkan. Untuk seduh manual, kita bisa memilih single origin atau blend. Untuk espresso, ada espresso murni dan espresso campuran. Espresso murni terdiri dari espresso (ekstrak biji kopi), ristretto, dan lungo. Sementara espresso campuran punya banyak turunan, mulai americano, cafe

Sejarah Internet

Internet adalah suatu jaringan komunikasi yang menghubungkan satu media elektonik dengan media yang lainnya. Standar teknologi pendukung yang dipakai secara global adalah Transmission Control Protocol atau Internet Protocol Suite (disingkat sebagai istilah TCP/IP). TCP/IP ini merupakan protokol pertukaran paket (dalam istilah asingnya Switching Communication Protocol) yang bisa digunakan untuk miliaran lebih pengguna yang ada di dunia. Sementara itu, istilah “internetworking” berarti cara/prosesnya dalam menghubungkan rangkaian internet beserta penerapan aturannya yang telah disebutkan sebelumnya.

Jaringan yang terbentuk bukanlah berifat terpusat, sehingga apabila satu komputer atau satu jaringan terputus, tidak akan mengganggu koneksi jaingan yang lainnya. Secara umum internet merupakan suatu media untuk menyebarkan dan memperoleh informasi, berkomunikasi, bertukar data, berkirim surat, bahkan mampu mengeksekusi komputer dari jauh. Ada banyak manfaat yang diperoleh apabila seseorang mempunyai akses internet. Manfaat tersebut termasuk dalam bidang pendidikan, ekonomi, kesehatan, sosial teknologi, dan budaya. Keanggotaan internet tidak mengenal batas negara, ras, kelas, ekonomi, ideologi atau faktor lainyang biasanya dapat menghambat pertukaran pikiran.

1

HTML PHP

Gambar 1. HTML Gambar 4 PHP

HTML atau Hyper Text Markup Language adalah suatu format data yang digunakan untuk membuat dokumen hypertext (teks pada komputer yang memungkinkan user saling mengirimkan informasi (request-respon)). Dokumen HTML harus disimpan dengan ekstensi.htm atau .html. HTML memiliki tag-tag yang telah didefinisikan untuk membuat halaman web. Penulisan tag-tag html dapat menggunakan huruf besar atau huruf kecil, karena HTML tidak case sensitive (membedakan huruf besar dan huruf kecil memiliki maksud yang berbeda). CSS

Gambar 2. CSS

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. CSS digunakan dalam dokumen HTML untuk menciptakan suatu style (penyajian) yang dapat membuat kemampuan HTML menjadi lebih luas. Yang menarik, style dapat didefiniskan pada file terpisah sehingga tidak menambah keruwetan dokumen. Selain itu tentu saja style dapat digunakan pada sejumlah dokumen. . JavaScript

Salah satu Bahasa pemrograman web yang banyak digunakan adalah PHP (Hypertext Prepocessor). PHP merupakan Bahasa pemrograman web yang berkerja di sisi server (server-side). Dengan menggunakan PHP dapat dibuat website yang dinamis, selain itu juga dapat dibuat suatu aplikasi yang berbasis web. PHP merupakan Bahasa pemrograman yang dikembangkan dari Bahasa pemrograman Perl dan C++. Karena PHP merupakan Bahasa pemrograman server side untuk menjalankan file dengan formart .php harus menggunakan perangkat lunak web server dan file disimpan di server.

Script PHP juga tidak dapat dilihat oleh client. Pada saat sever meminta dokumen PHP, web server akan memanggil modul untuk mengelola dokumen tersebut. Jika didalam dokumen tersebut terdapat fungsi untuk menggunakan database maka modul PHP akan menghubungi database server yang bersangkutan. Kemudahan yang ada dalam PHP membuat para pembuat website leluasa dalam membuat web yang dinamis. Perkembangan teknologi yang cepat melahirkan metodelogi khusus berbasis PHP yang dapat digunakan untuk membuat website dengan tujuan memudahkan para pembuat website. Salah satu metodologi khusus yang digunakan adalah dengan menggunakan framework. Salah satu alasan orang menggunakan framework terutama dalam membangun sebuah aplikasi web adalah kemudahan yang ditawarkan. Mysql

Gambar 5 MySql

Gambar 3. JavaScript

JavaScript adalah bahasa pemrograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemrograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox.

Bahasa pemrograman Client Side berbeda dengan bahasa pemrograman Server Side seperti PHP, dimana untuk server side seluruh kode program dijalankan di sisi server. Untuk menjalankan JavaScript, kita hanya membutuhkan aplikasi text editor dan web browser. JavaScript memiliki fitur: high-level programming language, client-side, loosely tiped dan berorientasi objek.

MySQL adalah sebuah perangkat lunak database yang

mampu menerima dan mengirimkan data sangat cepat, multiuser serta menggunakan perintah dasar SQL (Structured Query Language). MySQL merupakan dua bentuk lisensi yaitu FreeSoftware dan Shareware. MySQL yang biasa digunakan adalah MySQL FreeSoftware yang berada dibawah lisensi GNU/GPL (General Public License).

MySQL merupakan sebuah database server yang free, artinya kita bebas menggunakan database ini untuk keperluan pribadi atau usaha tanpa harus membeli atau membayar lisensi. MySQL pertama kali dirintis oleh seorang programmer database bernama Michael Widenius. Selain database server MySQL juga merupakan program yang dapat mengaksessuatu database MySQL yang berposisi sebagai server, yang berarti program kta berposisi sebagai Client. Jadi

2

MySQL adalah sebuah database yang dapat digunakan sebagai client maupun server. Xampp

Gambar 6 XAMPP

XAMPP merupakan perangkat lunak yang dikembangkan dari LAMP yang terdiri dari beberapa perangkat lunak seperti (Linux, Apache, MySQL, PHP, dan PERL) sebagai project non profit yang dikembangkan oleh Apache Friends. Apache Friends sendiri terdiri dari Tim Inti (Core Team), Tim Pengembang (Development Team) dan Tim Dukungan (Support Tim) yang didirikan Kai Oswalad Seidler dan Kay Vogelgesang pada tahun 2002. Project ini berguna untuk mempromosikan penggunaan Apache web browser.

III. PERANCANGAN APLIKASI

Perancangan aplikasi menggunakan Unified Modelling Language (UML), dengan menggambarkan Diagram Use Case. Use case diagram merupakan sebuah model diagram yang terdiri dari actor dan kegiatan yang saling berinteraksi yang didalamnya berisikan tentang informasi-informsi alur dari actor. Sebelum menyusun use case yang dilakukan adalah mengumpulkan kebutuhan kegiatan apa saja yang dilakukan oleh admin maupun user pada aplikasi. Pada use case diagram ini penulis membuat 2 yaitu use case diagram admin dan use case diagram user. Kedua use case diagram dapat dikatakan sebagai penggambar dari hubungan atau rantai kerja dari seluruh element yang akan dilakukan dalam aplikasi.

Gambar 7. Use Case Diagram Admin dan User

IV. IMPLEMENTASI APLIKASI

Tampilan website dari aplikasi Kedai Kopi Nako ini mempunyai beberapa tampilan yang dibagi menjadi menjadi tampilan bagi user dan admin. Dalam pembuatan tampilan halaman website pada aplikasi Kedai Kopi ini menggunakan bahasa html untuk mengatur letak danbagian-bagian dalam website.

1. Halaman Beranda

Halaman beranda adalah halaman utama yang menampilkan informasi mengenai Kedai Kopi Nako.

Gambar 8. Halaman Beranda

2. Halaman Maps

Halaman event adalah halaman yang informasi lokasi Kedai Kopi Nako di wilayah Jabodetabek.

Gambar 9. Halaman Maps 3. Halaman Daftar Lokasi

Halaman Daftar Lokasi ini menampilkan informasi cabang gerai Kopi Nako di wilayah Jabodetabek beserta foto masing-masing Kedai Kopi.

Gambar 10. Halaman Daftar Lokas

4. Halaman Detail Lokasi Halaman Detail Lokasi berisi tentang informasi salah satu gerai Kedai Kopi Nako pada suatu wilayah yang dipilih. Serta terdapat peta yang menunjukkan lokasi Kedai Kopi.

Gambar 11. Halaman Detail Lokasi

5. Halaman Daftar Menu

Halaman Daftar Menu berisi tentang produk-produk atau menu yang disediakan oleh Kedai Kopi Nako kepada konsumen. Dan terdiri dari kopi biasa, bukan kopi, family pack, dan cemilan.

7. Halaman Admin

Halaman Admin dimana dalam halaman ini admin dapat menamahkan gerai Kedai Kopi Nako beserta informasi lokasi juga daftar menu.

Gambar 14. Halaman Admin

V. KESIMPULAN

Penulis mengambil kesimpulan yaitu bahwa pembuatan Website Kedai Kopi Nako ini dapat memberi informasi kepada masyarakat tentang lokasi serta daftar menu beserta harga secara online terutama untuk masyarakat yang bertempat tinggal di daerah khususnya Jabodetabek. Website ini juga memudahkan pihak penjual untuk memperlihatkan produk terbaru yang dimiliki sehingga para konsumen menjadi tertarik untuk mengunjungi situs https://kopinako.akademi-indonesia.com/.

DAFTAR PUSTAKA

[1] Arif, M. Rudyanto. 2011. Pemrograman Web Dinamis Menggunakan PHP dan MySQL. Yogyakarta: Informatika Yogyakarta.

[2] Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis. Jakarta: PT Elex Media Komputindo.

[3] Shalahuddin, M., Rosa A.S. 2013. Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek. Bandung : Informatika Bandung.

[4] Azis, Sholechul. 2013. Gampang dan Gratis Membuat Website Untuk Web Personal, Organisassi dan Komersil. Jakarta : Lembar Langit Indonesia.

[5] Pratama, A.N.W. 2010. Cara Mudah Membangun Aplikasi PHP. Jakarta : Mediakita.

Gambar 12. Halaman Daftar Menu 6. Halaman Login Admin

Halaman login admin adalah halaman dimana sebelum admin memasukan, mengubah dan menghapus data admin harus login terlebih dahulu. Admin dapat menuliskan email dan password pada kolom login.

Gambar 13. Halaman Login Admin