Praktikum 4 pemrograman WEB

WORLD WIDE WEB

    WWW adalah layanan internet yang populer saat ini.internet mulai dikenal dan digunakan secara luas setelah adanya layanan www.www adalah halaman haaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink) yang membentuk samudera belanta informasi.www berjalan dengan protokol hypertexts transfer protokol (HTTP),dengan http dapat membuat user untuk mengakses suatu halaman web melalui protokol TCP/IP menjadi lebih mudah.

      halaman web merupakan file teks murni (plaint teks) yang berisi sintaks sintaks HTML yang dapat dibuka/dilihat dengan internet browser ketika sintaks HTML mampu memuat konten teks,gambar,audio,video.

     Kegunaan ini tergolong masih baru dibandingkan surat elektronik, sebenarnya WWW merupakan kumpulan dokumen yang tersimpan di peladen web, dan yang peladennya tersebar di lima benua termasuk Indonesia yang terhubung menjadi satu melalui jaringan Internet.Dokumen-dokumen informasi ini disimpan atau dibuat dengan format HTML (Hypertext Markup Language).

     Suatu halaman dokumen informasi dapat terdiri atas teks lainnya atau bahkan dengan dokumen lain.keterkaitan halaman lewat teks ini di sebut pranala.dokumen informasi ini tidak hanya terdiri dari teks tetapi dapat juga berupa gambar,mengandung suara bahkan klip video.

SEJARAH PEMROGRAMAN WEB

Web program adalah adalah proses menulis, mencoba, memeriksa dan memperbaiki (debug), serta memelihara kode untuk membuat sebuah program komputer. Kode ini ditulis dalam berbagai bahasa pemrograman. Tujuan dari pemrograman adalah untuk memuat suatu program yang dapat melakukan suatu perhitungan atau proses sesuai dengan keinginan si pemrogram (Sumber :wikipedia).

Jadi Secara singkat untuk Web programming adalah proses pembuatan program yang outputnya disajikan oleh Web Browser. Di sini belum akan di jelaskan web programming secara detail dimada ada program berupa server side ataupun client side. Untuk lebih jelas jenis-jenis dan perkembangan dari Web programming hal ini bisa dibaca pada web development.Dan bahasa yang digunakan adalah bahasa HTML.

HTML merupakan turunan atau pengembangan dari SGML (Standar Generalized Markup Language). HTML sendiri dikembangkan oleh Tim Berners-Lee sewaktu masih bekerja di CERN yang pertama kali dipopulerkan oleh browser Mosaic yang dikembangkan NCSA. Selama awal tahun 1990an, HTML terus mengalami kemajuan yang sangat cepat.Tapi pengembangan resmi HTML ini baru dikeluarkan pada tahun 1995 yang dikembangkan oleh Internet Engineering Task Force (IETF). HTML2 yang dikembangkan ini merupakan turunan dari HTML+ pada tahun 1993. HTML3 yang juga dirilis pada tahun 1995 mempunyai kemampuan yang jauh lebih bagus dari versi sebelumnya. Merupakan hasil usaha yang dikembangan oleh World Wide Web Consortium’s (W3C) dan kemudian menghasilkan HTML3.2 pada tahun 1996.Dan akhirnya terbitlah HTML4 dan HTML4.1 pada akhir tahun 1997 dan 1998. HTML ini merupakan sebuah text biasa yang dirancang untuk tidak tergantung pada sistem operasi apapun.

Secara umum pemrograman web dapat dibagi 2, yaitu: client side scripting dan server side scripting. perbedaan dari kedua jenis script ini adalah pada bagaimana script tersebut di proses dan tentu saja dari sintaks program yang digunakan.

1.  client side scripting (CSS), merupakan jenis script yang pengolahannya dilakukan di sisi client. pengolahan disini berarti “di terjemahkan/ interpreted”. yang memiliki tugas untuk menterjemahkan script jenis ini disisi client adalah web browser. agar semua script yang masuk kategori ini dapat diterjemahkan oleh web browser maka didalam web browser terdapat sebuah komponen/ modul/ “engine” yang memiliki daftar pustaka (library) yang mampu mengenali semua perintah-perintah yang terdapat pada kategori client side scripting. berikut contoh web browser yang populer digunakan: internet explorer, mozilla firefox, opera., safari. berikut adalah contoh client side scripting: HTML (hypertext markup language), java script, XML (extensible markup language), CSS (cascading style sheet). client side scripting merupakan script yang digunakan untuk membuat halaman web statis.

