Kamis, 24 November 2011

Membuat backround image statis di posting Blog Detik

Melakukan modifikasi template untuk memberi penampilan blog berbeda dapat dilakukan dengan berbagai cara, baik ditinjau dari kode HTML yang digunakan maupun komponen penunjang yang dimanfaatkan. Komponen penunjang kode HTML terfavorit adalah sebuah image atau gambar, baik berukuran besar atupun kecil. Gambar menjadi pilihan utama karena bisa membuat sebuah blog sangat terlihat inovatif dan atraktif sehingga pengunjung blog banyak terkesima.

Penggunaan gambar sendiri bisa diwujudkan dalam berbagai bentuk penampilan dengan memanfaatkan berbagai desain atau fungsi yang tercipta melalui rangkaian kode HTML yang di dalamnya bisa melibatkan kode CSS, javascript atau xHTML. Satu yang paling sederhana memanfaatkan image untuk mempercantik blog adalah dengan menggunakannya sebagai sebuah background. Sekalipun sebenarnya banyak bagian blog bisa ditambahkan background-image, untuk kali ini kita akan lebih fokus untuk mencoba membuat background-image pada halaman posting. Lebih khusus lagi adalah kolom posting diluar judul posting. Harapan digunakannya background-image tentu saja tak lain dan tak bukan untuk membuat blog terlihat berbeda dari yang lain sehingga setiap blog masing-masing bisa menampilkan ciri khas yang lebih bervariasi dan dapat dipergunakan sebagai sarana mengexpresikan jati diri si empunya blog.
Sebenarnya jika kita mencoba mengupas lebih dalam pemanfaatan background image ada berbagai bentuk kode yang masing-masing juga berbeda tergantung gambar yang nantinya akan digunakan.
  1. Background dari sebuah gambar dengan bentuk melebar (horizontal) yang hanya berketinggian beberapa px (misalnya height=5px dan width=600px).
    Contoh kode:
    background:#fff url(background-image.gif) bottom right repeat-y;
  2. Background dari sebuah gambar dengan bentuk meninggi (vertical). Background seperti ini mempunyai lebar (width) hanya beberapa px sedangkan ketinggian gambar lebih diprioritaskan hingga diperoleh bentuk background yang diinginkan. Saat background seperti ini digunakan maka bantuan/tambahan berupa background color sangat sering ditambahkan agar ketinggian background image-nya lebih bisa dibatasi. Hal yang sama juga bisa diterapkan saat background horizontal yang kita pakai.
    Contoh kode yang digunakan:
    background:#000 url(background-image.png) top left repeat-x;
    background:#000 url(background-image.jpg) bottom left repeat-x;
    background:#000 url(background-image.gif) center repeat-x;, serta beberapa bentuk yang lain.
  3. Background image dengan ukuran kecil.
    Background image dalam ukuran kecil bisa dibuat sebagai background berulang hingga seluruh bagian tercover secara penuh atau bisa juga diletakkan hanya pada bagian tertentu baik ditengah ataupun samping dan pojok. Beberapa macam kode digunakan disini bergantung peletakan/posisi dan berulang atau tidaknya background image tersebut.
    - Background dibuat berulang hingga seluruh bagian dapat tercover bacground image dimaksud.
    Contoh kode:
    background:url(background-image.jpg);
    - Background-image diletakkan hanya pada bagian tertentu (tak berulang)  dengan menambahkan background color untuk membentuk background secara utuh.
    Contoh kode:
    background:#666 url(background-image.gif) bottom right no-repeat;
  4. Background-image berukuran besar.
    Background image dengan bentuk seperti ini tidak perlu di lakukan pengulangan karena tampilan yang dihasilkan menjadi tidak menarik dan terlihat kacau. Penggunaan kode tertentu digunakan untuk menciptakan sebuah bentuk background statis hingga background akan selalu terlihat sekalipun halaman digulung dari ujung atas hingga ujung bawah dengan ketinggian tak terbatas. Pembuatan ukuran gambar untuk background statis sebaiknya disesuaikan dengan ukuran lebar halaman posting. Untuk ketinggiannya kita bisa menggunakan height berkisar antara 550px hingga 800px. Untuk mengetahui berapa sebenarnya tinggi yang dibutuhkan sampeyan bisa melihat tinggi halaman posting yang terlihat saat blog dibuka. Jika mau dibuat gampang sebenarnya kita gunakan saja height=700px. Ketinggian background senilai tersebut sudah cukup representatif untuk digunakan diblog dengan desain template yang selama ini umumnya dipergunakan.
    Contoh kode background statis:
    background:url(background-image.jpg) center no-repeat;background-attachment:fixed;}

Kode CSS Background Statis Posting Blog

Untuk lebih jelasnya bagaimana sebuah background statis bisa tercipta dan apa saja kode terkait yang harus dirubah saat background ditambahkan, kita akan perlihatkan kode CSS serta kegunaan setiap kode yang ditambahkan.
  1. Background-image dengan warna terang dominan.
    Saat background image dengan warna terang dominan, maka kita bisa menggunakan teks/font sekaligus teks link dengan warna gelap sehingga teks dan teks link dapat terbaca dengan jelas.

    Kode yang dipergunakan

    .entry{
          background:url(background-image.jpg) center no-repeat;
          background-attachment:fixed;
          padding:15px 5px;
          color:black;
    }
    .entry a, entry a:link{
          color:blue;
    }
    .entry a:hover{
          color:red;
    }
  2. Background-image dengan warna gelap dominan.
    Saat background image dengan warna gelap dominan, maka kita bisa menggunakan teks/font sekaligus teks link dengan warna terang.

    Kode yang dipergunakan

    .entry{
          background:url(background-image.jpg) center no-repeat;
          background-attachment:fixed;
          padding:12px 6px;
          color:white;
    }
    .entry a, entry a:link{
          color:lightblue;
    }
    .entry a:hover{
          color:yellow;
    }
Keterangan/Catatan:
  1. Gunakan lebar background seukuran dengan lebar kolom halaman posting agar beban loading blog tidak terlalu berat. Penggunaan gambar dengan ukuran terlalu besar disamping akan membuat beban blog terlalu berat juga fokus yang dikehendaki terhadap background tak tercapai.
  2. Gunakan file gambar berekstensi .jpg agar loading blog dan beban lebih ringan. Jika pembuatan menggunakan software seperti Adobe Photoshop maka kualitas gambar bisa di atur seminimal mungkin yang penting tetap terlihat baik sebagai sebuah background.
  3. Color pada teks dan link bisa menggunakan kode warna berbentuk angka dan/atau huruf.
  4. Jika diperlukan rubahlah warna teks dan teks link esuai warna dominan background yang dipergunakan.
  5. Simpan kode CSS dalam template melalui Widgetize Any HTML yang bisa diakses melalui halaman dasbor setelah login dilakukan. Untuk mengikuti panduan cara penyimpanan kode HTML (kode CSS, javascript atau xHTML) di template blogdetik, silahkan buka link berikut. Dalam panduan tersebut pada langkah ke-6 yang disimpan dalam box Widgetize Any HTML adalah javascript. Ganti javascript tersebut dengan kode CSS di atas sesuai pilihan background-image yang dipergunakan (terang dominan atau gelap dominan).
  6. Di bawah ini adalah contoh kode CSS untuk sebuah background statis dengan warna gelap dominan. Silahkan jika akan dipergunakan di template sampeyan.

    Kode CSS-1

    <style type="text/css">
    .entry{
          background:#000 url(background-image-1.jpg) center no-repeat;
          background-attachment:fixed;
          color:#FFFFFF;
          padding:10px 8px;
    }
    .entry a, .entry a:link{
          color:#FFCC66;
          font-weight:bold;
    }
    .entry a:hover{
          color:#66CCFF;
    }
    </style>
    Ganti background-image-1.jpg dengan:
    ==>http://gundulcilik.blogdetik.com/files/2011/01/kembangapi.jpg

    Kode CSS-2

    <style type="text/css">
    .entry{
          background:#000 url(background-image-2.jpg) center  no-repeat;
          background-attachment:fixed;
          color:#fff;
          padding:10px 8px;
    }
    .entry a, .entry a:link{
          color:#FFCC66;
          font-weight:bold;
    }
    .entry a:hover{
          color:#66CCFF;
    }
    </style>
    Ganti background-image-2.jpg dengan:
    ==>http://gubhugreyot.blogdetik.com/files/2011/01/bgposting.jpg

