Micolodion: 2011

Asal Usul Penggunaan 10 Istilah Komputer yang Sangat Populer

Posted in Label: Do You Know, Teknologi | di 7:20 PM

Daftar ini melihat pada asal-usul sepuluh kata yang sering terkait dengan urusan komputer. Entri yang disajikan di sini tidak selalu etimologis, melainkan ini hanya posting yang berusaha untuk melacak kembali asal kata-kata ke pencipta mereka atau oknum yang pertama kali mempopulerkan istilah2 ini di dunia komputasi. Saya mencoba untuk memasukkan kata-kata yang cukup umum untuk dikenali, sehingga ada campuran istilah teknis dan sehari-hari.

1. Troll

Etimologi kata ini mungkin akan sedikit lebih rumit , dari hanya membandingkannya dengan keburukan, TROLL ( monster jelek yang mengganggu , monster menyeramkan dari mitologi bangsa viking ) .
Penggunaan kata TROLL tidak diragukan lagi bagian dari itu, tetapi selain itu, dan yang lebih penting , bentuk nominatif kata, kata kerja "to troll" mengacu pada suatu teknik memancing di mana umpan ditarik perlahan-lahan di samping perahu untuk menangkap ikan yang sedang tertipu.

hal ini mirip dengan cara troll dalam internet, yang akan mengeluarkan "umpan" bagi pengguna lain untuk bereaksi dan kemudian menggulung (menarik) mereka secara perlahan untuk yang lebih lanjut dengan merangsang dan atau mempermalukannya.

Perbandingan tambahan untuk troll dalam dongeng dapat dibuat ketika Anda menyimak cerita tentang troll, Cara Troll di dunia cyber mengambil alih ruang publik untuk menggunakannya demi kepentingan dan kesenangan mereka sendirin, tampaknya sangat mirip dengan cerita “TheThree Billy Goats Gruff.” tentang kepemilikan yang tidak fair sebuah jembatan oleh Troll

Namun, Trolling di internet tidak selalu dianggap sebagai hal yang buruk.Menurut Wikipedia, "derivasi paling mungkin dari kata troll dapat ditemukan dalam frase" trolling untuk pemula ", dipopulerkan di awal 1990-an di grup Usenet, alt.folklore.urban (Afu)."

Di situs ini, veteran pengguna akan memposting sebuah lelucon atau topik usang.

Pendatang baru akan menanggapi dengan sungguh-sungguh, yang tidak memiliki pengalaman dan membiarkan mereka tahu dan tidak merespon, akan akan diturunkan pangkatnya menjadi pemula, atau n00bs(dalam istilah terminologi modern).

noob-hunts (kata kerja dalam bahasa Prancis "troller" adalah berburu), bertujuan membuat malu bagi korban.

2. Spam

Spam itu mengerikan.Baik dalam dunia internet komputer dan dalam dunia nyata.Kedua kata itu memiliki lebih banyak kesamaan daripada yang Anda kira sekalipun. Spam komputer sebenarnya berasal dari sebuah sketsa Monty Python diatur dalam sebuah kafe dengan menu yang seluruhnya Spam-sentris.

Dalam khas Monty Python fashion, karakter (termasuk paduan suara dari Viking) keluar menjadi sebuah lagu yang terdiri hampir seluruhnya dari "spam," juga dialog "spam" .

Sementara sketsa adalah sebuah komentar pada masuknya daging kaleng yang tersedia secara komersial (dari AS ) selama periode era pertanian yang gagal, kata SPAM di gunakan di dunia internet sebagai masuknya sesuatu yang mengganggu, berlebihan dan tidak diinginkan, baik dalam e-mail atau iklan.

Pada 1980-an, perusahaan iklan online berusaha untuk menggunakan akronim kata ini sebagai “Sales Promotion And Marketing,” tetapi karena banyak orang - orang seperti anda yang melek, definisi yang lebih penting yang dicetuskan oleh Monty Python tetap kita gunakan.

3. Virus

Virus komputer sangat mirip dengan virus biologis.Keduanya menyisipkan kode mereka sendiri ke sistem normal yang berfungsi untuk mengganggu sistem dan mereproduksi diri.

secara Akademis, kata virus itu digunakan istilah komputer pada tahun 1984 oleh Fred Cohen, dalam makalahnya "Experiments with Computer Viruses" (Percobaan dengan Virus Komputer),Namun Sebelum publikasi dari makalah ini, kata Virus telah digunakan oleh penulis fiksi-ilmiah David Gerrold pada 1970-an (di mana sebuah program komputer yang disebut VIRUS memasuki komputer dan akhirnya dikalahkan oleh sebuah program yang disebut antibodi ... tidak ada yang mengatakan ia adalah seorang penulis fiksi ilmiah yang baik), dan juga, kata ini muncul dalam komik X-Men yang diterbitkan tahun 1982.

4. Firewall

Firewall adalah sebuah perangkat yang melindungi jaringan dari akses yang tidak sah atau manipulasi.IRL (in real life / dalam kehidupan nyata), firewall adalah struktur yang dibangun untuk mencegah penyebaran, Anda dapat menebaknya, kebakaran atau kekuatan yang merusak.Dalam dunia komputer, mereka tidak jauh berbeda.

firewall melindungi terhadap virus, hacker, dan worm (serupa dengan virus, tetapi mereka tidak perlu menempel pada data yang ada dan karena itu jauh lebih rentan untuk menyebar ke seluruh jaringan komputer ... mirip dengan cara menyebar api).

5. Ping

