BAB VII INTERNET. 7.1 Pendahuluan

(1)

162

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

(2)

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. Email

Gambar 7.3 Tampilan email

E-mail merupakan salah satu sarana di internet yang sangat populer, lebih dari setengah pengguna internet memiliki e-mail, bahkan tak jarang

(3)

satu orang mempunyai lebih dari satu account e-mail. Sebuah e-mail dapat dikatakan seperti alamat PO BOX yang kita miliki dalam dunia nyata. Untuk memperoleh sebuah alamat e-mail terlebih dahulu kita harus mendaftar pada penyedia layanan e-mail.

Penyedia jasa e-mail yang cukup dikenal antara lain Yahoo, Gmail, Hotmail. Yahoo dan . Hotmail merupakan contoh web based e-mail di mana kita bisa melihat e-mail dengan mengunjungi situsnya.

Salah satu kegunaan e-mail di internet adalah keberadaan mailing list. Melalui milis kita bisa mengirimkan e-mail ke banyak orang yang mempunyai minat yang sama biasanya untuk berdiskusi) melalui alamat e-mail milis. Jadi, e-e-mail yang kita kirimkan pada sebuah alamat milis akan disampaikan ke seluruh anggota yang terdaftar ke milis tersebut.

Selain untuk berkirim surat, e-mail juga bisa digunakan untuk berkirim file lain melalui attachment, kita bisa melampirkan gambar atau file lain pada e-mail.

5. 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)

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)

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)

9. Praktikan dapat mengetahui ancaman keamanan apa saja yang ada di internet. 7.3 Langkah Kerja 7.3.1 HTML 1. Paragraf 1. Buka NotePad++.

2. Tekan ctrl+N untuk buat file baru. 3. Tuliskan kode berikut:

<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++.

(7)

<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++.

<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. Horizontal Rule

1. Buka NotePad++.

<title>Horizontal Rule</title> </head>

(8)

<body>

<p align="right"> <i>Italic</i>

<p align="center"> <u>Underline</u>

4. Save dan Open dengan Browser.

5. Hyperlink

1. Buka NotePad++.

<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="http://google.com"target="_blank"> Google</a><br> <a href="http://yahoo.com"target="_blank"> Yahoo</a><br> <a href="http://facebook.com"target="_blank"> Facebook</a> </body>

(9)

</html>

7.3.2 PHP 1. If…else

1. Buka Xampp, klik start Apache dan MySQL 2. Buka NotePad++.

<? 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++.

<?php $sex="cowok"; switch ($sex) { case"cowok"; print"saya cowok"; break; case"cewek";

(10)

print"saya cewek"; break;

default;

print "saya bukan cowok/cewek tapi $sex"; }

?>

6. Open dengan browser dengan cara ketik localhost/(nama folder yang dibuat di dalam folder htdocs)/ dan pilih file.

3. For

<?php

for ($i = 1; $i <= 10; $i++) {

print"<br>Anak ke $i</br>"; }

?>

4. While

<?php $i = 1; while ($i <= 10) { print $i++; } ?>

(11)

6. Open dengan browser dengan cara ketik localhost/t(nama folder yang dibuat di dalam folder htdocs)/ dan pilih file.

5. Array

<?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]";

?>

7.4 Analisa dan Pembahasan 7.4.1 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

(12)

<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)

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

<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

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

(14)

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

<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)

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

<title>Horizontal Rule</title> //Pemberi judul halaman web

(16)

<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

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)

</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

<title>Hyperlink</title> //Pemberi judul halaman 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="http://google.com"target="_blank"> //Tag membuka URL Google pada tab baru

Google</a><br> //Tag penutup hyperlink

<a href="http://yahoo.com"target="_blank"> //Tag membuka URL Yahoo pada tab baru

(18)

Yahoo</a><br> //Tag penutup hyperlink

<a href="http://facebook.com"target="_blank">//Tag 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)

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>.

7.4.2 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)

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)

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)

3. For

a. Source Code

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

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

(23)

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

$i=1; //angka awal dari while

while($i<= 10){ //syarat perulangan while echo"Kelompok $i<br>";

$i++;

} //penutup while

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)

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

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)

7.3.2 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 materi-materi 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)

<a href="Paragrafini.html"> 3. Paragraf<br></a> //hyperlink ke paragraf

</body> //tag penutup body </html> //tag penutup html

b. Frasa

<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)

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

<title>Kalimat</title> //Pemberian judul </head> //Tag penutup head

<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.

(28)

d. Paragraf

<p align="center"</p> //Judul rata tengah <title>Paragraf</title> //Pemberian judul </head> //Tag penutup head

<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

(29)

2. Gambar Uji

Gambar 7.16 Tampilan home

(30)

Gambar 7.18 Tampilan paragraf

(31)

7.4 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>.