simonmurd

Monday, April 22, 2019

TUGAS 4

1. Lengkapilah pernyataan algoritma berikut, ……. > Program > Komputer > Solusi / hasil.
A. Input
B. File
C. Database
D. Masalah
A. Proses

2. Jenis data yang dapat digunakan, oleh komputer untuk memenuhi kebutuhan dalam membuat program komputer disebut…
A. Linier C. Output E. Serial
B. Tipe Data D. Universal

3. Di bawah ini yang termasuk struktur dasar algoritma antara lain …….
A. Pengulangan C. Pemulihan E. Pengaturan
B. Perbaikan D. Pemograman

4. Symbol yang digunakan untuk menghubungkan antara symbol yang satu dengan yang lain adalah Symbol…….
A. Terminator C. Flow Direction E. Input-output
B. Display D. Processing

5. Symbol untuk permulaan (start) atau akhir (stop) adalah Symbol ……
A. Terminator C. Flow Direction E. Input-output
B. Display D. Processing

6. Symbol yang menunjukkan pengolahan data yang dilakukan oleh komputer adalah Symbol ……
A. Terminator C. Flow Direction E. Input-output
B. Display D. Processing

7. Symbol input-output yang menyatakan proses input-output adalah Symbol …
A. Pilihan C. Urutan E. Pemograman
B. Pengulangan D. Pemulihan

8. Fungsi dari dreamweaver adalah ….
a. Pengolah kata d. Web downloader
b. Pengolah data base e. Web editor
c. Web publisher

9. Yang merupakan aplikasi untuk browsing adalah….
a. Ms.office d. Internet explorer
b. Ubuntu e. Outlook express
c. Java

10. Kelebihan menggunakan flowchart adalah sebagai berikut,kecuali……
a. Memahami proses
b. Menggambarkan hubungan
c. Mendesain objek
d. Mengidentifikasi masalah
e. Menyediakan tool untuk latihan

11. Salah satu algoritma di bawah ini,kecuali………
a. Ibu tati mengupas kentang
b. Ani membaca buku
c. Bapak menulis surat
d. Rumus menghitung luas persegi panjang
e. Adi memasak nasi goreng

12. Algoritma adalah…….
a. Urutan penyelesaian masalah
b. Urutan masalah
c. Urutan contoh
d. Urutan langkah-langkah
e. Kumpulan urutan masalah

13. Fungsi dari simbol preparation adalah……..
a. Proses pengolahan data
b. Menjalankan program
c. Sebagai parameter
d. Permulaan program
e. Pemberian harga awal

14. Untuk membuat file PHP maka ekstensi yang harus ditambahkan adalah ...
a. HTML d. JS
b. PHP e. CSS
c. JSP

15. Jika akan menggunakan bahasa pemrograman yang berasal dari proses penjumlahan maka operator yang digunakan adalah ...
a. Aritmatika
b. logika
c. relasional
d. @
e. class

16. Ada beberapa jenis editor yang dapat digunakan untuk membuat dan menuliskan skrip PHP, diantaranya adalah ….
a. Notepad, adobe dreamweaver, macromedia firework
b. Macromedia dreamweaver, notepad, editplus
c. Editplus, adobe director, notepad
d. Adobe dreamweaver, adobe photoshop, adobe director
e. Macromedia firework, mocrosoft frontpage, editplus

17. Berikut ini yang bukan merupakan keunggulan dari PHP adalah ….
a. Pengembangan programnya eksklusif, tidak semua orang dapat menggunakannya
b. Mendukung koneksi dengan basis data
c. Mendukung dengan layanan POP3
d. Tidak memerlukan proses yang lama untuk menjalankan aplikasi PHP karena tidak perlu dikompilasi
e. Bersifat open source

18. PHP dapat dijalankan di berbagai sistem operasi. Dengan kata lain PHP bersifat ….
a. Open source
b. Free ware
c. Multi platform
d. Mono platform
e. Closed platform

19. Perintah echo dalam PHP berfungsi untuk ….
a. Menampilkan output di browser
b. Mangambil input dari user
c. Menunjukkan error
d. Menjalankan program
e. Merapikan output di browser

20. Jika programmer membuat web dinamis pada direktori c:/xampp/htdocs/toko maka untuk menampilkannya, alamat yang harus diakses di browser adalah …
a. http:// xampp/htdocs/toko
b. http://xampp/toko
c. http://localhost
d. http://localhost/toko
e. c:/ xampp/htdocs/toko

21. Merupakan tempat dimana kita dapat mengisi atau mengosongkan nilainya dan memanggil kembali apabila dibutuhkan adalah pengertian dari ....
a. Tipe data
b. Konstanta
c. Operator
d. Variabel
e. String

22. Berikut ini merupakan aturan dalam penulisan variabel, kecuali ....
a. Dapat menggunakan reserverd word PHP seperti echo, print dan lain-lain.
b. Panjang variabel tidak terbatas oleh jumlah karakter, tapi sebaiknya gunakan seperlunya
c. Karakter yang digunakan untuk penulisannya adalah berupa huruf, angka atau garis bawah (tidak boleh ada spasi)
d. Penamaan variabel bersifat case sensitive
e. Karakter pertama harus berupa huruf atau garis bawah

23. Merupakan jenis data yang dapat diolah oleh komputer untuk memenuhi kebutuhan dalam pemrograman komputer adalah pengertian dari ....
a. Tipe data
b. Konstanta
c. Operator
d. Variabel
e. String

24. Sintak yang digunakan untuk menandakan nama variabel dalam PHP adalah ....
a. Persen
b. Double slash
c. Petik satu
d. Petik dua
e. Dollar

25. Berikut ini adalah contoh nilai yang memiliki tipe data float adalah ….
a. 1.234
b. -123
c. 7e-3
d. 123
e. 0

26. Operator PHP di bawah ini untuk FUNGSI OR yaitu :
a. $a & $b
b. $a || $b
c. $a . $b
d. $a ^ $b
e. $a ~ $b

