BAB VII INTERNET. 7.1 Pendahuluan

Transkripsi

1 BAB VII INTERNET 7.1 Pendahuluan 1. Pengenalan Internet Internet adalah sebuah jaringan raksasa yang terdiri dari kumpulan jaringan-jaringan yang lebih kecil yang dihubungkan menggunakan protocol TCP/IP. Dengan menggunakan internet batas jarak dan waktu bukan menjadi suatu masalah lagi. Dalam Internet kita bisa mendapat berbagai pelayanan seperti World Wide Web, search engine, mailing, IRC (Internet Relay Chat) dan masih banyak lagi. Untuk dapat menggunakan internet harus menggunakan sejenis komputer, modem atau jenis komunikasi lain, dan yang paling penting terdaftar pada sebuah ISP (Internet Service Provider). 2. Browser Gambar 7.1 Tampilan browser Untuk dapat memanfaatkan pelayanan internet yang disebut dengan World Wide Web (www) diperlukan program yang disebut browser. Program ini yang digunakan untuk membuka halaman web yang kita browse. Ada banyak sekali browser yang ada saat ini, di antaranya Mozilla Firefox, Opera, Safari, Chrome, Internet Explorer. Browser ini bekerja 162

2 163 dengan menerjemahkan kode bahasa HTML sesuai dengan format yang bisa kita lihat. Berikut contoh tampilan salah satu browser. 3. Search Engine Gambar 7.2 Tampilan search engine Salah satu dari manfaat internet yang paling populer adalah tempat yang tidak terbatas untuk mendapatkan informasi tentang apapun. Untuk mendapatkan sebuah informasi kita bisa menggunakan search engine. Contoh search engine, antara lain Google, Yahoo, Bing. 4. Gambar 7.3 Tampilan merupakan salah satu sarana di internet yang sangat populer, lebih dari setengah pengguna internet memiliki , bahkan tak jarang

3 164 satu orang mempunyai lebih dari satu account . Sebuah dapat dikatakan seperti alamat PO BOX yang kita miliki dalam dunia nyata. Untuk memperoleh sebuah alamat terlebih dahulu kita harus mendaftar pada penyedia layanan . Penyedia jasa yang cukup dikenal antara lain Yahoo, Gmail, Hotmail. Yahoo dan. Hotmail merupakan contoh web based di mana kita bisa melihat dengan mengunjungi situsnya. Salah satu kegunaan di internet adalah keberadaan mailing list. Melalui milis kita bisa mengirimkan ke banyak orang yang mempunyai minat yang sama biasanya untuk berdiskusi) melalui alamat e- mail milis. Jadi, yang kita kirimkan pada sebuah alamat milis akan disampaikan ke seluruh anggota yang terdaftar ke milis tersebut. Selain untuk berkirim surat, juga bisa digunakan untuk berkirim file lain melalui attachment, kita bisa melampirkan gambar atau file lain pada Blog Gambar 7.4 Tampilan blog Blog merupakan singkatan dari "web log" adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Situs web seperti ini biasanya dapat diakses

4 165 oleh semua pengguna internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut. Blog mempunyai fungsi yang sangat beragam,dari sebuah catatan harian, media publikasi dalam sebuah kampanye politik, sampai dengan program-program media dan perusahaan-perusahaan. Sebagian blog dipelihara oleh seorang penulis tunggal, sementara sebagian lainnya oleh beberapa penulis. Banyak juga weblog yang memiliki fasilitas interaksi dengan para pengunjungnya, seperti menggunakan buku tamu dan kolom komentar yang dapat memperkenankan para pengunjungnya untuk meninggalkan komentar atas isi dari tulisan yang dipublikasikan, namun demikian ada juga yang yang sebaliknya atau yang bersifat non-interaktif. Ada berbagai macam blog yang dapat digunakan secara gratis, antara lain Blogspot, Wordpress, Multiply. Berikut salah satu tampilan blog. 6. Komputasi awan Cloud computing adalah gabungan pemanfaatan teknologi komputer ('komputasi') dan pengembangan berbasis Internet ('awan'). Awan (cloud) adalah metafora dari internet, sebagaimana awan yang sering digambarkan di diagram jaringan komputer. Sebagaimana awan dalam diagram jaringan komputer tersebut, awan (cloud) dalam Cloud Computing juga merupakan abstraksi dari infrastruktur kompleks yang disembunyikannya. Ia adalah suatu metoda komputasi di mana kapabilitas terkait teknologi informasi disajikan sebagai suatu layanan (as a service), sehingga pengguna dapat mengaksesnya lewat Internet ("di dalam awan") tanpa mengetahui apa yang ada didalamnya, ahli dengannya, atau memiliki kendali terhadap infrastruktur teknologi yang membantunya. Menurut sebuah makalah tahun 2008 yang dipublikasi IEEE Internet Computing "Cloud Computing adalah suatu paradigma di mana informasi secara permanen tersimpan di server di internet dan tersimpan secara sementara di komputer pengguna (client) termasuk di dalamnya adalah desktop, komputer tablet, notebook, komputer tembok, handheld, sensor-sensor, monitor dan lain-lain."