Terkenal sebagai bagian dari metode favorit serangan kelompok hacker (atau "hackivists,") seperti Anonim, ping adalah metode umum serangan DDoS.Namun, mereka pertama kali digunakan hanya untuk menguji reachability dari host atau IP dengan mengirimkan pesan dan mengukur waktu round-trip nya. Seperti beberapa pembaca yang lebih tajam yang mungkin telah menyadari, ini mirip dengan fungsi sonar dengan nama, "ping," meniru suara sistem fungsi sonar , dan pada kenyataannya, itu adalah inspirasi bagi pencipta Mike Muuss saat penemuan ping.

6. Wiki

seperti anda mungkin tahu atau tidak tahu, wiki di internet adalah sekelompok situs yang saling berhubungan yang dibangun dari interaksi pengguna.wikipedia, ensiklopedia dramatica, dan metapedia merupakan contoh model "wiki".

Asal usul nama itu sendiri cukup sederhana. Di hawaii, "wiki wiki" berarti "cepat." pencipta ward cunningham memutuskan bahwa "wiki" online akan menjadi cara cepat mudah untuk mengakses dan memanipulasi beberapa situs dan informasi.

7. Bit

bit adalah sebuah blok dasar dari komputasi. Ketika mengembangkan bahasa komputer awal, biner muncul sebagai bahasa paling sederhana dan paling efektif untuk mengoperasikan komputer.bit hanya kontraksi dari kata-kata binary digit, penjelasan ini juga telah diberikan kepada kata "byte", yang mengacu pada beberapa unit informasi, paling sering berjumlah delapan .

8. Bug

ini mungkin kata yang paling terkenal karena ceritanya yang menarik.saat grace hopper, pelopor pemrograman komputer, bekerja di harvard mark ii, dia menelusuri penyebab kesalahan dalam komputer ternyata adalah ngengat yang terjebak dalam sebuah relay.ngengat ini masih dapat dilihat pada layar di museum smithsonian.

Namun ini tidak benar-benar penggunaan pertama dari istilah "bug" untuk menggambarkan suatu sistem rusak.
Thomas edison, misalnya, menggunakan kata dalam buku catatannya.namun, karena laksamana hopper membawa kata ke dalam dunia komputer seperti yang kita kenal sekarang, dia mendapatkan kredit untuk istilah bug.

9. Hotmail / google

saya telah memutuskan untuk menggabungkan karena 2 kata ini tidak benar-benar istilah komputer ,karena 2 istilah ini sebenarnya hanya merek perusahaan.

Ingat hotmail?
Salah satu program email pertama yang tersedia secara luas, nama hotmail berasal dari pendirinya sabeer bhatia. Ketika mencoba untuk memutuskan nama untuk layanan baru, ia akhirnya menetap di hotmail karena mengandung html, yang merupakan bahasa dasar untuk menulis halaman web.

Bahkan, nama layanan awalnya dinotasikan "hotmail," namun dalam banyak kasus pengguna mulai kehilangan sentence case dan mulai menulisnya lempeng (tanpa jenis huruf kapital).

Asal google tidak benar-benar mengejutkan.pendatang baru dalam mesin pencari yang sanggup mengindeks dan menemukan informasi nyaris tak terbatas. Google adalah salah ejaan dari "googol," yang adalah nomor dinotasikan oleh angka 1 yang diikuti oleh 100 angka nol.

Bila anda mempertimbangkan nama awal untuk mesin pencari , google seperti pilihan yang jauh lebih baik.

10. Cookies

pertama, penjelasan tentang http cookies. Cookies digunakan untuk menyimpan informasi pengguna dan merelay informasi ini antara situs web dan browser. Ini digunakan untuk otentikasi pengguna, menyediakan akses mudah ke situs dengan sandi yang dikendalikan, atau menyimpan berbagai preferensi pengguna.
Alasan kata cookie digunakan tampaknya berasal dari fortune cookies (kue keberuntungan) - makanan pencuci mulut yang umum ada di restoran cina yang di dalamnya ada secarik kertas dengan ramalan - ramalan. Karena pada awalnya programmer internet banyak kewalahan oleh kesamaan program yang menyimpan kode informasi dan mereka sepertinya butuh fortune cookies (kue keberuntungan) agar http cookies bisa berfungsi seperti seharusnya.

Sumber

Read Users' Comments (0)

Cara Mengusir Nyamuk Secara Alami

Posted in Label: Do You Know | di 6:46 PM

Pastinya kita semua jengkel dengan kehadiran nyamuk di sekitar kita bukan hanya gigitannya yang mengganggu namun juga karena banyaknya bahaya yang bisa disebabkan oleh nyamuk ini!

Berikut ini ada 2 cara usir nyamuk tanpa bahan kimia dari berbagai sumber:

Usir Nyamuk Dengan Kipas Angin ?
Bagaimana cara Anda menangkal gigitan nyamuk? Penggunaan antinyamuk, baik dioles di kulit atau disemprot mungkin lebih banyak dipilih karena lebih efektif mengusir nyamuk. Namun, produk berbahan kimia itu pada umumnya bersifat toksik, bisa menimbulkan iritasi kulit, serta meninggalkan bau.
Kipas angin

Untuk Anda yang lebih menyukai cara alami dan non kimia, sebenarnya kipas angin di rumah bisa jadi penangkis nyamuk yang efektif.

Penelitian menunjukkan angin adalah metode yang efektif untuk melawan nyamuk dan serangga udara lainnya. Hembusan angin akan membuat nyamuk tidak bisa mendarat di kulit Anda, seperti halnya badai yang menyebabkan pesawat tidak bisa mendarat di bandara.