2. server side scripting (SSS), merupakan script yang pengolahannya (baca: diterjemahkan) di sisi server. server yang dimaksud disini adalah sebuah komponen yang biasa disebut web server yang didalamnya terintegrasi dengan sebuah mesin (engine)/ modul yang didalamnya terdapat daftar pustaka (library) yang mampu menterjemahkan script-script tersebut yang kemudian setelah di terjemahkan di server kemudian dikirim (ditampilkan) ke client (web browser) dalam format HTML (hypertext markup language). mesin (engine) tersebut harus di install terlebih dahulu karena mesin-mesin tersebut memiliki karakteristik yang berbeda untuk tiap script (bahasa pemrograman) yang digunakan. berikut contoh server side scripting: PHP (Hypertext Pre Processor), ASP (active server pages), JSP (java server pages). server side scripting digunakan untuk membuat halaman web dinamis. hal ini disebabkan karena server side scripting memiliki kelebihan, diantaranya: mampu berinteraksi dengan banyak perangkat lunak basis data (database), mampu mengelola sumber daya yang terdapat di sistem operasi dan perangkat keras komputer, mampu dijalankan di semua sistem operasi (multi plattform), aman karena scriptnya di proses di server yang tidak dapat dilihat dari sisi client.

2. Maksud Pemrograman Web & Jenisnya

Web merupakan fasilitas hypertext untuk menampilkan data berupa teks,gambar,suara,animasi,dan data multimedia lainnyajika anda ingin meguasai web maka anda perlu  mengenal itu bahasa HTML dan PHP.HTML merupakan bahasa pemrogrman web yang merupakan  pada kategori script client side sedangkan PHP merupakan salah satu script(perintah-perintah program) server side yang sangat populer diterapkan dalam sebuah web.web dapat menjadi alat untuk mempromosikan suatu produk maupun diri kita sendiri jika ingin terkenal  lewat web.web mengalami perkembangan yang sangat pesat dewasa ini.mulaidari situs web e-commerce sampai web non-profit.Situs/web dapat dikategorikan menjadi dua yaitu web statis dan web dinamis.

1.    1.      Web statis

Web statis adalah web yang berisi/menampilkan informasi –informasi yang sifatnya statis(tetap).disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut.singkatnya,untuk mengetahui suatu web bersifat statis atau dinamis dapat dilihat Dari tampilannya.jika suatu web hanya berhubungan dengan halaman web lain dan berisi informasi yang tetap maka web tersebut disebut dengan 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 teks dan disimpan dalam bentuk .Html atau .htm.

1.    Web Dinamis

Web dinamis adlah web yang menampilkan informasi serta dapat berinteraksi dengan pengguna.web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan.web dinamis bersifat interaktif,tidak kaku,dan terlihat lebih indah.

1.    Pemrograman Web

Ada 2 kategori dalam pemrograman web,yaitu pemrograman server side dan client side.padapemrograman server-side.perintah-perintah program (script) dijalankan di server web.kemudian hasil dikirimkan dalam bentuk HTML biasa.Adapun pada client side,program  Dijalankan pada browser web sehingga ketika klien meminta dokumen script maka script  Dapat didownload dari server kemudian dijalankan pada browser bersangkutan.

1.    Mengenal script client side

Program web yang tergolong dalam client side seperti Javascript,Vbscript,HTML,dan lain-lain.hasil parsing script pemrograman client side (misal javascript dan Vbscript) yang berupa HTML dari server web dapat dilihat dengan memilih menu view >Source Code.Anda dapat melihat bahwa script program yang ditulis ditampilkan pada halaman source code.

1.    Javascript

Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995.pada awalnya bahasa ini dinamakan “Livescript” dan berfungsi sebagai bahasa sederhana utnuk browser Netscape Navigator 2.Pada masa awal dirilis,bahasa ini banyak dikritik karena kurang aman.tidak ada pesan kesalahan yang ditampilkan saat kita membuat kesalahan program.kemudian sejalan Dengan kerjasama antara Netscape dengan Sun(pengembang bahasa pemrograman Java) pada masa itu,maka netscape memberi nama “Javascript” kepada bahasa tersebut pada tanggal 4 Desember 1995.Javascript adalah bahasa pemrograman sederhana karena bahasa ini tidak dapat digunakan untuk membuat aplikasi ataupun applet.dengan  Javascript kita dapat dengan mudah  sebuah halaman web yang interaktif.program Java script dituliskan pada file HTML.dengan kata lain anda tidak perlu menuliskan program Javascript pada file terpisah (walaupun anda juga bisa melakukannya).Bahasa ini adalah bahasa  pemrograman untukn memberikan kemampuan tambahan terhadap bahasa HTML.dengan mengizinkan Pengeksekusian perintah di sisi klien,yang artinya disisi browser bukan disisi server web.Javascript bergantung kepada browser yang memanggiol halaman web berisi script.Javascript tidak memerlukan kompilator atau penerjemah khusus untuk menjalankannya.Pada Javascript kita tidak mungkin menyembunyikan kode script yang kita tulis.kode langsung ditulis dalam dokumen HTML dan sangat mudah terlihat.Javascript adalah bahasa yang “case-sensitive”.artinya,membedakan penamaan variabel dan fungsi.

 Pengertian Pemrograman Web

