BEURATANA

Kamis, 07 Juni 2012

Program Dasar HTML

02.37 Tutorial Install Software IDE Arduino Uno SMD dan DIP

OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML.

MATERI:
Struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY.

STRUKTUR DASAR DOKUMEN HTML
HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.

Struktur dasar dokumen HTML adalah sebagai berikut:

<html>
<head>
<title>Disini Judul Dokumen HTML</title>
</head>
<body>
Disini penulisan informasi Web
</body>
</html>

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag
Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body.
Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.

b. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

<title> ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML

Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar

Contoh penulisan tag-tag yang salah

c. Attribute
Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">

d. Element HTML
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.

Sintaks:
<html>
..........
</html>

e. Element HEAD
Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

Sintaks:
<head>
...........
</head>

f. Element TITLE
Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.

Sintaks:
<title>
.........
</title>

g. Element BODY
Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.

Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
..............
</body>

Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.

LATIHAN

Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser atau gunakan editor yang telah tersedia pada modul ini dengan mengklik menu Editor.

Latihan 1:
Menampilkan teks:

Belajar bahasa pemrograman web ternyata mudah juga :)

Nama file: latihan1_1.html

<html>
<head>
<title>Latihan1-1</title>
</head>
<body>
Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>

Tugas tambahan:
Gantilah teks tersebut dengan teks lainnya.

Latihan 2:
Merubah warna teks menjadi merah:

Belajar bahasa pemrograman web ternyata mudah juga :)

Nama file: latihan1_2.html

<html>
<head>
<title>Latihan1-2</title>
</head>
<body text="red">
Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>

Tugas tambahan:
Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.

Latihan 3:
Merubah warna background menjadi hitam.

Nama file: latihan1_3.html

<html>
<head>
<title>Latihan1-3</title>
</head>
<body text="red" bgcolor="black">
Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>

Tugas tambahan:
Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.

Latihan 4:
Merubah background dengan suatu gambar.

Nama file: latihan1_4.html

<html>
<head>
<title>Latihan1-4</title>
</head>
<body text="red" bgcolor="aqua" background="./images/image027.jpg">
Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>

catatan:
./images/ = nama direktori file gambar disimpan
image027.jpg = nama file gambar

Tugas tambahan:
Cobalah untuk file gambar: image050.jpg, image052.jpg, image058.jpg dan image060.jpg.

Sumber:

http://hans.polinpdg.ac.id/html/html_1/index.html

Program Dasar VB

02.33 Tutorial Install Software IDE Arduino Uno SMD dan DIP

Dasar Pembelajaran VB adalah dengan Input, Update, dan Delete. Jika anda sudah menguasai 3 Prinsip tersebut saya yakin Belajar VB akan mudah dan akan menyenangkan. karena banyak orang yang menganggap VB itu sulit dikarenakan ketidakmampuannya dalam belajar Input, Update dan Delete.
Anda bisa langsung Download Program VB di bawah ini untuk media pembelajaran anda. Selamat Belajar Cool

DOWNLOAD KLIK DISINI

Jika anda merasa terbantu dengan artikel diatas, ada baiknya meluangkan sedikit waktu anda untuk berkomentar, komentar anda akan sangat membantu TunasMedia untuk terus berkarya, dan juga membantu pengunjung yang lainnya untuk menjadikan artikel ini sebagai referensi yang baik bagi mereka. Terima kasih.

sumber:
http://www.tunasmedia.com/tutorial-program/122-download-program-dasar-vb.html

Mengenal Dasar PHP

02.22 Tutorial Install Software IDE Arduino Uno SMD dan DIP

Setelah dalam beberapa tulisan saya mengulas bahasa pemrograman untuk aplikasi desktop, kali ini saya coba membahas tentang salah satu bahasa pemrograman untuk web yang sangat populer yaitu PHP. Tulisan akan saya bagi dalam beberapa pembahasan. Untuk pembahasan pertama kita akan membahas tentang dasar-dasar PHP. Semoga artikel ini berguna bagi kita semua.
Apa itu PHP?