Alasan lain yang lebih ilmiah adalah, kipas angin akan menipiskan karbondioksida yang dihirup. Karbon dioksida adalah senyawa kimia yang paling menarik nyamuk. Angin dari kipas angin juga akan membuat suhu tubuh Anda lebih dingin di mana keringat, asam, dan panas tubuh akan menarik nyamuk mendekat.

Dalam sebuah studi yang dilakukan di tahun 2003, ahli epidemiologi dari Michigan State University menggunakan perangkap yang dipasang di dataran basah untuk menarik nyamuk. Pelepasan karbon dioksida ternyata menarik lebih banyak serangga ke dalam perangkap. Dan, makin banyak karbon dioksida, makin banyak nyamuk.

Menggunakan kipas angin dengan variasi kecepatan dinilai lebih efektif untuk mengusir nyamuk, baik di dalam atau di luar ruangan.

Usir Nyamuk Secara Alami Dengan Bunga geranium ?

Ada dua jenis obat pengusir nyamuk yang dijual secara komersil di pasaran, yaitu yang terbuat dari bahan kimia sintetis dan minyak tanaman. Yang telah diteliti dan diakui secara internasional mengandung bahan aktif N, N-diethyl-3-methylbenzamide (DEET).
Bunga Geranium

DEET bekerja dengan cara menghambat reseptor kimia karbondioksida dan asam laktat. Kedua zat itu merupakan substansi yang dihasilkan tubuh manusia, yang dapat “menarik” nyamuk. DEET tak boleh dioleskan pada kulit yang sedang terluka. Senyawa ini bersifat racun bila tertelan atau terkena mukosa mata.

Karena itu, dianjurkan untuk menggunakan bahan-bahan alami saja. Selain lebih efektif mengusir nyamuk, juga tanpa efek samping. Jenis tanaman yang berkhasiat sebagai pengusir nyamuk adalah geranium, yang mengandung senyawa geraniol.

Penelitian terbaru membuktikan, lilin aromaterapi yang mengandung geraniol bekerja lima kali lebih efektif dalam mencegah gigitan nyamuk, daripada lilin sitronela (sereh).

Center for Disease Control and Prevention juga merekomendasikan minyak lemon eucalyptus sebagai repelan (obat anti nyamuk). Studi menunjukkan, minyak lemon eucalyptus mampu menangkal nyamuk selama 6 jam. Sama dengan jika kita menggunakan DEET. Kesimpulannya, geraniol dan minyak lemon eucalyptus adalah pilihan terbaik seabgai obat atau krim anti nyamuk.

Narasumber: Andrew Weil, MD
Pendiri dan direktur Program Pengobatan Integratif di College of Medicine, University of Arizona.

Sumber

Read Users' Comments (0)

Perbedaan Passing byValue dan Passing byReverence

Posted in Label: PTI 479 - Web | di 11:46 PM

passing by value,

Secara default, semua nilai yang di-pass masuk atau keluar dari fungsi adalah passing by value, bukan by reference. ini berarti PHP membuat kopian dari nilai original dan nilai kopian itulah yang kita akses dan kita manipulasi, bukan nilai originalnya.dengan begitu bagaimanapun kita ubah nilai itu, tidak akan mengubah nilai originalnya…

contoh:

function jumlah($nilai) {
$nilai++;
}
$input=5;
jumlah($input);
echo $input;
?>

Penjelasan:

Pada saat fungsi jumlah dipanggil,

jumlah($input);

fungsi tersebut akan memasukkan nilai dari variabel $input kedalam argumennya, jadi disini argumen fungsi jumlah adalah 5 (ini adalah nilai aslinya). selanjutnya PHP meng-copy nilai asli tersebut, kemudian hasil copy-nya digunakan untuk proses manipulasi fungsi, sedangkan nilai yang asli dibiarkan tidak berubah.

Proses manipulasinya sbb:

$nilai++;
$nilai = $nilai + 1
$nilai = 5 + 1
$nilai = 6

Untuk output,

echo $input;

Nilai variabel $input yang diambil disini adalah nilai variabel aslinya, sehingga hasil manipulasi fungsi tadi tidak dipakai, karena bukan nilai asli. Jadi outputnya adalah 5

Tampilan output:

Tetapi apabila menggunakan passing by reference akan bernilai 6. Bagaimana outputnya akan bernilai 6? akan saya jelaskan lebih dahulu tentang passing by reference.

passing by reference,

Berbeda dengan passing by value yang bersifat mengkopi, passing by reference memberikan nilai aslinya untuk diakses dan dimanipulasi, dengan contoh yang sama seperti diatas, kita akan modifikasi menjadi mekanisme passing by reference. Untuk mengubah jadi passing by reference, kita hanya cukup menambahkan operator & pada argumennya.

function jumlah(&$nilai) {
$nilai++;
}
$input=5;
jumlah($input);
echo $input;
?>

Penjelasan:
Sesuai dengan penjelasan passing by reference diatas, nilai yang diakses & dimanipulasi adalah nilai aslinya, dengan begitu hasil manipulasi fungsilah yang gunakan sebagai outputnya, yaitu 6.

Tampilan Outputnya:

Sumber : http://www.ilmuwebsite.com/belajar-php/passing-by-value-vs-passing-by-reference

Read Users' Comments (0)

Belajar PHP Yuk

Posted in | di 8:45 PM