CARA MEMBUAT BACK GROUND MUSIK PADA HTML

1.
File-file Sound MIDI, yaitu yang dihasilkan oleh alat synthesizer music instrument. Biasanya musik yang dihasilkan ini berupa instrumentalia, dan menggunakan file-extension .mid . File size dari sound MIDI tersebut relatif kecil ( tidak pernah lebih dari 50 kbyte), sehingga waktu proses down-loadingnya relatif singkat. Dan juga biasanya digunakan untuk ring-tone HP (polyphonic).
2.
File-file sound WAV, yaitu hasil transfer sound dari piringan hitam, CD atau dari MP3. File musik yang berupa WAV adalah suara musik asli (plus vocalis). Tentu saja file sizenya relatif besar bisa mencapai 500 kbyte tergantung durasi dari musik yang direkamnya. Dan memerlukan waktu proses downloading yang agak lama. Kalau Anda menggunakan modem internet 56 kbps, dalam bandwith yang normal, untuk mendownload file sebesar 500 kbyte kira-kira memerlukan waktu 3 menit.
Anda bisa melihat contoh halaman website yang dilengkapi dengan background musik MIDI pada: http://www.geocities.com/sumarnoid/files/souldierofortune.htm
Pada halaman yang sedang Anda baca ini dilengkapi background musik dengan format WAV. Mainkan saja (klik tanda play pada gambar media player diatas itu.) Mengapa untuk memainkan sound WAV saya menggunakan media player? Karena pada waktu downloading musik tidak akan mengganggu proses downloading halaman html-nya. Sementara menunggu file sound sedang di download, pengunjung Anda bisa membaca/melihat-lihat halaman html Anda.
File musik MIDI maupun WAV bisa Anda dapatkan di situs-situs internet melalui search engine. Sebagai contoh anda bisa men down-load file-file musik saya dibawah ini:
MUSIK FORMAT MIDI JUDUL LAGU: ENDLESS LOVE
MUSIK WAV JUDUL LAGU: RELEASE ME

CARA MEMBUAT BACK GROUND MUSIK MIDI PADA HTML :
Pertama save file musik midi Anda kedalam folder/direktori dimana halaman html yang akan diberi background tersimpan. Bilamana perlu rename nama file sesingkat mungkin dan jangan menggunakan spasi. Disini saya mengambil contoh file musik : endlesslove02.mid
Back ground musik akan play secara otomatis tanpa menggunakan plug-in player . blok terlebih dahulu kode-kode HTML dibawah ini:


Kemudian COPY , selanjutnya PASTE ke halaman HTML anda. Terlebih dahulu buka file html yang akan diberi background musik menggunakan HTML-editor atau mengunakan Note Pad.
Paste kode tersebut diantara : ......<head><title>.... Sehingga kode html tersebut seperti dibawah ini :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<bgsound src="endlesslove02.mid" loop="-1">
<title>Endless Love</title>
Kalau Anda merubah nama file sound/musik atau menganti dengan file midi yang lain, ganti juga nama file "endlesslove02.mid" sesuai dengan nama file seperti yang telah Anda rubah. (tanda petik " jangan dihilangkan !). Save file html Anda. Untuk mencobanya, buka halaman html tersebut menggunakan browser.

CARA MEMBUAT BACK GROUND MUSIK WAV MENGGUNAKAN EMBEDDING PLUG-IN AUDIO MEDIA PLAYER PADA HTML :
Pertama save file musik WAV Anda ke folder/direktori dimana file html yang akan Anda isikan file musik tersebut disimpan. (Sama seperti langkah menggunakan file MIDI). Sebagai contoh disini menggunakan file releaseme.wav
Blok kode-kode dibawah ini kemudian copy :


Kode tersebut nantinya akan berupa gambar Media Player seperti terlihat diatas. Maka dari itu diperlukan lay-out untuk meletakkan Media Player tersebut.
Buka file halaman HTML yang akan diisi background musik dengan HTML Editor. Kalau Anda sudah menguasai kode-kode HTML, bisa menggunakan Note Pad. Disini saya menggunakan program Macromedia Dream Weaver untuk menentukan lay-out. Gunakan fasilitas TABLE. Insert Table ditempat yang Anda pilih. Tentukan Row = 1 Columns = 1, berikan Cell pad = 4, Cell space = 0 dan Border = 0, Align = Center. W (Width) = 100% , H (Height) = biarkan kosong.
Klik cursor didalam table yang baru saja Anda buat. Klik View pada menu tool bar, Klik Code , selanjutnya tampilan akan berubah menjadi kode-kode HTML. Jangan sekalipun meng klik disembarang tempat di halaman kode-kode tersebut. Biarkan kursor berada pada posisinya.
Selanjutnya Paste dengan menggunakan fasilitas Edit >> Paste kode HTML yang Anda copy tadi yaitu :
<embed src="releaseme.wav" autostart="false" loop="false" volume="60" />
Apabila Anda menggunakan nama file WAV yang lain, gantilah nama file releaseme.wav sesuai dengan nama file tersebut. (tanda petik "....." jangan dihilangkan !)
Kembali ke View >> Design.
Untuk me review-nya tekan key F12. Perhatikan apakah gambar Media Player sudah tampil ditempat yang Anda tentukan. Didalam Media Player tersebut terdapat garis-bar yang merupakan indikator proses down-loading file musik yang Anda sertakan. Bar indicator tersebut akan terisi oleh warna tertentu. Kalau bar indikator sudah penuh terisi oleh warna tertentu, artinya bahwa file wav sudah terdownload semua dan siap di mainkan (Play).
Anda juga bisa memainkan file video MPEG, WMA dan lain-lain. Seperti contoh diatas. Cobalah klik tanda Play untuk memainkan file musik/video tersebut.
Save file HTML anda tersebut.
BACKGROUND MUSIK DIHALAMAN WEB-BLOG
Anda juga bisa membuat background musik pada halaman Web-Blog Anda ( blogger.com, blogspot.com, blogdrive.com dan sebagainya ). Sebaiknya gunakanlah metode EMBEDDING PLUG-IN MEDIA PLAYER. Terlebih dahulu copy kode HTML seperti yang diterangkan diatas. Selanjutnya buka HTML editor web-blog Anda. Tentukan tempat untuk meletakkan MEDIA PLAYER tersebut. Kemudian paste kode-kode tesrsebut ditempat yang telah Anda tentukan.
Biasanya Web-Blog server hanya menyediakan space untuk menyimpan file-file gambar saja yaitu ".jpg" dan ".gif" saja. Tidak menyediakan space untuk menyimpan file-file ".wav" maupun ".mid".
Untuk mendapatkan sumber file-musik, Anda harus membuat "link" ke situs lain yang menyediakan file-file musik ( .mid maupun .wav ). Dengan mengganti sumber file nya.
Sebagai contoh caranya adalah : pada bagian src="releaseme.wav" gantilah dengan src="http://www.geocities.com/sumarnoid/files/endlesslove02.mid"
Anda bisa mencari situs-situs lain yang menyediakan lagu-lagu kesukaan Anda melalui search-engine baik musik MIDI maupun WAV. Copy alamat URL-nya kemudian paste ke kolom src tersebut. Sebagai latihan cobalah menggunakan file endlesslove02.mid yang berasal dari situs saya seperti pada contoh diatas. Cobalah review halaman HTML Anda tersebut untuk mencobanya. Jangan lupa save halaman HTML tersebut kalau media player sudah berfungsi dengan baik.
Bagi Anda yang memiliki Web-blog dan kesulitan untuk menempatkan file-file musik untuk dijadikan background di halaman Web-blog, saya dengan senang hati menyediakan space didalam web-server saya untuk menempatkan file-file sound musik baik berupa MIDI maupun WAV (bukan MP3). Kirimkan file-file musik kesayangan Anda melalui email saya maymintaraga@gmail.com
Anda akan saya beri tahu alamat URL-nya kemudian
SELAMAT MENCOBA

Rabu, 23 November 2011

codink.html

<html>
<head>
<style type="text/css">
body{background:aqua;}
#kotak{ 
 width:900px;
 height:100px;
 border:2px solid red;
 margin: 0 auto;
 color: red;
 background: yellow;
 }