5 166 Komputasi awan adalah suatu konsep umum yang mencakup SaaS, Web 2.0, dan tren teknologi terbaru lain yang dikenal luas, dengan tema umum berupa ketergantungan terhadap Internet untuk memberikan kebutuhan komputasi pengguna. Sebagai contoh, Google Apps menyediakan aplikasi bisnis umum secara daring yang diakses melalui suatu penjelajah web dengan perangkat lunak dan data yang tersimpan di server. Komputasi awan saat ini merupakan trend teknologi terbaru, dan contoh bentuk pengembangan dari teknologi Cloud Computing ini adalah icloud. 7. Ancaman Dalam mengakses internet, terdapat banyak pihak kurang bertanggung jawab yang menyalahgunakan internet. Mereka banyak melakukan penipuan, pornografi, dan tindak kekerasan. Ancaman melalui internet biasa disebut cyber crime. Para pihak tidak bertanggung jawab tersebut sering menamai diri mereka annonimous. Tak jarang pihak-pihak tersebut mengambil alih website-website vital di dunia. 7.2 Tujuan 1. Praktikan dapat menjelakan konsep dari internet. 2. Praktikan dapat mengerti dan menjelaskan proses kerja dari web. 3. Praktikan dapat mengerti dan menjelaskan konsep dari web server. 4. Praktikan dapat menjelaskan perbedaan internet dan localhost. 5. Praktikan dapat mengetahui macam-macam browser internet serta kelebihan dan kekurangannya. 6. Praktikan dapat mengerti dan menjelaskan dasar-dasar pemrograman web. 7. Praktikan dapat mengerti dan menjelaskan langkah-langkah membuat weblog pribadi. 8. Praktikan dapat menjelaskan peran cloud computing dan mengetahui macam-macam cloud computing yang ada.

6 Praktikan dapat mengetahui ancaman keamanan apa saja yang ada di internet. 7.3 Langkah Kerja HTML 1. Paragraf 1. Buka NotePad Tekan ctrl+n untuk buat file baru. 3. Tuliskan kode berikut: <html> <head> <title>paragraf</title> </head> <body> <p>hyper Text Markup Language (HTML) adalah bahasa pengkodean yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di sebuah program web browser Internet. </p> <p>hypertext Preprocessor (PHP) adalah bahasa pemrograman yang berfungsi untuk membuat website dinamis maupun aplikasi web. Berbeda dengan HTML yang hanya bisa menampilkan konten statis, PHP bisa berinteraksi dengan database, file dan folder, sehingga membuat PHP bisa menampilkan konten yang dinamis dari sebuah website. </body> </html> 4. Save dengan extensi html dan open dengan browser. 2. Line Break 1. Buka NotePad Tekan ctrl+n untuk buat file baru. 3. Tuliskan kode berikut: <html>

7 168 <head> <title>line Break</title> </head> <body> 1. Miftah Adiguna<br> 2. Sri Dewi Utami<br> 3. Anjar Desmiarti </body> </html> 4. Save dengan extensi html dan open dengan Browser. 3. Heading 1. Buka NotePad Tekan ctrl+n untuk buat file baru. 3. Tuliskan kode berikut: <html> <head> <title>heading</title> </head> <h1>sangat besar sekali</h1> <h2>sangat besar</h2> <h3>besar sekali</h3> <h4>sedang</h4> <h5>kecil</h5> <h6>sangat Kecil</h6> </html> 4. Save dengan extensi html dan open dengan browser. 4. Horizontal Rule 1. Buka NotePad Tekan ctrl+n untuk buat file baru. 3. Tuliskan kode berikut: <html> <head> <title>horizontal Rule</title> </head>

