JAVA

Java adalah bahasa pemrograman yang multi platform dan multi device. Sekali anda menuliskan sebuah program dengan menggunakan Java, anda dapat menjalankannya hampir di semua komputer dan perangkat lain yang support Java, dengan sedikit perubahan dalam kodenya.

PHP

PHP merupakan sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik. Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan perancang web.

C++

C++ adalah bahasa pemrograman komputer C++ dikembangkan di Bell Labs (Bjarne Stroustrup) pada awal tahun 1970-an, Bahasa itu diturunkan dari bahasa sebelumnya, yaitu BCL, Pada awalnya, bahasa tersebut dirancang sebagai bahasa pemrograman yang dijalankan pada sistem Unix.

HTML

HTML merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.

CSS

CSS adalah bagian dari sebuah website yang khusus dibuat untuk mengatur tampilan sebuah website. Kita dapat mengontrol isi (konten) dan tampilan secara terpisah. Perubahan konten tidak mengharuskan kita melakukan perubahan tampilan, demikian juga sebaliknya.

Thursday, April 10, 2014

Sembunyi & Menampilkan Foto Menggunakan JQuery

8:09 PM  Unknown  No comments


  • Sembunyi & Menampilkan Foto Menggunakan JQuery
Source Code  :
<html>
  <head>
  <script type="text/javascript" src="jquery-1.4.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $(".sembunyi").click(function(){
        $("#foto").hide("slow");
      });
      $(".tampil").click(function(){
        $("#foto").show("normal");
      });
    });
  </script>
  </head>
  <body>
  <button class="sembunyi">Sembunyikan</button>
  <button class="tampil">Tampilkan</button>
  <p><img id="foto" src="jaka.jpg" /></p>
  </body>
</html>

Output  :

Read More

Break

7:29 PM  Unknown  No comments


  • Break

Tag Break <br> berfungsi untuk memberikan baris baru suatu paragraf
dalam halaman web Anda. Tag break tidak memerlukan tag penutup break. Bukalah
Latihan 5.html yang sudah Anda buat, kemudian tambahkan script-script berikut dan
simpan dengan nama Latihan 7.html.

contoh : 
 <html><head><title>Latihan 3</title></head><body bgcolor="#8FCDF1" text="#FF0000" ><h1>::- NATHAN BOOKSTORE ONLINE -::</h1><hr width="95%" align="left"><h3> Kami menyediakan :</h3><h4> Alat Tulis </h4><p>Pensil<br>Ballpaoint<br>Penggaris<br>Buku Gambar<br>Dan Lainlain</p><h4> Buku-Buku Pelajaran </h4><p>Ilmu Pengetahuan Alam<br>Ilmu Pengetahuan Sosial<br>BahasaJawa<br>Bahasa Inggris<br>Dan Lain-lain</p></body></html>

output :

Read More

Horisontal Ruler

7:15 AM  Unknown  No comments


  • Horisontal Ruler

Tag Horisontal ruler <hr> berfungsi untuk menampilkan garis horizontal tiga
dimensi didalam halaman web Anda. Tag horizontal ruler juga tidak memerlukan
elemen penutup </hr>.
Atribut elemen horisontal ruler :
align : [ left | center | right ] default center
size : pixel ( tebal garis, default 2 )
width : panjang ( lebar garis, pixel atau persen, default 100%)
noshade ( garis solid )
Contoh : 
<html>
<head>
<title>Latihan 3</title>
</head>
<body bgcolor="#8FCDF1" text="#FF0000" >
<h1>::- NATHAN BOOKSTORE ONLINE -::</h1>
<hr width="85%" align="left">
</body>

 Output :

Read More

Heading

7:04 AM  Unknown  No comments


  • Heading

Tag heading(hx) digunakan untuk memformat heading (judul dan sub judul )
dari suatu halaman web. Heading ini akan memperbesar ukuran huruf untuk setiap
jenis heading.Ada enam buah heading yang dikenal HTML, yaitu dari (h1) sampai
dengan (h6).Sebagai latihan, ketiklah latihan berikut dan jalankan dibrowser Anda.
Contoh :
<html>
<head>
<title>Latihan 5</title>
</head>
<body>
<h1> Ini Heading 1 </h1>
<h2> Ini Heading 2 </h2>
<h3> Ini Heading 3 </h3>
<h4> Ini Heading 4 </h4>
<h5> Ini Heading 5 </h5>
<h6> Ini Heading 6 </h6>
</body> 
Output : 

Read More

Pengenalan HTML

5:09 AM  Unknown  No comments

  1. Pengenalan HTML
HTML atau HyperText Markup Language merupakan salah satu format
yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman
web. HTML adalah file text murni yang dapat dibuat dengan editor text apapun.
Dokumen ini dikenal sebagai web page, dokumen HTML merupakan dokumen yang
disajikan pada web browser. Ada dua cara dalam menulis sebuah dokumen HTML
yang nantinya mejadi sebuah halaman browser. Yang pertama menggunakan HTML
editor atau Web editor, dan yang kedua menggunakan teks editor biasa seperti
menggunakan notepad.
Saat ini sudah banyak sekali paket aplikasi yang dapat digunakan untuk
membuat halaman web secara WYSIWYG ( What You See Is What You Get ) seperti
FrontPage,Dreamweaver dan lain sebagainya, Anda tetap harus menguasai tag-tag
HTML terutama yang dipergunakan untuk membuat aplikasi di internet kerena mau
tidak mau Anda akan bekerja dalam mode text editor bila mana hendak menyisipkan
setiap script HTML.

       1  Dokumen HTML dan penamaan HTML 
                     Dokumen HTML sama dengan aturan penamaan dokumen yang lain yaitu harus
                     menggunakan extensi .htm atau .html.