#kotakmenu{ 
 width:900px;
 height:20px;
 border:2px solid red;
 margin: 0 auto;
 background: green;
 }
</style>
<title>selamat datang di web belajar</title>
<body bgcolor=aqua>
<div id="kotak">
<h1 align=center><b>Web Is My Inspiration   </b></h1>
<h3 align=center><b>Write To Remember  </b></h3>
</div>
<div id="kotakmenu">
<a href="index.html">Home</a> 
<a href="galery.html">About us</a>
<a href="galery.html">Galery</a>
<a href="galery.html">News</a>
 
<di>
</div>

<hr color=green>
<b>SELAMAT DATANG  
<p align=right> Nopember  21. 2011 </p>
<hr color=aqua>
Selamat datang di halaman web ini,web ini khusus membahas bagaimana mengkobinasikan html dengan css yang di bahas dari pemula sampai dengan profesional.saya ucapkan terimakasih kepada pengunjung yang meluangkan waktu untuk mengunjungi halaman ini.semoga apa yang saya tulis di sini dapat bermanfaat dan berguna.kalau ada yang kurang jelas bisa meninggalkan komentar pada:
 
  
<p align=right>  
<hr color=aqua>
Extarnal css
  
<p align=right>  
<hr color= aqua>

................................................................................................................................................................................................................  
<p align=right>  
<hr color=aqua>
Kode css external di tulis dalam satu file terpisah yang di simpan dengan akhiran CSS Anda lalu perlu memanggil file css tersebut ke dalam semua halaman web yang anda buat dengan cara ini anda hanya perlu memiliki satu set kode css yang di gunakan untuk semua halaman web anda.Jadi ada dua langkah dalam pengimplementasian CSS dengan cara ini 
<p align=right>  
<hr color= aqua>
Pengguna lebih dari satu CSS
 ................................................................................................................................................................................................................ 
<p align=right>  
<hr color= aqua>
Apabila lebih dari satu kode css untuk satu elemen,maka yang akan di gunakan adalah kode yang lebih spesifik.Misalkan dalam satu halaman web,menggunakan external style sheet untuk menformat elemen H1
<p align=right>  
<hr color= aqua>
Inline CSS
<p align=right>  
<hr color=aqua>

<hr color=aqua>

</body> 
................................................................................................................................................................................................................ 
<p align=right>  
<hr color= aqua>
Kode Css di tuliskan lansung ke dalam tag HTML yang ingin di format.Penlis cara ini tidak memerlukan penulisan selector dalam Kode CSS,Cara ini sebaiknya hanya di gunakan jika anda mau memformat suatu elemen satu kali saja
</head>
</html>
 <h1 align=center><b>Created By PERSADA DARUL  KAMILIN </b></h1>
<h3 align=center><b>COPYING 2011</b></h3>

Kamis, 17 November 2011

Cara Membuat Website, Cara Bikin Situs, Membuat website sederhana, Langkah membuat website.

1. Yang di butuhkan untuk membuat website.

Domain

- Domain adalah nama situs Anda, atau alamat situs. misalnya www.semuabisnis.com , atau www.terserahgwdong.com  Domain bisa di dapat atau di beli dengan cara di daftarkan di jasa register domain, biaya nya juga termasuk murah, rata-rata sekitar 100 ribu untuk 1 domain selama 1 tahun.

Hosting.

- Hosting adalah tempat Anda menyimpan file-file atau data mengenai website Anda. misalnya Jika anda ingin siapapun yang mengakses domain atau situs anda maka pengunjung tersebut akan melihat photo anda di halaman situs tersebut, maka anda tinggal letakkan photo anda di hosting tersebut.

Bingung ? penjelasannya singkatnya begini, kita anggap saja domain itu adalah sebuah alamat toko. dan kemudian hosting tersebut adalah gudang, atau tempat Anda memajang barang-barang dagangan anda di toko tersebut.

Apa harus keluar uang untuk membuat situs ?


Tidak, jika anda pengguna email yahoo ada layanan situs gratis dari yahoo.com  yakni www.geocities.com , namun nama domainnya tidak bisa Anda ubah. harus memakai embel-embel geocities.com sebagai penyedia layanan ini.  jadi misalnya alamat email yahoo anda adalah ambriserver@yahoo.com maka alamat situs gratis anda di geocities.com adalah www.geocities.com/ambriserver  kalau mau pakai domain sendiri misalnya www.nama-anda.com , atau tanpa embel-embel geocities.com tersebut maka anda harus membeli dan mendaftarkan domain anda.

Silahkan anda login ke www.geocities.com , jika anda sudah punya email yahoo. anda tidak perlu mendaftar lagi di geocities, cukup login dengan memakai email yahoo dan password email yahoo Anda.
Membuat Situs dengan HTML.
Oh ya, agar belajarnya lebih enak, saya sarankan anda mempunyai program Microsoft Front page untuk memulai membuat situs Anda, jika tidak punya pakai notepad saja juga bisa.

1. Belajar Bikin Text dan Mengubah Font ( huruf ).

Sebelum saya mulai tutorial Cara membuat situs atau website ini, anda harus tahu dulu, bahwa code html itu selalu di mulai dan di tutup dengan Tags.

Tags pertama selalu di mulai dengan <tags>. kemudian tags di tutup dengan </tags>.
Contoh, misalnya saya ingin membuat huruf tebal pada kalimat Selamat Datang, kemudian kita harus menggunakan tags <b> sebagai pembuka tags, dan </b> sebagai penutup tags.


