Pemrograman Web

Embed Size (px)

Citation preview

Pemrograman WebSeptember 17, 2012 by www.raemond.co.cc Pemrograman WebDesain Halaman Web 1-11 DESAIN HALAMAN WEBOverviewSebuah aplikasi web dibangun menggunakan tag HTML. Pada praktikum pertama ini akan dipelajari bagaimana membuat dokumen HTML sederhana, memformat tampilan pada dokumen HTML dan membuat list yang yang biasa kita gunakan untuk menampilkan daftar dengan urutan tertentu. Untuk praktikum ini akan menggunakan notepad sebagai HTML editornya.Tujuan1. Mengenal dasar-dasar HTML2. Mengenal HTML Editor3. Membuat dokumen HTML dan melakukan pemformatan dokumen yang sederhana.4. Membuat teks preformat dan karakter spesial5. Membuat list pada dokumen HTML6. Membuat list bersarang pada dokumen HTMLPoliteknik Telkom Praktikum Pemrograman WebDesain Halaman Web 1-21.1 Pengenalan HTML1.1.1 Format Penulisan Dokumen HTMLUntuk membuat suatu halaman HTML standar digunakan tag , , beserta tag penutupnya masing-masing. Susunan tag tag tersebut membentuk dokumen HTML sebagai berikut :

informasi tentang dokumen HTML

informasi yang akan ditampilkan di web browser

1.1.2 Memulai Membuat Dokumen dengan Format HTMLLangkah langkah untuk memulai membuat dokumen HTML sebagai berikut :1. Buka notepad sebagai editor dokumen HTML.2. Buat skrip sederhana seperti di bawah ini di notepad :Contoh 1.1 Dokumen HTML Sederhana

Halaman Web Pertamaku

Ini adalah halaman web pertamaku

3. Simpan dokumen yang telah dibuat dengan menggunakan ekstensi .htm atau .htmlPoliteknik Telkom Praktikum Pemrograman WebDesain Halaman Web 1-3Gambar 1.1 Penyimpanan Dokumen HTML4. Untuk melihat hasil dari dokumen HTML yang telah dibuat, buka dokumen tersebut menggunakan web browser.Judul Dokumen HTMLInformasi yang dituliskan pada tag

Gambar 1.2 Hasil Eksekusi Contoh 1.1Politeknik Telkom Praktikum Pemrograman WebDesain Halaman Web 1-45. Alamat file yang diakses ditunjukkan pada url. Untuk contoh diatas, url yang dimaksud adalah D:\WDM\TPSDP 2005\HTML\contoh_1.1.htm1.2 Tag Tag Dasar HTML1.2.1 HeadingContoh 1.2 Menggunakan Heading

Menggunakan Heading

Dokumen HTML berikut ini menggunakan headingHeading 1Heading 2Heading 3Heading 4Heading 5Heading 6

Jika skrip pada contoh diatas dieksekusi melalui web browser akan didapatkan hasil seperti pada gambar di bawah ini :Gambar 1.3 Hasil Eksekusi Contoh 1.2Politeknik Telkom Praktikum Pemrograman WebDesain Halaman Web 1-51.2.2 ParagrafContoh 1.3 Memformat paragraf

Memformat Paragraf

Paragraf PertamaParagraf pertama ini menggunakan rataan kiri.

Paragraf KeduaParagraf kedua ini menggunakan rataantengah

Paragraf KetigaParagraf ketiga ini menggunakan rataankanan

Hasil :Gambar 1.4 Hasil Eksekusi Contoh 1.31.2.3 Line BreakContoh 1.4 Menggunakan Line BreakPoliteknik Telkom Praktikum Pemrograman WebDesain Halaman Web 1-6

Menggunakan Line Break

Menggunakan Line Break

Dengan menggunakan line break, kita dapat memindahkan kalimat
setelah elemen tersebut satu baris di bawahnya.
seperti halnya menggunakan ENTER pada word processing.