PHP adalah salah satu bahasa server side yang didesain khusus untuk aplikasi web. PHP dapat disisipkan diantara bahasa HTML dan karena bahasa Server Side, maka bahasa PHP akan dieksekusi di server, sehingga yang dikirimkan ke browser adalah hasil jadi dalam bentuk HTML, dan kode PHP anda tidak akan terlihat. PHP dapat berjalan diberbagai web server semisal IIS, Apache, PWS, dll.
Sistem Database yang didukung oleh PHP adalah:

PHP juga mendukung komunikasi dengan layanan lain melalui protocol IMAP, SNMP, NNTP, POP3 dan HTTP
Perangkat yang diperlukan untuk membuat program dalam PHP adalah:

Text Editor (Notepad, PHPed, vi, emac, UltraEdit dan lainnya)
Browser (IE 4.0 atau lebih, Netscape navigator dan lainnya)
Web Server yang mendukung PHP

Memulai PHP
Sebelum memulai pemrograman PHP yang perlu diingat adalah pastikan web server dan skrip PHP telah berjalan dengan baik. Fungsi-fungsi yang ada di PHP tidak case sensitive tetapi variabelnya case sensitive (membedakan huruf besar dan kecil).
Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Ada 3 cara untuk menuliskan script PHP yaitu:

<?
Script PHP
?>

<?php
Script PHP
?>

<SCRIPT LANGUAGE=”php”>
Script PHP
</SCRIPT>

Pemisah antar instruksi adalah tanda titik koma(;)
Untuk membuat atau menambahkan komentar, standar penulisan adalah:

/*komentar*/
//komentar
#komentar

Untuk mengetahui tipe data suatu variable dapat diperiksa dengan menggunakan fungsi-fungsi yang telah disediakan oleh PHP. Beberapa fungsi tersebut adalah:

Fungsi	Keterangan
gettype	Untuk memperoleh tipe data yang terdapat pada sebuah variable. Format penulisan:gettype(variable)Hasilnya berupa tipe data dalam PHP
is_array	Untuk mengetahui apakah variable tersebut berupa array untuk tidak. Format penulisan :is_array(variable)Hasil : True : variable argumen adalah array False : variable argumen bukan array
is_bool	Untuk mengetahui apakah variable tersebut bertipe Boolean atau tidak. Format penilisan :is_bool(variable)Hasil : True : variable argumen adalah Boolean False : variable argumen bukan boolean
is_double	Untuk mengetahui apakah variable tersebut bertipe double atau tidak. Format penulisan :is_double(variable)Hasil : True : variable argument double False : variable argument bukan double
is_float	Hampir sama dengan is_double
is_int	Untuk mengetahui apakah variable tersebut bertipe integer atau tidak. Format penulisan :is_int(variable)Hasil : True : variable argumen adalah integer False : variable argumen bukan integer
is_string	Untuk mengetahui apakah variable tersebut bertipe string atau tidak. Format penulisan :is_string(variable)Hasil : True : variable argumen adalah string False : variable argumen bukan string

Fungsi untuk mengonversi data

Fungsi	Keterangan
doubleval	Untuk memperoleh nilai bertipe double berdasar nilai argumen. Format penulisan :doubleval(argumen)
intval	Untuk memperoleh nilai bertipe integer berdasar nilai argumen. Format penulisan :intval(argument)
strval	Untuk memperoleh nilai bertipe integer berdasar nilai argumen. Format penulisan :strval(argument)

Fungsi-fungsi lain

Fungsi	Keterangan
empty	Untuk mengetahui apakah variable argumennya bernilai kosong atau tidak. Format penulisan :empty(argumen)Hasil : False : jika variable ada dan bernilai tidak kosong True : variable argumen kosong
isset	Untuk mengetahui apakah variable argumennya sudah ada atau belum. Format penulisan :isset(variable)
unset	Untuk menghapus variable. Format penulisan :unset(variable [,variable[,…]])
print_r	Untuk menampilkan informasi tentang variable, terutama dalam bentuk array. Bentuk pemanggilan :print_r(variable)

Dasar-Dasar Java

02.14 Tutorial Install Software IDE Arduino Uno SMD dan DIP

Java Fundamental

