Kamis, 12 Desember 2013

DASAR PEMROGRAMAN WEB


Dasar Pemrograman Web
1.1 Cara Kerja WWW
Ketika kita mengunjungi sebuah situs katakanlah, google.com, ada sebuah proses “dibalik layar”  yang tidak anda ketahui.  Secara kronologis urutan proses adalah:
1. User membuka alamat website pada browser
2. Browser mengirim HTTP­Request ke server
3. Server merespon HTTP­Request dari browser
 4. Server mengirim HTTP­Response ke browser
5. Browser menampilkan halaman website kepada user

1.2 HTML
HTML/XHTML merupakan format tampilan yang digunakan untuk menampilkan halaman website.  HTML terdiri dari simbol­simbol tertentu yang sering disebut dengan tag. Sebuah halaman website  yang valid selalu diapit tag <html></html>. File HTML umumnya memiliki akhiran *.htm atau  *.html.
Tag­tag pada HTML selalu diawali dengan <x>...</x>, dimana x tag HTML seperti <strong>, <p>,  <div>, dan lain­lain.
Penerapan Teori HTML
1. Buka editor anda (gedit(Linux), Notepad++(Windows), dsb))
2. Ketik kode berikut:
1. <html>
2. <head>
3.   <title>Website Pertamaku</title>
 4. </head>
 5. <body>
 6.   <h1>Hello F**king World!!</h1>
 7. </body>
 8. </html>
3. Simpan pada dengan nama hello­world.html
 4. Buka browser anda(Firefox, IE, dsb) dan buka file yang baru saja anda buat.

1.4 Hyperlink
Anda tentu sering melngklik gambar atau tulisan yang mengarah ke halaman lain atau website  lainnya. Yang anda klik itu adalah hyperlink atau lebih dikenal dengan istilah link saja. Untuk  membuat link kita dapat menggunakan tag <a></a>.  Dua attribut yang paling sering digunakan  pada tag <a> adalah href dan target.
href digunakan untuk menentukan lokasi tujuan dari link. Dapat berupa relatif URL atau absolut  URL.
target digunakan untuk menentukan apakah halaman akan dibuka pada jendela/window baru atau  tidak. Defaultnya adalah self dimana link tidak dibuka pada window baru. Jika ingin membuka pada  window baru gunakan nilai _blank.
Untuk lebih memahami cara kerja link, kita akan membuat dua file yaitu profilku.html dan daftar­ situs.html.
1. Buka gedit/Notepad++
2. Ketik kode berikut:
1. <html>
 2. <head>
 3.   <title>Profil JSL</title>
 4. </head>
 5. <body>
 6.   <h2>ProfilKu</h2>
 7.   <ul>
 8.      <li><strong>Nama Lengkap:</strong> John Septian Lennon<li>
9.      <li><strong>Tempat/Tgl. Lahir: </strong>Lipermboh, 14 September 1940</li>
10.      <li><strong>Pekerjaan:</strong> Rocker Jalanan<li>
11.      <li><strong>Wafat: </strong> Tewas tertembak oleh penggemar di depan 
12.      kandang sapi pada 1980</li>
13.   </ul>
14.   <p>Ingin lihat daftar situs favorit saya? <a href="daftar­situs.html">
15.   klik disini</a>.</p>
16.</body>
 17.</html>
3. Simpan dengan nama profilku.html
4. Buat file baru lagi, kemudian ketik kode berikut:
1. <html>
2. <head>
3.   <title>Daftar situs favorit JSL</title>
4. </head>
5. <body>
 6.   <h2>Daftar Situs favoritku</h2>
7.   <ol>
8.      <li><a target="_blank" href="http://www.google.com/">Om Google</a></li>
9.      <li><a target="_blank" href="http://www.milw0rm.com">
10.      Cacing Underground</a></li>
11.   </ol>
12.   <p><a href="profilku.html">Lihat profil lengkap</a></p>
13.</body>
14.</html>
5. Simpan dilokasi yang sama dengan profilku.html dan beri nama daftar­situs.html
6. Buka file profilku.html dengan browser anda, dan coba klik link yang ada untuk memahami  cara kerjanya
Diposting oleh di 1 komentar:

Minggu, 17 November 2013

Dasar-Dasar Pemrograman Java



Dasar-Dasar Pemrograman Java

Tipe data primitif 
1.  Logika - boolean  Tipe data boolean diwakili oleh dua pernyataan : true dan false  
2.  Teksual – char  Tipe data character (char) diwakili oleh karakter single Unicode.  Tipe data ini harus memiliki ciri berada dalam tanda single quotes(’ ’) 
‘a’ //Huruf a  ‘\t’ //A tab  '\'' //untuk single quotes
 '\"' //untuk double quotes
 Meskipun, String bukan merupakan tipe data primitif (namun merupakan suatu Class). String mewakili tipe data yang terdiri atas beberapa karakter. 
String message=“Hello world!” 
3.  Integral – byte, short, int & long  Tipe data yang terintegrasi dalam java menggunakan tiga bentuk- yaitu desimal, oktal atau heksadesimal. 
Sebagai contoh,
 2  //nilai desimal 2 
077  //angka 0 pada awal pernyataan mengindikasikan nilai oktal    
4.  Floating Point – float dan double  Tipe Floating point memiliki double sebagai default tipe datanya.
E or e //(add exponential value)
 F or f //(float)
 D or d //(double) 
