RSS

Category Archives: CSS

Membuat halaman web sederhana dengan html dan css

html adalah bahasa pemrograman inti untuk membuat halaman web, untuk membuat halaman web biasanya html dikombinasikan dengan script css agar tampilannya lebih dinamis dan mudah di edit. css adalah cascading style sheet dimana fungsinya untk mempercantik halaman web html. untuk contohnya adalah seperti berikut:

1. pertama kita ketik kodehtml berikut (copas juga bisa, hehe):

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<title>belajar membuat halaman web dengan html dan css</title>
</head>

<body>
<div>header</div>
<div>kiri</div>
<div>kanan</div>
<div>footer</div>
</body>
</html>

2. kemudian kita buat kode css nya seperti ini :

Read the rest of this entry »

 
2 Comments

Posted by on April 20, 2011 in CSS, HTML, perkuliahanku, PHP, Programing

 

Tags: , , ,

validasi inputan form dengan javascript

aduh ga terasa aku dah semester akhir karang dah mau nyusun skripsi nih, baru tadi beli buku di gramedia sama ketut adi, kebetulan bikin berbasis web dan mumpung ada temen yang lagi mau belajar bikin web kebetulan aku bisa bantu dikit dikit, baru kemarin bikin validasi form menggunakan javascript, walau agak capek tapi berhasil juga nih hehe.

ini aku posting script nya siapa tau nanti dikemudia hari aku membutuhkan ini ya tinggal buka blog aja, dan untuk temen – temenku, nanti pasti ada yang nanya atau perlu ini  untuk tugas kampus atau bahan skripsi(pastinya… :D). mengingat saya sudah semestar akhir jadi hal hal yang penting seperti ini harus saya abadikan sebagai kenang – kenangan saya. Huh banyak basa basi nih, ok to the point aja, bagi yang mau bikin validasi inputan email, validasi radio botton, validasi combobox dengan javascript,  langkah – langkahnya adalah  sebagai berikut :

1. buat file html seperti ini

<html>
<head>
<title>validasi form dengan javascript</title>
</head>
<body>
<form name=”login” action=”” onSubmit=”return validasi()”>
<table>
<tr>
<td width=”80″>Nama</td>  <td>:&nbsp;&nbsp;<input type=”text” name=”nama” size=”20″ maxlength=”20″ /></td>
</tr>

Read the rest of this entry »

 
Leave a comment

Posted by on April 14, 2011 in CSS, HTML, PHP, Programing

 

Tags: , , , , ,

Menampilkan Status YM di Blog Website

Sebagai Seorang penggemar dunia blog dan website, saya ingin berbagi ilmu untuk teman- teman yang ingin menapilkan status YM di blogger/wordpress atau website anda sebagai media komunikasi handal saat ini.

Bagi Teman-teman yang  ingin memasang atau menampilkan status YM – Yahoo Messenger di Blogger, WordPress dan website Anda seperti status YM milik saya di sidebar blog ini?? jangan khawatir itu gampang kok!!

icon yahoo massenger

icon yahoo massenger

 

 

 

 

 

Berikut beberapa langkah yang harus dilakukan yaitu:

1. Masuklah ke bagian Appearance (tampilan) Anda. Pilih Widgets

2. Tambahkan pilihan Widget Text

3. Klik save changes (simpan perubahan)

4. Silahkan copy-edit-paste code html berikut:

 

<a href=”http://edit.yahoo.com/config/send_webmesg?.target=ID_YM_Anda&.src=pg”><img border=”0″ src=”http://opi.yahoo.com/online?u=ID_YM_Anda&m=g&t=1&l=us”></a>

 

Gantilah ID_YM_Anda dengan nama ID Yahoo Messenger Anda.

Optional : Anda dapat mengantikan bentuk tampilan status YM dengan menggantikan nilai t=1 dengan nilai t sebesar 0,1,2,3,4, dsl 16. (masing-masing angka menampilkan icon yang menarik).

 

5. Setelah Anda meng-copy text tersebut. Klik save changes (simpan perubahan) lagi.

6. Setting sudah selesai.

7. Anda dapat mengaktifkan YM Anda, dan klik refresh pada tampilan home blog Anda. Maka status YM di blog Anda  segera akan muncul.

8. Selamat Mencoba.

 

Ini adalah Icon YM sesuai Kode 0 – 16 yang disediakan oleh yahoo messenger :

cara menampilkan YM di blog dan website

cara menampilkan YM di blog dan website

 

Tags: , , , ,

Materi Pemrograman Client Server

