Perancangan Sistem Infromasi Kuliner di Kota Medan Menggunakan Pemograman PHP dan MySQL
BAB 2
LANDASAN TEORI
2.1 Kuliner
Kuliner merupakan sesuatu yang berhubungan erat dengan masak-memasak serta
mengkomsumsi. Dalam perkembangannya penggunaan istilah kuliner digunakan
untuk berbagai macam kegiatan, seperti seni kuliner yaitu seni persiapan,
memasak dan penyajian makanan, biasanya dalam bentuk makanan, ada juga
wisata kuliner yaitu bepergian untuk memperluas wawasan mengenai makanan
baik itu masakan daerah, masakan asing ataupun masakan lainnya.
Saat ini kuliner sudah merupakan sebuah gaya hidup yang tidak dapat
dipisahkan dari kehidupan sehari-hari karena makanan adalah sebuah kebutuhan
sehari-hari. Masakan yang berkelas, mewah serta lezat memerlukan pengalaman
dan memahami dalam pengolahan makanan yang akan disajikan.
2.2 Pengertian Sistem Informasi
Sistem informasi adalah suatu sistem didalam suatu
oraganisasi yang
mempertemukan kebutuhan pengolahan transasksi, emdukung operasi, bersifat
manajerial, dan kegiatan strategi dari suatu oraganisasi dan menyediakan pihak
luar tertentu dengan laporan-laporan yang diperlukan (Ladjamudin, 2005).
Universitas Sumatera Utara
7
Sistem
informasi
merupakan
sarana
alternatif
untuk
membantu
memberikan informasi bagi suatu lembaga, perusahaan ataupun perorangan. Salah
satunya adalah website, merupakan sarana promosi yang memberikan kemudahan
bagi siapa sja yang ingin mengaksesnya kapanpun dan dimanapun.
2.3 Data
Data berasal dari kata “datum” yang berarti fakta yang mengandung arti
pengolahan data dengan menggunakan komputer yang dikenal dengan
Pengolahan Data Elektronik (PDE) atau Elektronik Data Processing (EDP).
Kegunaan dari data adalah sebagai bahan dasar yang objektif di dalam
proses penyusunan kebijaksanaan dan keputusan oleh pimpinan organisasi. Data
merupakan keterangan yang masih mentah (belum diolah). Agar dapat
dipergunakan, maka data tersebut harus diolah terlebih dahulu ke dalam bentuk
informasi yang sesuai dengan keperluan yang dibutuhkan (Keneeth C. Laudon dan
Jane P. Laudon, 2008).
2.4 Pengertian Internet
Internet (Interconnected Network) merupakan jaringan komputer yang terdiri dari
ribuan jaringan komputer independen yang dihubungkan antara satu dengan yang
lainnya. Secara etimologis, internet berasal dari bahasa Inggris yakni Inter yang
berarti antar dan Net yang berarti jaringan sehingga Internet dapat dirtikan
hubungan antar jaringan (MADCOMS, 2008).
Universitas Sumatera Utara
8
2.5 Database
Database adalah kumpulan informasi yang disimpan di dalam komputer secara
sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk
memperoleh informasi dari basis data tersebut. Perangkat lunak yang digunakan
untuk mengelola dan memanggil kueri (query) basis data disebut Database
Management System (DBMS). Sedangkan RDBMS adalah Relationship Database
Management System merupkan salah satu jenis DBMS yang mengukung adanya
relationship atau hubungan antar table.
Pemograman sebuah database banyak dilakukan dengan menggunakan
bahasa yang disebut dengan Structure Query Language (SQL). Selain SQL,
pemograman database juga meliputi manipulasi objek-objek database, analisa
query dan juga interaksi database dengan Open Database Conectivity (ODBC).
2.6 Ralationship Database Management System (RDBMS)
RDBMS (Relationship Database Management System) adalah sebuah sistem
manajemen basis data relasional atau dalam bahasa Inggrisnya dikenal sebagai
Relational Database Management System (RDBMS) adalah sebuah program
komputer
(seperangkat
program
komputer)
yang
didisain
untuk
mengatur/memanajemen sebuah basisdata sebagai sekumpulan data yang
disimpan secara terstruktur, dan melakukan operasi-operasi data atas permintaan
penggunanya.
Universitas Sumatera Utara
9
2.7 MySQL
MySQL merupakan software sistem manajemen database (Database Management
System) yang sangat popular dikalangan pemograman web, terutama di
lingkungan Linux dengan menggunakan skrip dan ped.
Fungsi MySQL dapat dikatakan sebagai interpreter query, karena setiap
kita menggunakan query SQL (perintah SQL) kita harus meletakannya di dalam
fungsi ini. Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi
MySQL. MySQL termasuk jenis relational database management system.
Sehingga istila seperti tabel, baris dan kolom tetap digunakan dalam MySQL.
Pada MySQL, sebuah database mengandung beberapa tabel, tabel terdiri dari
sejumlah baris dan kolom.
SQL merupakan kependekan Structured Query Language. SQL digunakan
untuk berkomunikasi dengan sebuah database. SQL adalah bahasa yang meliputi
perintah-perintah untuk menyimpah, menerima, memelihara dan menggatur aksesakses ke basisdata serta digunakan untuk memanipulasi data dan menampilkan
data dari database (R.W Rosari, 2008).
2.8 Pemograman PHP (Personal Home Page)
PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar
yang digunakan dalam dunia website. PHP adalah bahasa pemograman yang
berbentuk script yang diletakan didalam web server. Ada beberapa pengertian
tentang PHP, akan tetapi PHP dapat diartikan sebagai Hypertext Preeprocessor.
Universitas Sumatera Utara
10
Ini merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat
ditampilkan pada klien Interpreter PHP dalam mengeksekusi kode PHP pada sisi
server disebut serverside, berbeda dengan mesi maya jaya yang mengeksekusi
program pada sisi client-server (Kasiman Peranginangin, 2009).
2.8.1
Sejarah PHP
PHP pertama kali diciptakan oleh Rasmus Lerdorf pada tahun 1994. Awalnya
PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja
pengunjung pada homepage-nya Rasmus Lerdorf adalah seorang pengukung open
source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools verti 1.0
secara gratis, kemudian menambah kemampuan PHP 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 Zuraski,
Andi Gutman, Stig Bakken, Shane Caraveo dan Kim Winstead bekerjasama untuk
menyempurnakan PHP 2.0. akhirnya, pada tahun 1998, PHP 3.0 diluncurkan.
Penyempurnaan terus dilakukan sehingga pada tahun 2000 diluncurkan PHP 4.0
tidak berhenti sampai disitu, kemampuan PHP terus ditambah dan versi terbaru
yang dikeluarkan adalah PHP 5.0x (Kasiman Peranginangin, 2009).
Universitas Sumatera Utara
11
2.8.2
Konsep Dasar PHP
Kode PHP diawali dengan tanda lebih kecil (). Ada beberapa cara untuk menuliskan skrip PHP yaitu:
....skrip PHP
Pemisah antar intruksi adalah tanda titik koma (;) dan untuk membuat atau
menambahkan komentar/ standar penulisan adalah: /* komentar */, //komentar,
#komentar. Untuk menuliskan skrip PHP ada dua cara yang sering dugunakan
yaitu Embedded Script dan Non-Embedded Script.
Embedded Script adalah script PHP yang disisipkan diantara tag dokumen html.
Contoh penulisan dari Embedded Script :
Embedded Script
Universitas Sumatera Utara
12
Non-Embedded Script adalah skrip PHP murni, tag html yang digunakan
untuk membuat dokumen merupakan bagian dari skrip PHP. Contoh penulisan
dari Non-Embedded Script:
Script yang dibuat dengan PHP disimpan dengan nama file dan diikuti
dengan ekstensi *.php, misalnya: coba.php. Bila skrip PHP diakses melalui
komputer local maka file PHP disimpan di dalam folder htdocs di web server.
Sama halnya dengan penamaan dokumen html, pemberian nama dokumen yang
sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen
berbeda. Skrip dapat disisipkan di bagian manapun dalam dokumentasi html,
Universitas Sumatera Utara
13
begitu pula sebaliknya skrip HTML dapat diletakkan di antara skrip PHP
(Kasiman Peranginangin, 2009).
2.9 Hypertext Markup Language (HTML)
Hypertext Markup Language merupakan kepanjangan dari kata HTML.
HTML adalah script dimana kita bisa menampilkan informasi dan daya kreasi
kita lewat intenet. HTML juga merupakan file teks murni yang dapat dibuat
dengan editor teks sembarang yaitu yang dikenal sebagai web page atau
dokumen yang disajikan dalam web browser. Dokumen ini umumnya berisi
informasi atau interface aplikasi didalam internet.
HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti
dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka
HTML dapat dibaca oleh berbagai platform seperti : windows, Linux,
Macintosh. Kata Markup Language pada HTML menunjukkan fasilitas yang
berupa tanda tertentu dalam script HTML sehingga kita bisa mengatur judul,
garis, tabel, gambar dan lain-lain dengan perintah yang telah ditentukan dalam
elemen HTML.
Simbol penandaan yang digunakan dalam HTML ditandai dengan tanda
lebih kecil () yang disebut dengan tag. Misalnya
hendak menampilkan teks yang tercetak miring, maka mark up yang
digunakan adalah sebagai berikut :
Teks ini akan dicetak miring
Universitas Sumatera Utara
14
(MADCOMS, 2008) .
HTML itu sendiri terdiri dari beberapa bagian yang fungsinya sebagai
penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form
yang ditandai dengankode , judul dengan dan sebagainya.
Untuk lebih lanjut mengenai bagian-bagian HTML perhatikan skema dibawah
ini :
Judul Halaman
…isi dari halaman web…
Keterangan :
a. Dokumen HTML selalu diawali dengan tand tag pembuka dan
diakhiri dengan tanda tag penutup .
b. Pada elemen head , dapat kita sisipkan kode untuk
menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita
sisipkan scripts pemrograman web seperti Javascript, VBscript atau CSS
untuk menambah daya tarik pada situs yang kita buat agar lebih menarik
dan dinamis.
c. Elemen-elemen berisi tag-tag untuk isi atau layout
tampilan situs kita, seperti : , ,
Universitas Sumatera Utara
15
.
Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari
kodekode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari
elemen. Tag adalah kode-kode yang digunakan untuk mengatur dokumen
HTML. Secara garis besar bentuk umum tag adalah sebagai berikut : TEKS. Namun ada juga tag yang tidak perlu ada tag
penutup seperti , , dan lain-lain (MADCOMS, 2008).
2.10 CSS (Cascading Style Sheet)
CSS merupakan kependekan Cascading Style Sheet yang berfungsi untuk
mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun
atribut standar HTML. CSS sebenarnya adalah suatu kumpulan atribut untuk
fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan
banyak dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu
jika ingin mengubah dokumen, maka tidak perlu mengubah satu persatu.
Penggunaan CSS ada dua cara yaitu dengan menyispkan kode CSS
langsung dalam kode HTML atau simpan menjadi file tersendiri berekstensi
*.css. Dengan meyimpan sebagai file tersendiri akan memudahkan untuk
mengontrol tampilan dalam banyak dokumen secara langsung. CSS
mendapat
dukungan penuh pada browser versi 4 dan pada versi sebelumnya,
hanya Internet Explorer yang masih mampu mengenal CSS. Tampilan CSS
dapat berbeda jika ditampilkan pada menu browser yang berbeda (Diar Puji
Oktavian, 2010).
Universitas Sumatera Utara
16
2.11 Pengenalan Macromedia Dreamweaver 8
Dreamweaver 8 merupakan salah satu produk software yang dikeluarkan dari
perusahaan Macromedia,
Inc.
Software
ini
bergerak dalam bidang
perancangan web. Sekelompok software perancang web diantaranya Flash,
Dreamweaver, Firework, Freehand dan lain-lain. Macromedia tampaknya
sangat serius dalam membuat software pembangun website yang mampu
melakukan banyak hal dan memiliki banyak keunggulan.
Dreamweaver 8 adalah suatu bentuk software editor web yang dibuat
oleh Macromedia. Dengan software ini, seorang programmer web dapat
dengan mudah membuat tampilan websitenya. Dreamweaver 8 merupakan
editor yang komplit dan dapat digunakan untuk membuat animasi sederhana
dalam bentuk halaman. Dengan adanya software ini kita tidak direpotkan
untuk menuliskan skrip-skrip format HTML, PHP, ASP maupun bentuk
program lainnya.
2.12 UML
Unified Modeling Language UML adalah bahasa pemodelan untuk sistem atau
perangkat lunak yang berparadigma berorientasi objek. Pemodelan (modeling)
sesungguhnya digunakan untuk penyederhanaan permasalahan-permasalahan
yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan
dipahami.
Universitas Sumatera Utara
17
2.12.1 Use Case Diagram
Use case adalah adalah deksripsi fungsi dari sebuah sistem dari perspektif
pengguna. Use case bekerja dengan cara mendeskripsikan tipikal interaksi
antara pengguna sebuah sistem (aktor) dengan sistemnya sendiri melalui
sebuah cerita bagaimana sebuah sistem dipakai (Maimunah, 2010).
2.12.2 Class Diagram
Class diagram adalah Class yang menggambarkan keadaan (atribut/property)
suatu sistem, sekaligus menawarkan pelayanan untuk memanipulasi keadaan
tersebut (metode/fungsi).
Menggambarkan struktur object sistem. Diagram ini menunjukkan class object
yang menyusun sistem dan juga hubungan antara class object tersebut.
2.12.3 Sequence Diagram
Sequence Diagramadalah iterasiksi yang menekankan pada pengiriman pesan
dalam suatu waktu tertentu.
2.12.4 State Chart Diagram
Digunakan untuk memodelkan behaviour objek khusus yang dinamis.
Diagram ini mengilustrasikan siklus hidup objek berbagai keadaan yang dapat
Universitas Sumatera Utara
18
diasumsikan oleh objek dan event-event (kejadian) yang menyebabkan objek
beralih dari satu state ke state yang lain.
2.12.5 Activity Diagram
Activity Diagram adalah tipe khusus dari diagram status yang memperlihatkan
aliran dari suatu suatu aktivitas ke aktivitas lainnya dalam suatu sistem.
Diagram ini terutama penting dalam pemodelan fungsi-fungsi suatu sistem dan
memberi tekanan pada aliran kendali antar objek.
2.13 ERD
Entity
Relationship
Diagram(ERD)
adalah
model
konseptual
yang
mendeskripsikan hubungan antara penyimpanan (dalam DFD). ERD
digunakan untuk memodelkan struktur data dan hubungan antar data. Dengan
ERD, model dapat diuji dengan mengabaikan proses yang dilakukan.
2.14 Flowchart
Flowchart adalah sebuah diagram umum yang mempresentasikan sebuah
algoritma atau proses menggunakan beberapa bangunan geometri untuk
memperlihatkan langkah-langkah yang dilakukan oleh program dalam
menyelesaikan masalah (Opim salim sitompul, 2011).
Universitas Sumatera Utara
19
Adapun elemen-elemen membentuk flowchart lihat pada table sebagai berikut:
Tabel 2.1 Elemen-elemen flowchart
NO
SIMBOL
FUNGSI
Oval, digunakan untuk mewakili simbol Start (mulai)
1
atau End (akhir). Dengan cara memberi label Start atau
End.
2
Arrows, digunakan untuk menunjuk arus proses.
Rectangle, digunakan
3
untuk
menunjukkan langkah
pemrosesan seperti perhitungan dan instruksi-instruksi
lain.
Prallelogram atau trapezium, digunakan untuk mewakili
4
input/output dan memasukkan menunjukkan hasil dari
suatu proses.
Dokumen, digunakan untuk mewakili output sebagai
5
alternatif untuk simbol jajaran genjang yang digunakan
pada input.
Diamond, digunakan untuk menyatakan keputusan
6
(desicion).
Universitas Sumatera Utara
20
Universitas Sumatera Utara
LANDASAN TEORI
2.1 Kuliner
Kuliner merupakan sesuatu yang berhubungan erat dengan masak-memasak serta
mengkomsumsi. Dalam perkembangannya penggunaan istilah kuliner digunakan
untuk berbagai macam kegiatan, seperti seni kuliner yaitu seni persiapan,
memasak dan penyajian makanan, biasanya dalam bentuk makanan, ada juga
wisata kuliner yaitu bepergian untuk memperluas wawasan mengenai makanan
baik itu masakan daerah, masakan asing ataupun masakan lainnya.
Saat ini kuliner sudah merupakan sebuah gaya hidup yang tidak dapat
dipisahkan dari kehidupan sehari-hari karena makanan adalah sebuah kebutuhan
sehari-hari. Masakan yang berkelas, mewah serta lezat memerlukan pengalaman
dan memahami dalam pengolahan makanan yang akan disajikan.
2.2 Pengertian Sistem Informasi
Sistem informasi adalah suatu sistem didalam suatu
oraganisasi yang
mempertemukan kebutuhan pengolahan transasksi, emdukung operasi, bersifat
manajerial, dan kegiatan strategi dari suatu oraganisasi dan menyediakan pihak
luar tertentu dengan laporan-laporan yang diperlukan (Ladjamudin, 2005).
Universitas Sumatera Utara
7
Sistem
informasi
merupakan
sarana
alternatif
untuk
membantu
memberikan informasi bagi suatu lembaga, perusahaan ataupun perorangan. Salah
satunya adalah website, merupakan sarana promosi yang memberikan kemudahan
bagi siapa sja yang ingin mengaksesnya kapanpun dan dimanapun.
2.3 Data
Data berasal dari kata “datum” yang berarti fakta yang mengandung arti
pengolahan data dengan menggunakan komputer yang dikenal dengan
Pengolahan Data Elektronik (PDE) atau Elektronik Data Processing (EDP).
Kegunaan dari data adalah sebagai bahan dasar yang objektif di dalam
proses penyusunan kebijaksanaan dan keputusan oleh pimpinan organisasi. Data
merupakan keterangan yang masih mentah (belum diolah). Agar dapat
dipergunakan, maka data tersebut harus diolah terlebih dahulu ke dalam bentuk
informasi yang sesuai dengan keperluan yang dibutuhkan (Keneeth C. Laudon dan
Jane P. Laudon, 2008).
2.4 Pengertian Internet
Internet (Interconnected Network) merupakan jaringan komputer yang terdiri dari
ribuan jaringan komputer independen yang dihubungkan antara satu dengan yang
lainnya. Secara etimologis, internet berasal dari bahasa Inggris yakni Inter yang
berarti antar dan Net yang berarti jaringan sehingga Internet dapat dirtikan
hubungan antar jaringan (MADCOMS, 2008).
Universitas Sumatera Utara
8
2.5 Database
Database adalah kumpulan informasi yang disimpan di dalam komputer secara
sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk
memperoleh informasi dari basis data tersebut. Perangkat lunak yang digunakan
untuk mengelola dan memanggil kueri (query) basis data disebut Database
Management System (DBMS). Sedangkan RDBMS adalah Relationship Database
Management System merupkan salah satu jenis DBMS yang mengukung adanya
relationship atau hubungan antar table.
Pemograman sebuah database banyak dilakukan dengan menggunakan
bahasa yang disebut dengan Structure Query Language (SQL). Selain SQL,
pemograman database juga meliputi manipulasi objek-objek database, analisa
query dan juga interaksi database dengan Open Database Conectivity (ODBC).
2.6 Ralationship Database Management System (RDBMS)
RDBMS (Relationship Database Management System) adalah sebuah sistem
manajemen basis data relasional atau dalam bahasa Inggrisnya dikenal sebagai
Relational Database Management System (RDBMS) adalah sebuah program
komputer
(seperangkat
program
komputer)
yang
didisain
untuk
mengatur/memanajemen sebuah basisdata sebagai sekumpulan data yang
disimpan secara terstruktur, dan melakukan operasi-operasi data atas permintaan
penggunanya.
Universitas Sumatera Utara
9
2.7 MySQL
MySQL merupakan software sistem manajemen database (Database Management
System) yang sangat popular dikalangan pemograman web, terutama di
lingkungan Linux dengan menggunakan skrip dan ped.
Fungsi MySQL dapat dikatakan sebagai interpreter query, karena setiap
kita menggunakan query SQL (perintah SQL) kita harus meletakannya di dalam
fungsi ini. Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi
MySQL. MySQL termasuk jenis relational database management system.
Sehingga istila seperti tabel, baris dan kolom tetap digunakan dalam MySQL.
Pada MySQL, sebuah database mengandung beberapa tabel, tabel terdiri dari
sejumlah baris dan kolom.
SQL merupakan kependekan Structured Query Language. SQL digunakan
untuk berkomunikasi dengan sebuah database. SQL adalah bahasa yang meliputi
perintah-perintah untuk menyimpah, menerima, memelihara dan menggatur aksesakses ke basisdata serta digunakan untuk memanipulasi data dan menampilkan
data dari database (R.W Rosari, 2008).
2.8 Pemograman PHP (Personal Home Page)
PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar
yang digunakan dalam dunia website. PHP adalah bahasa pemograman yang
berbentuk script yang diletakan didalam web server. Ada beberapa pengertian
tentang PHP, akan tetapi PHP dapat diartikan sebagai Hypertext Preeprocessor.
Universitas Sumatera Utara
10
Ini merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat
ditampilkan pada klien Interpreter PHP dalam mengeksekusi kode PHP pada sisi
server disebut serverside, berbeda dengan mesi maya jaya yang mengeksekusi
program pada sisi client-server (Kasiman Peranginangin, 2009).
2.8.1
Sejarah PHP
PHP pertama kali diciptakan oleh Rasmus Lerdorf pada tahun 1994. Awalnya
PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja
pengunjung pada homepage-nya Rasmus Lerdorf adalah seorang pengukung open
source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools verti 1.0
secara gratis, kemudian menambah kemampuan PHP 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 Zuraski,
Andi Gutman, Stig Bakken, Shane Caraveo dan Kim Winstead bekerjasama untuk
menyempurnakan PHP 2.0. akhirnya, pada tahun 1998, PHP 3.0 diluncurkan.
Penyempurnaan terus dilakukan sehingga pada tahun 2000 diluncurkan PHP 4.0
tidak berhenti sampai disitu, kemampuan PHP terus ditambah dan versi terbaru
yang dikeluarkan adalah PHP 5.0x (Kasiman Peranginangin, 2009).
Universitas Sumatera Utara
11
2.8.2
Konsep Dasar PHP
Kode PHP diawali dengan tanda lebih kecil (). Ada beberapa cara untuk menuliskan skrip PHP yaitu:
....skrip PHP
Pemisah antar intruksi adalah tanda titik koma (;) dan untuk membuat atau
menambahkan komentar/ standar penulisan adalah: /* komentar */, //komentar,
#komentar. Untuk menuliskan skrip PHP ada dua cara yang sering dugunakan
yaitu Embedded Script dan Non-Embedded Script.
Embedded Script adalah script PHP yang disisipkan diantara tag dokumen html.
Contoh penulisan dari Embedded Script :
Embedded Script
Universitas Sumatera Utara
12
Non-Embedded Script adalah skrip PHP murni, tag html yang digunakan
untuk membuat dokumen merupakan bagian dari skrip PHP. Contoh penulisan
dari Non-Embedded Script:
Script yang dibuat dengan PHP disimpan dengan nama file dan diikuti
dengan ekstensi *.php, misalnya: coba.php. Bila skrip PHP diakses melalui
komputer local maka file PHP disimpan di dalam folder htdocs di web server.
Sama halnya dengan penamaan dokumen html, pemberian nama dokumen yang
sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen
berbeda. Skrip dapat disisipkan di bagian manapun dalam dokumentasi html,
Universitas Sumatera Utara
13
begitu pula sebaliknya skrip HTML dapat diletakkan di antara skrip PHP
(Kasiman Peranginangin, 2009).
2.9 Hypertext Markup Language (HTML)
Hypertext Markup Language merupakan kepanjangan dari kata HTML.
HTML adalah script dimana kita bisa menampilkan informasi dan daya kreasi
kita lewat intenet. HTML juga merupakan file teks murni yang dapat dibuat
dengan editor teks sembarang yaitu yang dikenal sebagai web page atau
dokumen yang disajikan dalam web browser. Dokumen ini umumnya berisi
informasi atau interface aplikasi didalam internet.
HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti
dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka
HTML dapat dibaca oleh berbagai platform seperti : windows, Linux,
Macintosh. Kata Markup Language pada HTML menunjukkan fasilitas yang
berupa tanda tertentu dalam script HTML sehingga kita bisa mengatur judul,
garis, tabel, gambar dan lain-lain dengan perintah yang telah ditentukan dalam
elemen HTML.
Simbol penandaan yang digunakan dalam HTML ditandai dengan tanda
lebih kecil () yang disebut dengan tag. Misalnya
hendak menampilkan teks yang tercetak miring, maka mark up yang
digunakan adalah sebagai berikut :
Teks ini akan dicetak miring
Universitas Sumatera Utara
14
(MADCOMS, 2008) .
HTML itu sendiri terdiri dari beberapa bagian yang fungsinya sebagai
penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form
yang ditandai dengankode , judul dengan dan sebagainya.
Untuk lebih lanjut mengenai bagian-bagian HTML perhatikan skema dibawah
ini :
Judul Halaman
…isi dari halaman web…
Keterangan :
a. Dokumen HTML selalu diawali dengan tand tag pembuka dan
diakhiri dengan tanda tag penutup .
b. Pada elemen head , dapat kita sisipkan kode untuk
menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita
sisipkan scripts pemrograman web seperti Javascript, VBscript atau CSS
untuk menambah daya tarik pada situs yang kita buat agar lebih menarik
dan dinamis.
c. Elemen-elemen berisi tag-tag untuk isi atau layout
tampilan situs kita, seperti : , ,
Universitas Sumatera Utara
15
.
Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari
kodekode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari
elemen. Tag adalah kode-kode yang digunakan untuk mengatur dokumen
HTML. Secara garis besar bentuk umum tag adalah sebagai berikut : TEKS. Namun ada juga tag yang tidak perlu ada tag
penutup seperti , , dan lain-lain (MADCOMS, 2008).
2.10 CSS (Cascading Style Sheet)
CSS merupakan kependekan Cascading Style Sheet yang berfungsi untuk
mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun
atribut standar HTML. CSS sebenarnya adalah suatu kumpulan atribut untuk
fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan
banyak dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu
jika ingin mengubah dokumen, maka tidak perlu mengubah satu persatu.
Penggunaan CSS ada dua cara yaitu dengan menyispkan kode CSS
langsung dalam kode HTML atau simpan menjadi file tersendiri berekstensi
*.css. Dengan meyimpan sebagai file tersendiri akan memudahkan untuk
mengontrol tampilan dalam banyak dokumen secara langsung. CSS
mendapat
dukungan penuh pada browser versi 4 dan pada versi sebelumnya,
hanya Internet Explorer yang masih mampu mengenal CSS. Tampilan CSS
dapat berbeda jika ditampilkan pada menu browser yang berbeda (Diar Puji
Oktavian, 2010).
Universitas Sumatera Utara
16
2.11 Pengenalan Macromedia Dreamweaver 8
Dreamweaver 8 merupakan salah satu produk software yang dikeluarkan dari
perusahaan Macromedia,
Inc.
Software
ini
bergerak dalam bidang
perancangan web. Sekelompok software perancang web diantaranya Flash,
Dreamweaver, Firework, Freehand dan lain-lain. Macromedia tampaknya
sangat serius dalam membuat software pembangun website yang mampu
melakukan banyak hal dan memiliki banyak keunggulan.
Dreamweaver 8 adalah suatu bentuk software editor web yang dibuat
oleh Macromedia. Dengan software ini, seorang programmer web dapat
dengan mudah membuat tampilan websitenya. Dreamweaver 8 merupakan
editor yang komplit dan dapat digunakan untuk membuat animasi sederhana
dalam bentuk halaman. Dengan adanya software ini kita tidak direpotkan
untuk menuliskan skrip-skrip format HTML, PHP, ASP maupun bentuk
program lainnya.
2.12 UML
Unified Modeling Language UML adalah bahasa pemodelan untuk sistem atau
perangkat lunak yang berparadigma berorientasi objek. Pemodelan (modeling)
sesungguhnya digunakan untuk penyederhanaan permasalahan-permasalahan
yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan
dipahami.
Universitas Sumatera Utara
17
2.12.1 Use Case Diagram
Use case adalah adalah deksripsi fungsi dari sebuah sistem dari perspektif
pengguna. Use case bekerja dengan cara mendeskripsikan tipikal interaksi
antara pengguna sebuah sistem (aktor) dengan sistemnya sendiri melalui
sebuah cerita bagaimana sebuah sistem dipakai (Maimunah, 2010).
2.12.2 Class Diagram
Class diagram adalah Class yang menggambarkan keadaan (atribut/property)
suatu sistem, sekaligus menawarkan pelayanan untuk memanipulasi keadaan
tersebut (metode/fungsi).
Menggambarkan struktur object sistem. Diagram ini menunjukkan class object
yang menyusun sistem dan juga hubungan antara class object tersebut.
2.12.3 Sequence Diagram
Sequence Diagramadalah iterasiksi yang menekankan pada pengiriman pesan
dalam suatu waktu tertentu.
2.12.4 State Chart Diagram
Digunakan untuk memodelkan behaviour objek khusus yang dinamis.
Diagram ini mengilustrasikan siklus hidup objek berbagai keadaan yang dapat
Universitas Sumatera Utara
18
diasumsikan oleh objek dan event-event (kejadian) yang menyebabkan objek
beralih dari satu state ke state yang lain.
2.12.5 Activity Diagram
Activity Diagram adalah tipe khusus dari diagram status yang memperlihatkan
aliran dari suatu suatu aktivitas ke aktivitas lainnya dalam suatu sistem.
Diagram ini terutama penting dalam pemodelan fungsi-fungsi suatu sistem dan
memberi tekanan pada aliran kendali antar objek.
2.13 ERD
Entity
Relationship
Diagram(ERD)
adalah
model
konseptual
yang
mendeskripsikan hubungan antara penyimpanan (dalam DFD). ERD
digunakan untuk memodelkan struktur data dan hubungan antar data. Dengan
ERD, model dapat diuji dengan mengabaikan proses yang dilakukan.
2.14 Flowchart
Flowchart adalah sebuah diagram umum yang mempresentasikan sebuah
algoritma atau proses menggunakan beberapa bangunan geometri untuk
memperlihatkan langkah-langkah yang dilakukan oleh program dalam
menyelesaikan masalah (Opim salim sitompul, 2011).
Universitas Sumatera Utara
19
Adapun elemen-elemen membentuk flowchart lihat pada table sebagai berikut:
Tabel 2.1 Elemen-elemen flowchart
NO
SIMBOL
FUNGSI
Oval, digunakan untuk mewakili simbol Start (mulai)
1
atau End (akhir). Dengan cara memberi label Start atau
End.
2
Arrows, digunakan untuk menunjuk arus proses.
Rectangle, digunakan
3
untuk
menunjukkan langkah
pemrosesan seperti perhitungan dan instruksi-instruksi
lain.
Prallelogram atau trapezium, digunakan untuk mewakili
4
input/output dan memasukkan menunjukkan hasil dari
suatu proses.
Dokumen, digunakan untuk mewakili output sebagai
5
alternatif untuk simbol jajaran genjang yang digunakan
pada input.
Diamond, digunakan untuk menyatakan keputusan
6
(desicion).
Universitas Sumatera Utara
20
Universitas Sumatera Utara