Pemrograman Berbasis Web Pertemuan 1

Session 1Pengenalan

Pemrograman Berbasis Web

Mampu melakukan rancang bangun Aplikasi berbasis Web pada berbagai jenis Project (di

berbagai kegiatan/pekerjaan/bisnis) menggunakan perangkat lunak(software) WEB,

metode, teknik-teknik, Algoritma/Logika Pemrograman dan alat bantu (Hardware)

tertentu untuk implementasi berikut pendokumentasiannya

Kemampuan Akhir yang Diharapkan

Konsep Pemrograman, instalasi PHP/XAMPP, Sintak PHP & menggabungkan dgn HTML Elemen dasar PHP : Variabel Jenis/type, scope & OperatorStruktur Kontrol : If …, Else…., ElseIf …., Do…WhileSintak PHP (lanjut)Fungsi : Membuat fungsi, fungsi build in PHP, Manipulasi array dan String & Akses ke databasePresentasi tugas ke III, atau kuize, sebelum UTS

PEMROGRAMAN BERBASIS WEB

Menggunakan MySQL : dasar2 MySQL, Membuat database dan tabel & mengenal fungsi2 MySQL

Manipulasi tabel : Perintah SQL serta Klausa Where, Operator Logic menghapus, menambah & mengupdate Record

Membuat Web Dinamis : dgn CSS, disain web Page dinamis melalui tools form, page login & Administrator.

Manajement Cookie dan membentuk sessie


MATERI BELAJAR

Manajement Cookie : mengenal Cookie dan HTTP, Menciptakan, mengakses, mengganti Cookie, menambah tgl yg kadarluasa & Memperoleh Daftar Cookie

Membentuk sessie Studi kasus : Project dan menampilkannya

atau halaman web Project di internet Presentasi Project yg dibuat berkelompok

berbaisi web sebelum UAS


MATERI BELAJAR

Keterkaitan Matakuliah Pemrograman berbasis Web dan menjadi penunjang matakuliah lain. Terutama matakuliah Programing dan basisData yaitu PBO, Java, Web lanjut & TA. Serta Keterkaitan dgn matakuliah lain yaitu : Dasar2 Pemrograman, Algoritma, SBD, RPL, Analisis dan Perancangan : Basisdata & System informasi.


MATERI BELAJAR

● HTTP● Client Side Programming● Server Side Programming● Web Server Software (PHPTriad, XAMPP)● KonsepHTML ● Konsep dasar Web● Arsitektur Web

Pengenalan Pemrograman Web

HTTP

MATERI BELAJAR

SEJARAH HTTP Protokol HTTP pertama kali dipergunakan dalam

WWW pada tahun 1990. Pada saat tersebut yang dipakai adalah protokol HTTP versi 0.9. Versi 0.9 ini adalah protokol transfer dokumen secara mentah, maksudnya adalah data dokumen dikirim sesuai dengan isi dari dokumenter sebut tanpa memandang tipe dari dokumen.

Kemudian pada tahun 1996 protokol HTTP diperbaiki menjadi HTTP versi 1.0. Perubahan ini untuk mengakomodasi tipe-tipe dokumen yang hendak dikirim beserta enkoding yang dipergunakan dalam pengiriman data dokumen.

Sesuai dengan perkembangan infrastruktur internet maka pada tahun 1999 dikeluarkan HTTP versi 1.1 untuk mengakomodasi proxy, cache dan koneksi yang persisten.

MATERI BELAJAR

HTTP (Hyper Text Transfer Protocol) adalah protokol yang dipergunakan untuk mentransfer dokumen dalam World Wide Web(WWW). Protokol ini adalah protokol ringan, tidak berstatus dan generik yang dapat dipergunakan berbagai macam tipe dokumen

HTTP

MATERI BELAJAR