Maka code html untuk membuat cetak tebal pada huruf selamat datang adalah seperti ini : <b> Selamat Datang </b> di situs saya.  Maka hasil nya nanti nya akan seperti ini : Selamat datang di situs saya.

Seperti yang anda lihat, hanya kalimat Selamat Datang saja yang di cetak tebal di karenakan tags di buka dan  di tutup pada kalimat tersebut. Pastikan anda selalu menutup tags yang anda buka, karena jika anda lupa bisa-bisa seluruh text di halaman situs Anda nantinya akan tercetak tebal semua.
Berikut adalah daftar-daftar Tags yang perlu Anda ketahui :

Paragraph baru : <p> akan membuka Paragraph baru. penutup tags ini adalah </p>
Baris Baru : <br> akan membuat baris baru untuk halaman situs anda, mirip perintah enter di word. penutup tags ini adalah </br>
Cetak tebal : <b> akan membuat huruf di cetak tebal, penutupnya adalah </b>
Garis Bawah : <U> huruf atau angka yang berada di antara tags ini akan mempunyai garis bawah. penutup tags nya adalah </u>

Garis miring : <i> huruf atau angka yang berada di antara tags ini akan terbentuk miring ( garis miring ) .penutup tags nya adalah </i>

Posisi di tengah : <center> huruf atau angka yang berada di antara tags ini akan berada di tengah-tengah halaman, penutup tags nya adalah </center>

Posisi di kiri : <left> huruf atau angka yang berada di antara tags ini akan berada di kiri halaman situs, penutup tags nya adalah </left>
Posisi di kanan : <right> huruf atau angka yang berada di antara tags ini akan berada di kanan halaman situs. Penutup tags nya adalah </right>

Ubah warna  : <font color="red"> huruf atau angka yang berada di antara tags ini akan berwarna merah. Penutup tags nya adalah </font>

Mengubah bentuk huruf : <font face="Arial"> huruf atau angka yang berada di antara tags ini menggunakan Bentuk Arial, Penutup tags nya adalah </font>
Mengubah ukuran text : <font size="3"> Penutup tags nya adalah </font>

Text berjalan : <marquee>huruf atau angka yang berada di antara tags ini akan bergerak dari kiri ke kanan di layar, Penutup tags nya adalah </marquee>

catatan: tags marquee hanya berjalan jika halaman situs yang menggunakan tags ini di lihat dengan menggunakan internet explorer.


2. Structure dasar dari halaman HTML. 


Ini adalah contoh dari halaman HTML.
----------------------------------------------------------------------------------------------------------------------------------------------------

<html>
<head>
<title>Huruf atau angka yang berada di tags ini, akan menjadi judul situs Anda</title>
<meta name="description" content="Ini adalah penjelasan singkat mengenai situs Anda">

<meta name="keywords" content="ini adalah kata-kata yang mendeskripsikan tentang situs anda">
</head>

<body>
<p align="left">
Halo ini adalah halaman situs pertama saya.  Jika Anda butuh bantuan membuat situs, silahkan klik <href="http://www.SemuaBisnis.com">Semuabisnis.com</a>.
</p>
</body>
</html>

----------------------------------------------------------------------------------------------------------------------------------------------------
Penjelasan dari kode HTML di atas adalah :

Tags <html> hanya mengatakan kepada browser anda di bagian mana HTML code di mulai.
tags
<Title> adalah judul dari situs Anda, anda bisa melihat nya di bagian paling atas dari browser anda.

<meta name> adalah bagian agar mesin pencari seperti google agar bisa menampilkan deskripsi singkat mengenai situs Anda
<body> adalah isi dari website Anda, setelah tags </head>
3. Membuat HYPERLINK ( link ke situs )
- hyperlink adalah sebuah link yang bisa Anda klik untuk menuju ke halaman lainnya dari situs Anda, atau menuju ke situs lain.


contoh :

<a href="http://www.semuabisnis.com">Nama link tersebut</a>  maka hasilnya adalah : Nama link tersebut bila link ini di klik, maka akan menuju ke situs semuabisnis.com

Membuka link dengan windows baru ( new windows )

- Jika anda ingin link yang di klik akan terbuka dengan windows baru, maka codenya 
adalah : <a href="http://www.semuabisnis.com"target="_blank">Nama link tersebut</a>

Mengubah warna dari link tersebut

: <body link="green" vlink="yellow" alink="red"> contoh di atas akan membuat link berwarna hijau, dan link yang sudah di klik akan berwarna merah.

Membuat email link

- Membuat email link sangat sederhana, anda hanya perlu menuliskan code mailto:emailanda@emailanda.com

contoh :  <a href="mailto:youraddress@email.com">Kirim email ke saya</a> , maka hasilnya adalah : Kirim email ke saya

Rabu, 16 November 2011

GAME ENGINE

