Tugas Softskill Audit PSI

Tugas Softskill Audit PSI

Pembuatan Website Nasi Hut Dengan PHP Dan Mysql

Oleh:

Syaiful Rizal

1A114590

4KA11

UNIVERSITAS GUNADARMA

FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI

2017

1.PENDAHULUAN

Latar Belakang

Seiring dengan berkembangnya teknologi yang semakin pesat dan modern, informasi merupakan sesuatu yang sangat penting dan merupakan kebutuhan pokok setiap individu dan kecanggihan informasi menyebabkan banyaknya perubahan yang terjadi, yang menuntut orang-orang untuk lebih bisa menyesuaikan diri dengan teknologi  yang ada. Hal ini dapat terlihat dari semakin banyaknya kalangan pengguna Internet, meluasnya jangkauan internet hingga ke berbagai pelosok, serta semakin mudahnya untuk kita mengakses ke dunia maya tersebut.

Internet adalah suatu media penyampaian informasi yang sudah secara global digunakan oleh banyak orang di seluruh dunia. Melalui internet kita bisa mendapatkan informasi dari segala bidang. Banyak hal yang bisa dilakukan dengan mengakses internet ,di antaranya adalah mengirim surat elektrinik (e-mail), bercakap-cakap (chating), konferensi jarak jauh (tele-conference), mendapatkan berita baru dari segala bidang, membentuk suatu komunitas, bermain melalui internet (game online), sampai pada transaksi jual-beli secara online (e-commerce), dimana melalui e-commerce ini pihak-pihak yang melakukan transaksi jual-beli tidak perlu saling bertatap muka sehingga menghemat waktu, biaya, dan tenaga.

                Bagi seorang pemilik usaha saat ini tidak cukup hanya memasang iklan selebaran serta pamflet untuk menarik minat pembeli agar mengetahui produk yang di produksinya, tapi harus lebih berinovasi lagi diakibatkan perkembangan teknologi yang terus-menerus menyesuaikan dengan kebutuhan masyarakat sekarang, salah satu contohnya yaitu menjamurnya toko online. Masyarakat sekarang tidak perlu untuk pergi keluar mencari barang serta sesuatu yang diinginkan, cukup dengan mencari di website toko online semua sudah tersedia.

Begitu juga untuk seorang pemilik kedai makanan, harus pandai melihat pasar seperti persaingan para pengusaha makanan yang berinovasi melakukan berbagai cara mempromosikan produknya mulai dari membuat pamflet dan sosial media guna membuat produknya banyak dikenal orang . Seperti halnya Kedai Nasi Hut yang masih kurang dalam hal mempromosikan berbagai produknya. Kedai Nasi Hut hanya promosi melalui selembaran dan dari mulut kemulut para customer sangat disayangkan masih banyak media promosi yang belum tergunakan, seperti website resmi kedai itu sendiri.

Berdasarkan masalah tersebut penulis akan membuat website pengenalan dan penjualan produk Nasi Hut menggunakan PHP dan MYSQL dengan harapan produk ini dikenali oleh customer dari dalam maupun luar kota sehingga meningkatkan daya jual pada produk tersebut dan mempermudah customer dalam melakukan transaksi, sehingga tidak perlu datang ke kedai untuk memesan produk yang diinginkan dan dapat menyediakan pilihan yang lebih banyak dan bervariasi, sehinga customer bisa memesan sesuai keinginan.

LANDASAN TEORI

Pengertian HTML

Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web.

Penjelasan Sublime Text Editor

Sublime Text Editor adalah editor teks untuk berbagai bahasa pemograman termasuk pemograman PHP. Sublime Text Editor merupakan editor teks lintas-platform dengan Python application programming interface (API). Sublime Text Editor juga mendukung banyak bahasa pemrograman dan bahasa markup, dan fungsinya dapat ditambah dengan plugin, dan Sublime Text Editor tanpa lisensi perangkat lunak. Sublime Text Editor pertama kali dirilis pada tanggal 18 januari 2008, dan sekarang versi Sublime Text Editor sudah mencapai versi 3 yang dirilis pada tanggal 29 januari 2013.

Berikut ini adalah beberapa kelebihan yang di milki Sublime Text:

