Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Internet Milestone Dimulai tahun dengan proyek ARPANET (Advanced Research Project Agency Network) Dimulai dengan 3 situs (Stanford Research University, University of California, University of Utah) Tahun 1980 memiliki anggota 213 host Tahun 1982, > 1000 host Tahun 2006, > 433 juta host ( Juli 2010, jumlah host mencapai 7,69 juta (
2
Internet Map (ilustrasi oleh jane porter)
3
HTML (hypertext markup language) sebagai cikal bakal bahasa web browser diperkenalkan Tim Berners-Lee (Timbel) pada 1989 26 Februari 1991 dikenalkan WWW (world wide web) Web programming menjadi trend baru dan mengalami perkembangan yang sangat pesat
4
The Big Potential
5
Pengantar HTML,PHP, & Mysql
Instalasi XAMPP Sejarah HTML & PHP Database & Mysql
6
Instalasi XAMPP Download File xampp di Selanjutnya install file tersebut dengan men-double click-nya Baca dan Ikuti petunjuknya
8
Tekan tombol Start untuk menjalankan Apache dan Mysql (atau bisa diset auto-start)
Buka web browser anda dan ketikkan alamat Jika keluar informasi seperti gambar dibawah, maka instalasi telah sukses, jika terjadi error ulangi proses instalasi dengan benar
9
HTML HyperText Markup Language (HTML)
Bahasa pemrograman yang digunakan untuk membuat sebuah halaman web yang menampilkan berbagai macam informasi di dalam sebuah browser internet Berupa kode-kode tag instruksi untuk menghasilkan tampilan sesuai yang diinginkan Bisa dibuka disemua macam web browser dimana saat ini web browser merupakan piranti ‘wajib’ di semua perangkat berbasis komputer
10
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 jika ingin membuat teks ditampilkan menjadi tebal seperti: BOLD, maka penulisannya dilakukan dengan cara:<b>BOLD</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. Setiap tag selalu ada awal dan akhirnya, dan karena format standarnya yang sangat sederhana maka html bisa dengan mudah dipelajari oleh semua orang
11
Markup/Tanda Secara garis besar, terdapat 4 jenis elemen dari HTML:
structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan "Golf" sebagai teks tebal besar yang menunjukkan sebagai Heading 1 presentational. 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/links ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href=" 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>). 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.
12
Contoh dokumen html <html> <head> <title>Contoh Script HTML</title> </head> <body> <p>Halo Apa Kabar!</p> </body> </html> Tuliskan script tersebut dengan html editor, kemudian simpan dengan nama “test.html”. Buka File tersebut dengan web browser dan lihat hasilnya
13
Summary html
14
PHP File test.php: <html> <head>
<title> Contoh Sederhana </title> </head> <body> <?php echo(“Hallo apakabar? Nama saya PHP script”); ?> </body> </html> Tuliskan script tersebut pada php editor, simpan dengan nama test.php. Jalankan file tersebut pada web browser dan lihat apa yang terjadi ? File php tidak bisa langsung dibuka dengan browser karena dia membutuhkan php server untuk mengeksekusi scriptnya
15
Aplikasi Web Database Aplikasi merupakan program atau grup program yang didesain untuk digunakan oleh end user (pengguna). Jika interaksi pengguna menggunakan sebuah web browser, maka disebut sebagai web-based atau web-application Jika aplikasi web tersebut membutuhkan penyimpanan informasi database dengan jangka waktu lama, maka disebut web database application
16
Aplikasi web database terdiri atas 2 bagian :
1. Database, memori jangka panjang dari aplikasi tersebut dimana aplikasi tersebut tidak dapat berjalan tanpa adanya database 2. Application, merupakan bagian dari program yang membentuk sebuah fungsi/tugas. Program membuat tampilan yang bisa dilihat melalui browser. Aplikasi secara interaktif dapat menerima dan memproses informasi yang diaktifkan oleh pengguna melalui browser kemudian menyimpannya dalam database
17
Halaman web yang dibuat dengan single-html disebut “STATIK”, pengguna tidak dapat berinteraksi dengan halaman web. Semua orang melihat halaman web yang sama. “Dinamik” merupakan halaman web dimana pengguna dapat berinteraksi dengan fungsi-fungsi yang ada. Setiap pengguna bisa melihat halaman yang berbeda-beda tampilannya. Untuk membuat web dinamik digunakan bahasa pemograman lain yang ditambahkan dalam format html.
18
Database Merupakan inti dari aplikasi web database
Menyimpan informasi dalam jangka waktu lama Database akan berguna jika dapat memindahkan data ke dalam dan ke luar dari sistem tersebut Program merupakan alat untuk melakukan interaksi data tersebut
19
Mysql (stuctured query language)
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL adalah Relational Database Management System (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat closed source atau komersial Sebagai database server, MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase
20
Kelebihan Mysql 1. Portability
MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi. 2. Open Source MySQL didistribusikan secara open source (gratis), dibawah lisensi GPL sehingga dapat digunakan secara cuma-cuma. 3. Multiuser MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami masalah atau konflik. 4. Performance tuning MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu. 5. Column types MySQL memiliki tipe kolom yang sangat kompleks, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.
21
6. Command dan functions MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam query. 7. Security MySQL memiliki beberapa lapisan sekuritas seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta password terenkripsi. 8. Scalability dan limits MySQL mampu menangani database dalam skala besar, dengan jumlah records lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya. 9. Connectivity MySQL dapat melakukan koneksi dengan client menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT). 10. Localisation MySQL dapat mendeteksi pesan kesalahan pada client dengan menggunakan lebih dari dua puluh bahasa. Meskipun demikian, bahasa Indonesia belum termasuk didalamnya.
22
11. Interface MySQL memiliki interface (antar muka) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface). 12. Clients dan tools MySQL dilengkapi dengan berbagai tool yang dapat digunakan untuk administrasi database, dan pada setiap tool yang ada disertakan petunjuk online. 13. Struktur tabel MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan database lainnya semacam PostgreSQL ataupun Oracle.
23
Cara Kerja Mysql Software Mysql terdiri atas : Server Mysql, program utility untuk mengelola administrasi database, dan beberapa software pendukung yang dibutuhkan Mysql server. Server Mysql adalah manajer sistem database, yang menangani semua intruksi terkait Jika ingin membuat database baru, kirimkan pesan ke server “create a new database and call it newdata” maka server akan membuat subdirektori data dan memberinya nama newdata
24
Cara kerja PHP Script PHP tertanam dalam kode HTML
Software PHP bekerja dengan web server Saat diketikkan alamat/url di browser, web server akan merespon dengan mengirimkan file html dan browser akan membacanya lalu menampilkan dalam halaman web Dalam membaca file tersebut, browser akan memisahkan tag-tag php dan tidak memasukkannya sebagai output di halaman web sehingga kode PHP aman dan tidak terlihat oleh pengguna
25
PHP & Mysql Semuanya free (open license)
Semuanya berorientasi web-based Mudah digunakan dan dipelajari Kombinasi yang cepat dalam mengakses informasi database Keduanya mampu berkomunikasi dengan baik Keduanya didukung oleh komunitas yang sangat luas Dapat dimodifikasi, karena keduanya open source maka programmer dapat memodifikasinya sesuai kebutuhan
26
Kuis Jelaskan perbedaan (kelebihan dan kelemahan) antara program web-based dan desktop-based!
Presentasi serupa