Setelah membahas mengenai pengertian game teknologi, tahap-tahap pembuatan game, metode atau teknologi atau software yang digunakan untuk membuat game, serta profesi apa saja yang ada di dalam game, pada minggu ketiga. Maka pada minggu ke enam ini akan dibahas mengenai sejarah game engine, pengertian game engine, tipe-tipe game engine, jenis-jenis game engine, penjelasan 4 game engine dan perbandingan antara 2 game engine. Diawali dengan Pengertian game engine.
APA ITU GAME ENGINE????
Pengertian Game Engine
Engine bukanlah executable program, artinya engine tidak bisa dijalankan sebagai program yang berdiri sendiri. Diperlukan sebuah program utama sebagai entry point atau titik awal jalannya program. Pada C++, entry point-nya adalah fungsi ‘main().’ Biasanya program utama ini relatif pendek. Game engine adalah program yang ‘memotori’ jalannya suatu program game. Kalau game diilustrasikan sebagai ‘musik’ yang keluar dari mp3 player, maka engine adalah ‘mp3 player’ dan program utama adalah ‘data mp3’ yang dimasukkan ke dalam mp3 player tersebut. Dengan adanya engine, waktu, tenaga dan biaya yang dibutuhkan untuk membuat game software menjadi berkurang secara signifikan. Beberapa game dengan jenis dan gameplay yang hampir sama bisa dibuat dengan sedikit usaha bila terlebih dulu dibuat engine-nya. Setelah engine diselesaikan, programmer hanya perlu menambahkan program utama, memakai resources (objek 3D, musik, efek suara) yang baru, dan, jika benar-benar dibutuhkan, sedikit memodifikasi engine sesuai kebutuhan spesifk dari game yang bersangkutan. Program game engine seluruhnya berorientasi objek. Dia lebih bersifat reaktif daripada prosedural. Sulit untuk menggambarkan engine secara keseluruhan dalam flow-chart, karena alur program bisa diatur sesuai dengan keinginan pemakai engine, yaitu game programmer.
BAGAIMANA DENGAN SEJARAH DARI GAME ENGINE????
Sejarah Game Engine
Di masa lalu, hampir semua perusahaan game memiliki game engine mereka sendiri, menggunakannya untuk membuat game mereka, dan menyimpannya untuk diri sendiri. Semakin lama kebutuhan untuk game engine yang makin modern semakin bertambah. Waktu demi waktu, game engine yang mereka kembangkan sendiri mulai dirasa terlalu mahal untuk dikembangkan lebih lanjut. Hal ini memicu beberapa developer untuk menciptakan game engine yang terbuka untuk di franchise kan. Sebagai contoh adalah id Tech dan Unreal Engine. Game Engine yang dijual dan di franchisekan secara umum semacam ini disebut dengan middleware. Middleware menawarkan harga yang relatif lebih murah, dan bagi kebanyakan studio game, menggunakan middleware merupakan solusi cepat dan ekonomis ketimbang harus membangun sendiri engine game mereka.
Konsep dari game engine sebenernya cukup gampang, yaitu bahan dasar yang diperlukan sebuah game untuk menjalankan tugasnya, merender pixel demi pixel, menghitung physiscs, memperkirakan input tombol, dan lain hal, yang memungkinkan developer kreatif dapat membuat sebuah game dengan engine yang sama menjadi unik satu sama lain. Di analogikan sebagai sebuah mobil, game engine sudah merupakan bagian mobil, sekitar 50% jadi. Mesin dan rangkaian sistem pengapian, sampai pembuangan. Kurang body dan aksesoris.
Sebuah game engine memungkinkan penggunaan kembali komponen komponen yang dapat mempercepat hadirnya game menjadi nyata di layar monitor mu. Beberapa diantara nya yang termasuk dengan itu adalah deteksi tubrukan, tampilan grafis, setting dalam game, artificial intelligence dan lain lain. Semua komponen tadi disatukan dalam satu pake game engine. Artist dan Developer, dapat menambahkan pustaka texture dan model sendiri untuk dijadikan tokoh utama atau setting dunia dalam sebuah engine. Sekali lagi dalam analogi game, model dan texture dalam game engine bisa dibilang sebagai body dan aksesoris mobil.
Sebuah game engine dibagi lagi menjadi dua bagian besar. Yaitu API dan SDK. API ( Applicaiton Programming Interfaces ) adalah bagian operating system, services dan libraries yang diperlukan untuk memanfaatkan beberapa feature yang diperlukan. Dalam hal ini contohnya DirectX. Sementara SDK adalah kumpulan dari libraries dan API yang sudah siap digunakan untuk memodifikasi program yang menggunakan operating system dan services yang sama. Biasanya, game engine menyertakan keduanya.
Contohnya dalam Unreal Engine, menyiapkan antarmuka baku bagi programmer untuk menciptakan game nya dengan mudah, melalui scripting engine, yang disebut UnrealScript, dan juga libraries, yang berisi model standar dan texture standar dan juga world editor yang disebut sebagai UnrealED.
APA SAJAKAH TIPE-TIPE DARI GAME ENGINE????
Tipe Tipe Game Engine
Game engine biasanya datang dengan berbagai macam jenis dan ditujukan untuk berbagai kemampuan pemrogramman. Tapi dalam pembahasan sekarang ini, ketimbang harus me-list semua jenis game engine yang ada di wikipedia, mendingan kita bahas garis besar nya saja.
Roll-your-own game engine. Banyak perusahaan game kecil seperti publisher indie biasanya menggunakan engine nya sendiri. Ini berarti mereka menggunakan API seperti XNA, DirectX atau OpenGL untuk membuat game engine mereka sendiri. Disisi lain, mereka kadang menggunakan libraries komersil atau malah open source. Terkadang mereka malah membuat semuanya dari nol.
Biasanya, game engine tipe ini lebih disukai karena selain kemungkinan besar tersedia gratis, juga memperbolehkan mereka, para developer, lebih fleksibel dalam mengintegrasikan komponen yang diinginkan untuk dibentuk sebagai game engine mereka sendiri. Kelemahannya, banyak engine yang dibuat dengan cara semacam ini malah menyerang balik developernya. Menara Games Studio membutuhkan satu tahun penuh untuk menyempurnakan game engine nya, hanya untuk di tulis ulang semuanya dalam beberapa hari penggunaan karena adanya bug kecil yang sangat mengganggu.
Mostly-ready game engines. Engine engine ini biasanya sudah menyediakan semuanya begitu diberikan pada developer / programmer. Semuanya termasuk contoh GUI, physiscs, libraries model dan texture, dan segalanya. Banyak dari mereka yang sudah benar benar matang, sehingga dapat langsung digunakan untuk scripting sejak hari pertama.
Biasanya game engine semacam ini memiliki batasan batasan, terutama jika dibandingkan dengan game engine sebelumnya yang benar benar terbuka lebar. Hal ini ditujukan agar tidak terjadi terlalu banyak error yang mungkin terjadi setelah sebuah game yang menggunakan engine ini dirilis, dan masih memungkinkan game engine nya itu sendiri untuk mengoptimalkan kinerja game nya. Banyak dari game engine seperti ini, Unreal Engine, Source Engine, id Tech Engine dan sebagainya, yang sudah sangat optimal dibandingkan jika harus membuat dari awal. Hal ini dengan serta merta menyingkat sangat banyak waktu dan jelas, biaya dari para Developer game.
Point-and-click engines. Engine untuk point-and-click merupakan engine yang sangat amat dibatasi, tapi dibuat sangat user friendly. Kamu bahkan bisa mulai membuat game mu sendiri menggunakan engine seperti GameMaker, Torque Game Builder dan Unity3D. Dengan sedikit memanfaatkan coding, kamu sudah bisa merilis game point-and-click yang kamu banget.
Kekurangannya terletak pada terbatasnya jenis interaksi yang bisa dilakukan, dan biasanya hal ini mencakup semuanya, mulai dari grafis, hingga tata suara. Tapi bukan berarti game engine jenis ini nggak berguna, bagi developer cerdas dan berdaya kreativitas tinggi, game engine bapuk seperti ini bisa dirubah menjadi sebuah game menyenangkan, seperti Flow. Game engine seperti ini memang ditujukan bagi developer yang ingin menyingkat waktu pemrogramman, dan secepatnya merilis game game mereka.
APA SAJAKAH JENIS DARI GAME ENGINE????
Jenis-jenis Game Engine
Berikut ini beberapa jenis game engine dari :
1. Freeware game engine/open source game engine
* Blender
* Golden T Game Engine (GTGE)
* DXFramework
* Ogre
* Aleph One
* Axiom Engine
* Allegro Library
* Box2D
* Build Engine
* Cube
* Cube 2
* DarkPlaces
* jMonkeyEngine (jME)
* Panda3D
* Sphere
2. Commercial engines/game engine berbayar (komersial)
* Alamo
* A.L.I.V.E
* BigWorld
* DXStudio
* Dunia Engine
* Euphoria
* GameStudio
* Jade Engine
* Jedi
* Medusa
* RPG Maker VX
* RPG Maker XP
* RPG Maker 2003
* RPG Maker 95
* Vision Engine
BAGAIMANA DENGAN PENJELASAN MENGENAI 4 GAME ENGINE???
PENJELASAN 4 GAME ENGINE
OGRE
Ogre (Object-Oriented Graphics Rendering Engine) adalah sebuah adegan yang berorientasi, fleksibel mesin render 3D (sebagai lawan dari mesin permainan) ditulis dalam C + + dirancang untuk membuatnya lebih mudah dan intuitif bagi developer untuk menghasilkan aplikasi dengan menggunakan hardware-accelerated grafis 3D. Perpustakaan kelas abstrak rincian menggunakan sistem yang mendasari perpustakaan seperti Direct3D dan OpenGL dan menyediakan sebuah antarmuka dunia yang didasarkan pada objek dan kelas-kelas tingkat tinggi lainnya.
Ogre memiliki komunitas yang sangat aktif, dan Sourceforge.net ‘s proyek dari bulan Maret 2005. [2] Telah digunakan di beberapa permainan komersial seperti Ankh dan Torchlight.
GTGE (Golden T Game Engine)
(http://www.goldenstudios.or.id/products/GTGE/)
GTGE adalah permainan perpustakaan pemrograman (dikenal sebagai mesin permainan) untuk membuat game 2D di Java. Perpustakaan GTGE menyediakan rutin yang lengkap untuk membuat game 2D dari rutinitas tingkat rendah seperti akselerasi perangkat keras grafik 2D, mouse dan keyboard input, support audio, permainan waktu, bitmapped font, untuk permainan rutinitas tertentu seperti sprite, latar belakang, dukungan tabrakan pixel sempurna presisi. Dengan semua rutinitas dasar ini, untuk mulai membuat permainan baru Anda tidak perlu untuk menciptakan roda lagi dan lagi.
jMonkey Engine (jME)
jMonkey Engine (jME) adalah performa tinggi mesin game 3D, yang ditulis seluruhnya di Java. OpenGL didukung melalui LWJGL, dengan dukungan JOGL dalam pembangunan. Untuk suara, OpenAL didukung. Input melalui keyboard, mouse, dan pengontrol lain juga didukung.
jME adalah sebuah komunitas berbasis proyek open source yang dirilis di bawah lisensi BSD yang baru. Saat ini sedang digunakan oleh beberapa studio permainan komersial maupun oleh universitas kelas permainan. [1] [2] Sementara proyek akan terus mendukung dan mengembangkan cabang paling populer selama bertahun-tahun 2,0 masih akan datang, sebuah cabang dengan cepat 3,0 muncul sebagai tanggapan terhadap standar yang lebih tinggi dari generasi berikutnya dalam kinerja dan hardware.
DXFramework
DXFramework adalah sederhana, ilustrasi, tujuan umum 2D (dan 3D) mesin permainan komputer untuk Microsoft Visual Studio Microsoft DirectX menggunakan teknologi, versi 9.0c.
DXFramework saat ini berjalan versi 1.0. Ini memiliki 3 revisi untuk C + + tersedia untuk di-download pada website mereka, serta XNA studio versi mengekspresikan. Hal ini membutuhkan Microsoft Visual Studio 2005 (atau mengungkapkan), SDK DirectX terbaru, Windows SDK, juga sebagai Interpreter Python. Semua ini tersedia dari DXFramework Wiki.
Versi asli dari DXFramework ditulis oleh Corey Johnson dan Jonathan Voigt. Yang DXFramework 0.9.4 menulis ulang diselesaikan oleh Jonathan Voigt. DXFramework saat ini dipelihara dan dikelola oleh Jonathan Voigt di University of Michigan.
Telah digunakan di University of Michigan sejak tahun 2002 dan University of Massachusetts Dartmouth sejak 2008 dengan sukses di kelas desain permainan arcade berfokus pada gaya permainan.
BAGAIMANA DENGAN PERBANDINGAN ANTARA OGRE DAN GOLDEN T GAME ENGINE????
Perbedaannya yaitu :
Jika dilihat dari paragraf sebelumnya dapat disimpukan bahwa perbandingannya yaitu : Ogre merupakan pembuat game untuk 3D sedangkan GTGE pembuat game untuk 2D. Ogre menggunakan bahasa pemrograman C++ sedangkan GTGE menggunakan bahasa pemrograman Java.
SUMBER :
http://www.gamexeon.com/forum/article/37197-game-engine-apaan-sih.html

Sistem Keamanan Komputer

Dunia internet adalah dunia dimana pengetahuan adalah kekuatan, dan para penjahat ‘tidak terlihat’. Filsuf besar Plato, pernah mengungkapkan pelajarannya dalam sebuah cerita mengenai seorang pengembala muda yang menemukan cincin yang membuatnya tidak terlihat. Banyak keindahan yang ditimbulkan oleh arena komunikasi global bernama internet. Ilmuwan dan mahasiswa bisa bertukar informasi dari segenap penjuru dunia, dan mencari data penelitian, yang pada masa lalu mungkin hanya ada di perpustakaan dunia. Tetapi berbarengan dengan itu, istilah seperti hacker, cracker, packet-monkeys, cyber-vandal, script-kiddies, dan cyber crir-crime yang sebelumnya tidak punya makna, pada masa ini mereka bermunculan begitu cepat.
Kebanyakan sensasi media mengenai hal tersebut lebih banyak memandangnya sebagai aktifitas penuh prestise, ketegangan, dan tantangan untuk mengalahkan system. Ada sejumlah perbedaan persepi mengenai apa yang mereka lakukan dengan konsekuensi yang ditimbulkannya. Dan kebanyakan dampaknya, mau tidak mau, akan diterima oleh konsumen. Orang yang masuk ke komputer orang lain tanpa permisi meskipun tidak mengubah atau merusak informasi, baik dengan atau tanpa alas an tertentu dianggap merupakan suatu kejahatan. Saat seseorang masuk kedalam rumah orang lain tanpa permisi, meskipun ia tidak mencuri apapun atau melakukan kerusakan fisik ia masih dianggap pencuri. Alasannya orang memerlukan perasaan aman. Maka orang masuk kesuatu komputer tanpa izin tidak bedanya dengan penjahat tersebut, karena: “itu milik orang lain diman mereka menyimpan perbendaharannya disitu, serta orang memerlukan kepercayaan dan rasa aman pada tempat tersebut”.
Kita tidak boleh membaca E-mail seseorang, seperti halnya kita tidak akan membuka kota pos milik tetangga sebelah rumah untuk membaca surat-surat mereka, meski kita mengembalikan lagi surat tersebut ketempatnya. Pada kenyataannya kebanyakan usaha penyusupan lebih dari sekedar keingintahuan yang non-destructive. Sikap toleransi dari cracker makin menurun.

Tulisan ini lebih menyoroti pentingnya koordinasi antara bagian yang menangani keamanan fisik dan keamanan sistem informasi, yang relevan sekarang ini.
Saat ini, masing terlihat rendahnya koordinasi antara bagian yang menangani keamanan fisik dan keamanan sistem informasi. Salah satu contohnya, seperti terjadi pada suatu perusahaan penyedia jasa telekomunikasi. Perusahaan tersebut mempunyai ruang server dengan dua pintu. Pintu pertama terhubung ke ruang kerja staf TI, sedang pintu lainnya terhubung ke koridor dan digunakan untuk keluar masuk barang. Kedua pintu ini akan mengunci secara otomatis jika tertutup. Akses ke ruang server hanya dapat dilakukan dari pintu pertama dengan menggunakan kartu akses, sedang pintu kedua hanya dapat dibuka dari dalam.
Kenyataan yang terjadi adalah, pintu kedua ini sering terbuka (dengan cara diganjal) tanpa pengawasan, terutama jika ada vendor yang bekerja. Alasannya, ‘memudahkan' vendor/kontraktor keluar masuk tanpa harus meminta staf TI untuk membukakan pintu. Kalaupun ada satpam yang lewat, hal ini dianggap sesuatu yanglazim.

Contoh lainnya, terjadi pada suatu perusahaan yang menerapkan pengamanan fisik yang cukup ‘OK'. Akses pintu utama dilakukan dengan menggunakan sidik jari ( fingerprint) ditambah kamera pengawas yang terhubung ke komputer sebagai pengatur kamera dan perekam digital. Komputer ini juga dihubungkan melalui jaringan data ke komputer koordinator satpam untuk tugas monitoring . Sayangny,a baik komputer yang berisi database sidik jari maupun komputer untuk tugas pengatur kamera dan perekam gambar diletakkan di pojok ruangan pantry, yang dipisahkan dengan bagian pantry lainnya hanya oleh penyekat tanpa pintu. Yang lebih memprihatinkan lagi, tidak adanya password sebagai kontrol aksesnya.

Contoh pertama di atas menunjukkan rendahnya kesadaran staf TI dan juga Pak Satpam akan pentingnya keamanan fisik terhadap keamanan sistem informasi ketidaktahuan ?) akan dampak ganguan atas sistem informasi terhadap keamanan fisik. Banyak pihak yang tidak atau belum melihat hubungan pengaruh keamanan sistem informasi terhadap keamanan fisik. Mereka mempertanyakan, apa mungkin seorang hacker melalui Internet membuka pintu ruangan yang terkunci tanpa membongkar pintu? Hal ini pula yang ditangkap oleh Dan Verton, mantan staf intelejen angkatan laut Amerika dalam bukunya yang berjudul “Black Ice – The invisible Threat of Cyber-Terrorism”. Beberapa orang tidak menyadari bahwa pengamanan fisik dewasa ini banyak dipengaruhi oleh teknologi sistem informasi. Sekarang ini sudah umum peralatan kamera dan perekamnya dihubungkan ke jaringan data. Di beberapa tempat orang dapat menggunakan fasilitas bluetooth pada handphone untuk membeli minuman dari vending machine , atau membuka/menutup pintu rumah serta mematikan/menghidupkan mesin mobil lewat fasilitas GPRS ( Global Packet Radio service ).
Di suatu perusahaan multinasioal jasa perminyakan, keterkaitan antara pengaman fisik dan teknologi sistem informasi begitu tinggi. Perusahaan tersebut sudah menerapkan sistem yang disebut “one (ID) for all” alias satu kartu akses (berupa Smart Card ) dapat digunakan untuk autentikasi akses fisik, akses jaringan, bahkan untuk auto debet gaji atas pembayaran makanan di kantin perusahaan. Dengan sistem tersebut pula, memungkinkan seorang karyawan di suatu lokasi untuk meminta akses fisik pada fasilitas di lokasi lainnya secara on-line .
CRACKING
Salah satummodus cracking adalah masuk kedalam site, melihat cara kerjanya dan pergi tanpa meningggalkan bekas. Seseorang melakukan deface situs web dengan ucapan salam untuk teman-teman mereka, atau menyebarkan berita sensasional pada headline dikoran dengan membuat down suatu site,
Serangan DDOS dilakukan oleh user yang mengkoordiner sampai ratusan sisitem yang mengalami compromised. System tersebut bias dikendalikan untuk melakukan serangan DDOS pada suatu target. Serangan ke yahoo, misalnya dilancarkan lebih dari 50 lokasi. Software (sering disebut Trojan atau zombie) ditanam pada komputer slave tersebut dan pada suatu saat menjalankan program untuk melakukan flood messege penghancur ke server target.
Apa sebenarnya bahanya yang dilakukan cracker? Mereka bias mengubah file, memakai sumber daya komputer untuk kebutuhan mereka, dan mengirim pesan palsu dari komputer tersebut. Meski motivasi awalnya sekedar having fun dan menginginkan pengakuan akan keahliannya dampaknya bias sangat berbahaya. Misalnya saja seorang cracker menyusup keperusahaan farmasi dan mengubah file:
· Jika formula kimia dirubah, maka hasil produknya bias mematikan.· Jika perusahaanmengetahui ada penyusupan, maka mereka perlu banyak waktu untuk menentukan kapan hal itu terjadi, apa masalah yang terkena dan bagaimana memulihkannya.