27. Jika a=17 ; b=45 ; c=9. Maka pernyataan berikut yang bernilai TRUE adalah ….
a. (a=b) AND (a<b)
b. (a>c) OR (b<c)
c. (c>a) OR (b<a)
d. (a>c) && (c=b)
e. (a=c) II (b<a)

28. Operator yang digunakan untuk membandingkan satu nilai dengan nilai yang lain, untuk mendapatkan hasil benar atau salah adalah jenis ….
a. Operator aritmatika
b. Operator penugasan
c. Operator perbandingan
d. Operator logika
e. Operator string

29. Alamat yang harus dituliskan dalam browser jika ingin membuka database melalui PHPMyAdmin adalah …
a. http://localhost/
b. http://localhost/phpmyadmin
c. http://localhost/htdocs/phpmyadmin
d. http://localhost/phpmyadmin/database
e. http://localhost/database

30. Jika file PHP disimpan pada : c:\xampp\htdocs\berita_online maka alamat yang ditulis pada browser untuk membuka file tersebut adalah ….
a. http://localhost/
b. http://localhost/phpmyadmin
c. http://localhost/berita_online
d. c:\xampp\htdocs\berita_online
e. c:/xampp/htdocs/berita_online

TUGAS 5

A. Pilihan Ganda

1. Data yang berisi sederet karakter disebut….
a. String d. Boolean
b. Array e. Float
c. Integer

2. Bilangan yang berisi titik desimal atau jenis bilangan pecahan adalah…
a. String d. Boolean
b. Integer e. Float
c. Real

3. Tipe data yang mengenali nilai TRUE dan FALSE adalah…
a. Boolean d. String
b. Integer e. Real
c. Float

4. Fungsi atof, atoi, atol disebut dengan …. String
a. Konversi d. Deklarasi
b. Fungsi Manipulasi e. Array
c. Penggunaan

5. Array dikenal juga dengan sebutan …
a. Kumpulan nilai
b. Bahan mesin
c. Diemensi
d. Indeks variabel
e. Variabel larik

6. Array linear dapat disebut juga …
a. Array multi dimensi
b. Subscript
c. Array satu dimensi
d. Indeks array
e. Array dua dimensi

7. Nilai atau variabel dapat disebut juga …
a. Kumpulan struktur
b. Kumpulan elemen
c. Kumpulan data
d. Kumpulan indeks
e. Kumpulan ukuran

8. Jumlah maksimal panjang string adalah …
a. Tak terhingga
b. 200
c. 300
d. 255
e. 355

9. Fungsi strrev adalah …
a. Mengubah setiap huruf kecil menjadi huruf besar
b. Mengubah setiap huruf besar menjadi huruf kecil
c. Menyalin isi string ke dalam suatu variabel
d. Membalik letak urutan pada string
e. Menghitung panjang karakter pada suatu string

10. Berikut ini adalah contoh dari fungsi manipulasi string, kecuali …
a. Strcpy d. Strlwr
b. Strrev e. atol
c. Strcat

11. Fungsi yang digunakan untuk merubah string angka menjadi bilangan numeric integer adalah…
a. Atof d. strupr
b. Atoi e. strlwr
c. Atol

12. Pointer digunakan untuk menyimpan …
a. Bilangan bulat d. Bilangan rasional
b. Karakter e. Alamat memori
c. Bilangan pecahan

13. Operator referensi biasa disebut juga sebagai …
a. Pointer d.Memori
b. Nilai e. Operator alamat
c. Variabel

14. Operator referensi dilambangkan dengan …
a. * d. titik koma
b. Tanda kutip dua e. tanda kutip satu
c. &

15. “value pointed by” adalah kata lain dari operator …
a. Memori d. Pointer
b. Deferensi e. Referensi
c. Alamat

16. Variabel yang tidak akan dihapus setelah keluar dari blok program yang mendeklarasikannya disebut …
a. Variabel Statis d. Rekursi
b. Varabel Lokal e. Parameter
c. Variabel Global

17. Pengertian dari Elimination of redundancy adalah …
a. Membagi modul yang kompleks menjadi modul kecil yang lebih mudah dipahami
b. Menghapus jumlah berlebihan yang tidak diperlukan
c. Menggunakan kembali kode
d. Mengklasifikasikan masalah dalam input, proses dan output
e. Membuat logika untuk tiap-tiap modul

18. Membuat logika dari main program dengan pseudocode, utamakan apa saja yang dikerajakan oleh program terlebih dahulu, pengertian dari….
a. Desk Checking Algoritma
b. Merancang pseudocode bagi modul
c. Logika main program
d. Hierarchy chart
e. Definisi masalah

19. Penyimpanan data dalam memori utama dapat berupa …
a. Array
b. Arsip
c. Gambar
d. Algoritma
e. Variabel

20. Pencarian elemen dalam array disebut juga dengan …
a. Pencarian utama
b. Pencarian linear
c. Pencarian eksternal
d. Pencarian basis
e. Pencarian internal

21. Operasi dasar aritmatika adalah dibawah ini, kecuali …
a. Penjumlahan
b. Pengurangan
c. Perkalian
d. Pengkuadratan
e. Pembagian

22. Yang dimaksud dengan assignment operator adalah …
a. Penjumlahan
b. Ekspresi pemrograman
c. Pemberi nilai
d. Notasi editor
e. Variabel

23. Membalik letak urutan pada string disebut…
a. Strcat d. strlwr
b. Strlen e. strupr
c. strrev

24. Operator dereferensi dilambangkan dengan …
a. *
b. Tanda kutip dua
c. &
d. Titik koma
e. Tanda kutip Satu

25. Pengembalian nilai dari fungsi ke luar fungsi disebut…
a. Return
b. Pernyataan/perintah
c. Argument
d. Nama_fungsi
e. Tipe_data

