PENGENALAN HTML PHP CSS MYSQL PKTI 2 C

  • Slides: 23
Download presentation
PENGENALAN HTML, PHP, CSS, MYSQL PKTI 2 C

PENGENALAN HTML, PHP, CSS, MYSQL PKTI 2 C

Hyper. Text Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah

Hyper. Text Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Mark up : informasi tambahan yang ditempatkan pada teks untuk menjelaskan bagaimana teks tersebut diinterpretasi (diartikan) Peng. Komp & TI 2 C M 4

Pengenalan HTML n n Dokumen HTML adalah file teks murni yang dapat dibuat dengan

Pengenalan HTML n n Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal dengan sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam browser web server. Dokumen ini umumnya berisi informasi ataupun interface aplikasi di dalam internet. Ada dua cara untuk membuat web page: dengan HTML editor atau dengan editor teks biasa (misalnya notepad).

n n Penamaan Dokumen dan elemen HTML Dokumen yang mendukung Hypertext adalah dokumen HTML

n n Penamaan Dokumen dan elemen HTML Dokumen yang mendukung Hypertext adalah dokumen HTML oleh karena itu setiap web page hareus dibuat dalam format HTML. File jenis ini biasanya disimpan dengan eksistensi atau akhiran HTM atau HTML. File yang berakhiran HTM atau HTML ini sama untuk berbagai jenis sistem operasi seperti Unix, Linux, Windows dsb. HTML dokumen tersebut mirip dengan dokumen teks biasa hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh misalnya anda akan membuat huruf tersebut ditampilkan menjadi tebal, maka penulisannya harus diawali dengan <B>TAMPIL TEBAL<B>. Tanda <B> digunakan untuk mengaktifkan instruksi cetak tebal dan di akhir teks juga ditulis <B> gunanya untuk menonaktifkan cetak tebal tersebut.

n n Jika dokumen yang anda buat disimpan dengan format HTML kemudian dijalankan dengan

n n Jika dokumen yang anda buat disimpan dengan format HTML kemudian dijalankan dengan program browser, misalnya internet explorer, maka kode atau TAG tersebut tidak akan kelihatan. Seperti halnya dokumen yang umum, dokumen HTML mempunyai bagian-bagian standar. Misalnya : paragraf, judul dokumen, daftar, tabel, gambar dsb. Masing masing struktur pembentuk dokumen ini diberikan tanda-tanda khusus sehingga bisa ditampilkan sesuai dengan fungsinya.

Contoh soal:

Contoh soal:

n Keterangan lebih lanjut tentang HTML akan dilanjutkan di minggu ke 5 dan minggu

n Keterangan lebih lanjut tentang HTML akan dilanjutkan di minggu ke 5 dan minggu ke 6

Apakah PHP itu ? PHP (Hypertext Preprocessor) adalah bahasa scripting open source yang paling

Apakah PHP itu ? PHP (Hypertext Preprocessor) adalah bahasa scripting open source yang paling banyak digunakan di dalam proses pembuatan web dinamis, yang dapat disisipkan ke dalam dokumen HTML. Dengan sintaks yang mirip dengan bahasa pemrograman C, Java, dan Perl, sehingga dapat dengan mudah dipelajari dan digunakan. Tujuan utama dari pembuatan PHP adalah untuk mempermudah kerja dari para Web Developer untuk membangun Web dinamis secara cepat. Peng. Komp & TI 2 C M 4

Pengenalan PHP n n PHP merupakan script untuk pemrograman script web server side, script

Pengenalan PHP n n PHP merupakan script untuk pemrograman script web server side, script yang membuat dokumen HTML secara on the Fly, dokumen HTML yang dihasilkan dari suatu aplikasi bukan dokumen HTML yang dibuat dengan menggunakan editor teks atau editor HTML. Dengan menggunakan PHP maka maintenance suatu situs web menjadi lebih mudah. Proses Update data dapat dilakukan dengan menggunakan aplikasi yang dibuat dengan menggunakan script PHP.

n n n PHP/FI merupakan nama awal dari PHPPersonal Home Page, FI adalah Form

n n n PHP/FI merupakan nama awal dari PHPPersonal Home Page, FI adalah Form Interface. Dibuat pertama kali oleh Rasmus Lerdoff. PHP awalnya merupakan program CGI (Common Gateway Interface) yang dikhususkan untuk menerima input melalui form yang ditampilkan dalam browser web. Software ini disebarkan dilisensikan sebagai perangkat lunak Open source. PHP secara resmi merupakan kependekan dari Hyper. Text Preprocessor, merupakan bahasa script server-side yang disisipkan pada HTML.

Berikut adalah contoh yang umum digunakan untuk menjelaskan tentang PHP sebagai script yang disisipkan

Berikut adalah contoh yang umum digunakan untuk menjelaskan tentang PHP sebagai script yang disisipkan (embedded Script) dalam dokumen HTML : Contoh soal : <html> <head> <title> Contoh</title> </head> <body> <? php echo “ Hai, saya dari script PHP ! “; ? > </body> </html> n

n n Kode / script PHP diapit dengan menggunakan tag awal dan tag akhir

n n Kode / script PHP diapit dengan menggunakan tag awal dan tag akhir yang khusus, yang memungkinkan pemrogram untuk masuk dan keluar dari mode script PHP secara dasar dapat mengerjakan semua yang dapat dikerjakan program CGI, seperti mendapatkan data dari atau menghasilkan isi halaman web yang dinamik.