8 169 <body> <p align="right"> <i>italic</i> <hr align="center" color=#00ffff size="10" widht="100%"> <p align="center"> <u>underline</u> <hr align="center" color=#7fffd4 size="50" widht="200%"> <p align="left"> <b>bold</b> </body> </html> 4. Save dan Open dengan Browser. 5. Hyperlink 1. Buka NotePad Tekan ctrl+n untuk buat file baru. 3. Tuliskan kode berikut: <html> <head> <title>hyperlink</title> </head> <body> <a href="paragraf.html"> 1. Paragraf<br></a> <a href="line Break.html"> 2. Line Break<br></a> <a href="heading.html"> 3. Heading<br></a> <a href="horizontal Rule.html"> 4. Horizontal Rule<br></a> <a href="hyperlink.html"> 5. Hyperlink<br></a> <a href=" Google</a><br> <a href=" Yahoo</a><br> <a href=" Facebook</a> </body>

9 170 </html> 4. Save dengan extensi html dan open dengan browser PHP 1. If else 1. Buka Xampp, klik start Apache dan MySQL 2. Buka NotePad Tekan ctrl+n untuk buat file baru. 4. Tuliskan kode berikut: <? php $angka="6"; if($angka%2==0) { echo"$angka adalah bilangan genap.<br/>";} else { echo"$angka adalah bilangan ganjil.";}?> 5. Save dengan format PHP. 6. Open dengan browser dengan cara ketik localhost/(nama folder yang dibuat di dalam folder htdocs)/dan pilih file. 2. Switch Case 1. Buka Xampp dan klik start Apache dan MySQL 2. Buka NotePad Tekan ctrl+n untuk buat file baru. 4. Tuliskan kode berikut: <?php $sex="cowok"; switch ($sex) { case"cowok"; print"saya cowok"; break; case"cewek";

10 171 print"saya cewek"; break; default; print "saya bukan cowok/cewek tapi $sex"; }?> 5. Save dengan format PHP. 6. Open dengan browser dengan cara ketik localhost/(nama folder yang dibuat di dalam folder htdocs)/ dan pilih file. 3. For 1. Buka Xampp dan klik start Apache dan MySQL 2. Buka NotePad Tekan ctrl+n untuk buat file baru. 4. Tuliskan kode berikut: <?php for ($i = 1; $i <= 10; $i++) { print"<br>anak ke $i</br>"; }?> 5. Save dengan format PHP. 6. Open dengan browser dengan cara ketik localhost/(nama folder yang dibuat di dalam folder htdocs)/ dan pilih file. 4. While 1. Buka Xampp dan klik start Apache dan MySQL 2. Buka NotePad Tekan ctrl+n untuk buat file baru. 4. Tuliskan kode berikut: <?php $i = 1; while ($i <= 10) { print $i++; }?>

11 Save dengan format PHP. 6. Open dengan browser dengan cara ketik localhost/t(nama folder yang dibuat di dalam folder htdocs)/ dan pilih file. 5. Array 1. Buka Xampp dan klik start Apache dan MySQL 2. Buka NotePad Tekan ctrl+n untuk buat file baru. 4. Tuliskan kode berikut: <?php $nama[0]="james"; $nama[1]="boby"; $nama[2]= " Robert "; echo"hallo nama saya $nama[0] dan teman saya adalah $nama[2] dan $nama[1]";?> 5. Save dengan format PHP. 6. Open dengan browser dengan cara ketik localhost/(nama folder yang dibuat di dalam folder htdocs)/ dan pilih file. 7.4 Analisa dan Pembahasan HTML 1. Paragraf a. Source Code <html> //Tag pembuka HTML <head> //Tag pembuka head <title>paragraf</title> //Pemberi judul halaman web </head> //Tag penutup head <body> //Tag pembuka isi web <p>hyper Text Markup Language (HTML) adalah bahasa pengkodean yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di sebuah program web browser Internet. //Tag pembuka paragraf 1 beserta isinya </p> //Tag penutup paragraf

