Pengertian Template

Pengertian Template

Anda pasti sudah tidak asing dengan istilah ini. Apalagi bagi para netter yang biasa berkelanan di dunia maya. Setiap kali mereka browsing mencari situs tertentu pasti mereka akan menemui template, yang berbentuk desain web tertentu. Selain di ranah internet sebenarnya template memiliki beberapa arti, tergantung dari mana kita melihatnya.

Dalam software template adalah fasilitas yang disediakan oleh aplikasi tertentu dengan model/type tampilan/program tertentu. Contohnya MS. Word templatenya adalah berbagai bentuk surat, Ms. Exel templatenya adalah berbagai bentuk nota atau biling, dreamweaver templatenya berbentuk halaman html atau php.

Sementara itu dalam dunia internet, template adalah layout atau tampilan webblog, atau website yang akan dirancang, atau sebuah desain tampilan halaman dengan berisikan dokumen file model-model tambahan yang dikodekan dalam bahasa program dan siap pakai. Untuk lebih jelasnya, perhatikan gambar-gambar template di bawah ini:

Template merupakan salah satu identitas anda. Kita tidak dapat memilih template secara sembarangan, tentu saja jika website Anda ditujukan untuk konsumsi public. Kita tidak boleh memilih template yang hanya mengikuti selera sendiri, mengabaikan selera public yang menjadi sasaran Anda. Sebenarnya sah-sah saja membuat template yang aneh dan tidak lazim (tidak sinkron dengan tema web), tetapi hasilnya nanti akan kelihatan lucu bin ndagel.

Ada beberapa hal yang perlu Anda perhatikan dalam memilih / membuat template

• Sebelum merancang sebuah web, sebaiknya Anda memikirkan template yang sesuai dengan tema / isi web Anda. Misalnya Anda ingin membuat web tentang kuliner, tentu saja tidak cocok jika template Anda dihiasi dengan gambar-gambar mobil, atau alat-alat musik.

• Carilah template yang menarik sehingga pengunjung betah melihat website Anda. Anda dapat mencari template di situs-situs tertentu yang menyediakan template gratis.

• Hal lain yang perlu Anda perhatikan adalah, template Anda diusahakan agar ringan sehingga ketika dikunjungi tidak lemot. Gambar-gambar ukurannya harus kecil sehingga tidak memperberat jika diakses. Biasanya para pengunjung akan membatalkan berkunjung ke website Anda jika aksesnya berat.

• Usahakan template Anda SEO Friendly untuk mendapatkan pengunjung yang banyak. Apalah artinya website kita yang bagus tetapi tidak ada pengunungnya.

• Nah, saya kira cukup sekian saja pertemuan kita kali ini. Sebelum berpisah, dibawah ini akan saya informasikan alamat-alamat situs yang menyediakan template gratis untuk Anda. 

• http://www.zoomtemplate.com/

• http://www.freewebtemplates.com/

• http://www.themesbase.com/

• http://www.freecsstemplates.org/

• http://www.templatemonster.com/

• http://www.free-css-templates.com/

• http://blogtemplate4u.com/

• http://blogger-templates.blogspot.com/

• http://myfreetemplatehome.com/

• http://www.e-webtemplates.com/

• http://www.oswd.org/

Semalat berjumpa di kesempatan yang lain. Salam sukses untuk Anda.

Pengertian dan Perintah Javascript

Pengertian dan Perintah Javascript

Pengertian dan Perintah Javascript

 

 

      Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa yang sekarang disebut JavaScript ini dulunya dinamai “LiveScript” yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2 yang sangat populer pada saat itu. Kemudian sejalan dengan sedang giatnya kerjasama antara Netscape dan Sun (pengembang bahasa pemrograman “Java”) pada masa itu, maka Netscape memberikan nama “JavaScript” kepada bahasa tersebut pada tanggal 4 desember 1995. Pada saat yang bersamaan Microsoft sendiri mencoba untuk mengadaptasikan teknologi ini yang mereka sebut sebagai “Jscript” di browser milik mereka yaitu Internet Explorer 3. JavaScript sendiri merupakan modifikasi dari bahasa pemrograman C++ dengan pola penulisan yang lebih sederhana dari bahasa pemrograman C++.

Pengertian
      JavaScript adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.