n n Kemampuan (feature) PHP yang paling diandalkan dan signifikan adalah dukungan kepada banyak

n n Kemampuan (feature) PHP yang paling diandalkan dan signifikan adalah dukungan kepada banyak database. Membuat halaman web yang menggunakan data dari database dengan sangat mudah dapat dilakukan. Berikut adalah daftar database yang didukung oleh PHP : Adabas D , d. Base, Empress, File pro (read only), Front. Base, Hyperwave, IBM DB 2, Informix, Interbase, MSQL, MYSQL, Oracle (OC 17 dan OC 18) dll PHP juga mendukung untuk berkomunikasi dengan layanan lain menggunakan protokol IMAP, SNMP, NNTP, POP 3, HTTP, dan lainnya yang tak terhitung. Pemrogram juga dapat membuka soket jaringan secara mentah dan berinteraksi dengan menggunakan protokol lainnya.

CSS Cascading Style Sheets (CSS) adalah suatu teknologi yang digunakan untuk memperindah halaman website

CSS Cascading Style Sheets (CSS) adalah suatu teknologi yang digunakan untuk memperindah halaman website (situs), dengan CSS kita dapat dengan mudah mengubah keseluruhan warna dan tampilan yang ada di situs kita sekaligus memformat ulang situs kita. Peng. Komp & TI 2 C M 4

Pengenalan CSS n n CSS menggunakan Style untuk menampilkan elemen HTML. Style mendefinisikan bagaimana

Pengenalan CSS n n CSS menggunakan Style untuk menampilkan elemen HTML. Style mendefinisikan bagaimana elemen-elemen HTML ditampilkan di browser. CSS dapat digunakan pada satu atau lebih halaman HTML. Untuk mendefinisikan Style beberapa halaman HTML, biasanya CSS disimpan didalam satu file tersendiri di luar file HTML. Hal ini memudahkan web desainer untuk melakukan perubahan style. Sehingga untuk merubah tampilan beberapa halaman HTML cukup dengan merubah satu file CSS.

n n Menurut penulisannya CSS dapat dibagi menjadi 3 jenis, yaitu : Internal Style

n n Menurut penulisannya CSS dapat dibagi menjadi 3 jenis, yaitu : Internal Style Sheet CSS didefinisikan di dalam file HTML, yaitu dalam elemen <head> External Style sheet CSS didefinisikan di dalam satu file tersendiri di luar file HTML Inline Style Sheet CSS didefinisikan di dalam setiap elemen/tag HTML

n n Sintaks CSS terdiri atas tiga bagian, yaitu : selector, property, dan value

n n Sintaks CSS terdiri atas tiga bagian, yaitu : selector, property, dan value selector {property: value} Selector merupakan tag yang ingin diberikan style. Property merupakan atribut yang ingin didefinisikan dan value merupakan nilai dari atribut. Antara property dan value dipisahkan oleh tanda titik dua (: ).

n n n Contoh : Body { color: black} Jika value terdiri atas beberapa

n n n Contoh : Body { color: black} Jika value terdiri atas beberapa kata, maka value tersebut dia apit dengan tanda kutip (“ “) Contoh : P {font-family: “sans serif”}

My. SQL adalah database server relasional yang gratis di bawah lisensi GNU (General Public

My. SQL adalah database server relasional yang gratis di bawah lisensi GNU (General Public Lisensi). Dengan sifatnya yang open source, memungkinkan juga user untuk melakukan modifikasi pada source codenya untuk memenuhi kebutuhan spesifik mereka sendiri. Peng. Komp & TI 2 C M 4

Pengenalan MYSQL n My. SQL merupakan database server multi user dan multi threaded yang

Pengenalan MYSQL n My. SQL merupakan database server multi user dan multi threaded yang tangguh. Dengan memiliki banyak feature My. SQL bisa bersaing dengan database komersial sekalipun. Tidak mengejutkan My. SQL menjadi database pilihan untuk banyak pengguna PHP.

n My. SQL termasuk jenis RDBMS (Relational Database Management System) itulah sebabnya istilah seperti

n My. SQL termasuk jenis RDBMS (Relational Database Management System) itulah sebabnya istilah seperti tabel, baris dan kolom digunakan pada My. SQL. Pada My SQL sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri dari sejumlah baris dan setiap baris mengandung satu atau beberapa kolom.

Beberapa karakteristik utama dari My. SQL : n n n Fully multi-threaded dengan kernel

Beberapa karakteristik utama dari My. SQL : n n n Fully multi-threaded dengan kernel threads. Artinya bisa dengan mudah mempergunakan multiple CPU bila ada API (Application Programming Interface) dengan C, C++, Eiffel, Java, Perl, PHP, Python dan Tcl Beroprasi pada banyak platform berbeda spt : Linux, Win 95, Win 98, NT, Win 2000, Solaris, Sun. OS dll Kita bisa mencampurkan tabel dari database yang berbeda pada query yang sama Dukungan ODBC (Open-Database-Connectivity), misalkan dengan MS Access bisa melakukan koneksi ke My. SQL Server bisa memberikan pesan kesalahan ke client dalam banyak bahasa

Perintah –perintah dasar SQL yang dipergunakan pada My. SQL, sebagai berikut : n n

Perintah –perintah dasar SQL yang dipergunakan pada My. SQL, sebagai berikut : n n n n CREATE DATABASE, DROP DATABASE, CREATE TABLE, DESCRIBE, ALTER TABLE, DROP TABLE DELETE UPDATE LOCK TABLES, UNLOCK TABLES INSERT INTO SELECT