12 173 <p>hypertext Preprocessor (PHP) adalah bahasa pemrograman yang berfungsi untuk membuat website dinamis maupun aplikasi web. Berbeda dengan HTML yang hanya bisa menampilkan konten statis, PHP bisa berinteraksi dengan database, file dan folder, sehingga membuat PHP bisa menampilkan konten yang dinamis dari sebuah website. //Tag pembuka paragraf 2 beserta isinya </body> //Tag penutup isi web </html> //Tag penutup HTML b. Analisa Pada penulisan source code diatas, didahului dengan <html> untuk memulai html. Diikuti <head> untuk membuat kepala pada html. Kemudian <title> untuk membuat judul pada tab ketika dirun. Selanjutnya body untuk membuat isi dari html. Untuk membuat paragraf digunakan <p> diikuti isi paragraf dan ditutup </p>. Setiap perintah diakhiri dengan </...> untuk menutup perintah. c. Output Gambar 7.5 Tampilan paragraf d. Analisa Dalam penulisan paragraf dalam HTML dimulai dengan tag <html> dan langsung dilanjutkan dengan tag <head> sebagai pembuka dan <title> untuk memberikan judul pada halaman web. Pada HTML ini diberi judul Paragraf. Dan ditutup menggunakan </title>. Setelah itu tutup tag head dengan </head>. Untuk menuliskan paragraf maka dibuka dengan tag <body>. Paragraf diawali dengan tag <p> dimana

13 174 tag ini tidak harus ditutup dengan tag </p> karena tidak didefinisikan memiliki akhiran. Tutup kembali tag body dan html dengan tag </body> dan </html>. 2. Line Break a. Source Code <html> //Tag pembuka HTML <head> //Tag pembuka head <title>line Break</title> //Pemberi judul halaman web </head> //Tag penutup head <body> //Tag pembuka isi web 1. Miftah Adiguna<br> //Tag pengganti baris selanjutnya 2. Sri Dewi Utami<br> //Tag pengganti baris selanjutnya 3. Anjar Desmiarti </body> //Tag penutup isi web </html> //Tag penutup HTML b. Analisa Pada penulisan source code diatas, didahului dengan <html> untuk memulai html. Diikuti <head> untuk membuat kepala pada html. Kemudian <title> untuk membuat judul pada tab ketika dirun. Selanjutnya body untuk membuat isi dari html. Untuk pergantian baris digunakan <br> disetiap akhir kalimat atau paragraf. Setiap perintah diakhiri dengan </...> untuk menutup perintah. c. Output Gambar 7.6 Tampilan line break

14 175 d. Analisa Penulisan HTML dimulai dengan menggunakan tag <html>. Setelah itu tulis tag <head>. Pemberian judul halaman menggunakan tag <title> dan ditutup ditutup dengan </title>. Pada HTML ini menggunakan judul Line Break. Judul tersebut nantinya akan muncul pada title bar. Setelah itu tutup menggunakan tag </head>. Pada saat penulisan jika kita ingin mengganti baris maka kita gunakan tag <br> pada akhir kalimat. Meskipun tersedia tombol enter namun tanpa tag <br> kalimat tidak akan berganti baris. Jadi anatara kalimat Miftah Adiguna dan Sri Dewi Utami akan berbeda baris. Kemudian tutup menggunakan tag </body> dan tag </html> 3. Heading a. Source Code <html> //Tag pembuka HTML <head> //Tag pembuka head <title>heading</title> //Pemberi judul halaman web </head> //Tag penutup head <h1>sangat besar sekali</h1> //Tag heading 1 <h2>sangat besar</h2> //Tag heading 2 <h3>besar sekali</h3> //Tag heading 3 <h4>sedang</h4> //Tag heading 4 <h5>kecil</h5> //Tag heading 5 <h6>sangat kecil</h6> //Tag heading 6 </html> //Tag penutup HTML b. Analisa Pada penulisan source code diatas, didahului dengan <html> untuk memulai html. Diikuti <head> untuk membuat kepala pada html. Kemudian <title> untuk membuat judul pada tab ketika dirun. Selanjutnya body untuk membuat isi dari html. Untuk memperbesar atau memperkecil font dapat digunakan dengan <h1> sampai <h6> dari ukuran terbesar ke terkecil.

15 176 Untuk mengakhirinya dengan </h..>. Setiap perintah diakhiri dengan </...> untuk menutup perintah. c. Output Gambar 7.7 Tampilan heading d. Analisa Dalam penulisan HTML jika kita ingin mengatur ukuran tulisan maka kita dapat menuliskan dengan menggunakan tag heading <h>. Dimulai dengan menuliskan tag <html> sebagai pembuka. Kemudian tag <head>. Penulisan judul diapit oleh tag <title> dan </title>. Kemudian ditutup dengan tag </head>. Heading pada HTML dapat digunakan dengan tag <h#> dengan # mempunai nilai 1-6. Semakin kecil angka pada #, semakin besar atau semakin tebal huruf yang ditampilkan pada web. Ditutup dengan menggunakan </h>. Kemudian </html> 4. Horizontal Rule a. Source Code <html> //Tag pembuka HTML <head> //Tag pembuka head <title>horizontal Rule</title> //Pemberi judul halaman web </head> //Tag penutup head <body> //Tag pembuka isi web

