PENGENALAN HTML, PHP, CSS & MySQL

Slides:



Advertisements
Presentasi serupa
HTML.
Advertisements

HTML Hyper Text Markup Language
HTML  singkatan dari HyperText Markup Language  menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software.
Perancangan dan Pemrograman Web
Pemrograman Internet Konsep Dasar.
PHP dan MySQL.
LAYANAN BERBASIS APLIKASI WEB Pertemuan I Budi Arifitama.
Isnardi,M.Kom Ikhsan, S.Kom, M.Kom Novinaldi, S.Kom
Internet Milestone Dimulai tahun dengan proyek ARPANET (Advanced Research Project Agency Network) Dimulai dengan 3 situs (Stanford Research University,
Rekayasa Web Ch. 5 Pendekatan Pengembangan Aplikasi Web
DESAIN WEB STATIS DAN HTML
PHP.
Konsep Pemrograman Internet
Peng. Komp & TI 2C M1 Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C.
PEMROGRAMAN BERBASIS WEB
Pertemuan I By : Syaifullah ( )
Tim FT Elektro UHAMKA CSS (Cascading Style Sheet)
HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software.
Pemrograman Berbasis WEB
CSS.
PHP L. Erawan. Pengantar PHP itu bahasa script berjenis server-side (kalau bahasa javascript berjenis client-side) Anda harus menginstall software PHP.
Membangun Halaman Web Dinamis dengan PHP
Cascading Style Sheet Oleh : Edy Mulyanto
Pengantar Pemrograman WEB
Pemrograman Berbasis Web CSS
PERANCANGAN WEB Pertemuan 1: Pengenalan tentang WEB
Koneksi PHP ke Database MySQL
PHP Yusuf Nurrachman.
Membangun Halaman Web Dinamis dengan PHP
Pertemuan 1 Pengenalan Dasar Web.
Pertemuan 2 1.  Bahasa yang digunakan untuk menampilkan informasi pd halaman web.  bahasa ini menggunakan tanda (markup) untuk menandai perintah- perintahnya.
PEMROGRAMAN WEB 1 BY: ASIH WINANTU.
HTML (cont.) (Nelly Sofi). Peng. Komp & TI 2C2 Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen.
S1 Teknik Informatika - Unijoyo
Cascading Style Sheet (CSS) dan HTML Form
Desain Web dengan Tag HTML
Pemrogaman Web PHP.
Pemrograman Web II Ganjil
Pengantar Pemrograman Internet 2
Lutfi Budi Ilmawan Univ. Muslim Indonesia
WEB DESIGN Materi Pelajaran TIK Kelas XI SMA NEGERI 9 MALANG.
Cascading Style Sheet (CSS)
KOMPUTER APLIKASI IT II
PEMASARAN BERBASIS WEB
PERTEMUAN 3 PENGENALAN PHP.
HTML (cont.) (Devi Indriani).
Ir. P. Insap Santosa, M.Sc., Ph.D.
PHP( web Dasar) By : Lisda Juliana P.,SSi..
Pemrograman basis data internet dan client server
(Cascading Stylesheet)
HTML.
Pertemuan II By : Lisda Juliana P.,Ssi..
Metode CGI dan Struktur bahasa PHP
INTERNET Internet adalah suatu jaringan global yang terbentuk dari jaringan-jaringan lokal dan regional, memungkinkan komunikasi data antar komputer-komputer.
Rekayasa Perangkat Lunak
DASAR DASAR WEB DAN HTML
Konsep Pemrograman Internet
Pengenalan Dasar Web dan HTML
Peng. Komp & TI 2C Peng. Komp & TI 2C Peng. Komp & TI 2C
Pengenalan PHP, Variabel & Operator
( Cascading style sheets)
Pemrograman Internet Hendra Gunawan.
Pemrograman Internet Wahyu Herlambang ( )
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
List dan Image pada HTML
Tag Dasar dan Format Teks pada Html
PHP (Personal Home Page tools)
Pengenalan Dasar Web dan HTML
INTERNET Internet adalah suatu jaringan global yang terbentuk dari jaringan-jaringan lokal dan regional, memungkinkan komunikasi data antar komputer-komputer.
Pengenalan Web Server dan Server Side Script
Transcript presentasi:

PENGENALAN HTML, PHP, CSS & MySQL (Nelly Sofi)

PENGENALAN HTML HTML kependekan dari Hyper Text Markup Langguage. 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). Peng. Komp & TI 2C