Sebagai seorang mahasiswa di sekolah tinggi jurusan informatika saya diwajibkan untuk menguasai bahasa permograman baik itu bahasa pemrograman dekstop maupun bahasa pemrograman web. walaupun sibuk kuliah saya suka berbagi ilmu kepada orang yang membutuhkan lewat menulis di blog.  Salah satu materi perkuliahan saya dalam matakuliah pemrograman adalah pemrograman client server dengan memnggunakan Visual Basic.Net dengan database SQL Server. Bagi teman teman yang baru belajar berikut saya kasi materi pengenalan pemrograman client server yang saya pelajari sebelumnya semoga bermanfaat.

client‐server merupakan merupakan sebuah paradigma dalam teknologi informasi yang merujuk kepada cara untuk mendistribusikan aplikasi ke dalam dua pihak: pihak klien dan pihak server.

materi pemrograman client server

 

 

 

–          Dalam model client/server, sebuah aplikasi dibagi menjadi dua bagian yang terpisah, tapi masih merupakan sebuah kesatuan

–          Komponen klien juga sering disebut sebagai frontend, sementara komponen server

disebut sebagai backend

–          Komponen klien dari aplikasi dijalankan dalam sebuah workstation dan menerima masukan data dari pengguna.

–          Komponen klien tersebut akan menyiapkan data yang dimasukkan oleh pengguna dengan menggunakan teknologi pemrosesan tertentu dan mengirimkannya kepada komponen server yang dijalankan di atas mesin server, umumnya dalam bentuk request terhadap beberapa layanan yang dimiliki oleh server.

–          Komponen server akan menerima request dari klien, dan langsung memprosesnya dan

mengembalikan hasil pemrosesan tersebut kepada klien.

–          Klien pun menerima informasi hasil pemrosesan data yang dilakukan server dan

menampilkannya kepada pengguna, dengan menggunakan aplikasi yang berinteraksi

dengan pengguna.

  • Karakteristik Server

– Pasif

– Menunggu request

– Menerima request, memproses mereka dan mengirimkan balasan berupa service

  • Karakteristik Client

– Aktif

– Mengirim request

– Menunggu dan menerima balasan dari server

Macam arsitektur Aplikasi

1. Standalone (onetier)

Pada arsitektur ini semua pemrosesan dilakukan pada mainframe. Kode aplikasi, data dan semua komponen sistem ditempatkan dan dijalankan pada host.

2. Client/Server (twotier)

Dalam model client/server, pemrosesan pada sebuah aplikasi terjadi pada client dan server. Dengan client/server user dari berbagai lokasi dapat mengakses data yang sama dengan sedikit beban pada sebuah mesin tunggal.

3. ThreeTier / MultiTier

–          Presentation Logic, komponen ini bertanggung jawab dalam memformat dan  mempresenting data pada pengguna atau alat keluaran dan mengendalikan masukan pengguna dari keyboard atau alat input lainnya.

Macam arsitektur Aplikasi
1. Standalone (one‐tier)
Pada arsitektur ini semua pemrosesan dilakukan pada mainframe. Kode aplikasi, data dan semua komponen sistem ditempatkan dan dijalankan pada host.

Read the rest of this entry »

 

Tags: , ,

Algoritma Bahasa Pemrograman

Bahasa pemrograman, atau sering diistilahkan juga dengan bahasa komputer, adalah teknik komando/instruksi standar untuk memerintah komputer. Bahasa pemrograman ini merupakan suatu himpunan dari aturan sintaks dan semantik yang dipakai untuk mendefinisikan program komputer. Bahasa ini memungkinkan seorang programmer dapat menentukan secara persis data mana yang akan diolah oleh komputer, bagaimana data ini akan disimpan/diteruskan, dan jenis langkah apa secara persis yang akan diambil dalam berbagai situasi.

Menurut tingkat kedekatannya dengan mesin komputer, bahasa pemrograman terdiri dari:

1. Bahasa Mesin, yaitu memberikan perintah kepada komputer dengan memakai kode bahasa biner, contohnya 01100101100110
2. Bahasa Tingkat Rendah, atau dikenal dengan istilah bahasa rakitan (bah.Inggris Assembly), yaitu memberikan perintah kepada komputer dengan memakai kode-kode singkat (kode mnemonic), contohnya MOV, SUB, CMP, JMP, JGE, JL, LOOP, dsb.
3. Bahasa Tingkat Menengah, yaitu bahasa komputer yang memakai campuran instruksi dalam kata-kata bahasa manusia (lihat contoh Bahasa Tingkat Tinggi di bawah) dan instruksi yang bersifat simbolik, contohnya {, }, ?, <<, >>, &&, ||, dsb.

Read the rest of this entry »

 
 

Tags: , , , , ,