Kali ini saya akan berbagi cara mengenerate sel tabel secara fleksibel.
Ini tampilannya :

Ini tampilan setelah digenerate :

Nah ini Source Codenya untuk html :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html>
<head>
    <title>Table Generator Anom…</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
    function getmax() {
    var R = parseInt(document.getElementById('RowsTotal').value);
    var C = parseInt(document.getElementById('ColumnsTotal').value);
    var X = parseInt(document.getElementById('CellsTotal').value);
    var cellmax = document.getElementById('maxcells');
    var total = 'N/A';
    total = R * C;
    cellmax.value = new String(total);
    if (X > total)
    {
        alert('Limit Exceed, max cells is ' + total);
        document.getElementById('CellsTotal').value = new String();
    }
    }
</script>
    <form method="post" action="generate.php">
    <p><strong>TABEL GENERATOR</strong></p>
    <table width="277" border="0">
    <tr>
        <td width="89">Rows</td>
        <td width="172"><strong>: </strong><input name="RowsTotal" type="text" id="RowsTotal" onKeyUp="getmax();" onfocus="this.select();"></td></tr>
    <tr>
        <td><label>Columns</label></td>
        <td><strong>: </strong><input name="ColumnsTotal" type="text" id="ColumnsTotal" onKeyUp="getmax();" onfocus="this.select();"></td></tr>
    <tr>
        <td>Cell Total </td>
        <td><strong>: </strong><input name="CellsTotal" type="text" id="CellsTotal" onKeyUp="getmax();" onFocus="this.select();"></td></tr>
    <tr>
        <td>Max Cells </td>
        <td><strong>: </strong><input name="maxcells" type="text" id="maxcells" readonly="readonly" style="background-color:#FF6"></td></tr>
    <tr>
        <td><div align="center">
        <input type="reset" name="Reset" value="Reset"></div></td>
        <td><div align="right">
        <input type="submit" name="Generate" value="Generate!"></div></td></tr>
    </table>
    </form>

</body>
</html>

Sedangkan ini Source Codenya untuk php-nya :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html>
<head>
    <title>Untitled Document Anom</title>
</head>
<body>
    <?php
        $rows = 1;
        $columns = 1;
        $cells = 1;
    ?>

    <?php $rows = (int) $_POST["RowsTotal"]; ?>
    <?php $columns = (int) $_POST["ColumnsTotal"]; ?>
    <?php $cells = (int) $_POST["CellsTotal"]; ?>

    You pick <?php echo $rows; ?> rows,<br />
    You pick <?php echo $columns; ?> columns,<br />
    and you need <?php echo $cells; ?> cells,<br />
    <br><br>

    <?php
    $width = $columns * 75;
    echo "<table width=".$width." border=1>";
    $rw = 0;
    $cel = 1;
    while ($rw < $rows && $cel <= $cells)
    {
    echo "<tr>";
    $cl = 0;
    while ($cl < $columns)
    {
    if ($cel <= $cells)
    {
    echo "<td><div align=center>".$cel."</div></td>";
    $cel++;
    }
$cl++;
}
echo "</tr>";
$rw++;
}
echo "</table>";
?>
</body>
</html>

Selamat Mencoba :)

Read Users' Comments (0)

DHTML dan Javascript

Posted in Label: PTI 479 - Web | di 9:47 PM

1. Cara membuat kalkulator sederhana.

Source Code :
<html lang="en">
    <head><title>Kalkulator</title></head>
<script language="JavaScript">

    function tambah(){
    pertama = parseInt(form.pertama.value)
    kedua = parseInt(form.kedua.value)
    c = pertama+kedua
    form.hasil.value = c}

    function kurang(){
    pertama = parseInt(form.pertama.value)
    kedua = parseInt(form.kedua.value)
    c = pertama-kedua
    form.hasil.value=c}

    function kali(){
    pertama = parseInt(form.pertama.value)
    kedua = parseInt(form.kedua.value)
    c = pertama*kedua
    form.hasil.value=c}

    function bagi(){
    pertama = parseInt(form.pertama.value)
    kedua = parseInt(form.kedua.value)
    c = pertama/kedua
    form.hasil.value = c}

    function hapus(){
        document.form.reset();}

</SCRIPT>
<body>
    <FORM name="form">
        Angka Pertama : <input type="text" name="pertama"><br><br>
        Angka Kedua : <input type="text" name="kedua"><br><br>

        <input type="button" value=" + " onClick="tambah()">
        <input type="button" value=" - " onClick="kurang()">

        <input type="button" value=" * " onClick="kali()">
        <input type="button" value=" / " onClick="bagi()"><br><br>

        Hasil : <input type "text" name="hasil"><br><br>

        <input type="button" value="Hapus" onClick="hapus()"/>
       </FORM>
</body>
</html>

2. Cara membuat mesin kasir.

Source Code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>.:: Gramedia ::.</title>
</head>
<body>
    <script language="JavaScript" type="text/javascript">
    function hitung(){
        var kasir = document.form1;
        var hbuku = 12000 * eval(kasir.buku.value);
        var hpensil = 10000 * eval(kasir.pensil.value);
        var hbolpoin = 15000 * eval(kasir.bolpoin.value);
        var hpenghapus = 5000 * eval(kasir.penghapus.value);
        var hpenggaris = 7000 * eval(kasir.penggaris.value);
        var jumlahTotal = hbuku + hpensil + hbolpoin + hpenghapus + hpenggaris;
            if (jumlahTotal > 50000){
            kasir.Total.value = jumlahTotal;
            kasir.Diskon.value = 10000;
            kasir.Bayar.value = jumlahTotal - eval(kasir.Diskon.value);
            } else {
            kasir.Total.value = jumlahTotal;
            kasir.Diskon.value = 0;
            kasir.Bayar.value = jumlahTotal - eval(kasir.Diskon.value);
            }
        }
        function hapus(){
        document.form1.reset();
    }
    </script>