Hasil :Gambar 1.5 Hasil Eksekusi Contoh 1.41.2.4 Preformatted TextContoh 1.5 Menggunakan Preformatted Text

Menggunakan Preformatted Text

Dokumen HTML ini menggunakan Preformatted TextDimana informasi yang ditampilkan pada web browserSesuai dengan apa yang dituliskan pada editorApakah tag ini mempermudah penyampaian informasiMelalui dokumen HTML ?

Politeknik Telkom Praktikum Pemrograman WebDesain Halaman Web 1-7Hasil :Gambar 1.6 Hasil Eksekusi Contoh 1.51.2.5 Memformat Bentuk TulisanContoh 1.6 Memformat Tulisan

Memformat Tulisan

Tulisan ini akan tercetak tebal

Tulisan ini akan tercetak miring

Pada tulisan ini terdapat garis bawah

Dalam matematika, x pangkat 2 ditulis dengan X 2

Rumus kimia untuk oxygen adalah O 2

Jika skrip pada contoh diatas dieksekusi melalui web browser akan didapatkan hasil seperti pada gambar di bawah ini :Politeknik Telkom Praktikum Pemrograman WebDesain Halaman Web 1-8Gambar 1.7 Hasil Eksekusi Contoh 1.61.2.6 Tag FontContoh 1.7 Menambahkan atribut pada tag font

Mengolah Font dengan Properties Font

Tulisan ini dengan font size adalah 1, face Verdana dan berwarna merah
Tulisan ini dengan font size adalah 4,
face arial dan berwarna hijau

Jika skrip pada contoh diatas dieksekusi melalui web browser akan didapatkan hasil seperti pada gambar di bawah ini :D:/dokumen/contoh_1.6.htmPoliteknik Telkom Praktikum Pemrograman WebDesain Halaman Web 1-9Gambar 1.8 Hasil Eksekusi Contoh 1.71.2.7 Horizontal RulesContoh 1.8 Menambahkan Garis Horisontal

Horizontal Rules

Menambahkan garis horisontal pada dokumen HTML

Hasil :Gambar 1.9 Hasil Eksekusi Contoh 1.8Politeknik Telkom Praktikum Pemrograman WebDesain Halaman Web 1-101.3 ListList merupakan bentuk umum yang biasa kita gunakan untuk menampilkan daftar dengan urutan tertentu. Dalam HTML, dikenal 3 (tiga) istilah list : ordered list, unordered list dan definition list.1.3.1 List Tanpa Urutan (Unordered Lists)Contoh 1.9 Menggunakan Unordered List

Menggunakan List

Menggunakan Unordered List

Ordered List dengan Type Default

  • Manchester United
  • Chelsea
  • Arsenal

Unordered List dengan Type Circle

  • Juventus
  • AC Milan
  • AS Roma

Unordered List dengan Type Disc

  • Real Madrid
  • Barcelona
  • Malaga

Unordered List dengan Type Square

  • PSV
  • Ajax Amsterdam
  • Feyenord

Jika skrip pada contoh diatas dieksekusi melalui web browser akan didapatkan hasil seperti pada gambar di bawah ini :Politeknik Telkom Praktikum Pemrograman WebDesain Halaman Web 1-11Gambar 1.10 Hasil Eksekusi Contoh 1.9Politeknik Telkom Praktikum Pemrograman WebDesain Halaman Web 1-121.3.2 List Berurut (Ordered Lists)Contoh 1.10 Menggunakan Ordered List

Menggunakan List

Menggunakan Ordered List

Ordered List dengan Type Default

  1. Nasi Goreng
  2. Nasi Rames
  3. Pecel Lele

Ordered List dengan Type a

  1. Nasi Goreng
  2. Nasi Rames
  3. Pecel Lele

Ordered List dengan Type I

  1. Nasi Goreng
  2. Nasi Rames
  3. Pecel Lele

Ordered List dengan Menambahkan Atribut Start

  1. Nasi Goreng
  2. Nasi Rames
  3. Pecel Lele