26. Suatu pendefinisian nilai-nilai dari objek-objek yang dideklarasikan pada bagian argumen fungsi disebut …
a. Parameter
b. Pemanggilan dengan nilai
c. Pemanggilan dengan referensi
d. Variabel local
e. Variabel global

27. Cara melewati nilai parameter dengan nilai disebut juga…
a. Call by value
b. Call by name
c. Call by variabel
d. Call by reference
e. Call by address

28. Dibawah ini keuntungan dari modularisasi (Modular Design) kecuali …
a. Ease of understanding
b. Reusable code
c. Hierarchy chart
d. Elimination of redundancy
e. Efficiency of maintenance

29. Tabel diatas merupakan table kebenaran …
a. Opeasi logika OR
b. Operasi logika AND
c. Operator NOT
d. Operasi NOR
e. Operasi logika NAND

30. Dalam operator logika, tanda “&&” berarti …
a. Operator logika OR
b. Operator logika AND
c. Operator logika NOT
d. Operator logika NOR
e. Operator logika NAND

B. Essay

31. Jelaskan apa yang dimaksud dengan string
Jawab : data yang berisi sederet karakter

32. Jelaskan apa yang dimaksud dengan pointer
Jawab : salah satu fitur andalan dalam bahasa C yang membedakannya dengan bahasa pemrograman lain seperti java atau visual basic

33. Sebutkan dan jelaskan kategori fungsi
Jawab : * Standard Library Function : fungsi-fungsi yang telah disediakan oleh bahasa C dalam file-file header atau library-nya
· User-defined function : fungsi yang dibuat oleh pemrogram sendiri

34. apa yang dimaksud dengan inisialisasi array !
Jawab : Inisialisasi array adalah pemberian nilai default pada array. Atau memberikan nilai awal terhadap suatu variabel.

35. Sebutkan dan jelaskan 3 macam-macam fungsi manipulasi string
Jawab :
* Strcat: untuk menggabungkan dua menjadi satu.
* Strcpy: menyalin isi string ke dalam suatu variable.
* Strlen: menghitung panjang karakter dalam suatu string.

11:40 PM Diposkan oleh simon murdani 0

Thursday, April 11, 2019

Tutorial ini dibuat bagi Anda yang ingin belajar HTML untuk membuat website dari dasar. Supaya Anda memahaminya, pastikan membacanya dan praktek dengan urut mulai dari awal.

Untuk Anda yang beranggapan jika membuat website itu sulit, dengan menyelesaikan tutorial yang kami buat, anggapan tersebut tidak akan berlaku.

Siapapun bisa belajar bagaimana caranya membuat website, yaitu diawali dengan mempelajari HTML terlebih dahulu sebagai pondasinya.

Setelah Anda menguasai HTML, kami pastikan Anda bisa membuat halaman website hanya kurang dari satu jam.

Banyak yang beranggapan untuk belajar membuat website perlu software yang mahal. Sebenarnya, dengan software yang sudah tersedia secara gratis, untuk menguasainya tidak memerlukan biaya yang mahal, bahkan bisa gratis.

Untuk langkah pada tutorial ini kami buat sesederhana mungkin, supaya Anda mudah memahaminya.

Meskipun tutorial ini belum membahas secara keseluruhan bagaimana membuat website, tapi Anda akan memahami bagaimana dasar membuat website dengan cara yang benar.

Berikut adalah Langkah Belajar HTML

1. Persiapan

Pada langkah ini Anda akan mengetahui hal apa saja yang harus dipersiapkan.

Apa yang Anda Butuhkan?

Hal yang pertama dibutuhkan untuk mempelajari HTML tentunya adalah sebuah browser, seperti yang Anda gunakan untuk membuka artikel ini.

Anda dapat menggunakan berbagai jenis browser yang biasa digunakan, seperti Mozilla, Chrome, dll.

Untuk aplikasi lain Anda hanya memerlukan editor sederhana yang ada pada Windows, yaitu Notepad. Aplikasi ini dapat Anda buka melalui Start Menu. Tapi, untuk memudahkan Anda mengelola code HTML, kami menyarankan Anda menggunakan Notepad++, yang bisa di download melalui tautan berikut.

Untuk sistem operasi selain Windows, Anda dapat menggunakan text editor sejenis seperti Pico untuk Linux atau TextEdit untuk Mac.

Jadi untuk mempelajari HTML Anda hanya memerlukan sebuah browser dan text editor saja.

Apakah Perlu Koneksi Internet?

Untuk menjalankan HTML, tidak perlu koneksi internet, kecuali untuk artikel yang sedang Anda baca ini.

2. Pahami Web Browser

Web browser adalah sebuah aplikasi yang dapat digunakan untuk mengakses dan menampilkan halaman website.

Untuk halaman website biasanya dibuat dengan HTML, XML dan lainnya.

Browser akan menerjemahkan sebuah halaman website yang dikirimkan melalui HTTP (Hypertext Transfer Protocol) ke dalam tampilan yang dipahami manusia.

Meskipun setiap web browser memiliki fitur dan tampilan yang berbeda, tapi untuk fungsi secara umum sama.

3. Sejarah HTML

HTML dibuat pada tahun 1990 oleh seorang ilmuan yang bernama Tim Berners-Lee. Tujuan awal dibuatnya HTML ini untuk memudahkan para ilmuan ketika akan mengakses dokumen mereka satu sama lain.

Ternyata hasilnya lebih dari yang dibayangkannya, HTML menjadi pondasi untuk website seperti yang dikenal saat ini.

HTML adalah sebuah bahasa markup standar singkatan dari Hyper Text Markup Language. Dengan HTML memungkinakan Anda untuk menampilkan informasi di internet.

Browser akan menampilkan code HTML dengan tampilan seperti yang Anda baca saat ini, untuk melihat code HTML silakan klik kanan kemudian pilih View page source (ctrl+u).

Melalui tutorial ini akan membuat struktur HTML yang tidak jauh berbeda seperti code tersebut. HTML adalah bagian penting untuk membuat website dan mudah dipelajari.

