Langsung ke konten utama

Haikal PG - XI RPL 1 - PWPB Sesi 18

Assalamualaikum Warahmatullahi Wabarokatuh
Pada sesi kali ini kita akan memasuki materi web dinamis. Kenapa disebut web dinamis? karena pada konten yang berisi didalamnya daoat berubah-ubah. Tidak seperti web stasis yang kontennya juga tidak akan berubah-ubah. Jenis web yang kita buat pada sesi-sesi sebelumnya merupakan jenis web statis. Dibuat dengan menggunakan bahasa server seperti PHP, CGI Script, JSP, ASP.NET, Perl dll. Pada materi ini kita akan menggunakan PHP. Kenapa harus php? Karena PHP itu open source dan juga komunitasnya yang banyak. Jadi jika kita mencari sumber kode di google maka akan banyak kode-kode yang teman-teman cari :).

Pemrograman Web
Client Side Script:

  • Script yang ditambahkan dalam sokumen html, dieksekusi oleh brower client.
  • Javascript, VBScript
Server Side Script:
  • Script yang ditambahkan dalam dokumen html, dieksekusi oleh server. hasilya dalam bemtuk html yang dikirim ke client.
  • ASP/ASP.NET, PHP, JSP, dll.
Cara kerja web

Pemprosesan Script:

Client Side Script
  • Script yang ditambahkan (embedded) pada halaman web yang sebelumnya hanya disusum dengan sintaks HTML.
  • Penambahan script ini mempunytai tujuan tertentu. Misalnya : 
  1. Menampilkan jam dan tanggal yang up-to-date,
  2. menu yang dinamis (mis : pull down menu).
  3. kontrol terhadap sebuah window, animasi sederhana, animasi mouse, maupun untuk validasi form, dll
Advantage:
  • Waktu proses relatif cepat karena langsung dieksekusi oleh browser client
  • Tidak memerlukan web server untuk hosting
  • Dapat dieksekusi langsung oleh berbagai browser
Disadvantage:
  • Script bisa dilihat oleh pengguna
  • Script dapat di copy-paste
  • Tidak cocok untuk akses data atau database

Server Side Script
  • Digunakan untuk membuat aplikasi webatau konten-konten dinamis: news, buku tamu, dll
  • PHP: Open source dan banyak digunakan luas
  • Active Server Pages (ASP) dan ASP.NET, teknologi yang dikembangkan oleh microsoft
  • ColdFusion (CFM), dikembangkan oleh Macromedia
  • Java Server Pages dan Servlet dikembangkan oleh Sun Microsystem
  • Common Gateway Interface (CGI), yang dibuat dengan bahas pemrograman C++ atau perl
  • Server Side Include (SSI), seperti misalnya Frontpage Server Extension
Advantage:
  • Script tidak bisa dilihat oleh pengguna, sehingga tidak dapat di-copy-paste
  • Cocok untuk akses data atau aplikasi database
  • Untuk membuat fitur-fitur tertentu yang berguna, misalnya: hit counter, user manajemen, disain yang dinamis, CMS, dll
Disadvantage:
  • Waktu proses relatif lebih lambat karena dieksekusi oleh server
  • Memerlukan web server untuk hosting

Aplikasi berbasis web
  • E-commerce : menjelaskan konsep transaksi antar penjual dan pembeli dalam sebuah perangkat elektronik online
  • E-bussines : menjelaskan seluruh aspek yang berhubungan dengan proses bisnis melalui media elektronik, termasuk didalamnya E-commerce
  • E-learning, E-goverment. dll

Web Developer
  • Web Designer : membuat disain web
  • Web Programmer : membuat script untuk halaman web
  • Web Administrator : sebagai administrator web
Tahapan Pengembangan Website
  • Web Designing : Proses hingga jadi halaman-halaman web secara lengkap dan siap tayang.
  • Web Deploying : Proses untuk membuat website terpasang pada server internet dan dapat diakses orang lain
Tools Pengembangan Website
  • Adobe Dreamweaver
  • XAMPP
  • Adobe Photoshop

Kita akan lanjutkan materi web dinamis ini pada sesi berikutnya, sekian dan Wassalamualaikum warahmatullahi wabarokatuh.

