Latihan awal JavaScript

Untuk pemula, kita mulai dari yang ringan-ringan dulu. Seperti biasa, kita mulai dengan membuat file HTML, kemudian kita tambahkan skrip JavaScript. Tuliskan kode berikut:
<html>
<head><title>Tes</title></head>
<body>
<h1> Tes JavaScript</h1>
<script language="javascript">
document.write("Saya berasal dari JavaScript");
</script>
</body>

</html>
Sekarang coba buka dengan web browser.

 


 Nampak bahwa hasil:

Saya berasal dari JavaScript

diletakkan sesudah

Tes JavaScript

dan ini memang berasal dari


<script language="javascript">
document.write("Saya berasal dari JavaScript");
</script>

Pengumpulan dan Penyajian Data (Statistika)

Pengumpulan Data

Untuk keperluan membuat keputusan, kita memerlukan data. Secara statistika, sebuah data dapat dikumpulkan dengan bermacam-macam cara, antara lain:

1. Turun langsung ke lapangan
2. Mengambil atau menggunakan sebagian atau seluruh data dari suatu badan atau instansi
3. Membuat angket atau quesioner

Angket atau quesioner adalah daftar pertanyaan untuk mendapatkan data.
Penyajian Data
Data yang sudah dikumpulkan, baik dari popullasi maupun sampel bersifat kualitatif maupun kuantitatif untuk keperluan laporan atau analisa selanjutnya data tersebut dapat disusun atau disajikan dengan baik. Secara statistik, ada beberapa cara penyajian data.

1. Dalam bentuk tabel atau daftar

Adapun formula dasar dalam penyajian data secara daftar

Header Style part 1 (CSS)

Sesuai dengan namanya, header style berarti menuliskan skrip CSS pada header dokumen HTML didalam bagian <head> dan </head>. Definisi style dengan cara ini lebih dianjurkan karena selain lebih rapi, pendefinisian tag cukup dilakukan satu kali.

• Masih menggunakan teks editor, kali ini buat dokumen HTML baru dengan kode sebagai berikut.

<html>

   <head>

     <title> Latihan3</title>

   </head>

<body>

   <h3>Judul Artikel</h3>

      <p>Contoh paragraf teks</p>

</body>

</html>

•     Simpan dengan nama latihan3.html

•     Jalankan dengan web browser maka akan tampil seperti gambar berikut

•   Kita akan mencoba mengubah penampilan teks judul artikel dengan menyisipkan kode CSS pada bagian header.

<head>

<title> Latihan3</title>

<Style>

H3 {font-family:arial}

</style>

</head>

•       Pada bagian tag <h3> berarti kita akan menggunakan font arial. Skrip ini harus berada tag <style> dan </style> agar dikenali oleh web browser sebagai CSS.
•  Simpan kembali lalu buka dengan web browser, maka jenis font yang digunakan pada header menjadi Arial

  

Download Source Code

Sejarah dan Pengertian Komputer

Awal mula komputer berasal dari Sempoa/Abacus yang ditemukan oleh Charles Babbage. Karena temuannya itu, beliau dijuluki sebagai bapak Komputer.

Komputer berasal dari bahasa latin computare  yang artinya menghitung.

Dari pengertian wikipedia, ada dua era. Era dulu komputer adalah orang menghitung. Sedangkan Era sekarang adalah alat yang digunakan untuk mengolah informasi menurut prosedur-prosedur yang telah ditetapkan.

Menurut Oxford English Dictionaru edisi 2 (OED2), komputer adalah alat yang digunakan untuk melakukan penghitungan atau pengendalian operasi-operasi yang dinyatakan dengan numerik dan angka.

Sedangkan menurut Robert H Blismer, komputer adalah alat elektronik yang dapat melakukan tugas-tugas sebagai berikut:

• Menerima Input (masukan)
• Memproses input yang telah diterima
• Menyimpan instruksi-instruksi hasil pemrosesan
• Mengeluarkan output (Keluaran) yang berupa informasi.

Jadi komputer adalah alat yang dapat menerima masukan (input), lalu diproses input tersebut untuk menghasilkan keluaran (output) berupa informasi.

Tambahan:
Data adalah Fakta nyata/ keadaan sesungguhnya.
Informasi adalah data yang telah diolah menjadi data baru yang bermanfaat bagi penerimanya.

Ciri-ciri informasi berkualitas
1. Akurat, yaitu bebas dari kesalahan
2. Relevan, yaitu sesuai atau mempunyai manfaat bagi si penerima
3. Tepat waktu

Menggunakan echo dan print (PHP)

Buatlah direktori (folder) baru di C:\xampp\htdocs dengan nama “latihan” atau terserah apa saja.

Jalankan aplikasi teks editor (notepad, Adobe Dreamweaver dll).

Tuliskan kode berikut:

<?php

Echo “Hello World\n”;

Echo (“Bentuk lain penggunaan echo\n\n”);

Print “Hello World\n”;

Print (“Bentuk lain penggunaan print”);

?>

Simpan kode diatas dengan nama latihan2.php atau terserah anda. Dan tempatkan direktori yang tadi anda buat C:\xampp\htdocs\latihan

Jalankan web browser lalu masukkan alamatnya. http://localhost/latihan/latihan2.php

Download Source Code

Kemampuan JavaScript

JavaScript adalah bahasa skrip (bahasa yang kodenya ditulis menggunakan teks biasa) yang ditempelkan pada dokumen HTML dan diproses pada sisi klien. Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi semakin luas. Sebagai contoh, dengan menggunakan JavaScript dimungkinkan untuk memvalidasi masukan-masukan pada formulis sebelum formulir dikirim ke server. Selain itu, dengan menggunakan JavaScript juga dimungkinkan untuk mengiplementasikan tugas yang bersifat interaktif tanpa berhubungan dengan server. Beberapa contoh yang bisa dilakukan melalui JavaScript:

1. Menampilkan jam lokal pada halaman web.
2. Mengatur warna latar belakang halaman web.
3. Mengganti gambar ketika pemakai menempatkan penunjuk mouse ke suatu gambar.
4. Memvalidasi keabsahan data yang dimasukkan oleh pemakai.
5. Menandai semua data yang akan dihapus dengan cara memberi tanda centang pada kotak cek. Hal seperti ini biasa disediakan pada pembaca email yang berbasis web.

Yang lebih penting lagi, JavaScript dapat memanfaatkan DOM untuk mengakses elemen-elemen dalam halaman web dan dapat berinteraksi dengan server. JavaSript-lah yang digunakan untuk menyusun lapisan Ajax.