BAB VII INTERNET. 7.1 Pendahuluan

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

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

164

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 email milis. Jadi, 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

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

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.

167

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

Hypertext pemrograman

Preprocessor yang

berfungsi

(PHP)

adalah

bahasa

untuk

membuat

website

dinamis maupun aplikasi web. Berbeda dengan HTML yang

hanya

bisa folder,

bisa

menampilkan

berinteraksi sehingga

dengan

membuat

konten

statis,

database,

PHP

bisa

file

Save dengan extensi html dan open dengan browser.

2. Line Break 1.

Buka NotePad++.

2.


3.

Tuliskan kode berikut:

dan

menampilkan

konten yang dinamis dari sebuah website.

4.

PHP

168

Line Break 1. Miftah Adiguna
2. Sri Dewi Utami
3. Anjar Desmiarti

4.

Save dengan extensi html dan open dengan Browser.

3. Heading 1.

Buka NotePad++.

2.


3.

Tuliskan kode berikut: Heading
Sangat besar sekali

Sangat besar

Besar sekali

Sedang

Kecil

Sangat Kecil

4.


4. Horizontal Rule 1. Buka NotePad++. 2. Tekan ctrl+N untuk buat file baru. 3. Tuliskan kode berikut: Horizontal Rule

169

Italic
align="center"

color=#00FFFF

size="10"

color=#7FFFD4

size="50"

widht="100%">
Underline
align="center"

widht="200%">
Bold

4. Save dan Open dengan Browser.

5. Hyperlink 1.

Buka NotePad++.

2.


3.

Tuliskan kode berikut: Hyperlink 1. Paragraf
2. Line Break
3. Heading
4. Horizontal Rule
5. Hyperlink
Google
Yahoo
Facebook

170

4.


7.3.2 PHP 1. If…else 1.

Buka Xampp, klik start Apache dan MySQL

2.

Buka NotePad++.

3.


4.

Tuliskan kode berikut: ";} 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++.

3.


4.

171

print"saya cewek"; break; default; print "saya bukan cowok/cewek tapi $sex"; } ?>

5.


6.

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

3. For 1.


2.

Buka NotePad++.

3.


4.

Tuliskan kode berikut: Anak ke $i
"; } ?>

5.


6.


4. While 1.


2.

Buka NotePad++.

3.


4.


172

5.


6.

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

5. Array 1.


2.

Buka NotePad++.

3.


4.


5.


6.


7.4 Analisa dan Pembahasan 7.4.1 HTML 1. Paragraf a. Source Code //Tag pembuka HTML //Tag pembuka head Paragraf //Pemberi judul halaman web //Tag penutup head //Tag pembuka isi web
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
//Tag penutup paragraf

173

Hypertext pemrograman

Preprocessor yang

berfungsi

(PHP)

adalah

bahasa

untuk

membuat

website

dinamis maupun aplikasi web. Berbeda

dengan

yang

statis,

hanya

bisa folder, konten

bisa

menampilkan

berinteraksi sehingga yang

dengan

membuat

dinamis

dari

konten

database,

PHP

bisa

sebuah

file

HTML PHP dan

menampilkan

website.

//Tag

pembuka paragraf 2 beserta isinya //Tag penutup isi web //Tag penutup HTML

b. Analisa Pada penulisan source code diatas, didahului dengan untuk memulai html. Diikuti untuk membuat kepala pada html. Kemudian untuk membuat judul pada tab ketika dirun. Selanjutnya body untuk membuat isi dari html. Untuk membuat paragraf digunakan diikuti isi paragraf dan ditutup . 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 . Setelah itu tutup tag head dengan . Untuk menuliskan paragraf maka dibuka dengan tag . Paragraf diawali dengan tag
dimana

174

tag ini tidak harus ditutup dengan tag
karena tidak didefinisikan memiliki akhiran. Tutup kembali tag body dan html dengan tag dan .

2. Line Break a. Source Code //Tag pembuka HTML //Tag pembuka head Line Break

//Pemberi

judul

halaman

web //Tag penutup head //Tag pembuka isi web 1.

Miftah

Adiguna

//Tag

pengganti

baris

pengganti

baris

selanjutnya 2.

Sri

Dewi

Utami

//Tag

selanjutnya 3. Anjar Desmiarti //Tag penutup isi web //Tag penutup HTML