Jika skrip pada contoh diatas dieksekusi melalui web browser akan didapatkan hasil seperti pada gambar di bawah ini :Politeknik Telkom Praktikum Pemrograman WebDesain Halaman Web 1-13Gambar 1.11 Hasil Eksekusi Contoh 1.10Politeknik Telkom Praktikum Pemrograman WebDesain Halaman Web 1-141.3.3 Definition ListsContoh 1.11 Menggunakan Definition List :

Belajar membuat HTML yuk

Membuat Definition Lists

HTTP HyperText Transfer Protocol FTP File Transfer Protocol

Hasil :Gambar 1.12 Hasil Eksekusi Contoh 1.111.3.4 List Bersarang (Nested Lists)Dalam pemakaian list, kita dapat menggabungkan penggunaan unordered list dan ordered list dalam bentuk list bersarang. Politeknik Telkom Praktikum Pemrograman WebDesain Halaman Web 1-15Jurnal1. Buatlah halaman HTML untuk menampilkan teks di bawah ini :H2OX2 + 4X + 4Linux adalah sistem operasi yang bersifat open source.

2. Buatlah dokumen HTML dengan tampilan sebagai berikut :Keterangan : garis berwarna merahPoliteknik Telkom Praktikum Pemrograman WebLink dan Gambar 2-1

2 LINK DAN GAMBAR OverviewKemudahan dalam aplikasi berbasis web salah satunya adalah bisa menghubungkan satu dokumen dengan dokumen lainnya, baik dalam satu server aplikasi web maupun dengan server aplikasi web yang berbeda di seluruh dunia maya.HTML menyediakan hypertext link yang merupakan daerah teks (ataupun gambar) yang bisa link (menyambungkan) ke dokumen HTML yang lain. Seiring berkembangnya teknologi internet, bukan hanya teks dan gambar yang bisa link ke dokumen tertentu, file multimedia pun sudah dapat dibuat link ke dokumen yang diinginkan.Tujuan1. Membuat link antar dokumen HTML2. Relative Links versus Absolute Pathnames.3. Membuat link ke bagian tertentu dari dokumen (anchor) yang sama4. Memasukan gambar ke halaman HTML5. Membuat link dari gambarPoliteknik Telkom Praktikum Pemrograman WebLink dan Gambar 2-22.1 LinkKekuatan utama dokumen HTML terletak pada hypertext link atau hyperlink atau lebih singkat lagi disebut link. Dengan hyperlink ini kita bisa membuka dokumen HTML lain atau langsung menuju ke bagian tertentu sebuah dokumen HTML. Hyperlink ini dapat diletakkan pada teks tertentu ataupun pada sebuah image, bila diletakkan pada teks maka teks tersebut (secara default) akan digaris-bawahi dan warnanya menjadi berbeda. Sintaksis penulisan : nama_link Beberapa atribut yang dapat ditambahkan dalam tag diantaranya :Atribut KegunaanHref Menunjukkan url yang ditujuName Memberikan nama pada bagian tertentu pada dokumenTarget Menunjukkan target ditampilkannya linkTitle Menunjukkan title dari link ketika cursor digerakkan di sekitar area hyperlink2.1.1 Membuat Link antar Dokumen HTMLContoh membuat link ini, dapat dilihat dari script di bawah ini, sebelumnya siapkan halaman html dengan nama jur_MI.htm, jur_KA.htm, jur_TK.htm (disimpan di direktori /web/prodi/) dan simpan script dibawah ini dengan nama file Link.htm :

