Selasa, 18 Oktober 2011

HTML : FORM

FORM
Tidak terasa sudah sampai untuk membuat FORM, terasa cepat sekali, mungkin ini akan menjadi pembahasan terakhir dengan HTML, tapi akan ke jenjang berikutnya, yaitu CSS, tapi sabar dulu, aku bahas dulu tentang FORM.

FORM<FORM>
Tag form digunakan untuk menampung tag - tag input untuk dimasukkan kedalam server, seperti textbox, checkbox,dll. Form sering kali digunakan untuk halaman - halaman yang digunakan untuk sebuah pendaftaran, seperti pendaftaran pekerjaan, sekolah, dll. Sekian keterangan dari tag form, kita lihat Atribut apa saja pada form, yaitu :

Sintaks :
<Form
NAME="name“, digunakan untuk memberi nama pada iframe
ACTION="name“, lokasi tujuan yang akan memproses data pada elemen-elemen input pada form
METHOD=" GET | POST“, Metode pengiriman pada form
>...</Form> 

Tambahan :
GET = pada metode ini pengiriman dilakukan tanpa melakukan enkripsi, dan data yang dikirim  akan muncul pada ADDRESS BAR
POST = pada metode ini pengiriman dilakukan melakukan enkripsi, dan data yang dikirim tidak akan muncul pada ADDRESS BAR

 Tag - Tag yang ada dalam tag form yaitu :
1. Textbox <input type="text">
 Digunakan untuk memasukkan input berupa text. Atributnya :
 size ="angka", Ukuran dari text box dalam karakter, default 20
 maxlength ="angka" , Maksimal banyaknya karakter yang diterima
 name ="nama" , Nama dari elemen yang dikirim ke suatu aplikasi
 value="huruf | angka" ,Akan menampilkan isinya sebagai nilai default 

Minggu, 16 Oktober 2011

HTML : IFrame

IFRAME

Postingan yang lalu aku telah membahas tentang Frame, sekarang aku akan membahas tentang IFrame, hampir sama dengan frame, tetapi IFrame lebih fleksibel, karena digunakan dalam tag <body> dari sebuah html, jadi mudah untuk mengatur tempatnya. 

IFrame <iframe>.....</iframe> tag yang digunakan untuk menyisipkan halaman lain di halaman utama, kita juga dapat memasukkan halaman blog teman anda atau orang lain untuk dimasukkan di halaman anda, tapi jangan asal memasukkan, lebih baik kita meminta izin dahulu kepada pemiliknya. Berikut sintaks beserta atribut dari Iframe :

<iframe 
  Name="name“, digunakan untuk memberi nama pada iframe
  Marginheight="pixel“, memberikan jarak/margin pada bagian atas dan bawah
  Maginwidth="pixel“, memberikan jarak/margin pada bagian kanan dan kiri
  Frameborder=“1"|“0“, memberikan keterangan apakah batas pada frame akan ditampilkan
 Scrolling="yes"|"no“, menentukan scrollbar pada frame Diisi dengan YES selalu menampilkan scrollbar, NO tidak menampilkan srollbar
  Width=“pixel”, menentukan lebar dari IFRAME
  Height=“pixel”, menentukan tinggi dari IFRAME
  src=“sumber”, Berisi URL yang menjadi sumber dari IFRAME
>....
</iframe>

Senin, 10 Oktober 2011

HTML : Frame