b. Analisa Pada penulisan source code diatas, didahului dengan untuk memulai html. Diikuti untuk membuat kepala pada html. Kemudian untuk membuat judul pada tab ketika dirun. Selanjutnya body untuk membuat isi dari html. Untuk pergantian baris digunakan disetiap akhir kalimat atau paragraf. Setiap perintah diakhiri dengan </...> untuk menutup perintah. c. Output Gambar 7.6 Tampilan line break 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 . Pada HTML ini menggunakan judul Line Break. Judul tersebut nantinya akan muncul pada title bar. Setelah itu tutup menggunakan tag . Pada saat penulisan jika kita ingin mengganti baris maka kita gunakan tag
pada akhir kalimat. Meskipun tersedia tombol enter namun tanpa tag
kalimat tidak akan berganti baris. Jadi anatara kalimat Miftah Adiguna dan Sri Dewi Utami akan berbeda baris. Kemudian tutup menggunakan tag dan tag

3. Heading a. Source Code //Tag pembuka HTML //Tag pembuka head Heading //Pemberi judul halaman web //Tag penutup head
Sangat besar sekali

//Tag heading 1

Sangat besar

//Tag heading 2

Besar sekali

//Tag heading 3

Sedang

Kecil

//Tag heading 4 //Tag heading 5

Sangat kecil

//Tag heading 6

//Tag penutup HTML

b. Analisa Pada penulisan source code diatas, didahului dengan untuk memulai html. Diikuti untuk membuat kepala pada html. Kemudian 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. 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 . Kemudian ditutup dengan tag . Heading pada HTML dapat digunakan dengan tag dengan ‘#’ mempunai nilai 1 - 6. Semakin kecil angka pada ‘#’, semakin besar atau semakin tebal huruf yang ditampilkan pada web. Ditutup dengan menggunakan . Kemudian

4. Horizontal Rule a. Source Code //Tag pembuka HTML //Tag pembuka head Horizontal Rule

halaman web //Tag penutup head //Tag pembuka isi web

//Pemberi

judul

177

//Tag paragraf rata kanan Italic //Tag font miring
align="center"

color=#00FFFF

size="10"

widht="100%"> //Tag garis horizontal 1
//Tag paragraf tengah Underline //Tag font bergaris bawah
align="center"

color=#7FFFD4

size="50"

widht="200%"> //Tag garis horizontal 2
//Tag paragraf rata kiri Bold //Tag font tebal //Tag penutup isi web //Tag penutup HTML

b. Analisa Pada penulisan source code diatas, didahului dengan untuk memulai html. Diikuti untuk membuat kepala pada html. Kemudian 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 , , diikuti kalimat ditutup dengan , , . 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 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 dan penutup , italic dengan tag dan penutup , dan underline dengan tag dan penutup . 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

//Pemberi

judul

halaman

web //Tag penutup head //Tag pembuka isi web 1. Paragraf
//Tag untuk mebuat link ke file Paragraf.html
href="Line

Break.html">

2.

Line

Break

//Tag untuk mebuat link ke file Line Break.html
href="Heading.html">

3.

Heading

//Tag

untuk mebuat link ke file Heading.html
href="Horizontal

Rule

//Tag

Rule.html"> untuk

4.

mebuat

link

Horizontal ke

file

Horizontal Rule.html
href="Hyperlink.html">

5.

Hyperlink

//Tag untuk mebuat link ke file Hyperlink.html
href="http://google.com"target="_blank">

//Tag

membuka URL Google pada tab baru Google
//Tag penutup hyperlink
href="http://yahoo.com"target="_blank">

membuka URL Yahoo pada tab baru

//Tag

179

Yahoo
//Tag penutup hyperlink
href="http://facebook.com"target="_blank">//Tag

membuka URL Facebook pada tab baru Facebook //Tag penutup hyperlink //Tag penutup isi web //Tag penutup HTML

b. Analisa Pada penulisan source code diatas, didahului dengan untuk memulai html. Diikuti untuk membuat kepala pada html. Kemudian untuk membuat judul pada tab ketika dirun. Selanjutnya body untuk membuat isi dari html. Untuk membuat hyperlink gunakan <a href=”html tujuan” rel="nofollow">tampilan di html 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 180 untuk fungsi online maupun offline atau hanya dalam direktori komputer saja. Pada hyperlink offline dapat menggunakan tag <a href=”(nama file).html” rel="nofollow"> dan tidak lupa ditutup dengan tag</a>. Sedangkan menggunakan tag pada <a hyperlink online, dapat 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. ";} //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. 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; 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. 183 3. For a. Source Code <?php //awal script php for ($i = 1; $i <= 10; $i++) //perangkuman statement dalam control for { //awal fungsi print" Anak ke $i"; //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 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 "; $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 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”. 186 7.3.2 Contoh Halaman Web 1. Source Code a. Home <html> //Tag pembuka html <head> //Tag pembuka head <title>PEMBELAJARAN BAHASA INDONESIA //Pemberian judul //Tag penutup head //tag pembuka tubuh utama sekaligus pemberian background
PEMBELAJARAN BAHASA INDONESIA
//membuat teks rata tengah
LAYANAN PENGUNJUNG
//membuat paragraf LOGIN