Politeknik Telkom

);Politeknik Telkom Praktikum Pemrograman WebCascading Style Sheet (CSS) 8-29// menciptakan instan objek mahasiswavar Mahasiswa1 = new Mahasiswa(90401010, Adhit, 18);var Mahasiswa2 = new Mahasiswa(90101013, Budi, 18);var Mahasiswa3 = new Mahasiswa(90201025, Wati, 19);//menuliskan masing-masing instan objek ke jendela browserdocument.writeln (Nilai objek Mahasiswa1);Tulis (Mahasiswa1);document.writeln (Nilai objek Mahasiswa2);Tulis (Mahasiswa2);document.writeln (Nilai objek Mahasiswa3);Tulis (Mahasiswa3);/*mengisi kembali objek Mahasiswa1 dengan nilai baru > array assosiatif */document.writeln (Nilai Baru objek Mahasiswa1);Mahasiswa1["NIM"] = 90401056;Mahasiswa1["Nama"] = Faishal;Mahasiswa1["Umur"] = 17;Tulis (Mahasiswa1);document.writeln ();//>

Output :Politeknik Telkom Praktikum Pemrograman WebCascading Style Sheet (CSS) 8-308.1.1 MetodaPada JavaScript kita dapat membuat satu metoda untuk satu jenis objek yang kita buat sendiri, dengan menggunakan fungsi sebagai properti dari satu objek, perhatikan contoh di bawah ini :

::Menciptakan Objek::

);Politeknik Telkom Praktikum Pemrograman WebCascading Style Sheet (CSS) 8-32// menciptakan instan objek mahasiswavar Mahasiswa1 = new Mahasiswa(30401010, Adhit, 18);var Mahasiswa2 = new Mahasiswa(30101013, Budi, 18);var Mahasiswa3 = new Mahasiswa(30201025, Wati, 19);// mengisi metoda Universitas pada objek Mahasiswa1Mahasiswa1.Universitas(Politeknik Telkom,Jl.Telekomunikasi No.1 Bandung);Mahasiswa1.TampilkanInfo();document.writeln ();//>

Output :Untuk menghapus instan objek yang telah kita buat yaitu dengan memberi nilai null, contoh :Mahasiswa1 = null;Mahasiswa2 = null;Mahasiswa3 = null;Politeknik Telkom Praktikum Pemrograman WebCascading Style Sheet (CSS) 8-338.1.2 Object BrowserObjek ini telah disediakan oleh JavaScript, sehingga memudahkan programmer untuk penggunaannya. Berikut ini adalah contoh penerapannya :

::Properti Status dari Objek window::

kata.length){posisi = 0;IsKanan = !IsKanan;}tanda = setTimeout(evTimeOut(),250);IsAnim = true;}function evMulai(){kata = document.frform.txKata.value;evSelesai();evTimeOut();}function evSelesai(){if (IsAnim){clearTimeout (tanda);IsAnim = false;posisi = 0;IsKanan = true;Politeknik Telkom Praktikum Pemrograman WebCascading Style Sheet (CSS) 8-34status = ;}}//>

Teks berikut akan ditampilkan pada status bar


Output :8.2 Penanganan Frame dan Form pada JavaScript8.2.1 Window dan FrameContoh penerapan objek window pada halaman web yang menggunakan frame :1. Buat halaman frameset, beri nama frame_javascript.htmlPoliteknik Telkom Praktikum Pemrograman WebCascading Style Sheet (CSS) 8-35 Tutorial JavaScript