Contoh :
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dokumen HTML</title>
</head>
<body>
Isi dari dokumen
</body>
</html>

        Output : 
    

2.  Penggunaan Tag dan Atribut Tag
Dalam pembuatan dokumen HTML penulisan elemen yang diawali dan
diakhiri tanda tag HTML, memiliki syarat penulisan yaitu:
  •  Tag HTML diapit dengan dua karakter kurung sudut ( < dan > )
  • Tag HTML secara normal selalu berpasangan misal (<i>...</i>)
  •  Tag pertama dalam suatu pasangan adalah tag awal, dan tag yang kedua
  • merupakan tag akhir.
  •  Tag html tidak ‘case sensitive’. <b> sama dengan <B>
  • Jika dalam suatu tag ada tag lagi, maka penulisan tag akhir tidak boleh bersilang
harus berurutan. Misalnya <b><I>..Tebal dan Miring..</I></b>
Tag dapat mempunyai atribut. Atribut menyatakan sesuatu tentang tag tersebut.
Atribut digunakan untuk mengubah default pemformatan dokumen dengan tag yang
bersangkutan.

              3.  Body
          Merupakan section utama dalam dokumen web. Pada section ini semua isi
dokumen yang akan ditampilkan di dalam browser harus dituliskan.
<body> di awal setelah </head> dan </body> di akhir sebelum </html>
Sebagai latihan, ketiklah script HTML berikut ini, kemudian simpan pada
folder Anda masing-masing.Atribut elemen body :
background : latar belakang image dokumen
bgcolor : warna latar belakang dokumen, default putih
text : warna teks dokumen, default hitam
link : warna link dokumen, default biru
vlink : warnavisited link dokumen, default ungu
alink : warna active link dokumen, default merah 

                           Contoh  :
                     <html xmlns="http://www.w3.org/1999/xhtml">
          <head>
<title>Dokumen HTML</title></head><body><span>&lt;htmlxmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;</br>&lt;head&gt;<br>&lt;title&gt;Dokumen HTML&lt;/title&gt;</span> //<span>merupakantag title yang tampil pada tab browser</span></br><span class="style1">&lt;/head&gt;</br>&lt;body&gt;</span></br>Isi dari dokumen //<span class="style3">isi dari halamanweb</span></br><span class="style1">&lt;/body&gt;</br>&lt;/html&gt;</span></body></html> 

        Output  : 
            





Read More

Thursday, June 6, 2013

Bingkai Pada Nama

8:11 AM  Unknown  No comments

Source Code :

public class Bingkai{
public static void main (String [] str){
String nama;
int panjang;

System.out.print("\nNAMA : ");
nama = System.console().readLine();
panjang = nama.length() + 4;

System.out.println("");

 System.out.print("+");
for(int i = 0; i < panjang + 4; i++){
System.out.print("=");
}
System.out.println("+");

System.out.print("| ");
System.out.print("+");
for(int i = 0; i < panjang; i++){
System.out.print("=");
}
System.out.print("+");
System.out.println(" |");

 System.out.println("| |  " + nama + "  | |");

 System.out.print("| +");
for(int i = 0; i < panjang; i++){
System.out.print("=");
}
System.out.print("+");
System.out.println(" |");

System.out.print("+");
for(int i = 0; i < panjang + 4; i++){
System.out.print("=");
}
System.out.println("+");

System.out.println("");
}
}

Outputnya :


Read More

Program Penjumlahan Dengan GUI

8:09 AM  Unknown  No comments

Sourc Code :

import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JTextField;
import javax.swing.JButton;
import java.awt.event.ActionListener;
import java.awt.event.ActionEvent;
import java.awt.GridLayout;

 public class Gui2 extends JFrame implements ActionListener{

private JButton btnHitung, btnClose;
private JLabel lblHasil, lblOpr;
private JTextField txt1, txt2;

     public Gui2() {
    setTitle("PENJUMLAHAN");
    setSize(300, 70);
    setLayout(new GridLayout(2, 3));
    setDefaultCloseOperation(DO_NOTHING_ON_CLOSE);
    setUndecorated(true);
    setLocationRelativeTo(null);

     btnHitung = new JButton("HITUNG");
    btnClose = new JButton("KELUAR");

     lblHasil = new JLabel();
    lblOpr = new JLabel("               +");

     txt1 = new JTextField();
    txt2 = new JTextField();

     add(txt1);
    add(lblOpr);
    add(txt2);
    add(lblHasil);
    add(btnHitung);
    add(btnClose);

     btnHitung.addActionListener(this);
    btnClose.addActionListener(this);
    }
    
    public void actionPerformed(ActionEvent e){
    int a, b;
    if(e.getSource() == btnHitung){
    a = Integer.parseInt(txt1.getText());
    b = Integer.parseInt(txt2.getText());

     lblHasil.setText("" + (a + b));
    }

     if(e.getSource() == btnClose){
    dispose();
    }
    }
    
    public static void main(String [] args){
    new Gui2().setVisible(true);
    }
}

Outputnya :


Read More