Apa sih pemrograman web itu?

Cara kerja pemrograman web sendiri seperti apa?

Pemrograman web (web programming) berawal dari kata pemrograman dan web.

Pemrograman merupakan sekumpulan intruksi atau perintah tertulis yang di buat oleh manusia sendiri sob, dan di buat secara logis untuk memerintahkan komputer agar melakukan langkah atau proses tertentu dalam menyelesaikan suatu masalah.

Web sendiri merupakan sebuah halaman atau media informasi yang dapat diakses dengan perangkat lunak browser melalui jaringan komputer atau internet.

Jadi, pemrograman web adalah proses membuat aplikasi komputer yang dapat digunakan atau ditampilkan dengan bantuan browser sob.

Contoh dari hasil pemrograman web sendiri, yaitu :

• Gmail
• Google Maps
• Flickr
• Dan Facebook

Untuk cara kerja pemrograman web, sebaiknya sobat mengetahui tentang HTML dulu, kalau sebenarnya HTML itu bukan bahasa pemrograman tetapi HTML merupakan bahasa penandaan yang terdiri dari TAG (markup language).

Jadi, HTML itu hanya mendeskripsikan bagian tertentu dalam sebuah halaman website, yang isinya harus di tampilkan oleh browser dengan cara tertentu sob.

Setelah mengetahui HTML selanjutnya bagaimana?

Selanjutnya, pemrograman web itu hanya melakukan dengan menyisipkan perintah diantara TAG HTML. Contoh sederhananya :
<html>
<head>
<title>Ari Prasetyawan</title>
</head>
<body>
<p>Hi sobat, terima kasih sudah berkunjung... Saya Ari</p>
</body>
</html>

Dengan adanya pemrograman web sobat dapat melakukan seperti :

• Membuat halaman web yang dinamis dengan perintah - perintah yang cukup sederhana dan sobat dapat menghasilkan informasi yang beragam.
• Melakukan interaksi, sehingga sobat dapat memperoleh informasi yang sobat butuhkan. Contoh : Pencarian, pengiriman data dan lain - lain.
• Berhubungan dengan beragam basis data atau database. Contoh : Oracle, mysql, sql server dan lain - lain.

Untuk bahasa pemrograman, sobat bisa menggunakan hampir semua bahasa pemrograman, asalkan bahasa pemrograman itu bisa bekerja dalam sebuah web server dan dapat menciptakan HTML, XHTML, CSS, JavaScript, dan XML.

Ada beberapa bahasa pemrograman yang terpopuler saat ini, yaitu :

• PHP
• ASP.NET
• ASP classic
• Ruby on Rails
• Perl
• Python
• JSP 

PENGERTIAN HTML

Hypertext 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. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

PENGERTIAN JAVA SCRIPT

JavaScript adalah bahasa pemrograman tingkat tinggi dan dinamis.JavaScript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Google Chrome, Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkadalam halaman web menggunakan tag SCRIPT.^[5] JavaScript merupakan salah satu teknologi inti World Wide Web selain HTML dan CSS. JavaScript membantu membuat halaman web interaktif dan merupakan bagian aplikasi web yang esensial.

Awalnya hanya diimplementasi sebagai client-side dalam penjelajah web, kini engine JavaScript disisipkan ke dalam perangkat lunak lain seperti dalam server-side dalam server web dan basis data, dalam program non web seperti perangkat lunak pengolah kata dan pembaca PDF, dan sebagai runtime environment yang memungkinkan penggunaan JavaScript untuk membuat aplikasi desktop maupun mobile.

PENGERTIAN ANGULAR

AngularJS adalah kerangka aplikasi web Open Source. Ini awalnya dikembangkan tahun 2009 oleh Misko Hevery dan Adam Abrons. Ini sekarang dikelola olehGoogle. Versi terbaru adalah 1.4.3.

Definisi AngularJS seperti menempatkan dengandocumen yang resmi sebagai berikut −

