10
3.3 Teori Penunjang Media Pembelajaran
3.3.1 Bahasa Pemrograman Bahasa Pemrograman adalah bahasa yang digunakan untuk menerjemahkan
setiap perintah yang diberikan pada komputer Wikipedia, 2014. Termasuk dalam membangun sebuah website, terdapat beberapa bahasa pemrograman yang dapat
digunakan. Jenis bahasa program sangat menentukan statis, dinamis atau interaktifnya sebuah website. Beragam bahasa program saat ini telah hadir untuk mendukung kualitas
website. Jenis-jenis bahasa program yang banyak dipakai para desainer website antara lain HTML, ASP, PHP, JSP Java Script, Java Applets, XML, Ajax dsb. Bahasa dasar
yang dipakai setiap situs adalah HTML sedangkan PHP, ASP, JSP dan lainnya merupakan bahasa pendukung sebagai pengatur dinamis, dan interaktifnya situs.
3.3.1.1 HTML5
HTML meruipakan bahasa markah untuk pengembangan aplikasi berbasis web. HTML mendeskripsikan bagaimana sebuah halaman ditampilkan pada browser
Steven, 2007. Versi terbaru HTML adalah HTML 5, tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi
multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. World Wide Web Consorcium W3C melakukan maintenance pada standar
HTML sehingga bahasa pada HTML5 akan diterjemahkan sama oleh setiap browser yang ada. Hal ini yang menyebabkan aplikasi-aplikasi web yang dikunjungi relatif sama
tampilannya walaupun dibuka atau diakses menggunakan browser yang berbeda-beda seperti Internet Explorer, Firefox, Netscape, Opera dan lain-lain.
3.3.1.2 CSS 3
Cascading Style Sheet CSS merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan
merupakan bahasa pemograman Wikipedia, 2014. Versi terbaru dari CSS adalah CSS3 yang kini mampu melakukan animasi pada halaman website baik animasi warna
maupun animasi 3D. Dengan media query pada CSS 3 desainer web lebih mudah untuk membuat desain dengan kompatibilitas websitenya pada smartphone.
11 3.3.1.3
Javascript Javascript adalah bahasa pemrograman ditafsirkan bahwa sebagian besar
digunakan untuk mengubah halaman web statis menjadi halaman dinamis dan interaktif setelah web browser telah selesai men-download sebuah halaman web. Javascript
seringkali disertakan dalam file HTML atau link dari file HTML dan dijalankan secara lokal oleh web browser. Ini berarti bahwa server bebas untuk mengerjakan sesuatu yang
lain daripada pemrosesan instruksi untuk setiap klien. Hal ini telah membuat Javascript pilihan yang lebih populer daripada bahasa yang memerlukan server untuk melakukan
pengolahan.
3.3.2 Teknik membangun halaman website
3.3.2.1. PSD to HTML Merupakan suatu teknik yang di lakukan pada sisi front-end web development
yang mengubah suatu desain website dari format photoshop document PSD yang telah dibuat oleh desainer ke dalam bentuk bahasa HTML beserta CSS. Secara umum, PSD to
HTML dibagi menjadi beberapa langkah antara lain : 1
Mengubah konten informasi ke dalam bentuk struktur script HTML 2
Melakukan slicing image ke dalam website 3
Memberikan Stylesheet sesuai dengan desain website 4
Memberikan beberapa plugins berupa javascript
3.3.2.2. Menggunakan Content Management System Wordpress Setelah didapatkan prototype halaman website dengan menggunakan teknik
PSD to HTML, selanjutnya dilakukan pengerjaan pada sisi back end web development dengan menggunakan wordpress. Wordpress merupakan framework yang menyediakan
sistem untuk me-manage konten informasi yang digunakan. Agar sesuai dengan wordpress halaman website yang sudah diberikan perlu untuk di konversi sesuai dengan
struktur template di dalam wordpress.
12 3.3.3
Software yang Digunakan
3.3.3.1. Sublime Text
Sublime Text adalah sebuah text editor dengan Phyton Application Programming Interface Wikipedia, 2014. Software ini tidak bersifat free software,
sehingga harus memiliki lisensi kepemilikan. Versi terbaru yang telah dirilis pada adalah versi 3. Beberapa fitur yang dimiliki Sublime Text antara lain Syntax Highlight
dan High Contrast Display yang memungkinkan menampilkan code dengan warna yang berbeda setiap variabelnya. Fitur yang lain adalah Snippets yang memungkinkan
pengguna untuk menuliskan keyword dan menekan tombol Tab untuk mendapatkan block lengkap code yang dibutuhkan. Dan masih banyak fitur lainnya. Berikut tampilan
Sublime Text :
Gambar 3.1 Tampilan Sublime Text
3.3.3.2. Adobe Photoshop CS 6
Adobe Photoshop merupakan aplikasi pengolah gambar atau aplikasi design yang menyediakan fasilitas untuk mendesain dan mengedit gambar. Versi terbaru dari
aplikasi ini adalah Adobe Photoshop CS6 Creative Suite 6 Beta, yang dirilis pada tanggal 21 Maret 2012 Budiarto, 2014. Software Adobe Photoshop dibuat dan
dikembangkan oleh Adobe Systems Incorporated, sebuah vendor perusahaan terkemuka di bidang pengembangan perangkat lunak grafis dan multimedia. Berikut
tampilan Adobe Photoshop CS 6 :
13
Gambar 3.2 Tampilan Adobe Photoshop CS 6
3.3.3.3. Google Chrome 35.0.1916.153 m
Google Chrome adalah salah satu peramban web yang populer digunakan selain Mozilla Firefox untuk mengakses berbagai halaman web. Hingga bulan Agustus
2014, Google Chrome telah memiliki sekitar 60 pengguna, dengan dibawahnya adalah Firefox yaitu sekitar 24,7 pengguna sumber : www.w3schools.com.
Tampilan homepage untuk google chrome seperti gambar 3.8
Gambar 3.3 Tampilan Homepage Google Chrome
3.3.3.4. Xampp Control Panel XAMPP adalah program aplikasi pengembang yang berguna untuk
pengembangan website berbasis PHP dan MySQL. Fungsinya adalah sebagai server yang berdiri sendiri localhost, yang terdiri atas program Apache HTTP Server,
MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.
Perangkat lunak komputer ini memiliki kelebihan untuk bisa berperan sebagai server web Apache untuk simulasi pengembangan website. Tool pengembangan web ini
mendukung teknologi web populer seperti PHP, MySQL, dan Perl. Melalui program ini,
14 programmer web dapat menguji aplikasi web yang dikembangkan dan
mempresentasikannya ke pihak lain secara langsung dari komputer, tanpa perlu terkoneksi ke internet. XAMPP juga dilengkapi fitur manajemen database
PHPMyAdmin seperti pada server hosting sungguhan, sehingga pengembang web dapat mengembangkan aplikasi web berbasis database secara mudah.
Gambar 3.4 : Tampilan aplikasi XAMPP Control Panel
3.4 Kriteria modul pembelajaran untuk membuat website bisnis
Kategori