Misalnya cracker masuk dan tidak merubah file apapun:
· Perusahaan, saat mengetahui penyusupan tersebut, akan menghabiskan waktu untuk memeriksa dan memvalidasi system mereka, dan meningkatkan keamanannya.· Hal diatas akan membuat produk lebih mahal, dan konsumen yang harus membayarnya.


MENGAPA KITA PERLU PENGAMANAN ??
Banyak pertanyaan yang mungkin timbul di pikiran kita. Mengapa kita membutuhkan kemanan, atau seberapa aman, atau apa yang hendak kita lindungi, seberapa pentingkah data kita sehingga perlu memusingkan diri dengan masalah keamanan. Pertama akan dijelaskan mengapa kita membutuhkan keamanan. Dalam dunia global dengan komunikasi data yang selalu berkembang dengan pesat dari waktu ke waktu, koneksi internet yang semakin murah, masalah keamanan seringkali luput dari perhatian pemakai komputer dan mulai menjadi isu yang sangat serius. Keamanan data saat ini telah menjadi kebutuhan dasar karena perkomputeran secara global telah menjadi tidak aman. Sementara data anda berpindah dari satu titik ke titik lainnya di Internet, mungkin data tersebut melewati titik - titik lain dalam perjalanannya, yang memberikan kesempatan kepada orang lain untuk mengganggunya. Bahkan mungkin beberapa pengguna dari sistem anda, mengubah data yang dimiliki menjadi sesuatu yang tidak anda inginkan.