HTTP adalah sebuah protokol meminta/menjawab antara clientdan server. Sebuh client HTTP seperti web browser, biasanya memulai permintaan dengan membuat hubungan TCP/IPke porttertentu di tuan rumah yang jauh (biasanya port 80). Sebuah server HTTP yang mendengarkan diport tersebut menunggu client mengirim kode permintaan (request), seperti "GET / HTTP/1.1" (yang akan meminta halaman yang sudah ditentukan), diikuti dengan pesan MIMEyang memiliki beberapa informasi kode kepala yang menjelaskan aspek dari permintaan tersebut, diikut dengan badan dari data tertentu. Beberapa kepala (header) juga bebas ditulis atau tidak, sementara lainnya (seperti tuan rumah) diperlukan oleh protokol HTTP/1,1. Begitu menerima kode permintaan (dan pesan, bila ada), server mengirim kembali kode jawaban, seperti "200 OK", dan sebuah pesan yang diminta, atau sebuah pesan error atau pesan lainnya.

HTTP

MATERI BELAJAR

ContohTransaksi

S = ServerC = ClientC: (Inisialisasikoneksi)C: GET /index.htmHTTP/1.1C: Host: www.wikipedia.orgS: 200 OKS: Mime-type: text/htmlS:S: --data dokumen-- S: (close connectioin)

HTTP

TUGAS

Client Side Programming

Dalam jaringan komputer, kata “client side” mengacu kepada operasi yang dilakukan oleh client pada satu hubungan “client-server”. Secara umum, suatu client adalah satu aplikasi komputer, seperti web browser yang berjalan pada satu komputer lokal dari pengguna atau workstation dan terhubung kesatu server seperlunya.

TUGAS


Operasi dapat dilakukan client-side karena operasi tersebut membutuhkan akses keinformasi atau fungsi yang tersedia pada client tetapi tidak pada server, karena pengguna membutuhkan observasi terhadap operasi tersebut atau menyediakan input, atau server kekurangan kekuatan pememrosesan untuk melakukan operasi yang tepat waktu untuk seluruh client yang harus dilayaninya. Sebagai tambahan, jika operasi dapat dilakukan oleh client tanpa mengirim data melalui jaringan, maka hal itu memakan waktu lebih sedikit, menggunakan lebih kecil bandwidth dan mengurangi resiko keamanaan. .

Client-side scripting umumnya mengacu kepada kelas dari program komputer pada web yang dieksekusi client-side, oleh browser web pengguna, bukan server-side (pada server web). Jenis pemrograman komputer merupakan bagian penting dari konsep (DHTML) Dynamic HTML, memungkinkan halaman web yang akan ditulis, yaitu, untuk memiliki konten yang berbeda dan berubah tergantung pada input pengguna, kondisi lingkungan (seperti waktu hari), atau variabel lainnya.Penulis menulis web client-side script dalam bahasa seperti Java Script (Client-side JavaScript) atau VBScript, yang didasarkan pada beberapa standar:-HTML scripting-HTTP-Document Object Mode


Client Side ProgrammingSebaliknya, server-side script, ditulis dalam bahasa seperti Perl dan PHP, yang dieksekusi oleh server web ketika pengguna meminta dokumen. Mereka menghasilkan output dalam format yang dimengerti oleh web browser (biasanya HTML), yang kemudian dikirim ke komputer pengguna. Pengguna tidak dapat melihat kode sumber script ini (kecuali penulis menerbitkan kode terpisah), dan bahkan mungkin tidak menyadari bahwa script dieksekusi. Dokumen-dokumen yang dihasilkan oleh server-side script mungkin, tentu saja, mengandung client-side script.

Client Side Programming-Client-side script memiliki akses lebih besar ke informasi dan fungsi yang tersedia pada komputer pengguna, sedangkan server-side script memiliki akses lebih besar ke informasi dan fungsi yang tersedia di server. Server-side script mengharuskan penerjemah bahasa mereka diinstal pada server, dan menghasilkan output yang sama terlepas dari browser klien, sistem operasi, atau rincian sistem lainnya.

