Jumat, 06 Januari 2017

Tutorial Belajar JavaScript Part 1: Pengertian dan Fungsi JavaScript dalam Pemrograman Web

Dalam tutorial pertama tentang JavaScript, saya akan membahas tentang Pengertian dan Fungsi JavaScript dalam Pemrograman Web. Serta perkembangan JavaScript hingga saat ini.

Pengertian 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.

Jenis 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.

Fungsi JavaScript Dalam Pemograman Web

JavaScript pada awal perkembangannya berfungsi untuk membuat interaksi antara user dengan situs web menjadi lebih cepat tanpa harus menunggu pemrosesan di web server. Sebelum javascript, setiap interaksi dari user harus diproses oleh web server.

Bayangkan ketika kita mengisi form registrasi untuk pendaftaran sebuah situs web, lalu men-klik tombol submit, menunggu sekitar 20 detik untuk website memproses isian form tersebut, dan mendapati halaman yang menyatakan bahwa terdapat kolom form yang masih belum diisi.

Untuk keperluan seperti inilah JavaScript dikembangkan. Pemrosesan untuk mengecek apakah seluruh form telah terisi atau tidak, bisa dipindahkan dari web server ke dalam web browser.

Dalam perkembangan selanjutnya, JavaScript tidak hanya berguna untuk validasi form, namun untuk berbagai keperluan yang lebih modern. Berbagai animasi untuk mempercantik halaman web, fitur chatting, efek-efek modern, games, semuanya bisa dibuat menggunakan JavaScript.

Akan tetapi karena sifatnya yang dijalankan di sisi client yakni di dalam web browser yang digunakan oleh pengunjung situs, user sepenuhnya dapat mengontrol eksekusi JavaScript. Hampir semua web browser menyediakan fasilitas untuk mematikan JavaScript, atau bahkan mengubah kode JavaScript yang ada. Sehingga kita tidak bisa bergantung sepenuhnya kepada JavaScript.

Perkembangan JavaScript Saat Ini

Dalam perkembangannya, JavaScript mengalami permasalahan yang sama seperti kode pemograman web yang bersifat client side seperti CSS, yakni bergantung kepada implementasi web browser.

Kode JavaScript yang kita buat, bisa saja tidak bekerja di Internet Explorer, karena web browser tersebut tidak mendukungnya. Sehingga programmer harus bekerja extra untuk membuat kode program agar bisa “mengakali” dukungan dari web browser.

Karena hal tersebut, JavaScript pada awalnya termasuk bahasa pemograman yang rumit, karena harus membuat beberapa kode program untuk berbagai web browser.

Namun, beberapa tahun belakangan ini, JavaScript kembali bersinar berkat kemudahan yang ditawari oleh komunitas programmer yang membuat library JavaScript seperti jQuery. Library ini memudahkan kita membuat program JavaScript untuk semua web browser, dan membuat fitur-fitur canggih yang sebelumnya membutuhkan ribuan baris kode program menjadi sederhana.

Kedepannya, JavaScript akan tetap menjadi kebutuhan programmer, apalagi untuk situs saat ini yang mengharuskan punya banyak fitur modern sebagai standar.

Dalam tutorial JavaScript selanjutnya, kita akan berkenalan dengan sejarah dan perkembangan versi JavaScript.

Pengertian PhpMyAdmin, Apache, Notepad++, CSS, Basis Data, E-Commerce

Pengertian PhpMyAdmin

Menurut Sibero (2011e:376) “PhpMyAdmin adalah aplikasi web yang dibuat oleh phpMyAdmin.net. phpMyAdmin digunakan untuk administrasi database MySQL”. Program ini digunakan untuk mengakses database MySQL. Perintah untuk membuat tabel dapat menggunakan form yang sudah tersedia pada PhpMyAdmin atau dapat langsung menuliskan script pada menu SQL. PhpMyAdmin dijalankan dengan cara mengetik http://localhost/phpmyadmin pada web browser.

Menurut Arief (2011f:429) ”phpMyAdmin adalah salah satu aplikasi GUI (Graphical User Interface) yang digunakan untuk mengelola database MySQL”. Menurut Kurniawan (2008c:8) “PhpMyAdmin adalah halaman yang terdapat pada web server”. Fungsi dari halaman ini adalah sebagai pengendali database MySQL menggunakan web server.

Pengertian Apache

Menurut Kurniawan (2008b:2) ”Apache adalah web server yang dapat dijalankan dibanyak sistem operasi (Unix, BSD, Linux, Microsoft windows dan Novell Netware serta Platfrom lainnya) yang berguna untuk memfungsikan situs web”. Protokol yang digunakan untuk melayani fasilitas web ini menggunakan HTTP.

Pengertian Notepad++