2. Buat halaman untuk frame bagian kiri function buka(x) { top.kanan.location=x; // membuka halaman x pada frame kanan return false } Daftar Isi

Memasukan JavaScript ke dalam HTML

Variabel dan Literal

Ekspresi dan Operator

Struktur Kendali dan Fungsi

3. Buat halaman untuk frame bagian kanan

New Document

Ini Halaman untuk Topik 1

Politeknik Telkom Praktikum Pemrograman WebCascading Style Sheet (CSS) 8-368.2.2 FormContoh penerapan objek window pada form HTML :

Mengubah Temperatur

Farenheit:
Celcius:

Hasil keluaran :Politeknik Telkom Praktikum Pemrograman WebCascading Style Sheet (CSS) 8-37Rangkuman7. JavaScript memperlakukan elemen-elemen yang tampil di jendela navigator kita sebagai suatu objek.8. Programer dapat menciptakan sendiri objek yang ingin ditampilkan dalam halaman web, tetapi JavaScript juga menyediakan objek yang telah terdefinisi.9. Setiap objek mempunyai metoda yaitu suatu fungsi yang diasosiasikan dengan satu objek, satu aksi yang bisa di eksekusi pada satu objek.10. Untuk menangani frame dan form pada JavaScript, programer tinggal menggunakan objek browser beserta metoda ataupun properti yang sesuai dengan kebutuhan.Politeknik Telkom Praktikum Pemrograman WebCascading Style Sheet (CSS) 8-38Jurnal8. Buatlah objek initBuku yang mempunyai tiga properti, yaitu Judul, Penulis, dan Harga. Di samping itu, tambahlah dua metoda, yaitu Tulisuntuk menulis nilai dari properti-properti objek ini dan Ubah untuk mengubah properti initBuku. Tampilkan hasil keluaran dengan menggunakan metode objek window alert()!Output :Judul : Tip dan Trik Pemrograman JavaScriptPenulis : Budi RaharjoHarga : 25500Judul Buku diubahJudul : Dasar-dasar Pemrograman JavaScriptPenulis : Budi RaharjoHarga : 255009. Buat sebuah program pengecekan tanggal, yang meminta user memasukkan suatu tanggal (pada kotak teks Tanggal, Bulan dan Tahun). Tambahkan sebuah tombol dengan value [Tekan ini]. Setelah memasukkan sembarang tanggal dan klik tombol [Tekan ini], halaman akan menampilkan informasi yang berhubungan dengan tanggal yang user masukkan. Perhatikan :a. Tanggal yang dimasukkan antara 1 31b. Bulan yang dimasukkan antara 1 12c. Tahun yang dimasukkan minimal tahun 1970d. Program dapat mengecek sah tidaknya tanggal yang dimasukkan user, sebagai contoh, bila user memasukkan tanggal 31 Juni 2004, program menyatakan bahwa tanggal yang dimasukkan salah (Juni hanya memiliki tanggal sampai dengan 30). Contoh lain, tanggal 29 Februari 2003 juga tidak sah (2003 bukan tahun kabisat sehingga bulan Februari hanya sampai tanggal 28)Politeknik Telkom Praktikum Pemrograman WebCascading Style Sheet (CSS) 8-39Output :10. Modifikasi program no.2 dimana tanggal, bulan dan tahun dimasukkan melalui objek window dengan metoda prompt()!Politeknik Telkom Praktikum Pemrograman WebPengantar Pemrograman Web dengan PHP 9-19 Pengantar Pemrograman Web dengan PHPOverviewPHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada serverside. Artinya semua sintaks yang diberikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja. Ketika seorang pengguna internet membuka suatu situs yang menggunakan fasilitas server side scripting PHP, maka terlebih dahulu server yang bersangkutan akan memproses semua perintah PHP di server lalu mengirimkan hasilnya dalam format HTML ke web server pengguna internet tadi. Sehingga kode asli yang ditulis dengan PHP tidak terlihat di browser pengguna.PHP merupakan software yang open source bebas. Jadi anda dapat merubah source code dan mendistribusikan secara bebas dan gratis. PHP juga dapat berjalan lintas platform, yaitu dapat digunakan dengan sistem operasi (Windows dan Linux) dan web server apapun (misalnya: PWS, IIS, Apache).Tujuan10. Memahami cara melakukan instalasi Apache Web Server, PHP dan MySQL11. Memahami cara melakukan konfigurasi pada web server12. Mampu membuat halaman web sederhana dengan PHP13. Mengenal Tipe Data PHP14. Mengenal Variable PHP15. Menggunakan Operator Aritmatika16. Menggunakan Operator Logika17. Menggunakan Operator Penggabungan StringPoliteknik Telkom Praktikum Pemrograman WebPengantar Pemrograman Web dengan PHP 9-29.1 Pengenalan Lingkungan Kerja Web Server9.1.1 Instalasi Apache Web Server, PHP dan MySQL sebagai DBMS pendukungUntuk menjalankan PHP, dibutuhkan beberapa perangkat lunak hal sebagai berikut : a. Apache Web Serverb. PHP (www.php.net)c. MySQL (http://www.mysql.com). Tiap versi paket baik apache, php ataupun mysql terkadang mempunyai cara instalasi yang berbeda-beda. Pada praktikum ini, kita akan menggunakan versi paket dibawah ini:apache_2.2.3-win32-x86-no_ssl.msiphp-5.2.0-Win32.zipmysql-5.0.27-win32.exeBerikut ini merupakan langkah-langkah instalasi pada platform windows xp profesional edtion service pack 2.1. Install web serverLakukan instalasi apache web server dan pilih typical installation. Setelah selesai jalankan web browser dan ketikan (pilih salah satu cara dibawah ini)http://localhost http://127.0.0.1http://%5Bip komputer anda] misal http://192.168.0.5Setelah anda tekan enter, apa yang anda lihat? Pada kondisi normal, web server anda telah aktif, untuk mengetahui status web server apakah dalam keadaan start atau stop. Anda dapat melihatnya dari windows service.Gambar 10.1 Window ServicePoliteknik Telkom Praktikum Pemrograman WebPengantar Pemrograman Web dengan PHP 9-3Sekarang anda coba membuat file web html yang kemudian anda letakan ke web server, sehingga client lain di jaringan dapat mengaksesnya. Buat file index1.html yang berisi:Web server ApacheKemudian letakan pada direktori htdocs web server. (Secara default berada pada C:\Program Files\Apache Software Foundation\Apache2.2\htdocs\). Selanjutnya coba akses dari browser dengan mengetikan http://localhost/index1.html. Apakah sudah tampak seperti yang seharusnya? Coba akses dari client lain yang terhubung ke web server anda. Jangan lupa untuk menuliskan alamat web servernya. (misal: http://192.168.0.5/index1.html).Sekarang kita akan mencoba, apakah web server yang telah dibuat dapat mengintepretasikan script php. Sekarang buat file lagi dengan nama index2.php yang berisi: Developer?>Jangan lupa letakan di htdocs kemudian coba akses melalui browser (dengan alamat http://localhost/index2.php). Apa yang tertulis disana? Pada tahap ini pada kondisi normal, komputer anda telah menjadi web server.2. Install paket PHPSebelum menginstal paket PHP, anda perlu membaca file install.txtyang disertakan bersama paket PHP. File tersebut berisi langkah instalasi yang terkadang terdapat perbedaan antara versi satu dengan lainnya. Buka file tersebut dan cari baris yang menjelaskan cara installasi PHP versi yang akan diinstal dengan web server yang digunakan. Pada modul ini, akan dijelaskan bagaimana menginstall paket PHP sebagai module di apache web server.a. Unzip file php-5.2.0-Win32.zip ke c:\phpb. Rename php.ini-dist menjadi php.inic. Buka file httpd.conf dengan text editor (secara default terdapat pada C:\Program Files\Apache Software Foundation\Apache2.2\conf)d. Tambahkan statement dibawah ini pada baris terakhir httpd.confLoadModule php5_module C:/php/php5apache2_2.dllAddType application/x-httpd-php .phpPHPIniDir C:/php/e. Save file tersebut dan restart apache. Perlu anda perhatikan bahwa setiap anda merubah konfigurasi file httpd.conf anda perlu melakukan restart web server.Politeknik Telkom Praktikum Pemrograman WebPengantar Pemrograman Web dengan PHP 9-4Selanjutnya anda dapat mencoba mengakses script php yang tadi dibuat (http://localhost/index2.php). Apa yang tertulis disana? Pada tahap ini dengan kondisi normal, engine PHP telah menjadi module di apache web server sehingga anda dapat membuat web berbasis PHP.Selanjutnya, anda ingin membuat website php dengan database. Maka anda harus menginstal DBMSnya. 3. Install MySQL 5Run mysql-5.0.27-win32.exe untuk menginstalnya, pilih typical installation dan ikuti langkah instalasi serta isikan password sesuai kebutuhan. Pada modul ini, kita sepakat password root mysql server kita adalah root.Setelah instalasi buat file dengan nama db.php yang berisi:

menggunakan PHP

Politeknik Telkom Praktikum Pemrograman WebPengantar Pemrograman Web dengan PHP 9-8Hasil Keluaran :9.2 Tipe dataPHP mengenal 8 jenis tipe data antara lain : boolean, integer, float, array, string, object, resource dan NULL.Contoh penerapan tipe data pada PHP :

Contoh penggunaan array di PHP :

9.3 Variable PHPVariable PHP selalu dimulai dengan karakter $ dan bersifat casesensitive. Contoh penggunaan variable di PHP :Politeknik Telkom Praktikum Pemrograman WebMengolah Data dalam Form 13-6Pada saat skrip FormCari.php dijalankan, maka ada perintah untuk memasukkan kode obat yang akan dicari. Bila nim yang dimasukkan pada tampilan skrip FormCari.php ada pada tabel obat, maka akan ditampilkan nama obat dan harga dari obat yang bersangkutan. 13.7 Delete DataData yang ada di dalam tabel tidak hanya bisa ditambah atau bahkan diubah. Data tersebut juga bisa untuk dihapus. Untuk lebih jelasnya, cobalah skrip-skrip berikut :Skrip TampilDelete.php

Skrip HapusObat.php

Jika skrip TampilDelete.php dijalankan, maka akan ditampilkan data yang ada di dalam tabel obat. Link untuk hapus terletak di setiap baris pada data yang ditampilkan. Bila link hapus di pilih, maka data yang berada satu baris dengan link hapus tersebut akan dihapus dari tabel obat. 13.8 Update DataPerintah update data dilakukan untuk mengubah data yang ada di dalam tabel. Seperti halnya input data, pada pengolahan data diperlukan suatu Politeknik Telkom Praktikum Pemrograman WebMengolah Data dalam Form 13-7antarmuka untuk menampilkan data yang akan diubah. Cobalah skrip-skrip berikut :Skrip TampilUpdate.php

Skrip FormEdit.php

Untuk mengubah data pada halaman TampilUpdate.php, pilih link ubah yang berada satu baris dengan data yang ingin diubah. Pada saat link diklik, maka akan merefer ke skrip FormEdit.php. Bila tombol Simpan di klik pada FormEdit.php, maka akan menjalankan skrip EditObat.php. Skrip EditObat.php akan mengupdate data sesuai dengan inputan user pada skrip FormEdit.php.Politeknik Telkom Praktikum Pemrograman WebMengolah Data dalam Form 13-9Jurnal Lihat kembali jurnal pada Bab XII. Buatlah aplikasi pendaftaran/registrasi agar pengunjung mendapatkan hak untuk memasuki halaman web yang dibuat. Untuk membuat aplikasi tersebut Anda harus mengikuti aturanaturan sebagai berikut :19. Buat database dan tabel menggunakan sintak PHP. Field-field tabel tersebut terdiri dari username, password, nama, alamat, email dan level. Untuk level dibedakan menjadi dua, yaitu user biasa dan administrator.20. Gunakan form login yang telah Anda buat pada praktikum sebelumnya.21. Gunakan form pendaftaran anggota untuk daftar yang telah Anda buat pada praktikum sebelumnya.22. Setelah sukses melakukan pendaftaran, user dapat melakukan login sesuai dengan level user masing-masing. Untuk halaman administrator akan menampilkan data anggota yang telah mendaftar disertai dengan menu edit dan delete data pada setiap baris datanya, terdapat juga menu Tambah Data dan Ganti Password. Sedangkan untuk halaman user biasa terdapat menu Edit Data (miliknya sendiri) dan Ganti Password.