<h3>Toko Tulis</h3>
<form name="form1" action="#">
    <table border="1px">

        <tr>
            <td align=center width="30">No</td>
            <td align=center width="130">Alat Tulis</td>
            <td align=center width="100">Harga</td>
            <td align=center width="115">Jumlah</td></tr>
        <tr>
            <td align=center>1</td>

            <td>Buku</td>
            <td>Rp. <input id="n123" type="text" value="2000" size="7"/></td>
            <td><input type="text" name="buku" size="14" value="0" onChange="hitung()"/></td></tr>
        <tr>
            <td align=center>2</td>
            <td>Pensil</td>
            <td>Rp. <input type="text" value="750" size="7"/></td>

            <td><input type="text" name="pensil" size="14" value="0" onChange="hitung()"/></td></tr>
        <tr>
            <td align=center>3</td>
            <td>Bolpoin</td>
            <td>Rp. <input type="text" value="1500" size="7"/></td>
            <td><input type="text" name="bolpoin" size="14" value="0" onChange="hitung()"/></td></tr>
        <tr>

            <td align=center>4</td>
            <td>Penghapus</td>
            <td>Rp. <input type="text" value="500" size="7"/></td>
            <td><input type="text" name="penghapus" size="14" value="0" onChange="hitung()"/></td></tr>
        <tr>
            <td align=center>5</td>
            <td>Penggaris</td>

            <td>Rp. <input type="text" value="3000" size="7"/></td>
            <td><input type="text" name="penggaris" size="14" value="0" onChange="hitung()"/></td></tr>
        <tr>
            <td colspan="3" align="right">Jumlah Total</td>
            <td>Rp.<input type="text" name="Total" size="10"/></td></tr>
        <tr>
            <td colspan="3" align="right">Diskon</td>

            <td>Rp.<input type="text" name="Diskon" size="10"/></td></tr>
        <tr>
            <td colspan="3" align="right">Jumlah Dibayar</td>
            <td>Rp.<input type="text" name="Bayar" size="10" align="right"/></td></tr>
    </table><br/>
        <input type="button" value="Hapus" onClick="hapus()" />
</form>

</body>
</html>

Read Users' Comments (0)

Desain Web CSS

Posted in Label: PTI 479 - Web | di 8:48 PM