16 177 <p align="right"> //Tag paragraf rata kanan <i>italic</i> //Tag font miring <hr align="center" color=#00ffff size="10" widht="100%"> //Tag garis horizontal 1 <p align="center"> //Tag paragraf tengah <u>underline</u> //Tag font bergaris bawah <hr align="center" color=#7fffd4 size="50" widht="200%"> //Tag garis horizontal 2 <p align="left"> //Tag paragraf rata kiri <b>bold</b> //Tag font tebal </body> //Tag penutup isi web </html> //Tag penutup HTML b. Analisa Pada penulisan source code diatas, didahului dengan <html> untuk memulai html. Diikuti <head> untuk membuat kepala pada html. Kemudian <title> untuk membuat judul pada tab ketika dirun. Selanjutnya body untuk membuat isi dari html. Untuk meratakan paragraf digunakan align=.... dan untuk membuat font italic, bold atau underline, digunakan <i>, <b>, <u> diikuti kalimat ditutup dengan </i>, </b>, </u>. Setiap perintah diakhiri dengan </...> untuk menutup perintah. c. Output Gambar 7.8 Tampilan horizontal rule d. Analisa Script HTML dimulai dengan tag <html> dan langsung dilanjutkan dengan tag <head> dan <title> untuk memberikan judul pada halaman web. Setelah itu tutup tag head dengan

17 178 </head> dan tulis tag body atau isi web untuk menulis isi dari web. Horizontal rule digunakan sebagai garis pembatas pada web dan dapat diinput dengan tag <hr>. Font pada isi web pun dapat diubah menggunakan bold dengan tag <b> dan penutup </b>, italic dengan tag <i> dan penutup </i>, dan underline dengan tag <u> dan penutup </u>. Selain itu kita dapat mengatur ketebalan dari garis dan warna garis serta letaknya. Pada percobaan diatas warna yang digunakan biru dengan kode #00FFFF. Kode ini dapat dicari di internet. Tutup kembali tag body dan HTML dengan tag </body> dan </html>. 5. Hyperlink a. Source Code <html> //Tag pembuka HTML <head> //Tag pembuka head <title>hyperlink</title> //Pemberi judul halaman web </head> //Tag penutup head <body> //Tag pembuka isi web <a href="paragraf.html"> 1. Paragraf<br></a> //Tag untuk mebuat link ke file Paragraf.html <a href="line Break.html"> 2. Line Break<br></a> //Tag untuk mebuat link ke file Line Break.html <a href="heading.html"> 3. Heading<br></a> //Tag untuk mebuat link ke file Heading.html <a href="horizontal Rule.html"> 4. Horizontal Rule<br></a> //Tag untuk mebuat link ke file Horizontal Rule.html <a href="hyperlink.html"> 5. Hyperlink<br></a> //Tag untuk mebuat link ke file Hyperlink.html <a href=" //Tag membuka URL Google pada tab baru Google</a><br> //Tag penutup hyperlink <a href=" //Tag membuka URL Yahoo pada tab baru

18 179 Yahoo</a><br> //Tag penutup hyperlink <a href=" membuka URL Facebook pada tab baru Facebook</a> //Tag penutup hyperlink </body> //Tag penutup isi web </html> //Tag penutup HTML b. Analisa Pada penulisan source code diatas, didahului dengan <html> untuk memulai html. Diikuti <head> untuk membuat kepala pada html. Kemudian <title> untuk membuat judul pada tab ketika dirun. Selanjutnya body untuk membuat isi dari html. Untuk membuat hyperlink gunakan <a href= html tujuan >tampilan di html<br> dan ditutup dengan </a>. Setiap perintah diakhiri dengan </...> untuk menutup perintah. c. Output Gambar 7.9 Tampilan hyperlink offline d. Analisa Penulisan HTML dimulai dengan tag <html> dan langsung dilanjutkan dengan tag <head> dan <title> untuk memberikan judul pada halaman web. Setelah itu tutup tag head dengan menggunakan </head> dan tulis tag body atau isi web untuk menulis isi dari web. Hyperlink dapat digunakan