4. Pahami Element, Tag, dan Attribut

Element pada HTML membentuk sebuah struktur dan memberitahu browser untuk halaman website yang akan ditampilkan. Biasanya untuk element terdiri dari tag pembuka, konten, dan tag penutup.

Tag sendiri digunakan untuk menandai sebuah element pada bagian awal dan akhir, dengan format yang sama diawali dengan tanda < dan ditutup dengan >.

Jika dibedakan, untuk tag terdapat dua jenis, yaitu tag pembuka <html> dan tag penutup </html>. Dua jenis tag ini hanya dibedakan dengan tanda garis miring.

Contoh

Sebagai contoh untuk element em (emphasis) terdiri dari semua code mulai dari tag pembuka <em> dan tag penutup </em>.

Berikut untuk contoh codenya:

<em>Contoh element.</em>

Untuk hasilnya akan terlhat seperti tulisan di bawah:

Contoh element.

Untuk membuat sebuah heading atau subjudul, digunakan element h1, h2, h3, h4, h5, atau h6. Dimana kepanjangan h adalah heading. Untuk ukuran paling besar diawali dengan h1 sampai h6 adalah ukuran terkecil.

Berikut adalah codenya:

<h1>Ini adalah h1</h1>
<h2>Ini adalah h2</h2>
<h3>Ini adalah h3</h3>
<h4>Ini adalah h4</h4>
<h5>Ini adalah h5</h5>
<h6>Ini adalah h6</h6>

Untuk tampilan di browser akan terlihat seperti gambar di bawah:

Seperti yang terlihat dari code di atas, pada sebuah element terdapat tag pembuka dan tag penutup. Ini tidak berlaku untuk beberapa element seperti code untuk membuat enter atau baris baru, yaitu <br>.

Menggunakan huruf besar atau huruf kecil?

Mungkin Anda memiliki pertanyaan mengenai penulisan tag, apakah harus menggunakan huruf besar atau huruf kecil. Meskipun browser tidak membedakan mengenai hal tersebut, untuk pembuatan tag pada umumnya menggunakan huruf kecil.

Itulah sedikit pengenalan mengenai element dan tag.

Attribute

Setelah Anda memahami element dan tag, Anda perlu memahami apa itu attribute. Seperti diketahui jika sebuah element berupa sturktur pada HTML yang berfungsi untuk memberitahu browser mengenai apa yang akan ditampilkan.

Aturan penulisan sebuah attribute:

Nama attribute diikuti oleh tanda sama dengan.
Nilai attribut diapit oleh dua tanda petik pembuka dan penutup.
Jika lebih dari satu attribut, diberi jarak dengan spasi.

Berikut adalah contoh element yang disertai sebuah attribute:

<p>Berikut adalah <a href="https://www.niagahoster.co.id/" title="Halaman hosting terbaik" target="_blank">hosting terbaik</a>.</p>

Berikut adalah tampilan pada browser:

Penjelasan:

Dari contoh di atas untuk element <a> berguna untuk memberikan batasan pada hyperlink dengan beberapa attribute di dalamnya:

href – Ini adalah attribute untuk menentukan alamat sebuah website, dimana ketika tautan diklik akan diarahkan ke halaman sesuai dengan tautan yang diisi, pada contoh ini adalah halaman href=”https://www.niagahoster.co.id/”.
title – Attribute ini berguna untuk menambahkan informasi pada tautan ketika kursor mouse diarahkan pada tautan. Pada contoh ini untuk title yang digunakan adalah title=”Halaman hosting terbaik”.
target – Untuk attribute ini berguna untuk memberitahu browser jika tautan diklik akan dibuka pada tab baru. Pada contoh ini adalah target=”_blank”. Jika attribut ini dihilangkan, untuk tautan tidak akan dibuka di tab baru.

Untuk mempercepat pemahaman Anda dalam belajar HTML dasar ini, silakan ikuti langkah selanjutnya.

5. Struktur HTML

Setelah Anda memehami elemet HTML, selanjutnya adalah menggabungkannya menjadi satu di dalam dokumen HTML.

Coba perhatikan code berikut ini:

<!DOCTYPE html>
<html>
     <head>
          <meta charset="utf-8">
          <title>Halaman pertamaku</title>
     </head>
     <body>
          <p>Ini adalah halaman pertamaku</p>
     </body>
</html>

Penjelasan:

<!DOCTYPE html> – Merupakan deklarasi dari type dokumen
<html></html> – Dikenal dengan element utama karena semua element berada di dalamnya.
<head></head> – Element ini berfungsi untuk memasukkan konten yang tidak ingin ditampilkan. Konten tersebut dapat berupa keyword, deskripsi, CSS, dll.
<meta charset=”utf-8″> – Berfungsi untuk memberitahu browser mengenai pengkodean karakter yang sesuai dengan ketentuan UTF-8, mengenai UTF-8 silakan baca artikel berikut.
<title></title> – Merupakan judul dari halaman website yang muncul pada bagian tab browser.
<body></body> – Berisi konten yang ditampilkan pada browser ketika pengunjung mengakes halaman tersebut, contohnya seperti artikel yang sedang Anda baca saat ini.

6. Buat Halaman Website Pertama Anda

Dengan HTML Anda dapat membuat website sendiri dengan memahami dasarnya, berbeda ketika Anda membuat website dengan WordPress. Meskipun website WordPress jauh lebih bagus, tapi Anda belum tentu memahami strukturnya seperti apa.

Pada bagian pertama, Anda sudah mengetahui hal yang dibutuhkan untuk membuat website dengan HTML, yaitu sebuah browser dan text editor seperti Notepad.

Text editor yang kami sarankan adalah Notepad++, karena Anda akan lebih mudah dalam membaca code, silakan download melalui tautan ini, kemudian lakukan instalasi.

Setelah Anda selesai melakukan instalasi Notepad++, silakan ikuti langkah di bawah ini:

1. Buka Notepad++, kemudian buat halaman baru.
2. Copy code di atas ke dalam halaman baru.
3. Kemudian simpan dengan Save as type pilih html.

Untuk melihat hasilnya, silakan buka file index.html yang telah Anda buat melalui browser. Berikut adalah tampilannya:

7. Lengkapi Halaman Website Anda

Setelah Anda selesai membuat halaman website sederhana dan memahami strukturnya, selanjutnya adalah menambahkan beberapa elemen yang dibutuhkan pada sebuah halaman website pada umumnya.

Untuk sebuah halaman website biasanya terdari dari judul, subjudul, list, link, gambar, tabel, komentar untuk code, dan form.

Untuk lebih detailnya, silakan ikuti langkah di bawah ini:

1. Silakan edit code yang Anda buat sebelumnya, pertama adalah membuat judul, silakan tambahkan code di bawah ini ke dalam tag <body>.

<h1>Hosting Indonesia</h1>

2. Setelah menambahkan judul, Anda dapat menambahkan paragraf pertama dibagian bawah tag h1.

<p>Kami menyediakan berbagai paket hosting dengan fitur lengkap</p>

3. Selanjutnya adalah menambahkan subjudul, untuk subjudul Anda dapat menggunakan h2, h3 dst, letakkan code di bawah ini setelah tag p.

<h2>Pilihan Paket Hosting Indonesia:</h2>

4. Untuk menambahkan list, silakan masukkan code berikut:

<ul>
<li>Paket Bayi</li>
<li>Paket Pelajar</li>
<li>Paket Personal</li>
<li>Paket Bisnis</li>
</ul>

5. Seperti yang sudah kami bahas sebelumnya, untuk menambahkan link Anda perlu menggunakan attribute href yang ada di dalam element <a>, untuk lebih jelasnya silakan tambahkan code berikut pada list setiap paket hosting di nomor 4, sehingga codenya akan terlihat seperti berikut. Jangan lupa untuk mengecek hasilnya dengan merefresh halaman index.html:

<li><a href="https://www.niagahoster.co.id" target="_blank">Paket Bayi</a></li>
<li><a href="https://www.niagahoster.co.id" target="_blank">Paket Pelajar</a></li>
<li><a href="https://www.niagahoster.co.id" target="_blank">Paket Personal</a></li>
<li><a href="https://www.niagahoster.co.id" target="_blank">Paket Bisnis</a></li>

Berikut tampilannya:

6. Untuk membuat tampilan sedikit menarik, Anda silakan tambahkan gambar pada halaman tersebut. Pada contoh ini gambar akan diletakkan di bagian bawah judul, yaitu element h1. Silakan taruh gambar menjadi satu folder dengan file index.html. Kemudian beri nama, misalnya hosting-indonesia. Kemudian tambahkan code berikut:

<img alt="Hosting Indonesia" src="hosting-indonesia.png" height="200" />

Keterangan:

Untuk gambar hanya menggunakan satu tag, sehingga untuk elementnya hanya <img />.
alt adalah nama untuk gambar supaya dapat dipahami oleh mesin pencari seperti Google.
src nama file dari gambar yang ditampilkan, jika file tidak di folder yang sama, atau berada di alamat website tertentu, Anda perlu menulisnya dengan lengkap, misalnya: https://namadomain.com/nama-file.png.
Untuk ukuran, supaya bentuknya proporsional, silakan gunakan salah satu diantara height atau width, pada contoh ini kami menggunakan height.

Berikut tampilannya:

7. Selanjutnya adalah cara membuat tabel di HTML, silakan tambahkan code di bawah ini setelah code untuk list yaitu di bawah tag </ul>.

<table border="1">
<tr>
<td>Bayi</td>
<td>Pelajar</td>
<td>Personal</td>
<td>Bisnis</td>
</tr>
<tr>
<td>Rp 19.800/ bln</td>
<td>Rp 44.800/ bln</td>
<td>Rp 67.800/ bln</td>
<td>Rp 91.800/ bln</td>
</tr>
<tr>
<td>500 MB Disk Space</td>
<td>Unlimited Disk Space</td>
<td>Unlimited Disk Space</td>
<td>Unlimited Disk Space</td>
</tr>
<tr>
<td>1 Domain</td>
<td>10 Addon Domains</td>
<td>Unlimited Addon Domains</td>
<td>Unlimited Addon Domains</td>
</tr>
</table>

Untuk tampilan tabel akan terlihat seperti gambar di bawah:

7. Supaya mudah dalam mengetahui fungsi code yang dibuat, Anda dapat menambahkan keterangan atau komentar pada bagian atas code yang ingin diberi keterangan. Pada contoh ini adalah komentar untuk memberi keterangan pada code tabel.

<!-- Untuk tabel harga -->

Berikut adalah code yang akan terlihat pada editor Notepad++:

8. Selanjutnya adalah menambahkan form pada halaman HTML. Silakan tambahkan code berikut pada bagian bawah tag </table>.

<div>
 <h2>Hubungi Kami</h2>
  <form action=" index.html" method="get">
 <div>
  <input type="text" name="nama" placeholder="Nama Anda" required="" />
 </div><br>
 <div>
  <input type="text" name="email" placeholder="Masukkan Email Anda" required="" >
 </div><br>
 <div>
  <input type="text" name="subject" placeholder="Subjek" required="">
 </div><br>
 <div>
  <textarea type="text" name="pesan" rows="10" cols="30" placeholder="Pertanyaan"></textarea> 
 </div><br>
 <div>
 <input type="submit" value="Kirim Sekarang" >
 </div>
 </form>
</div>

Untuk form yang dibuat pada contoh ini berfungsi untuk form kontak yang terdiri dari form nama, email, subjek, isi pertanyaan, dan tombol kirim.

Untuk tampilannya akan terlihat seperti gambar di bawah ini:

Pada langkah ini Anda sudah berhasil menyelesaikan tutorial belajar HTML, untuk memperbaiki tampilannya dibutuhkan script tambahan yaitu CSS yang akan kami bahas pada tutorial selanjutnya.