Bagi temen2 yg baru sekali ini belajar Java..
Ini ada tutorial singkat mengenai cara membuat file Java, mengcompile file Java tersebut, dan bagaimana menjalankan program Java.
Dibagian ini juga akan membahas sedikit tentang variabel dalam Java..
Silahkan mengikuti Smile
Okey skrg gw kasih tutorial singkat mengenai Java, bukan tutorial game, melainkan tutorial dasar-dasar Java, untuk membantu yang bener2 pemula sama sekali ^_^

LANGKAH 1: Membuat kode program Java

Nah hal pertama adalah, bagaimana asal mula suatu program aplikasi Java?
Untuk menjalankan program Java, pertama-tama kita buat file teks (txt) biasa, beri nama dengan format penamaan TitleCase dan akhiri dengan extension .java :
Misalnya Test.java

Untuk mengisi kode programnya, edit file tersebut dengan menggunakan teks editor apa saja, misalnya Notepad.

FILE :: Test.java
Isikan kode programnya:
Code:
public class Test {
// Test -> sesuai dengan nama filenya: Test.java
// (ingat Java case sensitive, Test berbeda dgn test)
}

PS: "//" adalah komentar, apapun yang ditulis setelah // tidak akan diproses
PS2: sekali lagi Java adalah case sensitive, penulisan harus benar2 memperhatikan huruf kecil dan huruf besar.

LANGKAH 2: Mengcompile kode program kita

Compile kode program yang telah kita buat dengan menggunakan Java compiler (javac.exe) yang telah termasuk dalam bundel Java SDK (J2SE), dapatkan Java SDK di http://java.sun.com/j2se/.

Gunakan DOS Prompt, buka melalui Start menu-Run-ketik CMD.
Tuliskan ini di DOS prompt :
Code:
javac Test.java

Setelah dicompile Test.java akan menghasilkan Test.class
Quote:
Test.java (kode program) compile -> Test.class (java bytecode)

LANGKAH 3: Menjalankan program tersebut

Untuk menjalankan program yang telah kita compile diatas digunakan Java launcher (java.exe), juga melalui DOS prompt :
Code:
java Test

Pada tahap ini program kita diatas akan mengeluarkan error tidak dapat dijalankan, karena Java tidak tahu harus dimulai darimana program aplikasi kita ini.

LANGKAH 4: Membuat start awal aplikasi

Start awal jalannya suatu aplikasi Java dimulai dari ditemukannya kata kunci (keyword) :
Code:
public static void main(String[] args) { }

Nah tinggal tambahkan keyword tersebut ke file Test.java kita :
Code:
public class Test {

public static void main(String[] args) {
// application start-point
}

}

Jadi program Test.java diatas sudah dapat dicompile DAN dijalankan.
Tapi karena isinya kosong, jadi program kita tsb tidak melakukan suatu hal apapun, sungguh suatu program yang tak berguna Smile
java Test -> masuk ke bagian application start-point dan selesai, tidak ada yang dikerjakan.

LANGKAH 5: Mengeluarkan suatu tulisan

Nah untuk mengeluarkan output ke console (DOS prompt) kita gunakan fungsi System.out.println("kata") :
Code:
public class Test {

public static void main(String[] args) {
System.out.println("Hello World!");
}

}

Program kita diatas ketika dijalankan akan mengeluarkan tulisan Hello World ke console.
Ah ha! Akhirnya program kita sudah jalan dan mengerjakan sesuatu, apakah Anda sudah cukup senang sekarang?! Smile
Nah selanjutnya kita akan mengenal variabel2 dalam bahasa program Java.

LANGKAH 6: Mengenal variabel serta jenis-jenisnya

Nah setelah kita mengetahui bagaimana dasar aplikasi Java dari membuat file berekstensi .java sampai menjalankannya, sekarang saatnya untuk berkenalan dengan jenis-jenis variabel yang terdapat dalam Java.

Jadi apa itu variabel??

Untuk menyimpan nilai tertentu di dalam program aplikasi kita (memori komputer), nilai tersebut haruslah disimpan sesuai kedalam suatu variabel yang tipenya sesuai dengan tipe dari nilai tersebut.
Kita tidak dapat menyimpan tipe bernilai angka ke variabel bertipe nilai huruf ataupun sebaliknya.