• AngularJS adalah Framework struktural untuk aplikasi web dinamis. Ini memungkinkan Anda untuk menggunakan HTML sebagai bahasa template Anda dan memungkinkan Anda memperluas sintaks HTML untuk mengekspresikan komponen aplikasi Anda secara jelas dan ringkas. Sudut yang mengikat data dan ketergantungan injeksimenghilangkan banyak kode yang Anda miliki untuk menulis. Dan itu semua terjadidalam browser, sehingga adalah pasangan yang ideal dengan teknologi server apapun.
• AngularJS adalah front-end frameworkuntuk javascript yang dikembangkan oleh Google. Dengan fitur-fitur powerful dari AngularJS, proses development bisa menjadi jauh lebih singkat.

Fitur AngularJS

• AngularJS adalah membangun framework berbasis javascriptuntuk membuat RICH Internet Application (RIA)
• AngularJS menyediakan pilihan pengembang untuk menulis sisi aplikasi klien (menggunakan javascript) dalamMVC (Model View Controller).
• Aplikasi yang ditulis dalam AngularJS cross-browser compliant. AngularJSsecara otomatis menangani kode JavaScript yang cocok untuk masing-masing browser.
• AngularJS adalah open source, sepenuhnya gratis, dan digunakan oleh ribuan pengembang di seluruh dunia. Hal ini berlisensi di bawah lisensi Apache versi 2.0.
• Secara keseluruhan, AngularJS adalah suatu framework kerja untuk membangun kinerja tinggiaplikasi web sementara menjaga mereka sebagai mudah-untuk-mempertahankan dan skala besar.

Fitur Utama AnggularJS

Berikut adalah fitur utama yang paling penting dari AngularJS

• Data binding- Sinkronisasi data seraca otomatis antara komponen model dan view.
• Scope / Lingkup− Merupakan obyek yang mengacu pada model. Mereka bertindak sebagai lem antara controller dan View.
• Controller − Merupaan fungsi javascript yang terikat pada lingkup tertentu.
• Services / Layanan− AngularJS datang dengan beberapa built-in services misalnya $http untuk membuat XMLHttpRequests. Ini adalah objek tunggal yang dipakai hanya sekali diapp.
• Filter− Pilihan subset dari item dari array dan mengembalikan array baru.
• Directives / Arahan− Adalah tanda-tanda pada elemen DOM (seperti elemen, atribut, css, dan lain – lain). Ini dapat digunakan untuk membuat kustom tag HTML yang berfungsi sebagai widget baru, kustom. AngularJS memiliki built-in arahan (ngBind, ngModel…)
• Templates− Adalah View yang diberikan dengan informasi dari controller dan model. Terdapat beberapa view dalam satu halaman, menggunakan “parsial” atau file tunggal (seperti index.html).
• Routing –  Merupajan konsep View switching.
• Model View Whatever – Apapun MVC adalah pola desain untuk membagi aplikasi menjadi bagian yang berbeda (disebut Model, View dan Controller), masing-masing dengan tanggung jawab yang berbeda. AngularJS tidak melaksanakan MVC dalam arti tradisional, tetapi agak sesuatu lebih dekat ke MVVM(Model-View-ViewModel).
• Deep Linking− Deep menungkinkan  menghubungkan Anda untuk menyandikan keadaan aplikasi dalam URL sehingga ia dapat bookmarked. Aplikasi kemudian dapat dikembalikan dari URL ke negara yang sama.
• Dependency Injection − AngularJS memiliki built-inketergantungan injeksi subsistem yang membantu pengembang dengan membuat aplikasi lebih mudah untuk mengembangkan, memahami, dan menguji.

PENGERTIAL LARAVEL

Laravel adalah kerangka kerja aplikasi web berbasis PHP yang open source, menggunakan konsep model–view–controller (MVC). Laravel berada dibawah lisensi MIT, dengan menggunakan GitHub sebagai tempat berbagi kode .

Desember 2013, Laravel menempati PHP framework terpopuler dan berada diatas PHP framework lain seperti Phalcon, Symfony2, CodeIgniter dan lainnya

PENGERTIAN VUE JS.

Vue.js adalah kerangka kerja JavaScript progresif yang bersumber terbukauntuk membangun antarmuka pengguna. Integrasi ke dalam proyek yang menggunakan pustaka JavaScript lainnya mudah dilakukan dengan Vue karena dirancang untuk diadopsi secara bertahap. Vue juga bisa berfungsi sebagai kerangka kerja aplikasi web yang mampu menjalankan aplikasi single-page yang canggih.