Tugas Modul 4 Web . . .
Source Code :

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Liverpool FC</title>
    <style type="text/css">
        body{
        float: center;
        margin :auto;
        width :1000px;}

        atas,header,perintah,username,pass,nav,
        section,footer,news,klasmen,artikel,search{
        display:block;
        border: 1px;}

        atas{}

        header {
        height: 40px;
        margin-top:10px;
        border: 1px;
        background-color:#e42217;}

        perintah{
        margin-top:-22px;
        margin-left:370px ;}

        username {
        margin-top:-9px;
        margin-left:595px ;}

        pass{
        margin-top:-23px;
        margin-left:760px ;}

        gambar{}

        nav{
            height: 30px;
            border: 1px solid white;}

            ol {
            margin: 0;
            padding: 0;
            list-style:none}

            ol li {
            position:relative;
            float: left;
            width: 100px;}

            li ol {
            position: absolute;
            top: 30px;
            display: none;}

            ol li a {
            display: block;
            text-decoration: none;
            line-height: 20px;
            color: #000; /*** warna tulisan ***/
            padding: 5px;
            background: #faf8cc; /*** bgmenu ***/
            margin: 0 2px;}

            ol li a:hover { background: #ebdde2; } /*** bg cursor ***/
            li:hover ol, li.over ol { display: block; }

        section{
        height: 355px;
        margin-top: 30px;
        border: 1px solid black;
        background-image:url(Capture.PNG);}

        news{
        margin-top: 20px ;
        margin-left: 20px ;
        width: 250px;
        height: 280px;
        border: 0px dashed black;
        background-color : #e0ffff;}

        artikel {
        margin-top: -283px ;
        margin-left: 300px ;
        width: 500px;
        height: 280px;
        border: 0px dashed black;}

        search {
        margin-top:-250px;
        margin-left:820px ;}

        klasmen{
        margin-top:10px;
        margin-left:820px ;}

        footer {
        height: 20px;
        border: 1px solid black;
        background-color: #e42217;
        }

</style>
</head>
<body background="ground2.jpg">
    <header>
        <atas>.</atas>
        <username>
            <input type="text" name="email" value="Username"></username>
        <pass>
            <input type="text" name="email" value="Password">
            <input type="button" value=">>"></pass>
        <perintah>Masukan ID dan Pasword anda!</perintah></header>

    <gambar><img src = "logo.jpg" width=1000 height=150></gambar>
    <ol id="nav">
        <li><a href="">Home</a></li>
        <li><a href="">Berita</a>
            <ol>
            <li><a href="">Berita Terbaru</a></li>
            <li><a href="">Gosip Transfer</a></li>
            </ol></li>
        <li><a href="">Pertandingan</a>
            <ol>
            <li><a href="">Hasil dan Klasmen</a></li>
            <li><a href="">Pertandingan Yang Lalu</a></li>
            </ol> </li>
        <li><a href="">Team</a>
            <ol>
            <li><a href="">Player</a></li>
            <li><a href="">Staff</a></li>
            <li><a href="">Formasi</a></li>
            </ol></li>
        <li><a href="">History</a>
            <ol>
            <li><a href="">Juara</a></li>
            <li><a href="">Stadion</a></li>
            </ol></li>
    </ol></div>

    <section>
        <news>
        <hr>
        <b>Berita Terbaru</b>
        <hr>
        <ul>
            <li><a href="">Kuyt perpanjang kontrak</a></li>
            <li><a href="">Dalgish : Liverpool on fire</a></li>
            <li><a href="">Sparta ditahan imbang liverpool</a></li>
            <li><a href="">Liverpool hempaskan Chelsea</a></li></ul><hr>
        <b>Terlaris Dibaca</b><hr>
        <ul>
            <li><a href="">Liverpool hempaskan Chelsea</a></li>
            <li><a href="">Carrol dan Suarez merapat di Anfield</a></li>
            <li><a href="">Torres : Selamat tinggal Liverpool</a></li></ul>

        </news>
        <artikel>
            <font size=5><center>Sparta Ditahan Imbang Liverpool</center></font>
            <center><img src = "gam.jpg" align=center></center><br>
            Sparta tidak mampu mengambil keuntungan bermain di hadapan
            pendukung sendiri setelah hanya bermain seri kontra Liverpool
            dengan skor kacamata 0-0, Jumat (18/2) WIB, dalam partai 32
            besar Liga Europa.<a href="">Selanjutnya<br></a></artikel>
        <search>
            <label><font size = "4"><b>Search</b></label></font>
            <input type="text" name="email">
        </search>
        <klasmen><font size = "4"><b>Klasmen</b></font><br><img src = "klasmen.jpg"
        height=180 width=150 align=center></klasmen>
    </section>
    <footer><center>
        | <a href="">Home</a>| <a href="">Berita</a> | <a href="">Pertandingan</a>
        | <a href="">Team</a> | <a href="">History</a> |</center></footer>

</body>
</html>

Print Screen :

Read Users' Comments (0)

HTML Lanjut

Posted in Label: PTI 479 - Web | di 12:06 AM

Source Code File CSS :

#layout{
margin: auto;
width: auto;}

    #top {
    height : 100px;
    width: auto;
    background-color: #2554C7;}

        #facemu {
        height: 50px;
        width: 50px;
        margin-top: 8px;
        margin-left: 100px;}

        #email {
        height:100px;
        width:200px;
        margin-top:-30px;
        margin-left:700px ;}

        #password{
        height:0px;
        width:400px;
        margin-top:-100px;
        margin-left:950px ;}

    #middle {
    height:430px;
    width:1200px 10px;
    margin-top:100px;
    background-image:url(background.jpg);}

        #peta {
        float: left;
        width: 550px;
        height: 400px;
        margin-top:-80px;
        margin-LEFT:100px ;
        margin-right:100px ;}

        #pendaftaran {
        float: left;
        width: 400px;
        height: 350px;
        margin-top:-80px;}

            #title{
            height: 70px;}

            #question{
            width: 200px;
            height: 250px;}

            #answer{
            width: 310px;
            height: 200px;
            margin-top:-250px;
            margin-left:200px ;}

            #confirm {
            width: 400px;
            height: 100px;
            margin-left:-150px ;}

    #bottom {
    height: 20px;
    margin-top:5px ;
    background-color : #2554C7;}

Source Code File HTML :

<!DOCTYPE HTML PUBLIC

"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<head>
    <title>Anom Windiatmiko</title>
    <link rel="stylesheet" href="fb.css" type="text/css" />
</head>

<body>
    <div id="layout">

        <div id="top">
            <div id = "facemu"><img src = "facemu.jpg" width="120" height="40"></div>
            <div id= "email">
                <form name= "login" method="post" action="">
                <label><font size = "4" color ="white">Email</label></font><br>
                <input type="text" name="email"><br>
                <input type="checkbox" name="email"><font size = "2" color ="white">Biarkan saya tetap masuk </input>
                </form>
            </div>
            <div id = "password" >
                <label><font size = "4" color ="white">Password</label></font><br>
                <input type="text" name="email">
                <input type="button" value="masuk"><br>
                <a href = ""><font size = "2" color ="white">Lupa kata sandi Anda ? </a></font>
            </div>
        </div>

        <div id="middle">
            <div id="peta"><img src = "indonesia.jpg" width="550" height="400"></div>
            <div id="pendaftaran">
            <div id="title">
                <font size = "5" color ="blue">Mendaftar<br>
                <font size = "4" color ="blue">Gratis, sampai kapanpun <br>
                <hr color=blue>
            </div>

            <div id="question">
                <font face = "times new roman" size = "4" color ="blue">
                <br>Nama Depan <br><br>
                Nama Belakang<br><br>
                Email Anda<br><br>
                Masukkan Ulang<br>Email<br><br>
                Email Anda<br><br>
                Saya Seorang<br><br>
                </font>
            </div>

            <div id="answer">
                <br><input type="text" name="email"><br><br>
                <input type="text" name="email"><br><br>
                <input type="text" name="email"><br><br>
                <input type="text" name="email"><br><br>
                <input type="text" name="email"><br><br>
                <input type="radio" name="email"><font size = "3" color ="blue">pria</input><br></font>
                <input type="radio" name="email"><font size = "3" color ="blue">wanita<br><br></font>

            <div id ="confirm" align= "center" ><br><a href = ""><font size = "2" color ="blue">mengapa saya perlu mengisinya?</font></a><br>
                <BR><input type="button" value="DAFTAR" ><br>
                <hr color=blue>
                <strong><font size = "2" color ="blue">Buat halaman </font>
                <font size = "2" color ="black"> untuk selebritis, grup musik , atau bisnis</font></strong>
            </div>
            </div>
            </div>
        </div>
        <div id="bottom"><font size = "3" color ="white">
        Anom Windiatmiko</font></div>
        </div>