Frame <FrameSet>
Tag HTML yang digunakan untuk menampilkan beberapa dokumen lain secara bersamaan pada satu dokumen web, yang mempunyai atribute yaitu cols dan rows. Cols digunakan untuk menentukkan berapa banyak kolom yang akan ditampilkan beserta lebar dari masing - masing kolom. sedangkan Rows digunakan untuk menentukkan berapa banyak baris yang akan ditampilkan beserta lebar dari masing-masing baris
Sintaks :
untuk penulisan atribut Cols :
<frameset Cols="20%,40%,30%,10%>
........
</frameset>
Tag diatas akan menghasilkan 4 kolom yang masing-masing memiliki lebar 20%, 40%, 30% dan 10%. Hasil yang sama dapat dituliskan sebagai berikut :
<frameset Cols="20%,40%,30%,*>
........
</frameset>
Tanda bintang pada tag terebut mengartikan 'sisanya', jadi apabila kolom pertama memiliki lebar 20%, kolom kedua memiliki lebar 40%, dan kolom ketiga memiliki 30%, maka kolom keempat lebar sebesar 'sisanya' yaitu sebesar 10%.

Sabtu, 08 Oktober 2011

Dasar Jaringan

Pengertian Jaringan
Seringkali kita mendengar kata internet, sekilas mungkin kita akan berpikir bahwa yang namanya internet merupakan sebuah jaringan yang sangat besar dan terdiri dari banyak komputer. Atau bahkan bagi orang yang awam internet sering diartikan sebagai browsing, chatting, dan lain-lain.
Pengertian ini merupakan sebuah pandangan yang kurang benar. Karena sebenarnya internet adalah kumpulan dari jaringan-jaringan kecil dan besar yang saling terhubung secara real-time atau terus menerus di seluruh dunia. 
Dalam suatu sistem jaringan, dimana seluruh komputer saling berbagi data dan resources satu sama lain sehingga tercapai efisiensi dalam pemanfaatan teknologi, amat dibutuhkan perangkat-perangkat khusus dan instalasi tertentu.

Topologi Jaringan
Tujuan dari suatu jaringan adalah menghubungkan jaringan-jaringan yang telah ada dalam jaringan tersebut sehingga informasi dapat ditransfer dari satu lokasi ke lokasi yang lain. Karena suatu perusahaan memiliki keinginan atau kebutuhan yang berbeda-beda maka terdapat berbagai cara jaringan terminalterminal dapat dihubungkan. Struktur Geometric Topologies.
Terdapat 6 jenis topologi yaitu :
  1. BUS
  2. RING
  3. STAR
  4. EXTENDED STAR
  5. HIERARCHICAL 
  6. MESH

Selasa, 04 Oktober 2011

HTML : LIST

LIST

ELEMENT OL (Ordered List)
Element OL berfungsi untuk membuat nomor daftar urut. Element ini mempunyai attribute yaitu start, dan type. Attribute start berfungsi untuk memberikan nilai awal dari daftar urutan, attribute type berfungsi untuk memilih bentuk daftar urutan yaitu A untuk abjad huruf besar, a untuk abjad huruf kecil, I untuk abjad romawi besar, i untuk abjad romawi kecil, 1 untuk angka decimal (default: start=”1” type=”1”). Dalam element OL harus beberapa element LI.
Sintaks
<ol type = “I”|”i”|”A”|”a”|”1”>
……………
</ol>

ELEMENT UL (Unordered List)
Element UL berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet). Element ini mempunyai attribute yaitu type. Attribute type berfungsi untuk memilih bentuk bullet yang digunakan. Nilai dari pada attribute type ini adalah "circle", "square" dan "disc" . Dalam element UL harus terdapat beberapa element LI.

Sabtu, 01 Oktober 2011

HTML : Images & Hyperlink

Image & HyperLink

Pada Postingan kali ini saya akan membahas tentang <tag> Images untuk memberikan gambar dan Hyperlink untuk menyambungkan antar halaman yang telah kita buat, agar kita tidak terpaku hanya pada 1 halaman yang kita buat

IMAGE<IMG>