19 180 untuk fungsi online maupun offline atau hanya dalam direktori komputer saja. Pada hyperlink offline dapat menggunakan tag <a href= (nama file).html > dan tidak lupa ditutup dengan tag</a>. Sedangkan pada hyperlink online, dapat menggunakan tag <a href= (link yang ingin dituju) target= _blank >, dimana target= _blank digunakan untuk membuat new tab pada browser apabila link diklik. Untuk menutup hyperlink online dapat menuliskan:(link yang dituju)</a>. Tutup kembali tag body dan HTML dengan tag </body> dan </html> PHP 1. If else a. Source Code <?php // memulai script php $angka="6"; //memasukkan nilai variabel angka if($angka%2==0) //memasukkan kondisi if { echo"$angka adalah bilangan genap.<br/>";} //menampilkan variable adalah bilangan genap else //jika tidak sesuai dengan kondisi if { echo"$angka adalah bilangan ganjil.";} //menampilkan variabel adalah bilangan ganjil?> //penutup script php b. Analisa Pada penulisan php if diawali dengan <?php untuk mengawalinya. Diikuti deklarasi variabel dan inisialisasinya. Masukkan perintah if untuk pengkondisian. Apabila benar perintah akan dijalankan, jika salah masuk ke else dan dilanjutkan dengan eksekusi perintah else.

20 181 c. Output Gambar 7.10 Tampilan if else ganjil Gambar 7.11 Tampilan if else genap d. Analisa Pernyataan yang digunakan diatas adalah pernyataan if. Pernyataan if yang digunakan karena memiliki beberapa statemen, seperti contoh statemen yang ditampilkan ada dua kemungkinan, yang dimana $angka adalah bilangan Ganjil dan $aangka adalah bilangan genap. Statement yang ditampilkan merupakan hasil dari pernyataan true atau false. 2. Switch Case a. Source Code <?php //awal script php $sex="cowok"; //memasukkan variabel sex switch ($sex) { //memulai fungsi switch case"cowok"; //jika $sex= cowok print"saya cowok"; //menampilkan text saya cowok break; case"cewek"; //jika $sex= cewek print"saya cewek"; //menampilkan saya cewek break;

21 182 default; //jika $sex=selain cowok / cewek print "saya bukan cowok/cewek tapi $sex"; //muncul text saya bukan cowok/cewek tapi (sesuai string variabel yang dimasukkan) } //akhir dari fungsi?> //akhir dari php b. Analisa Untuk membuat case awalannya sama dengan if, namun pada case kita sudah tentukan pilihan tiap casenya. Apabila kita input sesuai case maka akan muncul sesuai perintah case. Jika salah maka masuk ke default dan dikuti eksekusi perintah default. c. Output Gambar 7.12 Tampilan switch case d. Analisa Pernyataan switch mirip dengan rangkaian pernyataan if. Seperti gambar diatas pernyataan switch digunakan untuk membandingkan variabel yang sama (atau ekspresi) dengan banyak nilai yang berbeda. Nilai dari gambar diatas berupa hasil dari perintah print yang menampilkan beberapa statement seperti Saya Cewek, Saya bukan cowok/cewek tapi. Perbedaan switch case dan if terletak pada pengeksekusian statement, yang dimana switch melakukan pengeksekusian per pernyataan.

22 For a. Source Code <?php //awal script php for ($i = 1; $i <= 10; $i++) //perangkuman statement dalam control for { //awal fungsi print"<br>anak ke $i</br>"; //menghasilkan output dari for } //akhir fungsi?> //penutup script php b. Analisa Pada awal penulisan php for sama dengan yang sebelumnya. Bedanya disini diberikan perintah for untuk perulangan. Bagian for diantaranya inisialisasi, kondisi, dan perintah yang harus dijalankan. c. Output Gambar 7.13 Tampilan for d. Analisa Pernyataan yang digunakan untuk menghasilkan tampilan

23 184 diatas adalah pernyataan for, yang dimana hasilnya seperti gambar diatas. Pada perintah for penggunaan $i=1; $i<=10;$i++ bertujuan untuk merangkum semua statement dan melakukan perulangan dengan statement-statement yang berbeda-beda sampai batas nilai perulangan yang telah ditentukan. 4. While a. Source Code <?php //awal script php $i=1; //angka awal dari while while($i<= 10){ //syarat perulangan while echo"kelompok $i<br>"; $i++; } //penutup while?> //penutup script php b. Analisa Untuk membuat php while awalannya sama dengan yang lainnya. Namun disini ada deklarasi variabel dan inisialisasinya. Diikuti while, yaitu perulangan selagi benar maka perintah akan dieksekusi. c. Output Gambar 7.14 Tampilan while d. Analisa Pernyataan while yang digunakan untuk mendapatkan hasil tampilan seperti gambar. Pernyataan while hampir sama dengan pernyataan for sama-sama berbentuk perulangan, namun while