</body>
</html>

Print Screen :

Read Users' Comments (0)

Posted in Label: PTI 479 - Web | di 9:21 PM

Saat bermain dengan bahasa HTML, suatu saat kita dituntut untuk dapat membuat diagram dan tabel yang dimodifikasi padahal dalam kenyataannya tidak ada code HTML yang dapat membuat keinginan kita diatas. Disini kita dapat membuatnya dengan memanipulasinya.

1. Contoh Membuat Diagram Batang

Source code :

<!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" xml:lang="en" lang="en">

<head>
   <title>Tugas 1</title>
</head>

<body background=lfc2.jpg>
   <br><br><br><br><br><br><br><br><br><br><br><br>
   <hr align=center color=grey width="700">
   <table border=0 cellspacing=0 cellpadding=0 align=center>
   <tr>
       <th width="300"><font color=white>Perusahaan</font></th>
       <th width="300"><font color=white>Pendapatan</font></th>
   </tr>
   </table>
   <hr align=center color=grey width="700">

   <table border=0 cellspacing=3 cellpadding=5 align=center>
   <tr>
       <th width="200"></th>
       <td width ="200"><font color=white>Angin Reboot Ltd</font></td>
       <th width="20"></th>
       <th width="65"></th>
       <th width="20"></th>
       <th width="56" bgcolor=blue colspan=2 style="border-bottom:black solid;
       border-top:black solid; border-left:black solid; border-right:black solid;"></th>
       <th width="150" align=left><font color=white> +150%</font></th>
       <th width="50"></th>
   </tr>

   <tr>
       <th width="200"></th>
       <td width ="200"><font color=white>Command Promp, Inc</font></td>
       <th width="20"></th>
       <th width="65"></th>
       <th width="20"></th>
       <th width="56" bgcolor=green style="border-bottom:black solid; border-top:black solid;
       border-left:black solid; border-right:black solid;"></th>
       <th width="150" align=left><font color=white> +55%</font></th>
       <th width="50"></th>
   </tr>

   <tr>
       <th width="200"></th>
       <td width ="200"><font color=white>Hibernate Ltd</font></td>
       <th width="20"></th>
       <th width="65" align=right><font color=white> -23%</font></th>
       <th width="20" bgcolor=yellow style="border-bottom:black solid;
       border-top:black solid; border-left:black solid; border-right:black solid;"></th>
       <th width="56"></th>
       <th width="150"></th>
       <th width="50"></th>
   </tr>

   <tr>
       <th width="200"></th>
       <td width ="200"><font color=white>Shutdown Ltd</font></td>
       <th width="20" align=right><font color=white> -75%</font></th>
       <th width="65" bgcolor=red colspan=2 style="border-bottom:black solid;
       border-top:black solid; border-left:black solid; border-right:black solid;"></th>
       <th width="20"></th>
       <th width="56"></th>
       <th width="150"></th>
       <th width="50"></th>
   </tr>
   </table>
</body>
</html>

Print Screen :

2. Contoh Membuat Tabel Modifikasi

Source code :

<!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" xml:lang="en" lang="en">

<head>
    <title>Tugas 2</title>
</head>
<body background=lfc.jpg><font color=white>
    <br>
    <table border=0>
    <tr>
        <td width=475 align=center><font size=4 color=white>PERBANDINGAN FITUR<br></font></td>
    </tr>
    </table>

    <table border=0 cellpadding=1 cellspacing=0>
    <tr>
        <td width="30" align=center style="border-right:white solid; border-top:white solid;">NO</td>
        <td width="200" align=center style="border-right:white solid;border-top:white solid;">FITUR</td>
        <td width="100" align=center style="border-top:white solid;">ENTERPRISE</td>
        <td width="50" align=center style="border-left:white solid; border-top:white solid;">PRO</td>
        <td width="50" align=center style="border-top:white solid;">FREE</td>
    </tr>

    <tr>
        <td colspan=10 style="border-top:white solid;"> </td>
    </tr>

    <tr>
        <td align=center style="border-right:white solid;">1</td>
        <td style="border-right:white solid;">Garansi Seumur Hidup</td>
        <td align=center>X</td>
        <td align=center style="border-left:white solid;">-</td>
        <td align=center>-</td>
    </tr>

    <tr>
        <td align=center style="border-right:white solid;">2</td>
        <td style="border-right:white solid;">Multiuser</td>
        <td align=center>X</td>
        <td align=center style="border-left:white solid;">-</td>
        <td align=center>-</td>
    </tr>

    <tr>
        <td align=center style="border-right:white solid;">3</td>
        <td style="border-right:white solid;">Update Otomatis</td>
        <td align=center>X</td>
        <td align=center style="border-left:white solid;">X</td>
        <td align=center>-</td>
    </tr>

    <tr>
        <td align=center style="border-right:white solid;">4</td>
        <td style="border-right:white solid;">Cetak Laporan</td>
        <td align=center>X</td>
        <td align=center style="border-left:white solid;">X</td>
        <td align=center>-</td>
    </tr>

    <tr>
        <td align=center style="border-right:white solid; border-bottom:white solid;">5</td>
        <td style="border-right:white solid; border-bottom:white solid;">Notifikasi Error</td>
        <td align=center style="border-bottom:white solid;">X</td>
        <td align=center style="border-left:white solid; border-bottom:white solid;">X</td>
        <td align=center style="border-bottom:white solid;">X</td>
    </tr>

    <tr>
        <td align=center style="border-right:white solid;">6</td>
        <td style="border-right:white solid;">Ubah Tema</td>
        <td align=center>X</td>
        <td align=center style="border-left:white solid;">X</td>
        <td align=center>X</td>
    </tr>

    <tr>
        <td align=center style="border-right:white solid; border-bottom:white solid;">7</td>
        <td style="border-right:white solid; border-bottom:white solid;">Try Icon</td>
        <td align=center style="border-bottom:white solid;">X</td>
        <td align=center style="border-left:white solid; border-bottom:white solid;">X</td>
        <td align=center style="border-bottom:white solid;">X</td>
    </tr>
    </table></font>