Sekarang kita akan mempelajari lebih jauh mengenai seberapa tinggi tingkat kemanan yang kita miliki, atau pun kita perlukan. Satu hal yang perlu diingat adalah tidak ada satu sistem komputer pun yang memiliki sistem keamanan yang sempurna. Hal yang dapat anda lakukan hanya mencoba meminimalisir celah keamanan yang ada. Untuk pengguna Linux rumahan yang hanya menggunakannya untuk keperluan pribadi saja di rumah, mungkin tidak perlu memikirkan terlalu banyak tindakan pencegahan. Tetapi untuk pengguna Linux yang termasuk dalam skala besar, seperti bank dan perusahaan telekomunikasi, banyak usaha ekstra keras yang harus dilakukan.
Hal lain yang perlu diingat adalah semakin aman sistem yang anda miliki, maka sistem komputer akan menjadi semakin merepotkan. Anda harus menyeimbangkan antara kenyamanan pemakaian sistem dan proteksi demi alasan keamanan. Sebagai contoh, anda bisa saja memaksa orang lain yang ingin masuk ke dalam sistem anda untuk menggunakan call-back modem untuk melakukan panggilan balik melalui nomor telepon rumah mereka. Cara ini kelihatannya memang lebih aman, tapi jika tidak ada seorang pun di rumah, akan menyulitkan mereka untuk login. Anda juga dapat mengatur konfigurasi sistem Linux anda tanpa jaringan atau koneksi ke Internet, tapi pembatasan ini akan membatasi kegunaanjaringannya.
Sebelum anda berusaha melakukan pengamanan terhadap sistem yang anda miliki, anda harus menentukan terlebih dahulu beberapa hal. Hal - hal yang perlu dipikirkan, yaitu tingkat ancaman yang harus anda antisipasi, resiko yang harus diambil, dan seberapa kebal sistem anda sebagai hasil usaha yang telah anda lakukan. Anda harus menganalisa sistem anda untuk mengetahui apa yang anda lindungi, kenapa anda melindunginya, seberapa besar nilai data yang anda lindungi, dan siapa yang bertanggung jawab terhadap data dan aset lain dalam sistemanda.
Resiko adalah kemungkinan dimana seorang penyusup mungkin bisa berhasil dalam usahanya untuk mengakses komputer anda. Dapatkah seorang penyusup membaca atau menulis berkas, atau pun mengeksekusi program yang dapat menyebabkan kerusakan? Dapatkah mereka menghapus data yang penting? Sebagai tambahan, memiliki account yang tidak aman dalam sistem anda dapat berakibat kecurian pada jaringan anda. Anda harus memutuskan siapa yang anda percaya untuk mengakses sistem dan siapa yang dapat menimbulkan ancaman.