Menurut Putra (diakses pada tanggal 18 Mei 2014 di http://www.candra.web.id/2012/04/09/ebook-membangun-ecommerce-dengan-php-mysql) Notepad++ adalah standar programmer editor. Sebenarnya selain notepad++, juga masih banyak editor yang lain. Anda boleh saja menggunakan sembarang editor, namun disarankan editor yang dipakai adalah editor yang mempunyai 3 fitur utama yaitu Syntax Higlighting, Code folding, dan Line numbering. Notepad++ dipakai untuk editing file secara cepat (misal Bugfix) atau mengedit satu dua baris yang error.

Pengertian CSS

Menurut Astamal (2006:42) CSS (Cascading Style Sheet) adalah suatu teknologi yang digunakan untuk mempermudah pembuatan suatu tampilan sebuah website.

Pengertian Basis Data

Menurut Kusrini (2007:2) basis data adalah kumpulan data yang berelasi. Data sendiri merupakan fakta mengenai obyek, orang, dan lain-lain. Data dinyatakan dengan nilai (angka, deretan karakter, atau simbol).

1. Himpunan kelompok data yang saling berhubungan yang diorganisasi sedemikian rupa sehingga kelak dapat dimanfaatkan dengan cepat dan mudah.

2. Kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa tanpa pengulangan (redundancy) yang tidak perlu, untuk memenuhi kebutuhan.

3. Kumpulan file atau label atau arsip yang saling berhubungan yang disimpan dalam media elektronik.

Pengertian E-Commerce

Perdagangan Elektronik (E-Commerce = electronic commerce) adalah bagian dari e-lifestyle yang memungkinkan transaksi jual beli dilakukan secara online dari sudut tempat mana pun (Hidayat, 2008:5).

Sedangkan pengertian E-Commerce (Perdagangan Elektronik) menurut Wong (2010:33) adalah pembelian, penjualan dan pemasaran barang serta jasa melalui sistem elektronik. Seperti televisi, radio dan jaringan komputer atau internet

paduan belajar membuat web dengan php dan MysQL

Panduan belajar membuat web dengan PHP dan MySQL

Artikel ini bertema “Panduan belajar membuat web dengan PHP dan MySQL”, karena saya ingin membuat rangkuman secara menyeluruh tentang bagaimana cara membuat sebuah web dinamis menggunakan bahasa pemrograman PHP dan database MySQL.
Dalam artikel ini saya menyediakan modul-modul dalam bentuk file PDF dan file source web dengan tujuan agar teman-teman mudah untuk membaca, mempelajari, dan mengembangkan modul dan web yang saya buat. Dalam kursus online ini, kita akan mempelajari materi yang sudah saya bagi menjadi beberapa modul.
modul pertama (pembuatan aplikasi biodata) berisi materi :

Pengenalan PHP dan MySQL
Software yang digunakan belajar PHP
Langkah untuk memulai belajar PHP
Langkah pembuatan database di PhpMyadmin
Langkah pembuatan modul program

Modul kedua(pembuatan aplikasi login) yang berisi materi :

Pembuatan tabel admin
Enkripsi md5
Membuat form dalam file form_admin.php
Pembuatan Session dalam file login.php
Pengecekan Session dalam file home.php
Pembuatan Session_destroy (logout) dalam file logout.php

Modul ketiga(edit template web) yang berisi materi :

Cara mencari dan download file template di internet
Cara edit file template web
Cara menggabungkan aplikasi web kedalam sebuah template
Cara penanganan URL dalam template web

Modul keempat(upload web ke hosting) yang berisi materi :

Tahap persiapan di komputer local
Membuat domain gratis di situs co.cc
Membuat hosting gratis di situs byethost.com
Membuat database di hosting byethost.com
Mengimport database ke hosting byethost.com
Mengupload file-file web ke hosting byethost.com
Mengubah file koneksi database di hosting byethost.com
Menggabungkan domain co.cc dengan hosting byethost.com

Download Modul Kursus

Cara download :

Tunggulah selama 5 detik untuk melanjutkan langkah selanjutnya, untuk melihat waktunya coba anda lihat di pojok kanan atas

Jika sudah sampai 5 detik, maka akan muncul tulisan "SKIP AD" atau "LEWATI" di pojok kanan atas. Klik tulisan tersebut

Setelah anda mengklik tulisan tersebut, maka anda akan dibawa menuju link download.

WEB PROGRAMING PART 1 - BELAJAR PEMROGRAMAN WEB UNTUK PEMULA

Tutorial Belajar Pemrograman Web Untuk Pemula, saya rasa pertanyaan ini sering ditanyakan bagi anda yang ingin memulai belajar pemrograman web, tapi tidak tahu harus dari mana memmulainya. Jika pertanyaan tersebut yang anda tanyakan, maka artikel ini saya peruntukkan untuk anda. Nah, Bagaimana caranya memulai belajar pemrograman Web...?? berikut akan saya jelaskan hal-hal apa saya yang harus anda persiapkan.

Ok, berikut langkah-langkahnya.

1. Install Media Pengkodingan

Pada langkah pertama untuk belajar pemrograman web, silahkan anda sediakan terlebih dahulu media pengkodingan pada komputer/laptop anda. Nah, bagi anda yang baru memulai belajar pemrograman Web, mungkin anda bertanya,Apa itu media pengkodingan..? Media pengkodingan adalah sebuah software untuk kita mengetikkan bahasa pengkodingan di komputer/laptop.

Untuk media pengkodingan Web programing sebenarnya banyak.Seperti Adobe Dreamweaver, Sublime Text, Notepad++, dan masih banak lagi. Namun bagi anda yang baru memulai belajar pemrograman web, disini saya sarankan anda menggunakan software Notepad++ saja. Karena software tersebut gratis dan bagus unuk media pengkodingan web.

Bagi anda yang belum punya software Notepad++, silahkan anda download dulu di internet software Notepad++ tersebut.

2. Belajar HTML

Setelah anda menginstall media pengkodingan pada komputer/laptop anda, selanjutnya silahkan anda belajar tentang HTML.

Apa itu HTML...?? seperti di kutip di wikipedia.com, HTML adalah singkatan dari “Hyper Text Markup Language (HTML)”. Yaitu 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.

Anda masih bingung apa itu HTML..? saya pertama kali belajar pemrograman web juga bingung tentang apa itu HTML. Menurut saya, pengertian sederhana dari HTML itu adalah sintak/kode yang ditulis di media pengkodingan, kemudian kode tersebut disimpan dengan format “.html”.Dan kode yang sudah dismpan dengan format “.html” tersebut bisa dilalankan di browser yang biasa kita gunakan untuk internetan. Seperti bisa dijalankan di Mozilla Firefox, Google Chrome, dan masih banyak lagi.

Untuk dasar-dasar HTML, silahkan baca artikel “WEB PROGRAMING PART 2 - Dasar-dasar HTML”.

3. Belajar CSS

Apa itu CSS..?? CSS atau yang mempunyai kepanjangan dari “Cascading Style Sheet” yaitu aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

Pengertian CSS secara sederhana menurut saya adalah kumulan sintak yang disisipkan didalam file HTML agar tampilan web lebih menarik dan tersusun dengan rapi.

Contoh penggunaan CSS pada perancangan sebuah Web, atau biasa di sebut dengan Template Web, CSS bisa kita gunakan untuk membuat kotak-kotak, membuat header, membuat tombol navigasi menu, disain body, sidebar, dan footer.

Nah, mungkin anda sedikit bingung dengan “header, navigasi menu, body, dan footer” yang saya jelaskan di atas tadi. Tapi menurut saya tidak apa-apa. Karena dulu saya juga begitu.Nanti jika anda sudah belajar HTML dan CSS, anda pasti tahu apa yang saya jelaskan tadi.

=============================================

Nah, setelah anda membaca “Tutorial Belajar Pemrograman Web Untuk Pemula”,untuk selanjutnya yang anda lakukan adalah belajar html dan css seperti yang sudah saya jelaskan diatas tadi. Untuk dasar-dasar HTML, silahkan klik WEB PROGRAMING PART 2 - Dasar-dasar HTML.

Untuk dasar-dasar tentang “Belajar Pemrograman Web Untuk Pemula”Saya rasa penjelasannya sudah cukup.

Namun, mungkin anda bertanya lagi: “saya pernah mendengar tentang bahasa pemrograman PHP. Dan pemrograman PHP adalah bahasa pemrograman untuk web. Kok tidak dijelakan disini...?”

Ok, akan saya jelaskan sedikit. Bahasa pemrograman PHP biasanya digunakan untuk membuat web lebih dinamis lagi. Seperti pada saat sebuah web digunakan untuk menyimpan sebuah data,kita harus menggunakan yang namanya database. Nah, untuk tugas seperti itu, baru kita menggunakan yang namanya bahasa pemrograman PHP. Sebenarnya pemrograman web yang bertugas untuk menyimpan data ke database tidak hanya bahasa pemrograman PHP saja, tapi bisa yang lain. Namun yang lebih banyak digunakan oleh para programer web, adalah bahasa pemrogramanPHP.

Jadi kesimpulannya, menurut saya untuk “Belajar Pemrograman Web Untuk Pemula”, saya raya cukup anda lalukan saja terlebih dahulu 3 langkah yang sudah saya jelaskan diatas. karena jikalau sudah sampai menggunakan bahasa pemrograman PHP, saya rasa itu bukan lagi namanya “Belajar Pemrograman Web Untuk Pemula..” tapi sudah menuju ke profesional.

Itulah sedikit tentang “Tutorial Belajar Pemrograman Web Untuk Pemula” dari saya, salah dan kurangnya dalam penulisan saya ini, saya mohon ma’af. Dan bagi anda yang mau bertanya, silahkan anda tinggalkan komentar.

Bagi anda yang ingin menyimpan artikel ini berupa Ebook PDF, silahkan klikDISINI.

Semoga artikel ini bisa membantu anda, sehingga bermanfaat buat anda.

Salam sukses.