-Client-side script tidak memerlukan perangkat lunak tambahan pada server (membuat mereka populer dengan penulis yang tidak memiliki akses administratif ke server mereka), namun mereka memang mengharuskan web browser pengguna memahami bahasa scripting di mana mereka ditulis. Oleh karena itu praktis bagi seorang penulis untuk menulis script dalam bahasa yang tidak didukung oleh browser web yang digunakan oleh mayoritas nya atau audiens.

Server Side ProgrammingDalam jaringan komputer, istilah server-side mengacu pada operasi yang dilakukan oleh server dalam hubungan client-server.Biasanya, server adalah sebuah program perangkat lunak, seperti web server, yang berjalan di server jauh, dicapai dari komputer lokal pengguna atau workstation. Operasi dapat dilakukan sisi server karena mereka memerlukan akses ke informasi atau fungsi yang tidak tersedia pada klien, atau memerlukan perilaku khas yang tidak dapat diandalkan jika dilakukan client-side.Server-sisi operasi juga termasuk pengolahan dan penyimpanan data dari klien ke server, yang dapat dilihat oleh sekelompok klien.

Server-side scripting adalah teknologi web server di mana permintaan pengguna terpenuhi dengan menjalankan script langsung pada server web untuk menghasilkan halaman HTML dinamis. Hal ini biasanya digunakan untuk menyediakan situs web interaktif yang antarmuka ke database atau menyimpan data lainnya. Hal ini berbeda dari klien-side scripting dimana script dijalankan oleh browser web melihat, biasanya dalam JavaScript. Keuntungan utama ke server-side scripting adalah kemampuan untuk menyesuaikan sangat respon berdasarkan kebutuhan pengguna, hak akses, atau query ke dalam menyimpan data.

TUGAS

Server Side Programming

MENEMUKAN PELUANG BISNIS

Server Side ProgrammingMakin hari / makin lama web ini hampir secara eksklusif dilakukan dengan menggunakan kombinasi program C, Perl script dan skrip Shell menggunakan Common Gateway Interface (CGI). Mereka skrip dieksekusi oleh sistem operasi, dan hasilnya hanya dilayani kembali oleh server web. Saat ini, ini dan bahasa scripting online lainnya seperti ASP dan PHP sering dapat dieksekusi langsung oleh server web itu sendiri atau oleh modul ekstensi (misalnya mod _ perl atau mod _ php) ke server web. Entah bentuk scripting (misalnya CGI atau eksekusi langsung) dapat digunakan untuk membangun kompleks multi-halaman situs, tapi eksekusi langsung biasanya menghasilkan overhead yang rendah karena kurangnya panggilan ke interpreter eksternal.Website dinamis juga kadang-kadang didukung oleh server aplikasi web kustom, misalnya Python "Base HTTP Server" perpustakaan, meskipun beberapa mungkin tidak menganggap hal ini menjadi server-side scripting.

Daftarserver-sidescriptingteknologi Setiap bahasa pemrograman dapat menghasilkan halaman web melalui CGI atau modul ekstensi atau kerangka aplikasi server. Bagian ini daftar teknologi yang dirancang terutama atau secara eksklusif untuk server-side scripting, biasanya oleh embedding petunjuk langsung dalam halaman web template. ASP Microsoft dirancang utk solusi yang memungkinkan berbagai bahasa (meskipun umumnya VBscriptis digunakan) dalam halaman HTML seperti luar, terutama digunakan pada Windows, tetapi platform Pendukung lainya terbatas.ColdFusionTag lintas platform berbasis sistem server scripting sisi komersial.JSPSebuah sistem berbasis Java untuk embedding kode dalam halaman HTML.lasoSebuah ditafsirkan Datasourceneutral bahasa pemrograman dan server lintas platform.