MultiPlatform

Kelebihan pertama dari Sublime Text adalah software ini tersedia dalam berbagai platform sistem operasi, antara lain Windows, Linux,danMacOs.

Plugin

Plugin-nya sangat beragam, sehingga bisa memudahkan programmer dalam mengembangkan software-nya.

Tema dan color scheme yang bervariasi

Anda bahkan bisa membuatnya sendiri atau mendownloadnya secara terpisah.

Membuka File Besar

Sublime Text mampu membuka dan mengedit sebuah file teks yang sangat besar tanpa masalah.

Drag & Drop

Menyeret dan melepas file teks ke dalam editor akan membuka tab baru secara otomatis. Anda juga bisa menentukan lokasi tab pada saat menyeret file teks tersebut.

Membuka banyak dokumen sekaligus ke dalam tab baru

Editor Sublime Text pada jendela terpisah bisa jadikan sebagai tab baru dengan cara di seret. Tampilan jendela dapat dibagi baik secara vertikal maupun horizontal.

Teori Navigasi

Struktur navigasi adalah urutan alur informasi dari suatu aplikasi. Dengan menggunakan struktur navigasi yang tepat maka suatu aplikasi mempunyai suatu pedoman dan arah informasi yang jelas. Dalam pembuatan aplikasi terdapat empat macam bentuk dasar struktur navigasi yang digunakan, yaitu: Struktur Navigasi Linear, Struktur Navigasi Non- Linear, Struktur Navigasi Hierarki, dan Struktur Navigasi Composite

Struktur Navigasi Linear

Merupakan struktur yang hanya mempunyai satu rangkaian cerita berurut. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya. Biasanya struktur ini digunakan karena tidak menuntut keinteraksian tetapi hanya memerlukan keindahan dan kemudahan menampilkan data sebagai informasi.

Struktur Navigasi Non-Linear

Struktur navigasi non-linear (tidak berurut) merupakan pengembangan dari struktur navigasi linear. Pada struktur ini diperkenankan membuat navigasi bercabang. Percabangan yang dibuat pada struktur linear ini berbeda dengan percabangan pada struktur hierarki, karena pada percabangan non-linear ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada master page dan slave page.

Struktur Navigasi Hierarki

           Struktur navigasi hierarki (bercabang) merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan informasi yang berdasarkan kriteria tertentu.

Struktur Navigasi Composite

Struktur Navigasi Composite (campuran) merupakan struktur gabungan dari ketiga struktur sebelumnya. Struktur ini disebut juga struktur navigasi bebas. Kelebihan dengan menggunakan struktur navigasi ini adalah suatu aplikasi mampu memberikan keterkaitan informasinya lebih baik.

Database

Database adalah kumpulan dari item data yang saling berhubungan satu dengan yang lainnya yang diorganisasikan berdasarkan sebuah skema atau struktur tertentu, tersimpan di hardware komputer dan dengan software untuk melakukan manipulasi untuk kegunaan tertentu. Database merupakan sesuatu yang sangat penting dan menunjang keberhasilan suatu sistem informasi,     karena :

1.    Database merupakan dasar dalam menyediakan informasi

2.    Database dapat mengurangi duplikasi data

3.    Database dapat meningkatkan hubungan antar data

4.    Dapat mengurangi pemborosan tempat penyimpanan luar

5.    Dapat menentukan kualitas suatu informasi, keakuratan, tepat waktu dan relevansinya.

HASIL DAN PEMBAHASAN

Struktur Navigasi Website

Struktur Navigasi digunakan untuk menggambarkan secara garis besar isi dari seluruh situs web dan menggambarkan bagaimana hubungan antara isi-isi tersebut, terdapat 2 macam struktur navigasi yang dibuat yaitu:

1. Struktur Navigasi User yang diperuntukan untuk penguna yang mengakses website tersebut, struktur navigasi yang digunakan adalah struktur navigasi campuran (Linear dan Non Linear).

2. Struktur Navigasi Admin yang berisikan halaman untuk admin, struktur navigasi yang digunakan adalah struktur navigasi campuran (Linear dan Hierarki).

Normalisasi