</body>
</html>

Print Screen :

Nah itu tadi contoh membuat diagram dan tabel yang dimodifikasi dengan cara memanipulasi code. Semoga ilmunya bermanfaat..

Read Users' Comments (0)

Jika Bumi Dihuni 100 Orang Saja

Posted in Label: Do You Know | di 7:59 PM

Pernahkah kita memikirkan bumi hanya dihuni 100 penduduk saja?? Pasti belum pernah terbayang dibenak kita akan hal itu. Jika bumi hanya dihuni 100 orang saja maka kita akan mendapatkan perbandingan ratio penduduk yang unik..

Philip M. Hartner, MD dari fakultas kedokteran Stanford University Amerika Serikat mencoba menemukan jawaban atas pertanyaan tersebut.

Berdasarkan analisanya pada penduduk desa bumi, ditemukan komposisi sebagai berikut :

* Dari perbandingan sukubangsa :

Maka bumi akan dihuni oleh :

57 orang Asia,

21 orang Eropa,

14 orang dari bagian bumi sebelah barat dan

8 orang Afrika

* Dari perbandingan jenis kelamin :

52 orang perempuan,

48 orang laki-laki

* Dari perbandingan warna kulit:

20 orang kulit putih,

80 orang kulit berwarna

* Dari tingkah laku seksual:

89 orang heteroseksual,

11 orang homoseksual

* Dari kekayaan dan kesejahteraan:

6 orang memiliki 59% dari seluruh kekayaan bumi, dan ke enam orang tersebut berasal dari Amerika Serikat,

80 orang tinggal di rumah-rumah yang tidak memenuhi standar,

70 orang tidak bisa membaca,

50 orang menderita kekurangan gizi,

1 orang hampir meninggal,

1 orang dalam kondisi hamil,

1 orang memiliki latar belakang perguruan tinggi,

1 orang mempunyai computer.

Sekarang mari kita renungkan analisa Hartner dan simak hal-hal berikut ini :

• Jika anda tinggal di rumah yang baik, memiliki banyak makanan dan dapat membaca — maka anda adalah bagian dari kelompok terpilih dan lebih kaya dari 75% penduduk bumi yang lain.

• Jika anda memiliki rumah yang baik, memiliki banyak makanan , dapat membaca, memiliki computer –maka anda adalah bagian dari kelompok elit.

• Jika anda bangun pagi ini dan merasa sehat — anda lebih beruntung dari jutaan orang yang mungkin yang mungkin tidak dapat bertahan hidup hingga minggu ini

• Jika anda tidak pernah merasakan bahaya perang, kesepian karena dipenjara, kesakitan karena penyiksaan, atau kelaparan – anda lebih beruntung dari 500 juta orang yang lainnya.

• Jika anda dapat menghadiri pertemuan politik, ikut kampanye, menjadi caleg, diskusi dan pertemuan keagamaan tanpa merasa takut ditangkap, disiksa, dikucilkan – anda lebih beruntung, karena lebih dari 3 milyar penduduk bumi tidak dapat melakukannya dengan bebas.

• Anda juga mungkin termasuk anggota dari 8% kelompok orang-orang kaya dunia – jika anda sekarang ini memiliki uang di dompet, di bank dan mampu membelanjakan sebagian uang anda untuk makan di restoran.

• Dan jika anda membaca pesan ini sampai selesai – anda baru saja mendapatkan karunia ganda : karena seseorang memikirkan anda, dan anda lebih beruntung dari 2 milyar orang yang tidak dapat membaca sama sekali.

Demikianlah. Semoga anda dapat menikmati hari yang indah ini. Duduk di depan computer, merancang hari depan dengan baik, perduli pada sesama. Hitunglah karunia keberuntungan anda bak-baik, dan sampaikan kepada orang lain untuk mengingatkan, bahwa sebenarnya kita adalah orang-orang yang sangat beruntung.

Read Users' Comments (0)

Micolodion

You'll Never Walk Alone

About Me

Pengikut

Labels

Blog Archive

Recent Posts

Recent Comments

Visitor

Asal Usul Penggunaan 10 Istilah Komputer yang Sangat Populer

Cara Mengusir Nyamuk Secara Alami

Perbedaan Passing byValue dan Passing byReverence

Belajar PHP Yuk

DHTML dan Javascript

Desain Web CSS

HTML Lanjut

Jika Bumi Dihuni 100 Orang Saja