Pada bahasa pemograman Java, tipe-tipe variabel yang tersedia diantaranya :
Quote:
- int : untuk menyimpan nilai berupa angka bilangan bulat, misalnya: 10
- double : untuk menyimpan nilai berupa angka bilangan desimal, misalnya: 0.5
- String : untuk menyimpan nilai berupa teks kata-kata, misalnya: "Hello World"
- boolean : untuk menyimpan nilai sederhana iya atau tidak, misalnya: true

Untuk mendeklarasikan variabel yang dapat menyimpan nilai tersebut cukup dengan menggunakan:
Code:
[tipe_variabel] [nama_variabel];

misalnya: int tipeInt;
pendeklarasian variabel bernama tipeInt sebagai variabel bertipe int

Untuk mengisikan nilai ke variabel tsb gunakan tanda =
Code:
int tipeInt;

tipeInt = 10; // mengisi tipeInt dengan nilai 10

Contoh dalam program:
Code:
public class Test {

public static void main(String[] args) {
int a = 10;
double b = 0.5;
String c = "Halo";
boolean d = true;

// mengeluarkan nilai diatas ke console
System.out.println(a); // console tertulis: 10
System.out.println(b); // console tertulis: 0.5
System.out.println(c); // console tertulis: Halo
System.out.println(d); // console tertulis: true

// ganti nilai variabel a
a = 100;
System.out.println(a); // console tertulis: 100
}

}

Setelah kita mengetahui jenis-jenis tipe variabel dan bagaimana menggunakannya, sekarang kita lihat bagaimana cara mengolahnya/memanipulasinya.

LANGKAH 7: Operasi variabel

Variabel tersebut dapat kita olah sama seperti didalam matematika, yakni dengan menggunakan operasi pertambahan (+), pengurangan (-), perkalian (*), pembagian (/), ataupun hasil bagi (%).
Misalnya: int a = 10 + 10; // pertambahan
Tidak ada yang spesial dalam mengolah data variabel tersebut, cukup gunakan tanda +, -, *, /, %

Contoh:
Code:
public class Test {

public static void main(String[] args) {
int a = 10;
int b = 20;
int c = a + b; // 10 + 20 = 30
int d = a - b; // 10 - 20 = -10

System.out.println(a);
System.out.println(b);
System.out.println(c);
System.out.println(d);

double e = 2;
double f = 4;
double g = e * f; // 2 x 4 = 8
double h = e / f; // 2 / 4 = 0.5

System.out.println(e);
System.out.println(f);
System.out.println(g);
System.out.println(h);

System.out.println(5 % 3); // = 2 -> 5 / 3 = 1 sisa 2
}

}

Java juga menyediakan cara untuk mempersingkat operasi tertentu:
Code:
int a = 0;
// menambah dengan 10
cara 1: a = a + 10;
cara 2: a += 10; // lebih singkat

Sama halnya dengan pengurangan, perkalian, pembagian.
Code:
a -= 10;
a *= 10;
a /= 10;

Dan Java juga menyediakan khusus penyingkatan untuk penambahan/pengurangan dengan 1:
Code:
a = a + 1; -> a += 1; -> a++;
a = a - 1; -> a -= 1; -> a--;

Begitulah ulasan singkat dari Paupau si pembuat tutorial ini, semoga temen2 bisa mendapatkan dasar untuk belajar Java, selanjutnya mungkin akan banyak lagi ulasan2 menarik ttg Java..tunggu saja update terbarunya di post ini, atau apabila temen2 merasa tidak punya waktu untuk menunggu..temen2 bisa membaca tutorial java di :
http://java.sun.com/docs/books/tutorial/

BEURATANA

Categories

Windows Blue Tak Sematkan Tombol Start?

Lexus, Brand Mewah dari Toyota

Penerus Windows 8 Dirilis Pertengahan 2013?

Intel Siapkan Prosesor Tablet Segarang PC

Samsung Siap Pamerkan Layar Bengkok untuk Ponsel

Kamis, 07 Juni 2012

Program Dasar HTML

Program Dasar VB

Mengenal Dasar PHP

Dasar-Dasar Java

Popular Posts

About Me

Followers

Label

Arsip Blog

Footer Widget 1

Footer Widget 2

Footer Widget 3