24 185 tidak terjadinya perangkuman statement karena while melakukan eksekusi di setiap awal perulangan. 5. Array a. Source Code <?php //pembukaan script php $nama[0]="miftah"; //variabel nama 1 $nama[1]="tami"; //variabel nama 2 $nama[2]= "Anjar"; //variabel nama 3 echo"hallo nama saya $nama[0] dan teman saya adalah $nama[2] dan $nama[1]"; //hasil akhir?> //penutup script php b. Analisa Untuk membuat array diawali sama dengan php lainnya. Disini dideklarasikan array dengan jumlah elemen tertentu. Setiap elemen diberi nilai masing-masing. Diakhiri dengan?>. c. Output Gambar 7.15 Tampilan array d. Analisa Pernyataan yang digunakan diatas adalah pernyataan array, yang dimana dalam penulisan variable berisi statement. Statement yang terkandung didalam nilai dari variable itu sendiri berbeda-beda. Statement yang ada pada array selalu dimulai dengan nol, seperti statement di atas James source codenya $nama[0]= James.

25 Contoh Halaman Web 1. Source Code a. Home <html> //Tag pembuka html <head> //Tag pembuka head <title>pembelajaran BAHASA INDONESIA</title> //Pemberian judul </head> //Tag penutup head <body bg background=indah2.jpg>//tag pembuka tubuh utama sekaligus pemberian background <h1 align=center>pembelajaran BAHASA INDONESIA</h1> //membuat teks rata tengah <p>layanan PENGUNJUNG</p>//membuat paragraf <a href="#"target="_blank">login<br></a><br>//hyperlin k ke halaman kosong <a href="#"target="_blank">sign UP<br></a>//hyperlink ke halaman kosong <p align="center"> //Membuat teks rata tengah <b> PEMBELAJARAN BAHASA INDONESIA</b> //Membuat teks bold <p> Selamat datang di Pembelajaran Bahasa Indonesia, disini kita akan banyak belajar mengenai materimateri bahasa indonesia yang akan ditemui di bangku-bangku kuliah. Sebelumnya perkenalkan kami dari kelompok A2 PDKP Universitas Diponegoro yang akan memberikan sedikit mengenai materi-materi bahasa Indonesia. Tak perlu takut dengan bahasa Indonesia, hehe. cekidot<br> //Membuat baris baru <p align="center"> <?php echo "selamat membaca sahabat pembaca";?> //pemberian php pada html <a href="frasaini.html"> 1. Frasa<br></a> //hyperlink ke frasa <a href="kalimatini.html"> 2. Kalimat<br></a> //hyperlink ke kalimat

26 187 <a href="paragrafini.html"> 3. Paragraf<br></a> //hyperlink ke paragraf </body> //tag penutup body </html> //tag penutup html b. Frasa <html> //Tag pembuka html <head> //Tag pembuka head <title>frasa</title> //Pemberian judul </head> //Penutup tag head <body bgcolor="#6fc8c8">//memberi warna background <ul class="gallery">//format pemberian gambar pada html <li><img src="1.png"></li>//memasukkan gambar ke html </UL> <p align="center"> //Paragraf rata tengah <b>frasa</b> //Teks tebal <p> Frasa adalah gabungan dua kata atau lebih yang bersifat non-redikatif (tidak ada yang berkedudukan sebagai predikat).<br> //Penulisan paragraf Frasa dibagi menjadi 3:<br> //Baris baru 1. Frasa menurut distribusi unsur pembentuknya.<br> //baris baru 2. Frasa menurut kedudukan unsur-unsurnya.<br> //baris baru 3. Frasa menurut kategori kata yang menjadi unsur pusat.<br> //baris baru Berikut contohnya:<br> //Baris baru 1. Frasa menurut distribusi unsur pembentuknya.<br> //Baris baru Contoh: Laki-laki dan perempuan<br> //Baris baru Gadis manis<br> //Baris baru Andi, laki-laki berjilbab.<br> //Baris baru 2. Frasa menurut kedudukan unsur-unsurnya.<br> //Baris baru Contoh: Hutan pinus<br> //Baris baru Cantik jelita<br> //Baris baru