PENAMAAN DOKUMEN & 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. Peng. Komp & TI 2C

PENAMAAN DOKUMEN & ELEMEN HTML (cont.) 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. Peng. Komp & TI 2C

PENAMAAN DOKUMEN & ELEMEN HTML (cont.) Contoh Soal : Peng. Komp & TI 2C

PENAMAAN DOKUMEN & ELEMEN HTML (cont.) Hasil : Peng. Komp & TI 2C

PENGENALAN PHP 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. Peng. Komp & TI 2C

PENGENALAN PHP (cont.) PHP/FI merupakan nama awal dari PHP. PHP- Personal 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 dan dilisensikan sebagai perangkat lunak Open source. PHP secara resmi merupakan kependekan dari HyperText Preprocessor, merupakan bahasa script server-side yang disisipkan pada HTML. Berikut adalah contoh yang umum digunakan untuk menjelaskan tentang PHP sebagai script yang disisipkan (embedded Script) dalam dokumen HTML : Peng. Komp & TI 2C

PENGENALAN PHP (cont.) Contoh soal : <html> <head> <title> Contoh</title> </head> <body> <?php echo “ Hai, saya dari script PHP ! “; ?> </body> </html> Peng. Komp & TI 2C

PENGENALAN PHP (cont.) Kode / script PHP diapit dengan menggunakan tag awal dan tag akhir yang khusus, yang memungkinkan pemrogram untuk masuk dan keluar dari mode script PHP. PHP secara dasar dapat mengerjakan semua yang dapat dikerjakan program CGI, seperti mendapatkan data dari atau menghasilkan isi halaman web yang dinamik. 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 : Peng. Komp & TI 2C

PENGENALAN PHP (cont.)  Adabas D  dBase  Empress  File pro (read only)  FrontBase  Hyperwave  IBM DB2  Informix  Interbase  MSQL  MYSQL  Oracle (OC17 dan OC18) dll Peng. Komp & TI 2C

PENGENALAN PHP (cont.) PHP juga mendukung untuk berkomunikasi dengan layanan lain menggunakan protokol IMAP, SNMP, NNTP, POP3, HTTP, dan lainnya yang tak terhitung. Pemrogram juga dapat membuka soket jaringan secara mentah dan berinteraksi dengan menggunakan protokol lainnya. Peng. Komp & TI 2C

PENGENALAN CSS CSS merupakan singkatan dari Cascading Style Sheets. CSS menggunakan Style untuk menampilkan elemen-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. Peng. Komp & TI 2C

PENGENALAN CSS (cont.) 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 Sintaks CSS terdiri atas tiga bagian, yaitu : selector, property, dan value selector {property: value} Peng. Komp & TI 2C

PENGENALAN CSS (cont.) 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 (:). Contoh : Body { color: black} Jika value terdiri atas beberapa kata, maka value tersebut dia apit dengan tanda kutip (“ “) P {font-family: “sans serif”} Peng. Komp & TI 2C

PENGENALAN MySQL MySQL 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. MySQL merupakan database server multi user dan multi threaded yang tangguh. Dengan memiliki banyak feature MySQL bisa bersaing dengan database komersial sekalipun. Tidak mengejutkan MySQL menjadi database pilihan untuk banyak pengguna PHP. MySQL termasuk jenis RDBMS (Relational Database Management System) itulah sebabnya istilah seperti tabel, baris dan kolom digunakan pada MySQL. Pada My SQL sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri dari sejumlah baris dan setiap baris mengandung satu atau beberapa kolom. Peng. Komp & TI 2C

PENGENALAN MySQL (cont.) Beberapa karakteristik utama dari MySQL :  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, SunOS 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 MySQL  Server bisa memberikan pesan kesalahan ke client dalam banyak bahasa Peng. Komp & TI 2C

PENGENALAN MySQL (cont.) Perintah –perintah dasar SQL yang dipergunakan pada MySQL, sebagai berikut : CREATE DATABASE DROP DATABASE DESCRIBE ALTER TABLE DROP TABLE DELETE UPDATE LOCK TABLES UNLOCK TABLES INSERT INTO SELECT Peng. Komp & TI 2C