Ada beberapa tipe penyusup yang karakteristiknya berbeda satu dengan lainnya, diantaranya:
1. The Malicious Penyusup tipe ini, mengganggu sistem sehingga tidak dapat bekerja dengan optimal, merusak halaman situs web anda, atau pun memaksa anda untuk menghabiskan banyak uang dan waktu untuk memperbaiki kerusakan yangdibuat.
2. The High-Profile Intruder Penyusup tipe ini mencoba menyusup ke dalam sistem anda untuk mendapatkan ketenaran dan pengakuan. Kemungkinan dia akan menggunakan sistem anda yang canggih sebagai sarana untuk membuatnya terkenal karena telah berhasil menyusup sistem kemanan komputer anda.
3. The Competition Penyusup tipe ini tertarik pada data yang dimiliki oleh sistem anda. Penyusup ini mungkin adalah seseorang yang berpikir ada sesuatu yang berharga yang dapat memberikan keuntungan baginya.
4. The Borrowers Penyusup tipe ini akan menggunakan sumber daya yang kita miliki untuk kepentingan mereka sendiri. Biasanya penyusup ini akan menjalankannya sebagai server chatting (irc), situs porno, atau bahkan server DNS.
5. The Leapfrogger Penyusup tipe ini hanya tertarik menggunakan sistem yang anda miliki untuk masuk ke dalam sistem lain. Jika sistem anda terhubung atau merupakan sebuah gateway ke sejumlah host internal, anda akan menyaksikan penyusup tipe ini sedang berusaha untuk berkompromi dengan sistem yang anda miliki.

Enam Langkah Mengamankan Jaringan & Sistem Komputer Dari Serangan Hacker

Secara umum ada enam langkah besar yang mungkin bisa digunakan untuk mengamankan jaringan & sistem komputer dari serangan hacker. Adapun langkah tersebut adalah:
  1. Membuat Komite Pengarah Keamanan.
  2. Mengumpulkan Informasi
  3. Memperhitungkan Resiko
  4. Membuat Solusi
  5. Implementasi & Edukasi / Pendidikan.
  6. Terus Menerus Menganalisa, dan Meresponds.
Langkah 1: Membuat Komite Pengarah Keamanan.
Komite pengarah sangat penting untuk dibentuk agar kebijakan keamanan jaringan dapat diterima oleh semua pihak. Agar tidak ada orang terpaksa, merasa tersiksa, merasa akses-nya dibatasi dalam beroperasi di jaringan IntraNet mereka. Dengan memasukan perwakilan dari semua bidang / bagian, maka masukan dari bawah dapat diharapkan untuk dapat masuk & di terima oleh semua orang.Dengan adanya komite pengarah ini, akan memungkinkan terjadi interaksi antara orang teknik / administrator jaringan, user & manajer. Sehingga dapat dicari kebijakan yang paling optimal yang dapat di implementasikan dengan mudah secara teknis.
Langkah 2: Mengumpulkan Informasi
Sebelum sebuah kebijakan keamanan jaringan di implementasikan, ada baiknya proses audit yang lengkap dilakukan. Tidak hanya mengaudit peralatan & komponen jaringan saja, tapi juga proses bisnis, prosedur operasi, kesadaran akan keamanan, aset. Tentunya proses audit harus dari tempat yang paling beresiko tinggi yaitu Internet; berlanjut pada home user & sambungan VPN. Selain audit dari sisi external, ada baiknya dilakukan audit dari sisi internet seperti HRD dll.
Langkah 3: Memperhitungkan Resiko
Resiko dalam formula sederhana dapat digambarkan sebagai:
Resiko = Nilai Aset * Vurnerability * Kemungkinan di Eksploit
Nilai aset termasuk nilai uang, biaya karena sistem down, kehilangan kepercayaan mitra / pelanggan. Vurnerability termasuk kehilangan data total / sebagian, system downtime, kerusakan / korupsi data.Dengan mengambil hasil dari langkah audit yang dilakukan sebelumnya, kita perlu menanyakan.
· Apakah kebijakan keamanan yang ada sekarang sudah cukup untuk memberikan proteksi?
· Apakah audit secara eksternal berhasil memvalidasi ke keandalan kebijakan keamanan yang ada?
· Adakah proses audit mendeteksi kelemahan & belum tertuang dalam kebijakan keamanan?
· Apakah tingkat keamanan, setara dengan tingkat resiko?
· Apa aset / informasi yang memiliki resiko tertinggi?
Dengan menjawab pertanyaan di atas merupakan titik awal untuk mengevaluasi kelengkapan kebijakan informasi yang kita miliki. Dengan mengevaluasi jawaban di atas, kita dapat memfokuskan pada solusi yang sifatnya macro & global terlebih dulu tanpa terjerat pada solusi mikro & individu.
Langkah 4: Membuat Solusi
Pada hari ini sudah cukup banyak solusi yang sifatnya plug’n’play yang dapat terdapat di pasar. Sialnya, tidak ada satu program / solusi yang ampuh untuk semua jenis masalah. Oleh karena kita kita harus pandai memilih dari berbagai solusi yang ada untuk berbagai kebutuhan keamanan. Beberapa di antaranya, kita mengenal:
· Firewall.
· Network Intrusion Detection System (IDS).
· Host based Intrusion Detection System (H-IDS).
· Application-based Intrusion Detection System (App-IDS).
· Anti-Virus Software.
· Virtual Private Network (VPN).
· Two Factor Authentication.
· Biometric.
· Smart cards.
· Server Auditing.
· Application Auditing.
· Dll – masih ada beberapa lagi yang tidak termasuk kategori di atas.
Langkah 5: Implementasi & Edukasi / Pendidikan.
Setelah semua support diperoleh maka proses implementasi dapat di lakukan. Proses instalasi akan sangat tergantung pada tingkat kesulitan yang harus di hadapi. Satu hal yang harus di ingat dalam semua proses implementasi adalah proses pendidikan / edukasi jangan sampai dilupakan. Proses pendidikan ini harus berisi:
· Detail dari sistem / prosedur keamanan yang baru.
· Effek dari prosedur keamanan yang baru terhadap aset / data perusahaan.
· Penjelasan dari prosedur & bagaimana cara memenuhi goal kebijakan keamanan yang baru.
Peserta harus di jelaskan tidak hanya bagaimana / apa prosedur keamanan yang dibuat, tapi juga harus dijelaskan mengapa prosedur keamanan tersebut di lakukan.
Langkah 6: Terus Menerus Menganalisa, dan Meresponds
Sistem selalu berkembang, oleh karena itu proses analisa dari prosedur yang dikembangkan harus selalu dilakukan. Selalu berada di depan, jangan sampai ketinggalan kereta api.. :)