Hal-Hal Yang Harus Diperhatikan
      Ada beberapa hal yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah “case sensitive”, yang artinya JavaScript membedakan huruf besar dan huruf kecil, Jika Anda pernah belajar bahasa pemrograman seperti Turbo C atau C++, maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan huruf t. Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua), dan banyak yang lainnya.

avaScript adalah pemrograman sisi klien yang akan dijalankan oleh browser dari pengunjung, dan program JavaScript biasa ditanamkan didalam halaman web untuk menghasilkan halaman yang dinamis. Untuk mempelajari JavaScript sebaiknya anda menguasai dasar-dasar HTML Script sehingga akan memudahkan anda untuk menyisipkan program JavaScript secara baik dan benar.

      Perintah dasar  merupakan perintah yang digunakan sebagai operasi yang paling dasar dalam pemrograman Javascript, yaitu

1. perintah assigment
2. perintah untuk menampilkan output
3. perintah untuk menerima input
4. operator melakukan manipulasi data

      Assignment adalah proses memasukkan data ke dalam variabel, baik variabel tunggal atau variabel jamak, atau proses pengisian variabel dengan data.

contoh:

nama = 'Rudianto'

angka = 11

umur = 25

namalengkap = 'Teknik Komputer'

      Perintah assignment juga dapat dilakukan sambil mendeklarasikan suatu variabel yang bisa diberi nilai awal atau yang disebut juga dengan proses inisialisasi.

contoh:

var nama = 'Rudianto'

var angka = 9

var umur = 25

      Dalam Javascript, setiap variabel dapat digunakan untuk mendefinisikan lebih dari satu jenis data. Artinya suatu variabel bisa berganti isi dengan tipe data yang berbeda.

contoh:

var angka = 'sembilan'

var angka = 9

      Dalam satu pernyataan assignment juga bisa diisikan data lebih dari baris, dan setiap pindah baris ditutup dengan menuliskan karakter backslash(\).

contoh:

kalimat = " Selamat datang di program studi Teknik Komputer \

Politeknik NSC Surabaya \

semoga bermanfaat"

Perintah Output

document.write(namavariabel)
document.write("Kalimat"+namavariabel)
alert("Kalimat"+namavariabel)

Contoh:

<html>
<head>
<title>Teknik Komputer</title>
</head>
<body>
 <h1>Contoh menampilkan output dan alert</h1>
 <script type="text/javascript" language="javascript">
  nama = "Rudianto"
  umur = 35
  document.write("Nama : "+nama)
  document.write("<br>")
  document.write("Umur : "+umur)
  alert("Nama anda : "+nama+"\n"+"Umur anda : "+umur)
 </script>
</body>
</html>

Perintah Input dengan prompt

namavariabel = prompt("Pesan" , nilaidefault)

dimana nilai default adalah nilai awal yang diberikan apabila pengguna tidak mengubahnya.

contoh:

<html>
<head>
<title>Teknik Komputer</title>
</head>
<body>
 <h1>Contoh menerima input</h1>
 <script type="text/javascript" language="javascript">
  nama = prompt("Siapa nama anda ? " , "Teknik Komputer")
  umur = prompt("Berapa umur anda ? ", 25)
  document.write("Nama : "+nama)
  document.write("<br>")
  document.write("Umur : "+umur)

 </script>
</body>
</html>

Pengertian dan perintah-perintah CSS

Pengertian dan perintah-perintah CSS

      CSS adalah singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web. Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf) , colors (warna), margins (ukuran), latar belakang (background), ukuran font (font sizes) dan lain-lain. Elemen-elemen seperti colors (warna) , fonts (huruf), sizes (ukuran) dan spacing (jarak) disebut juga “styles”.  Cascading Style Sheets juga bisa berarti meletakkan styles yang berbeda pada layers (lapisan) yang berbeda. CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan.  Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet.  Saat menggunakan CSS, Anda tidak perlu menulis font, color atau size pada setiap paragraf, atau pada setiap dokumen. Setelah Anda membuat sebuah style sheet, Anda dapat menyimpan kode tersebut sekali saja dan dapat kembali menggunakannya bila diperlukan.

          Berikut ini adalah perintah-perintah dalam CSS (Cascading Style Sheets):

A. New Array

     New Array merupakan perintah untuk memasukkan sekumpulan data dalam sebuah variabel (data disimpan dalam variabel yang sama secara berurutan).