Sebuah tehnik unik mengorganisasi data ke dalam tabel untuk memenuhi kebutuhan pemakai di dalam suatu organisasi, asumsi normalisasi pada Toko Nasi Hut  adalah:

·         Seorang konsumen dapat memesan banyak produk.

·         Banyak produk dapat dipesan oleh banyak konsumen.

Perancangan Database

Dalam web ini sangat diperlukan sebuah database yang konsisten dan mampu melayani penyimpanan data serta pengambilan data berikut adalah      rancangan database yang akan dibuat.

Tahapan pertama dari membuat website Nasi Hut adalah pembuatan database tabel barang, tabel cara pemesan, tabel user di localhost/phpmyadmin. Berikut adalah struktur tabel pada website Nasi Hut

Tabel Tabel Tipe

FIELD	Type	Extra
Id_Tipe	Int (3)	Auto Increment
m_Tipe	Varchar (30)

Tabel Tabel Rasa

FIELD	Type	Extra
Id_rasa	Int (4)	Auto Increment
Nm_rasa	Varchar (30)
Status	Varchar (10)

                                              

Tabel Tabel Produk

FIELD	Type	Extra
Id_Produk	Int (4)	Auto Increment
Id_Tipe	Int (4)
Id_Nasi	Int (4)
Harga	Varchar (15)
Jenis	Varchar (15)
Gambar	Varchar (20)

                                          

Tabel Tabel Pemesanan

FIELD	Type	Extra
Id_Pemesanan	Int (4)	Auto Increment
Nm_pemesan	Varchar (30)
Isi_pesan	Text
No_telp	Varchar (15)
Email	Varchar (30)
Alamat	Varchar (30)

                                                Tabel Tabel Admin

FIELD	Type	Extra
Id_User	Int (3)	Auto Increment
User_Name	Varchar (20)
Password	Varchar (10)
Level	Varchar (10)

Perancangan Website

Dalam website Nasi Hut ini, penulis membuat 5 (lima) halaman web, diantaranya adalah, Home, Produk, Pemesanan, Kontak Kami, Admin.

PENUTUP

KESIMPULAN

Telah berhasil dibuat website Nasi Hut dengan menggunakan Sublime Text Editor dan Bahasa pemrograman HTML, karena dapat menampilkan tampilan sesuai dengan rancangan website yang telah dibuat. Website ini untuk mempermudah mencari informasi produk dan rasa juga membantu para konsumen untuk memesan produk. Website ini sudah terdaftar dan di hosting dengan alamat http://nasihut.com.

SARAN

Pada penulisan ini Website Nasi Hut ini masih terdapat banyak kekurangan yaitu kurangnya menampilkan banyak informasi. Oleh karena itu penulis mengharapkan agar website ini dapat dikembangkan lebih baik dan lebih menarik lagi, agar para konsumen lebih mudah mendapatkan informasi.

DAFTAR PUSAKA

[1]   http://www.tutorialcarakomputer.com/2014/02/pengertian-dan-definisi-   internet.html, Feriantano S, Tanggal akses 27 Maret 2017.

[2]   http://www.bangpahmi.com/2016/04/pengertian-html-menurut-para-ahli-dan-pakar.html, Pahmi Ritonga, Tanggal akses 27 Maret 2017.

[3]   https://hasim319.wordpress.com/2011/07/28/struktur-navigasi-website/, Edutelekomunikasi, Tanggal akses 28 Maret 2017.

[4]   https://www.indosite.com/pengertian-mysql/, IndoSite, Tanggal akses 28 Maret 2017.

[5]   Putra, Candra Adi, (2010), eCommerce dengan PHP MySQL, Jakarta.

[6]   Aditya, Alan Nur, (2011), Jago PHP dan MySQL, Bekasi: DUNIA KOMPUTER.

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

[8]   Arief, M. Rudyanto, (2011), Pemrograman Web Dinamis menggunakan PHP dan MySQL, Yogyakarta: Andi Publisher.

[9]   Sarwono, Jonathan dan K Prihartono, A.H, (2012), Perdagangan Online : Cara Bisnis di Internet, Jakarta: PT. Elex Media Komputindo.

[10] Anhar, (2010), Panduan Menguasai PHP & MySql secara          Otodidak, Jakarta, Mediakita.