BAB 2
LANDASAN TEORI
Website
Website atau World Wide Web, sering disingkat sebagai www atau “web” saja, yakni sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain dipresentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang disebut browser. Informasi di web pada umumnya ditulis dalam format HTML.
Keistimewaan inilah yang telah menjadikan web sebagai service yag paling cepat pertumbuhannya. Web mengizinkan pemberian highlight (penyorotan) pada kata-kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk ke media lain seperti dokumen, frase, movie clip, atau file suara. Web dapat menghubungkan dari sebarang tempat dalam sebuah dokumen atau gambar ke sebarang tempat di dokumen lain. Dengan sebuah browser yang memiliki Graphical User interface (GUI), link-link dapat dihubungkan ketujuannya dengan menunjuk link Tersebut dengan mouse dan menekannya.
2.1.1 Web Statis
Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web dan apabila diklik akan berpindah ke halaman web yang lain. Interaksi pengguna hanya terbatas dapat melihat informasi yang ditampilkan, tetapi tidak dapat mengolah informasi yang dihasilkan. Web statis biasanya merupakan HTML yang ditulis pada editor text dan disimpan dalam bentuk .html atau .htm.
2.1.2 Web Dinamis
Web dinamis adalah web yang menampilkan informasi serta dapat berinteraksi dengan penggguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehinggga dapat mengolah informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah.
2.2HTML (Hypertext Markup Language)
Hypertext Markup Language (HTML)adalah bahasayang digunakan untuk menulis halaman web. HTML merupakan pengembangan dai standard pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnyaadalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada satu system operasi tertentu.
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997.
HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 198. HTML 4.01 merupakan perbaikan dari HTML 4.0merupakan perbaikan dari HTML 4.0 yang lebih dahulu diterbitkan (18 Desember 1997).
Dan adapun secara umum tugas-tugas yang dapat dilakukan oleh HTML adalah: 1. Mengontrol tampilan dari web page dan contentnya.
2. Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.
3. Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksisecara online.
4. Menambahkan object-object seperti image, audi, video dan juga java applet dalamdocument HTML.
Browser merupakan software yang diinstal di mesin Client yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Browser yang biasanya digunakan adalah internet explorer, nescape navigator dan banyak browser yang lain.
Untuk membuat dokumen HTML digunakan suatu program editor diantaranya adalah MS. Frontage, Notepad++, dan yang digunakan penulis adalah Macromedia Dreamweaver CS6.
2.3PHP
source bebas sehingga dapat mengubah source code dan mendistribusikan secara bebas dan gratis. PHP juga dapat berjalan lintas platform yaitu dapat digunakan dengan sistem operasi (Windows dan Linux) dan web server apapun (misal : PWS,IIS, Apache). Serta fungsi-fungsi yang ada di PHP bersifat uncase sensitive, dan sedangkan variabelnya bersifat case sensitive (membedakan huruf besar dan kecil).
2.4Pengertian Xampp
Xampp merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall Xampp maka tidak perlu lagi melakukan instalasi dan konfigurasi web serverApache, PHP dan MySQL secara manual.
2.5Adobe Photoshop
Adobe Photoshop adalah sebuah aplikasi desain yang lebih sesuai digunakan untuk memodifikasi sebuah image ilustrasi. Sering juga aplikasi ini dinamakan modifikasi, karena hamper setiap option-nya dapat digunakan untuk membuat modifikasi. Aplikasi ini menyajikan beberapa option tool yang berfungsi untuk membuat ilustrasi dan efek untuk sebuah obyek. Obyek yang masuk dalam dokumen Photoshop akan disimpan dalam bentuk image. Sehingga diperlukan dokumen backup untuk mempermudah jika sewaktu-waktu ada proses editing.
Ada dua dokumen yang dapat dipilih sesuai format flatten-nya yaitu:
1. Flatten Image, dokumen dengan layer penyusun menyatu. Pada dokumen ini terdapat penggabungan beberapa layer penyusun desain yang dibuat sebelumnya. Sehingga dokumen akan tampil dengan materi desain yang sama tetapi hanya ada satu layer . beberapa dokumen seperti ini dapat ditemukan dalam format jpeg, bmp, gif, dan lai-lain. Kelebihan format ini adalah:
a. Memori lebih kecil.
2. Don’t Flatten Image, dokumen dengan layer penyusun tetap. Artinya pada dokumen tersebut masing-masing layer penyusun dalam posisi tetap. Sehingga layer akan menampilkan kotak layer sesuia dengan jumlah materi dalam dokumen. Bila dokumen terdiri dari sepuluh materi, maka layer yang terbentuk juga sepuluh buah. Dokumen seperti ini biasanya ditemukan dalam format psd, pdf. Kelebihan dari dokumen ini adalah:
a. Mudah dilakukan editing b. Memori lebih besar c. Digunakan sebagai master
Pada prinsipnya setiap dokumen akan disimpan dalam dua jenis dokumen tersebut (flatten image atau don’t flatten image). Masing-masing jenis dokumen ini dapat diubah format saving nya sesuia dengan kebutuhan desain.
Adobe Photoshop juga dapat digunakan bersama dnegan aplikasi lain, misalnya Adobe Ilustrator, Adobe InDesign, Adobe Effect, Adobe Premier, bahkan dengan Macromedia FreeHand. Proses yang dapat diberikan adalah kekmapuan saling melengkapi kebutuhan ilustrasi desain dan modifikasi pada masing-masing aplikasi sehingga akan terciptanya karya desain yang professional.
Dalam Adobe Photoshop terdapat beberapa jenis cara proses saving diantaranya: a. Save, proses penyimpanan dokumen langsung
b. Save As, proses menyimpan dokumen dengan pilihan format saving c. Save for Web, menyimpan dokumen untuk web
d. Export,menyimpan untuk dibukakan dalam aplikasi Adobe Ilustrator
Adobe Photoshop memiliki beberapa option dan tool yang akan dibagi dalam beberapa bagian. Diantaranya:
Adobe Dreamweaver
Adobe Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.
Google Map API
Google map menyediakan API (application programming interface) yang memungkinkan developer untuk membuat aplikasi apa saja dengan menggunakan map yang disediakan oleh Google. Pada proses penggunaanya googlemap memiliki fungsi-fungsi yang sudah di tentukan mulai dari menggunakan peta sampai peletakan tanda-tanda untuk setiap titik.Google map API memungkinkan developer untuk membuat database sendiri pada system mereka dan mengimplementasikannya pada map yang diinginkan developer.
Aplikasi Berbasis Web
1. Aplikasi yang dibuat dengan memanfaatkan mekanismedan aplikasi yang sudah ada pada sistem web (WWW).
2. Aplikasi berbasis web merupakan aplikasi yang dapatlangsung dijalankan pada browser dengan bantuan koneksidari internet.
3. Aplikasi berbasis web tidak terbatas pada sistem operasiyang digunakan.
5. Jenis bahasa pemrograman yang digunakan tidakmempengaruhi hasil aplikasi yang dibuat.
2.9 Flow-Chart
Flow chart adalah penggambaran secara grafik dari langkah – langkah dan urutan – urutan prosedur dari suatu program. Flow chart menolong analis dan programmer untuk memecahkan masalah ke dalam segmen – segmen yang lebih kecil dan menolong dalam menganalisis alternatif – alternatif lain dalam pengoperasian Flow chart biasanya mempermudah penyelesaian suatu masalah khususnya masalah yang perlu dipelajari dan dievaluasi lebih lanjut. Petunjuk untuk membuat flow chart Bila seorang analisis dan programmer akan membuat flow chart, ada eberapa petunjuk yang harus diperhatikan, seperti :
1. Flow chart digambarkan dari halaman atas ke bawah dan kiri ke kanan.
2. Aktifitas yang digambarkan harus didefinisikan secara hati – hati dandefenisi iniharus dapat dimengerti oleh pembacanya.
3. Kapan aktifitas dimulai dan berakhir harus ditentukan secara jelas.
4. Setiap langkah dari aktifitas harus diuraikan dengan menggunakandeksripsi katakerja.
5. Setiap langkah dari aktifitas harus berada pada urutan yang benar.
6. Lingkup, range dan aktifitas yang sedang digambarkan harus ditelusuridengan hati - hati. Percabangan - percabangan yang memotong aktifitas yangsedang digambarkan tidak perlu digunakan dan percabangannya diletakkanpadahalamanyang terpisah atau hilangkan seluruhnya bila percabangan tidakberkaitandengansistem.
7. Gunakan symbol – symbol flowchart yang standard.
Tabel 2.1Flow-Chart
Simbol Keterangan
Terminal/Interupt (Mulai/Berhenti)
Simbol ini dipergunakan untuk menunjukkan awal kegiatan atau akhir kegiatan atau berhentinya suatu program.
Input/Output (data/hasil)
Untuk mewakili data input dan menuliskan output-nya
Process (Pengolahan)
Suatu simbol yang melambangkan diprosesnya suatu data.
Decision (Keputusan)
Dipakai untuk menuliskan jika adanya percabangan,
seperti if, case.
Prefendefined
Untuk program-program yang sering dipergunakan sebuah program berulang kali, biasanya dibuat program terpisah dengan sebuah sub program (subroutine). Untuk menghubungkan program utama dengan subroutine dipergunakan symbol ini.
Connector (Penghubung)
Flow lines (Garis Alir)