Contoh :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Contoh new Array</title> </head>   <body>   <script language="javascript"> var nama = new Array(3); nama[1]="Iwan"; nama[2]="Budi"; nama[3]="Yanto";     document.write("Nama dia adalah : "+ nama[1]) document.write("<br>") document.write("Nama dia adalah : "+ nama[2]) document.write("<br>") document.write("Nama dia adalah : "+ nama[3]) document.write("<br>")     </script>   </body> </html>

Hasilnya :

B. For

for adalah perintah loop, perintah untuk melakukan perulangan data yang banyak.

Contoh :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Contoh for</title> </head> <body>   <script language="javascript">   for(var i=1;i < 11;i++) { document.write("Hitungan :"+i+"<br>"); }   </script>   </body> </html>

Hasilnya :

C. While

while digunakan sebagai perulangan atau looping data seperti halnya for

contoh :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Contoh while</title> </head> <body>   <script language="javascript">   i = 0; while (i <= 10) {      document.write("Hitungan :"+i+"<br>");     i++; }   </script>   </body> </html>

Hasilnya :

D. If , Else if  dan else

Perintah if   suatu fungsi keputusan  dimana IF akan menentukan untuk pengecekan suatu kondisi. Jika kondisi terpenuhi maka fungsi akan mengambil suatu nilai, dan sebaliknya jika tidak dipenuhi akan mengambil nilai lainnya.

Alur kinerja if :

if (lakukan perbandingan disini 1)

{

// Blok akan dikerjakan jika perbandingan dipenuhi 1

}

else if (lakukan perbandingan disini 2)

{

// Blok akan dikerjakan jika perbandingan dipenuhi 2

}

else

{

// Blok ini tidak akan dikerjakan jikan perbandingan tidak dipenuhi

}

Contoh

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Contoh if else if</title> </head> <body>   <script language="javascript">   var nilai=60;   if (nilai>=70) { document.write("Hasil Nilai Adalah : A") } else if (nilai>=60) { document.write("Hasil Nilai Adalah : B") } else { document.write("Hasil Nilai Adalah : C") }     </script>   </body> </html>

Dari hasil script yang dihasilkan adalah nilai B karena nilai telah terpenuhi. Nilai lebih besar sama dengan 60

E. Function

Function adalah perintah untuk membuat fungsi-fungsi baru sesuai dengan kebutuhan pembuatnya. Digunakan untuk mengakses sekumpulan perintah dan dapat dipanggil kapan saja di bagian lain di dalam program, sehingga untuk tujuan yang sama tidak perlu membuat kembali program yang sama, tetapi kita cukup memanggilnya dengan fungsi-fungsi yang kita buat.

Alur kinerja function :

function variabel()

{

// Blok  perintah

}

Contoh :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Contoh while</title> </head> <body>   <script language="javascript"> function pesan() { var nama=prompt('Ketik nama Anda:','Misalnya Ivan Gunawan...') var umur=prompt('Apakah boleh tahu umur Anda','')   document.write("Nama Anda:"+nama+"<br>"); document.write("Umur Anda:"+umur); } </script>   <input type="button" value="ISI FORMULIR DISINI"  onclick="pesan()">   </body> </html>

Klik ISI FORMULIR DISINI kemudian isikan data nama dan umur

Masukkan nama

Masukkan  umur

Hasilnya

       Demikian oret-oretan yang saya buat, untuk kita dapat mengekplore bagaimana menggunakan suatu fungsi dalam pembuatan program ini.  Semoga bermanfaat :)

Pengertian dan Fungsi HTML (HyperText Markup Language)

Engkus Kusnadi

Education

Wednesday, November 20, 2013

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

Supaya  dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.
HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut  Standard Generalized Markup Language (SGML).

Sekarang ini HTML merupakan standar Internet yang dikendalikan dan didefinisikan pemakaiannya oleh World Wide Web Consortium (W3C).  Pada tahun 1989, HTML dibuat oleh kolaborasi Berners-lee Robert dengan Caillau TIM  pada saat mereka bekerja di CERN (CERN merupakan lembaga penelitian fisika energi tinggi di Jenewa)

HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke web browser. Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web.

Fungsi HTML (HyperText Markup Language)

HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.

Fungsi HTML yang lebih spesifik yaitu :

1. Membuat halaman web.
2. Menampilkan berbagai informasi di dalam sebuah browser Internet.
3. Membuat link menuju halaman web lain dengan kode tertentu (hypertext).