Untuk code secara keseluruhan pada artikel ini akan terlihat seperti berikut:

Sedangkan untuk tampilan akhir akan terlihat seperti gambar di bawah ini:

Kesimpulan

Setelah Anda menyelesaikattan tutorial belajar HTML langkah demi langkah pada artikel ini, Anda akan memahami beberapa hal seperti cara membuat judul, memasukkan gambar, membuat link, sampai membuat kontak form. Jika Anda memiliki masukkan atau pertanyaan mengenai artikel ini, jangan ragu untuk berkomentar melalui kolom komentar yang tersedia. Silakan Subscribe untuk mendapatkan artikel terbaru langsung di inbox email Anda.

6:11 PM Diposkan oleh simon murdani 0

Wednesday, April 10, 2019

TIPE DATA, KONSTANTA, EKSPRESI, OPERATOR DAN VARIABEL PADA PASCAL

A. TIPE DATA

Tipe data biasanya digunakan untuk menentukan jenis nilai yang dapat ditampung oleh suatu variabel, umumnya telah menyediakan tipe-tipe data yang sederhana (simple) maupun yang terstruktur. Apabila kita membutuhkan tipe data yang belum tersedia, kita dapat mendefinisikan sendiri tipe data baru yang disebut enumerated type.

Setiap data yang ada pada program pascal memiliki tipe data, baik berupa angka bulat (integer), angka biasa (real), atau berupa karakter (char),(String) dan sebagainya.

Jenis - Jenis data yang di kenal dalam Bahasa Pascal yaitu :

Tipe Data Sederhana
Tipe Data Terstruktur

Tipe Data Sederhana

1.Bilangan bulat ( integer )

Tipe data ini menerima angka dan bisa dilakukan proses aritmatika. Tipe data ini adalah tipe data bilangan bulat, yaitu Bilangan atau angka yang tidak memiliki titik desimal atau pecahan.

Contoh :

Program display_maxint;uses wincrt;

begin writeln (maxint)

end.

Hasilnya: 32.767

2. Bilangan biasa ( real )

Bilangan atau angka yang bisa memiliki titik desimal atau pecahan, Tipe data ini menerima angka dan koma serta bisa dilakukan proses aritmatika.

Contoh :

a' 'B' '+', dsb.

3. Boolean

Boolean adalah tipe data yang hanya mempunyai dua kemungkinan, yaitu true dan false. Biasanya digunakan untuk operasi logika dengan ungkapan AND, OR, atau NOT

Contoh :

Program display_bool;uses wincrt;

begin writeln(ord(true));

writeln(ord(false));

end.

Hasilnya: 1 0 3.2.

4. Karakter ( char )

Karakter adalah data tunggal yang mewakili semua huruf, simbol baca, dan juga simbol angka yang tidak dapat dioprasikan secara matematis, misalnya: ’A’, ’B’, .....,’Z’, ’?’,’!’, dst. Tipe data ini adalah tipe data yang menerima kumpulan karakter (huruf, angka, symbol) tipe data ini tidak bisa dilakukan proses aritmatika.

5. String

String adalah tipe data bentukan yang merupakan deretan karakter yang membentuk satu kata atau satu kalimat, yang biasanya diapit oleh dua tanda kutip. Tipe data yang menerima kumpulan karakter (huruf, angka, symbol) tipe data ini tidak bisa dilakukan proses aritmatika

Tipe Data Terstruktur

1. Array

Array atau lark adalah tipe terstruktur yang mempunyai komonen dalam jumlah yang tetap dan setiap komponen mempunyai tipe data yang sama. Posisi masing-masing komponen dalam array dinyatakan sebagi nomor index.

Contoh:

Type

Tipe_saya=array[1..100] of integer

Var

Var_baru : tipe_saya;

2. Record

Definisi Record hampir sama dengan Array, tetapi yang membedakan antara keduanya adalah kalau Array semua komponennya bertipe data yang sama sedangkan Record setiap komponennya bisa bertipe data yang beda-beda.

Contoh:

TYPE my_rec = RECORD

Nama : STRING[90]; Npm : STRING[ 8] ;

Nilai : REAL;

END;

VAR

Data nya : my re c;

3. Set

Himpunan (set) adalah kumpulan obyek yang mempunyai tipe data yang sama dan urutan penulisannya tidak diperhatikan. Setiap obyek dalam suatu himpunan disebut dengan anggota atau elemen himpunan.

Contoh:

TYPE irama = (JAZZ, POP, ROCK ,DANGDUT, SKA);

Musik = SET OF irama;

VAR

Jenis musik : Musik;

4. File

File (Berkas) adalah kumpulan sejumlah komponen yang bertipe data sama, yang jumlahnya tidak tertentu, dan biasanya tersimpan dalam suatu media penyimpan luar

Tipe Data Penunjuk

Pointer

Tipe data pointer merupakan tipe data yang berbeda dengan yang lainnya. Semua tipe data yang lainnya bersifat STATIS sedangkan tipe Pointer bersifat DINAMIS. Tipe ini merupakan tipe data untuk suatu variabel, dimana isi variabel ini berupa alamat variabel lain, dalam artian variabel pointer adalah variabel yang menunjuk nilai atau alamat variabel lainnya.

B. VARIABEL

Variabel adalah identifier yang berisi data yang dapat berubah-ubah nilainya di dalam program. Variabel dapat disebut juga sebagai perubah nilai, yaitu sesuatu yang dapat digunakan untuk menyimpan nilai, dimana nilai yang disimpan ini dapat selalu berubah-ubah.

JENIS-JENIS VARIABEL :

1. Boolean

Data boolean disebut juga data bilangan lojik. Tipe data boolean hanya mengenal dua buah nilai yaitu benar (true) dan salah (false).

2. Integer