27 188 Maju mundur<br> //Baris baru 3. Frasa menurut kategori kata yang menjadi unsur pusat.<br> //Baris baru Contoh: Buku tebal<br> //Baris baru Jalan santai<br> //Baris baru Tinggi besar.<br> //Baris baru </p> //Tag penutup paragraf <a href="webini.html"> HOME<br></a> //Hyperlink ke Home </body> //Tag penutup body </html> //Tag penutup html c. Kalimat <html> //Tag pembuka html <head> //Tag pembuka head <title>kalimat</title> //Pemberian judul </head> //Tag penutup head <body bgcolor="#6fc8c8">//memberi warna background <ul class="gallery">//format pemberian gambar pada html <li><img src="1.png"></li>//memasukkan gambar ke html </UL> <p align="center"> //Paragraf rata tengah <b> Kalimat</b> //Teks bold <p> Kalimat dibagi menjadi 2 yaitu kalimat langsung dan tidak langsung.<br> //Baris baru 1. Kalimat langsung adalah sebuah kalimat yang merupakan hasil kutipan langsung dari pembicaraan seseorang yang sama persis dengan yang dikatakan.<br> //Baris baru contoh: Andi bertanya,"mau kemana kalian hari ini?".<br> //Baris baru 2. Kalimat tidak langsung adalah kalimat yang melaporkan atau memberitahu perkataan orang lain dalam bentuk kalimat berita.<br> //Baris baru contoh : Bu guru bertanya kepada kami apakah kami sudah paham terhadap materi yang diberikan. </p> //Tag penutup paragraf

28 189 <a href="webini.html"> HOME<br></a> //Hyperlink ke Home </body> //Tag penutup body </html> //Tag penutup html d. Paragraf <html> //Tag pembuka html <head> //Tag pembuka head <p align="center"</p> //Judul rata tengah <title>paragraf</title> //Pemberian judul </head> //Tag penutup head <body bgcolor="#6fc8c8">//memberi warna background <ul class="gallery">//format pemberian gambar pada html <li><img src="1.png"></li>//memasukkan gambar ke html </UL> <p align="center"> //Paragraf rata tengah <b> Paragraf</b> //Teks bold <p> Paragraf adalah sekumpulan kalimat yang memiliki satu pokok pikiran yang terdiri dari kalimat utama yang bersifat umum dan kalimat penjelas yang khusus.<br> //Baris baru Paragraf dibagi 3:<br> //Baris baru 1. Paragraf deduktif yaitu paragraf yang letak kalimat utamanya di bagian awal paragraf.<br> //Baris baru 2. Paragraf induktif yaitu paragraf yang letak kalimat utamanya di bagian akhir paragraf.<br> //Baris baru 3. Paragraf campuran yaitu paragraf yang kalimat utamanya di awal dan akhir paragraf. </p> //Tag penutup paragraf <a href="webini.html"> HOME<br></a> //Hyperlink ke Home </body> //Tag penutup body </html> //Tag penutup html

29 Gambar Uji Gambar 7.16 Tampilan home Gambar 7.17 Tampilan kalimat

30 191 Gambar 7.18 Tampilan paragraf Gambar 7.19 Tampilan frasa

31 Kesimpulan 1. Dalam PHP, terdapat pilihan fungsi if untuk pengkondisian, while dan for untuk perulangan, serta array untuk koleksi data. 2. Hyper Text Markup Language (HTML) adalah bahasa pengkodean yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di sebuah program web browser Internet. 3. PHP (Hypertext Preprocessor) adalah bahasa pemrograman yang berfungsi untuk membuat website dinamis maupun aplikasi web. 4. Dalam html dibutuhkan beberapa tags dasar yaitu <html>, <head>, <title>, dan <body>. 5. Penulisan tag pada html harus diawali <...> dan diakhiri </...>. 6. Percabangan dan perulangan dalam PHP hampir sama dengan bahasa C. 7. Untuk membuat paragraf didahului dengan <p> dan diakhiri dengan </p>. 8. Untuk membuat teks bold dapat dilakukan dengan <b>...</b>. 9. Pergantian baris pada html maupun php dapat dilakukan dengan <br>. 10. Pemberian judul pada tab untuk html dapat dilakukan dengan mengetik <head> diikuti<title>judul</title> dan diakhiri kembali dengan </head>.