Element Image befungsi untuk menampilkan gambar. Element ini tidak mempunyai tag penutup dan mempunyai attribute yaitu align, alt (teks alternatif jika gambar tidak tampil), border, height, width, hspace (jarak kosong posisi horizontal, vspace (jarak kosong posisi vertikal), src (lokasi dari gambar itu disimpan beserta nama file-nya).            

Sintaks:
<img
   align="left"|"right"|"top"|"middle"|"bottom"
   alt="text"
   border="pixel"
   width="pixel" | "%"
   height="pixel" | "%"
   hspace="pixel"
   vspace="pixel"
   src="url">


Kamis, 29 September 2011

HTML : Pengaturan Teks

PENGATURAN TEKS
Pada Postingan kedua tentang Web Desain ini saya akan membahas tentang <tag> pengaturan teks, untuk mendapatkan hasil web yang baik kita juga harus memperhatikan dalam pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks

Headers: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil. 


Paragraph Baru: <P> Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi. 

Selasa, 27 September 2011

Memasukkan input dari keyboard (3)

JOptionPane
Pada Postingan saya kali ini, saya akan membahas tentang cara memasukkan input dari keyboard. Selain menggunakan BufferedReader, dan Scanner pada postingan sebelumnya. Di JOptionPane kita memasukkan inputannya sudah berbasis GUI(Graphical User Interface). Pada JOptionPane kita akan menggunakan class javax.swing, untuk mendapatkan input dari keyboard. JOptionPane dapat membuat dialog box standard yang menginformasikan kepada user untuk memasukkan sebuah nilai.

1.Tambahkan dibagian paling atas code : 
  import javax.swing.JOptionPane;

2.Tambahkan main method pada code:
public static void main(String [] args){

Sabtu, 24 September 2011

Memasukkan input dari keyboard (2)

Menggunakan Scanner
 Cara lain untuk mendapatkan input dari keyboard selain menggunakan BufferedReader adalah menggunakan Scanner, hampir sama seperti BufferedReader hanya saja Scanner tidak menggunakan blok try-catch, dan dalam memasukkan inputan dengan .nextLine();. Pada Scanner kita akan menggunakan class java.util. Untuk mendapatkan input dari keyboard.

1. Tambahkan di bagian paling atas code Anda:
 import java.util.Scanner;

2. Tambahkan statement berikut:
  Scanner input = new Scanner( System.in);

3. Deklarasikan variable Integer
   String nama = input.nextLine();

Memasukkan input dari keyboard (1)

Pada postingan ini, kita akan mempelajari tiga cara memberikan input, yang pertama adalah menggunakan class BufferedReader, Scanner dan melalui GUI (Graphical User Interface) dengan menggunakan class JOptionPane.

Pada akhir pembahasan, diharapkan pembaca dapat :
1. Membuat program Java yang interaktif yang bisa mendapatkan input dari keyboard
2. Menggunakan class BufferedReader atau Scanner untuk mendapatkan input dari keyboard melalui layar console
3. Menggunakan class JOptionPane untuk mendapatkan input dari keyboard menggunakan GUI

Menggunakan BufferedReader
Pada bagian ini, kita akan menggunakan class BufferedReader yang berada di package java.io untuk mendapatkan input dari keyboard.
Berikut ini adalah langkah-langkah yang diperlukan untuk mendapatkan input dari keyboard:
1. Tambahkan di bagian paling atas code Anda:
   import java.io.IOException;
   import java.io.InputStreamReader;
   import java.io.BufferedReader;
  Atau bisa dituliskan dengan :
  import.java.io.*; 
 Lebih ringkas, tetapi akan menjadi boros memori, karena kita juga mengimport dari java.io yang tidak dibutuhkan.

Pengenalan CSS

Pendahuluan

CSS (Cascade Style Sheet) digunakan para Web Designer untuk mengatur style elemen yang ada dalam halaman web mereka, mulai dari memformat text, sampai pada memformat layout. Tujuan dari penggunaan CSS ini adalah supaya diperoleh suatu kekonsistenan style pada elemen tertentu.

Perkembangan CSS sendiri diawali pada tahun 1996, dimana W3C (World Wide Web Consortium), sebuah konsorsium untuk standarisasi web, menyusun draft proposal untuk membuat CSS ini dan akhirnya dapat berjalan. Selanjutnya pada pertengahan tahun 1998 W3C mengembangkan CSS2 yang diperbarui untuk kepentingan media lain (tidak hanya untuk PC web browser). Akhirnya mulai pada tahun 200, telah dikembangkan CSS3 oleh W3C yang sampai saat ini masih terus diperbarui lagi.

Namun pada saat ini, hanya CSS2 yang masih didukung oleh kebanyakan web browser, tapi tidak demikian halnya untuk CSS3. Masih sedikit web browser yang mendukung CSS3. Oleh karena itu pada postingan ini hanya akan dibahas mengenai CSS2 saja.


Keuntungan Penggunaan CSS
Dengan menggunakan CSS, Kamu (sebagai Webmaster) akan lebih mudah untuk mengatur style elemen dalam halaman web kamu. Sebagai contoh, misalnya untuk mengatur style elemen heading, Kamu menginginkan jenis font nya adalah Arial, 18 pixel dan berwarna biru. Dengan CSS, kamu cukup menuliskan properti elemen heading tersebut sekali saja, dan kamu akan memperoleh hasil yang diinginkan. Bandingkan apabila tidak menggunakan CSS, Kamu akan mengatur style pada setiap elemen heading yang ada. Tentu saja hal ini akan sangat merepotkan. Perhatikan Contoh berikut ini :

Kamis, 22 September 2011

Pengenalan HTML

Apa itu HTML ?
HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad, Notepad++, hingga Dreamweaver.

PENGENALAN KODE HTML
<HTML>
</HTML>
Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing. Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya. Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan <HTML> atau <html> atau <Html> sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.

JavaScript vs JAVA

JAVA dan JavaScript itu BERBEDA

Java merupakan sebuah bahasa pemrograman yang mirip dengan bahasa C. Tetapi dengan Java kita bisa membuat tampilan halaman sebuah web menjadi lebih menarik. Contoh penggunaan Java adalah pada fungsi Mouseover, scrolling marquees, tampilan tanggal dan waktu, kalkulator, dan lain-lain. Terdapat dua tupe Java yaitu Java applet dan Java Script. 

 JAVA APPLETS
Java merupakan bahasa pemrograman yang dikembangkan oleh Sun Microsystems dan merupakan bahasa pemrograman yang berorientasi obyek. Java bisa digunakan untuk membuat suatu aplikasi yang berdiri sendiri atau pun sebuah aplikasi mini yang biasa disebut applet. Applet biasa digunakan pada halaman web supaya terlihat lebih dinamis. Terdapat banyak sekali aplikasi/applet yang ada.

JAVA SCRIPT

JavaScript dikembangkan oleh Netscape, yang merupakan bahasa pemrograman yang "sederhana" karena tidak bisa digunakan untuk membuat suatu aplikasi atau pun applet. Java Script merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape.Dengan Java Script kita bisa dengan mudah membuat sebuah halaman web yang interaktif. Program Java Script dituliskan pada file HTML (*.htm atau *.html) dengan menggunakan tag kontainer <SCRIPT>. Dengan kata lain, kamu tidak perlu menuliskan program JavaScript pada file terpisah (walaupun kamu juga bisa melakukannya).
 

Rabu, 03 Agustus 2011

Kabel LAN

Membuat kabel LAN

Di dunia IT, kita sudah tidak asing lagi dengan yang namanya jaringan internet, dan kabel LAN adalah termasuk dalam media “Hardware” nya jaringan internet ini, memang semua hampir bisa menggunakannya, tetapi jarang yang bisa membuatnya. Membuat kabel LAN tidak membutuhkan waktu yang cukup lama hanya sekitar 10 menit sudah dapat membuat 1 kabel LAN. Kabel LAN memilik beberapa jenis port yaitu Rj45 (8 pin), Rj11, Rj14 dan Rj25(6 pin), dan Rj22,Rj10 atau Rj9 (4 pin). Dalam kabel LAN memiliki 2 jenis koneksi , yaitu Cross Over dan Straight Trough.