Data integrer merupakan nilai bilangan bulat dalam bentuk desimal misalnya 1, 2, 34, 765, 0, -89, -70. tipe data integrer mempunyai ranah nilai yang tidak terbatas. Dalam Turbo Pascal terdapat lima macam tipe data integrer, yaitu: byte, shorint, word, integer dan longint.

3. Real

Data real adalah data yang mengandung data desimal misalkan 3.65, 9.0876, 2.00, dan lain-lain. Bilangan real juga dapat dituliskan dengan notasi E, yang artinya perpangkatan sepuluh. Misalnya 230.40E32 artinya 230.40 x10³².

4. Karakter (char)

Data karakter ditulis dengan menggunakan tanda petik ( “ “ ) misalkan “A” ,”@”, “z”, “#”, “1”, “-234”, “+”, “<” dan lain-lain. Tapi perlu diperhatikan “9” adalah karakter tetapi jika di tulis 9 maka tipenya menjadi integer. Maka sarat mutlak menulisan karakter harus menggunakan tanda baca petik ( “ “ ).

5. String

Data string adalah untaian karakter-karakter dengan panjang tertentu yang terletak diantara tanda petik tunggal. nilai data string akan menepati memori sebesar banyaknya karakter stringnya ditambah dengan 1 byte. Contoh dari data sring adalah seperti ‘teknik’, ‘informatika’, ‘9876151’ dan sebagainya.

6. Pointer

Pointer adalah suatu variabel yang berisi alamat yang akan disimpan pada

memori.

7. Ordinal

ordinal adalah tipe data yang merupakan subset dari tipe data sederhana (tipe data standart dan tipe data yang di definisikan sendiri oleh pemakai). Yang dimaksud dengan tipe data sederhana adalah semua tipe data kecuali tipe data riel. Jadi yang termasuk tipe data ordinal adalah tipe data stendart (integer, shortint, longit, byte, word, boolean, dan chart), dan tipe data yang didefinisikan sendiri oleh pemakai

Pemberian nama variabel harus mengikuti aturan yang ditetapkan oleh bahasa pemrograman yang kita gunakan. Namun secara umum ada aturan yang berlaku untuk hampir semua bahasa pemrograman. Aturan-aturan tersebut yaitu:

Nama variabel harus diawali dengan huruf.
Tidak boleh menggunakan spasi pada satu nama variabel. Spasi bisa diganti dengan karakter underscore (_).
Nama variabel tidak boleh mengandung karakter-karakter khusus, seperti : .,+, -, *, /, <, >, &, (, ) dan lain-lain.
Nama variabel tidak boleh menggunakan kata-kata kunci d bahasa pemrograman

C. KONSTANTA

Konstanta adalah variabel yang nilai datanya bersifat tetap dan tidak bisa diubah. Jadi konstanta adalah juga variabel bedanya adalah pada nilai yang disimpannya. Jika nilai datanya sepanjang program berjalan tidak berubahubah, maka sebuah varibel lebih baik diperlakukan sebagai konstanta. Pada sebuah kode program, biasanya nilai data dari konstanta diberikan langsung di bagian deklarasi konstanta. Sedangkan untuk variabel biasanya hanya ditentukan nama variabel dan tipe datanya tanpa isian nilai data. Aturan penamaan variabel juga berlaku untuk penamaan konstanta. Demikian juga aturan penetapan tipe data. konstanta dibagi menjadi 4 :

Konstanta integer, berupa integer biasa, integer panjang (long int) dan integer tak bertanda (unsigned integer). Nilainya dapat berupa desimal, oktal atau hexadesimal
Konstanta floating point, dapat mengandung nilai pecahan, yang biasa ditulis dalam bentuk pecahan biasa maupun bentuk eksponensial dan selalu dinyatakan dalam double, kecuali jika diakhiri dengan F atau f (menyatakan konstanta float).
Konstanta string, merupakan deretan karakter yang diawali dan diakhiri dengan tanda petik ganda (“…“). Juga dapat mengandung karakter yang menggunakan tanda \ yang disebut karakter escape (escape sequence).
Konstanta karakter, selalu diawali dan diakhiri dengan tanda petik tunggal (‘…’). Beberapa konstanta karakter dapat diawali dengan tanda \ (penempatannya setelah tanda petik tunggal).

Sebagai contoh, jika kita membuat program perhitungan matematik yang menggunakan nilai pi (3.14159) yang mungkin akan muncul dibanyak tempat pada kode program, kita dapat membuat pi sebagai konstanta. Penggunaan konstanta pi akan lebih memudahkan penulisan kode program dibanding harus mengetikkan nilai 3.14159 berulang-ulang.

Konstanta digunakan apabila anda sering menggunakan suatu nilai konstanta secara berulang-ulang dalam kode anda, dan anda tidak ingin kerepotan untuk mengetikkan nilai konstanta itu terus menerus.

Untuk membuat sebuah konstanta pada dasarnya sama sepertUntuk membuat sebuah konstanta pada dasarnya sama seperti Variabel.

const NamaKonstanta: JenisKonstanta := NilaiKonstanta;

D. EKSPRESI

Ekspresi adalah transformasi nilai menjadi keluaran yang dilakukan melalui suatu perhitungan (komputasi).

Ekspresi terdiri atas operand dan operator, contoh ekspresi: “a + b”.Hasil Evaluasi dari sebuah Ekpresi adalah nilai yang sesuai dengan type operand yang dipakai

MACAM – MACAM EKPRESI

Ø Ekspresi aritmatika

Ekspresi yang baik operand-nya bertipe numerik dan hasilnya juga bertipe numerik.

· Ekspresi aritmatika memakai operator aritmatika.

Pada ekspresi aritmetik terdapat 2 buah operator yaitu :

· Operator biner, yaitu ekspresi yang operatornya membutuhkan 2 buah operand.

Contoh a+ b

· Operator Uner, yaitu “-” atau operator yang punya 1 operand contoh “-2”

Contoh 2. (Penulisan ekspresi dengan notasi algoritma)

T = 5/9 * (c + 32)

Z = (2*x + y) / (5 * w)