//hyperlin k ke halaman kosong SIGN UP
//hyperlink ke halaman kosong
//Membuat teks rata tengah PEMBELAJARAN BAHASA INDONESIA

//Membuat

teks bold
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
//Membuat baris baru
//pemberian php pada html 1. Frasa
//hyperlink ke frasa 2. Kalimat
//hyperlink ke kalimat

187

3. Paragraf
//hyperlink ke paragraf //tag penutup body //tag penutup html

b. Frasa //Tag pembuka html

//Tag pembuka head

Frasa //Pemberian judul //Penutup tag head //memberi warna background
//format pemberian gambar pada html
//memasukkan gambar ke html

//Paragraf rata tengah Frasa //Teks tebal
Frasa adalah gabungan dua kata atau lebih yang bersifat non-redikatif (tidak ada yang berkedudukan sebagai predikat).
//Penulisan paragraf Frasa dibagi menjadi 3:
//Baris baru 1. Frasa menurut distribusi unsur pembentuknya.
//baris baru 2. Frasa menurut kedudukan unsur-unsurnya.
//baris baru 3. Frasa menurut kategori kata yang menjadi unsur pusat.
//baris baru Berikut contohnya:
//Baris baru 1. Frasa menurut distribusi unsur pembentuknya.
//Baris baru Contoh:

Laki-laki dan perempuan
//Baris baru Gadis manis
//Baris baru Andi, laki-laki berjilbab.
//Baris

baru 2. Frasa menurut kedudukan unsur-unsurnya.

Hutan pinus
//Baris baru Cantik jelita
//Baris baru

188

Maju mundur
//Baris baru 3. Frasa menurut kategori kata yang menjadi unsur pusat.

Buku tebal
//Baris baru Jalan santai
//Baris baru Tinggi besar.
//Baris baru

//Tag penutup paragraf HOME
//Hyperlink ke Home //Tag penutup body //Tag penutup html

c. Kalimat //Tag pembuka html //Tag pembuka head Kalimat //Pemberian judul //Tag penutup head //memberi warna background

//Paragraf rata tengah Kalimat //Teks bold
Kalimat dibagi menjadi 2 yaitu kalimat langsung dan tidak langsung.
//Baris baru 1. Kalimat langsung adalah sebuah kalimat yang merupakan hasil kutipan langsung dari pembicaraan seseorang yang sama persis dengan yang dikatakan.
//Baris baru contoh: Andi bertanya,"Mau kemana kalian hari ini?".
//Baris baru 2. Kalimat tidak langsung adalah kalimat yang melaporkan atau memberitahu perkataan orang lain dalam bentuk kalimat berita.
//Baris baru contoh : Bu guru bertanya kepada kami apakah kami sudah paham terhadap materi yang diberikan.
//Tag penutup paragraf

189

HOME

d. Paragraf //Tag pembuka html //Tag pembuka head
//Judul rata tengah Paragraf //Pemberian judul //Tag penutup head //memberi warna background

//Paragraf rata tengah Paragraf //Teks bold
Paragraf adalah sekumpulan kalimat yang memiliki satu pokok pikiran yang terdiri dari kalimat utama yang bersifat umum dan kalimat penjelas yang khusus.
//Baris baru Paragraf dibagi 3:
//Baris baru 1. Paragraf deduktif yaitu paragraf yang letak kalimat utamanya di bagian awal paragraf.
//Baris baru 2. Paragraf induktif yaitu paragraf yang letak kalimat utamanya di bagian akhir paragraf.
//Baris baru 3. Paragraf campuran yaitu paragraf yang kalimat utamanya di awal dan akhir paragraf.
//Tag penutup paragraf HOME

190

2.

Gambar Uji

Gambar 7.16 Tampilan home

Gambar 7.17 Tampilan kalimat

191

Gambar 7.18 Tampilan paragraf

Gambar 7.19 Tampilan frasa

192

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 , , , 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 dan diakhiri dengan . 8. Untuk membuat teks bold dapat dilakukan dengan ..... 9. Pergantian baris pada html maupun php dapat dilakukan dengan . 10. Pemberian judul pada tab untuk html dapat dilakukan dengan mengetik <head> diikuti<title>judul dan diakhiri kembali dengan .

BAB VII INTERNET. 7.1 Pendahuluan

Recommend Documents

Sangat besar sekali

Sangat besar

Besar sekali

Sedang

Kecil

Sangat Kecil

Sangat besar sekali

Sangat besar

Besar sekali

Sedang

Kecil

Sangat kecil

PEMBELAJARAN BAHASA INDONESIA