Menganalisis Web Ilearning
'Codepolitan'
1.Sitemap Web
2.Menjelaskan menu-menu yang ada:

  • Library merupakan menu yang ada di web codepolitan, disana terdapat penmbelajaran tentang bahasa-bahasa pemrograman seperti C,Python,Java,Javascript,PHP,HTML.
  • Blog ini menu yang berisi info-info/artikel-artikel seputar pemrograman.
  • Bootcamp adalah program belajar pemrograman.
  • Login/Register merupakan fitur login agar bisa mengakses pembelajaran.
  • Join Membership adalah menu untuk belajar pemrograman dengan jangka waktu tertenu.
3.Saran untuk web:
  • Saya harap biaya pembelajarannya lebih murah sedikit hehe:)
  • Ada menu home pada navbar

Sekian saja, Wassalamualaikum Warahmatullahi Wabarokatuh.

Komentar

Posting Komentar

Postingan populer dari blog ini

Haikal PG - XI RPL 1 - PWPB Sesi 36

Assalamualaikum Warahmatullahi Wabarokatuh Halo teman-teman gimana kabarya? semoga sehat selalu ya.. . Pada sesi kali ini kita akan membahas tentang OOP (Object Oriented Programming) pada php. OOP merupakan konsep/metode programming berorientasi pada objek. Jadi didalam OOP semua digambarkan sebagai objek yang di representasikan. Terdiri dari 3 struktur diantaranya : Class, property, dan method/function. Ok kita langsung saja ke materinya. Coba teman-teman buat sebuah file bernama dan berekstensi seperti ini : HewanPeliharaan.php  nah disini kita akan membuat struktur class yang dimana hewan ini memiliki 3 property diantaranya nama, jenis, dan makanan. Untuk lebih jelasnya seperti ini: nama = $nama; $this->jenis = $jenis; $this->makanan = $makanan; } } Tag phpnya tidak perlu ditutup karena ini merupakan class dan kita tidak akan menambahkan code seperti html/js disini. __construct merupakan function yang ada di php, construct ini merupakan bagian code yang akan pertama...
Posting Komentar
Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 25

Assalamualaikum Warahmatullahi Wabarokatuh Kembali lagi dengan saya Haikal Putra Gustiansyah yang dimana pada sesi kali ini kita akan membahas array assosiatif dan media query. Array assosiatif merupakan sebuah tipe data yang memungkinkan kita menyimpan data yang memiliki tipe data yang berbeda bisa berupa string,numerik, dll. Media Query merupakan salah satu fitur CSS3 yang memungkinkan kita agar membuat halaman yang web yang responsif. Simak materi pada sesi kali ini. Array Asosiatif Array Asos iatif ad alah  array yang tidak menggunakan angka sebagai kunci di setiap nilainya. Jika tidak ditentukan kunci dari sebuah elemen di array, PHP akan otomatis memberikan kuncinya berupa angka. Perbedaanya hanya bagaimana kita mengakses data/elemen-elemen tersebut. Copykan code berikut: LatArrayAsosiatif.php 'Haikal', '1819117580' => 'Milyardin', '1819117581' => 'Steph~~'); echo $siswa['1819117579'] . ' '; ec...
Posting Komentar
Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 7

Assalamualaikum Warahmatullahi Wabarokatuh Kembali lagi dengan saya, disini saya akan membahas kembali tag-tag pada HTML. Pada HTML juga kita bisa menambahkan seperti audio, video, flash dengan tag yang akan saya bahas kali ini. Kita langsung saja mulai tutorialnya : Menambahkan Audio Di HTML kita bisa menambakan audio dengan tag <audio> </audio>. Seperti pada tag img kita juga harus memsukkan sumber lagu dengan attribut src="lagu.mp3". Ada juga attribut untuk memulai musik secara otomatis yaitu autoplay, Attribut untuk controls untuk menampilkan sebuah control spesifik audio, Attribut loop ini untuk mengulang lagu jika lagu sudah selesai. Berikut tampilannya jika di jalankan di browser : Tag audio html Codenya : Haikal Putra Gustiansyah XI RPL 1 Audio Menambahkan Video Selain menambahkan audio kita juga bisa menambahkan video dengan tag <video> </video> dan jangan lupa masukkan sumber video dengan src="". Attribut n...
Posting Komentar
Baca selengkapnya