SSISebuah sistem yang cukup dasar yang merupakan bagian dari web server apache umum. Bukan lingkungan yang penuh pemrograman jauh tapi masih berguna untuk hal-hal sederhana seperti termasuk menu yang umum.PHPOpensourcesolution umum berdasarkan termasuk kode dalam bahasa sendiri ke dalam halaman HTML.Server-side JavaScriptSebuah bahasa umumnya digunakan pada sisi klien, tetapi juga kadang-kadang pada sisi server.SMXLisplikeopensourcelanguage dirancang untuk dimasukkan ke dalam halaman HTML.



Server web adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML. Server web yang terkenal diantaranya adalah Apache dan Microsoft Internet Information Service (IIS). Apache merupakan server web antar-platform, sedangkan IIS hanya dapat beroperasi di sistem operasi Windows.

Server web juga dapat berarti komputer yang berfungsi seperti definisi diatas

WEB Server Software


XAMPP adalah paket perangkat lunak bebas yang berisi Apache HTTP Server, MySQL database dan alat yang diperlukan untuk menggunakan PHP dan bahasa pemrograman Perl. Program ini dirilis di bawah GNU General Public License dan berfungsi sebagai server, gratis, mudah digunakan web, mampu melayani halaman dinamis. Saat ini, XAMPP tersedia untuk Windows, Linux, Sun Solaris dan Mac OS X (X dalam namanya bisa berdiri untuk salah satu dari sistem operasi).XAMPP secara luas bernama "WAMP / LAMP instalasi pria malas," karena hanya membutuhkan satu file zip, tar atau exe untuk didownload dan dijalankan, dan konfigurasi sangat sedikit dari berbagai komponen yang membentuk server web diperlukan.

WEB Server Software


XAMPP secara teratur diperbarui untuk memasukkan rilis terbaru dari Apache / MySQL / PHP dan Perl. Hal ini juga dilengkapi dengan beberapa modul lainnya, termasuk SSL Terbuka dan MyAdmin php.Secara resmi, XAMPP hanya dimaksudkan untuk digunakan sebagai alat pembangunan, untuk memungkinkan situs web desainer dan programmer untuk menguji pekerjaan mereka pada komputer mereka sendiri tanpa akses ke Internet. Dalam prakteknya, bagaimanapun, XAMPP kadang-kadang digunakan untuk benar-benar melayani halaman web di World Wide Web, dan dengan beberapa modifikasi secara umum cukup aman untuk melakukannya.

WEB Server Software


HTML

HyperTextMarkup Language (HTML)

adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi didalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML, HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web dan HTML kini merupakan standar Internet yang saat ini dikendalikan oleh World Wide Web Consortium (W3C).

Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML.


HTMLHTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser


HTMLMarkup/TandaSecara garis besar, terdapat 4 jenis elemen dariHTML:structural. Tanda yang menentukan level atau tingkatan dari ebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan"Golf" sebagai teks tebal besar yang menunjukkan sebagai Heading 1presentational. Tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,hypertext. Tanda yang menunjukkan pranala kebagian dari dokumenter tersebut atau pranala kedokumen lain (contoh, <a href="http://www.wikipedia.org/">Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu),Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).


HTML

Selain markup presentational, markup yang lain tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.

Definisi WebWorld Wide Web ("WWW", atau singkatnya "Web")

adalah suatu ruang informasi di mana sumber-sumber daya yang berguna di identifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URI). WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripadanya.

TUGAS

Konsep Dasar Web

Hiperteks dilihat dengan sebuah program bernama browser web

yang mengambil informasi (disebut "dokumen" atau “halaman web") dari server web dan menampilkannya, biasanya di sebuah monitor. Kita lalu dapat mengikuti pranala disetiap halaman untuk pindah kedokumen lain atau bahkan mengirim informasi kembali kepada server untuk berinteraksi dengannya. Ini disebut "surfing“ atau "berselancar“ dalam bahasa Indonesia. Halaman web biasanya diatur dalam koleksi material yang berkaitan yang disebut “situsweb".


Konsep Dasar Web

Semoga anda sukses

Sekian dan ......

Pemrograman Berbasis Web Pertemuan 1

Documents

Transcript of Pemrograman Berbasis Web Pertemuan 1