Y = 5((a+b) / (c*d) + m (p + q))

Ø Ekspresi Perbandingan/ Relasional

Ekspresi relasional adalah ekspresi dengan operator <, ≤, >, ≥, =, dan ≠, not, and, or dan xor dengan menghasilkan nilai bertipe boolean (true atau false). Biasanya ekspresi Relasional disebut ekspresi boolean.

Ø Ekspresi Logika (Menggunakan Operator Boolean)

Adalah sebuah perintah yang akan mengeksekusi suatu perintah apabila kondisi tertenti terpenuhi.

Operator boolean digunakan untuk menghubungkan dua buah ekspresi logika. Pada kesempatan ini operator boolean yang akan dibahas adalah AND dan OR.

Operator AND digunakan untuk menghubungkan dua buah ekspresi logika dan hasilnya

TRUE jika kedua ekspresi tersebut bernilai TRUE.

Logika I	Operator Boolean	Lgika II	Hasil Akhir
FALSE		FALSE	FALSE
FALSE	AND	TRUE	FALSE
TRUE		FALSE	FALSE
TRUE		TRUE	TRUE

Operator OR dipergunakan untuk menghubungkan dua buah ekspresi logika dan hasilnya bernilai TRUE jika minimal salah satu ekspresi logika bernilai TRUE.

Logika I	Operator Boolean	Lgika II	Hasil Akhir
FALSE		FALSE	FALSE
FALSE	OR	TRUE	TRUE
TRUE		FALSE	TRUE
TRUE		TRUE	TRUE

Contoh01

1. Program PenerimaanPegawai;

2. Uses Crt;

3. Var Umur : Integer;

4. Ket : String;

5. Begin

6. ClrScr;

7. Write(‘Umur calon pegawai : ‘); Readln(Umur);

8. If (Umur >= 20) AND (Umur <= 30) THEN Ket:=’DITERIMA’

9. ELSE Ket:=’DITOLAK’;

10. Writeln(‘Status pegawai : ‘,Ket);

11. End.

E. OPERATOR

OPERATOR DALAM BAHASA PASCAL

Operator adalah simbol-simbol khusus yang digunakan untuk mengoperasikan suatu nilai data . Tanda operasi (operator) di dalam bahasa Pascal dikelompokkan ke dalam beberapa kategori, yaitu

· Operator Boolean

Operator yang menyatakan suatu kondisi tertentu.

Macam dari operator boolean ini adalah:

NO	OPERATOR	ARTI
1	Not	Hasil ouput akan bernilai 1 apabila semua masukan bernilai 0
2	And	Hasil output akan bernilai 1 apabila semua masukan bernilai 1
3	Or	Hasil output akan bernilai 1 apabila masulan salah satunya bernilai1

Assignment operator

Menggunakan simbol titik dua diikuti oleh tanda sama dengan (:=).

Contoh :

A:=B;

Binary operator

Untuk mengoperasikan dua buah operand. Operand dapat berbentuk konstanta ataupun variabel. Operator ini digunakan untuk operasi aritmatika yang berhubungan dengan nilai tipe data integer dan real.

Operator	Operasi	Tipe Operand	Tipe Hasil
*	perkalian	real, realinteger, integerreal, integer	realintegerreal
Div	pembagian bulat	integer,integer	integer
/	pembagian real	real,realinteger,integerreal,integer	Realrealreal
Mod	sisa pembagian	integer,integer	integer
+	pertambahan	real,realinteger,integerreal,integer	realintegerreal
-	pengurangan	real,realinteger,integerreal,real	realintegerreal

Contoh :

15*5 hasilnya 75

20/3 hasilnya 6.6666666667E+00

div 3 hasilnya 6

20 mod 3 hasilnya 2

Unary operator

Dapat berupa unary minus dan unary plus. Unary minus digunakan untuk menunjukkan nilai negatif, baik pada operang numerik real maupun integer. Unaru plus adalah operator untuk memberai tanda plus.

Lihat pada table berikut : (operator pada unary operator)

Operator	Arti
+ (Plus)	Positif
- (Minus)	Negatif

Contoh :

-5 +7

-2.5 +2.5

Relational operator

Membandingkan hubungan antara dua buah operand dan akan didapatkan hasil tipe boolean, yaitu True atau False.

Operator-operator yang terlibat adalah :

= : sama dengan

> : lebih besar

< : lebih kecil

<> : tidak sama dengan

>= : lebih besar atau sama dengan

<= : kurang atau sama dengan

Logical operator

Terdapat 4 buah logical operator yaitu : NOT, AND, OR dan XOR. Operator ini bekerja dengan nilai-nilai logika, yaitu True dan False.

True:jika tipe integer bernilai tidak nol(0)

False jika tipe integer bernilai nol(0)

Address operator

Operator ini berhubungan dengan alamat di memori, yaitu :

@ : Addriess-of Operator adalah alamat dari suatu nilai variabel.

^ : Indirection Operator adalahnilai di alamt yang ditunjukkan.

Operator ini akan digunakan pada pembahasan mengenai pointer.

Set operator

Digunakan untuk operasi himpunan

Operator	Operasi
+	Union
-	Perbedaan himpunan
*	Perkalian himpunan

String operator

Digunakan untuk operasi string. Hanya ada sebuah operator string saja, yaitu operator + yang digunakan untuk menggabungkan dua buah nilai string.

Contoh :

Nama1 := ‘Asa‘;

Nama2 := ‘Anugrah’;

Nama3 := Nama1 + Nama2;

LAMBANG-LAMBANG:

Perioritas	Operator	Keterangan
I	()	Tanda kurung
II	++ --	Increment, Decrement
III	* / %	Kali, bagi dan sisa
IV	+ -	Tambah dan kurang
V	= += -= *= /= %=	Operator pemberi nilai aritmatika
VI	!	Operator logika NOT
VII	< > <= >=	Operator relasional
VIII	&& \|\|	Operator logika DAN dan ATAU