Contohnya :            3.14 //nilai floating-point sederhana (a double) 
6.02E23 //A nilai floating-point yang besar  
Variabel 
Variabel adalah item yang digunakan data untuk menyimpan pernyataan object.  Variabel memiliki tipe data dan nama.  Tipe data mengindikasikan tipe dari nilai yang dapat dibentuk oleh variabel itu sendiri.  Nama variabel harus mengikuti aturan untuk pengidentifikasian.  
Deklarasi dan Inisialisasi Variabel  Untuk deklarasi variabel adalah sebagai berikut :
<data tipe> <name> [=initial value];  
Catatan: Nilainya berada diantara <> adalah nilai yang disyaratkan, sementara nilai dalam tanda [] bersifat optional.  Berikut ini adalah contoh program yang mendeklarasikan dan menginisialisasi beberapa variabel,
public class VariableSamples 
{
 public static void main( String[] args ){ 
boolean result;  char option;  option = 'C';  double grade = 0.0; 
} 
}   
Menampilkan Data Variabel  Untuk mengeluarkan nilai dari variabel yang diinginkan, kita dapat menggunakan perintah sebagai berikut :
System.out.println() 
System.out.print()  
Contoh program :
public class OutputVariable 
{ 
public static void main( String[] args ){ 
int niai = 10; 
char x; 
x = ‘A’; 
System.out.println( nilai ); 
System.out.println( “Nilai x=“ + x ); 
} 
}
Output : 10  Nilai x=A  

System.out.println() vs. System.out.print() 
Pernyataan 1: System.out.print("Hello "); 
System.out.print("world!"); 
Pernyataan tersebut akan menghasilkan output berikut ini pada layar : Hello world!  
Pernyataan 2: System.out.println("Hello "); 
System.out.println("world!"); 
Pernyataan ini akan menghasilkan output sebagai berikut pada layar : Hello  world!   
 
  

Operators
Dalam Java, ada beberapa tipe operator. Ada operator arithmatika, operator relasi, operator logika, dan operator kondisi. Operator ini mengikuti macam-macam prioritas yang pasti jadi compilernya akan tahu yang mana operator untuk dijalankan lebih dulu dalam kasus beberapa operator yang dipakai bersama-sama dalam satu pernyataan.    
Contoh program penggunaan operator-operator : 
public class aritmatikaDemo 
{ 
public static void main(String[] args) 
{ 
int i = 37; 
int j = 42; 
double x = 27.475; 
double y = 7.22; 
System.out.println("Nilai Variabel..."); 
System.out.println(" i = " + i); 
 
System.out.println(" j = " + j); 
System.out.println(" x = " + x); 
System.out.println(" y = " + y);   
System.out.println("Penjumlahan...");  
System.out.println(" i + j = " + (i + j)); 
System.out.println(" x + y = " + (x + y));
System.out.println("Pengurangan...");   
System.out.println(" i - j = " + (i - j)); 
System.out.println(" x - y = " + (x - y)); 
System.out.println("Perkalian...");    
System.out.println(" i * j = " + (i * j)); 
System.out.println(" x * y = " + (x * y)); 
System.out.println("Pembagian...");   
System.out.println(" i / j = " + (i / j)); 
System.out.println(" x / y = " + (x / y)); 
System.out.println("Sisa Hasil Bagi..."); 
System.out.println(" i % j = " + (i % j)); 
System.out.println(" x % y = " + (x % y)); 
System.out.println("Gabungan...");
System.out.println(" j + y = " + (j + y)); 
System.out.println(" i * x = " + (i * x));  } 
}  

Output program :  
Nilai Variabel... 
i = 37 
j = 42 
x = 27.475 
y = 7.22 
Penjumlahan... 
i + j = 79 
x + y = 34.695 
Pengurangan...
 i - j = -5
 x - y = 20.255 
Perkalian...
 i * j = 1554
 x * y = 198.37 
Pembagian...
 i / j = 0 
x / y = 3.8054 
Sisa Hasil Bagi...
i % j = 37 
x % y = 5.815
 Gabungan... 
j + y = 49.22
 i * x = 1016.58 
Diposting oleh di Tidak ada komentar:

Jumat, 13 September 2013



Kamis, 12 September 2013
SEJARAH PERADABAN ISLAM

Sejarah disebut sebagai disiplin ilmu karena sejarah memiliki objek, sehingga disebut dengan ILMU SEJARAH.
                                                Objek
            Ilmu                            Metode ilmiah
-       Sistematis
-       Empiris
-       Kronologis
Hal-hal yang terkandung dalam sejarah:
            1. Pelajaran.
            2. Evaluasi.
            3. Agenda bagi kita untuk menciptakan masa depan.
           
PERADABAN (abstrak)     ≠          KEBUDAYAAN (konkrit)
           
                                                                        Cipta, karya, karsa, rasa

Wujud peradaban:
1. Sistem kekuasaan/politik.
2. Sosial budaya.
3. Sistem pendidikan.
4. Sistem kepercayaan/agama/nilai.
5. Sistem ekonomi.
6. Alat teknologi.
                                                                       
                                                                                    Tauhid (ketuhanan)
            Hal-hal yang diajarkan Islam                     Ritual (cara ibadah)
                                                                                    Sosial
Periodisasi dalam Islam:
1. Klasik
            - Zaman Nabi Muhammad SAW.
            - Zaman Khulafaurrasyidin.
2. Pertengahan
            - Bani Umayyah.
            - Bani Abbasiyah.
3. Modern

                                                 


Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)