| Echo Indo Weblog~

Ebook Tutorial Web Design HTML

Ebook Tutorial Web Design HTML

Ini adalah bagian pertama dari modul web design, pada modul ini berisi tentang perkembangan,sejarah,dasar-dasar dan referensi dari HTML

Sekilas dari Isi Ebook :
Hypertext Markup Language (html) adalah bahasa yang digunakan untuk menulis halaman web. html merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML).

html sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.
html dibuat oleh Tim Berners‐Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 html mengalami perkembangan yang sangat pesat. Setiap pengembangan html pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). html 2.0 ini merupakan penyempurnaan dari html+ (1993).
html 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) html Working Group pada tahun 1996 menghasilkan html 3.2. html versi ini secara resmi diterbitkan pada bulan Januari 1997. html versi terbaru adalah html 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. html merupakan perbaikan dari html 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).

Download Ebook Tutorial Web Design HTML

Regards : admin - Echo Indo

Baca Selengkapnya »»

Read User's Comments(0)

Cara Membuat Web Ujian Online

9:34 PM | Labels: HTML Tutorial, PHP Tutorial

Cara Membuat Web Ujian Online

Pada artikel kali ini saya akan membahas tentang Cara Membuat Web Ujian Online. dimana web ini akan menampilkan soal-soal berupa pilihan ganda. adapun alur programnya adalah sebagai berikut :

User daftar akun
User melakukan login
User menjawab soal-soal
User mengirim jawaban
Program menampilkan hasil jawaban user
Selesai

Adapun untuk menginput soal-soal ujian online, telah disediakan halaman untuk administrator. Pada halaman ini admin dapat menginput, update, delete soal ujian online. untuk masuk kehalaman admin caranya :

Alamat http://localhost/ujian-online/admin
Username : admin
Password : admin

Halaman Admin Input Soal

Tabel Soal

Sedangkan untuk databasenya, saya menggunakan tabel_soal untuk menyimpan soal-soal ujian online. field publish untuk mengatur soal tersebut di tampilkan atau tidak ke user. sedangkan field tipe untuk membagi soal-soal menjadi beberapa tipe (untuk tipe silahkan dikembangkan)

Potongan skrip untuk mengecek Jawaban user

<?php
if(isset($_POST['submit'])){
$pilihan=$_POST["pilihan"];
$id_soal=$_POST["id"];
$jumlah=$_POST['jumlah'];
$score=0;
$benar=0;
$salah=0;
$kosong=0;
for ($i=0;$i<$jumlah;$i++){
//id nomor soal
$nomor=$id_soal[$i];
//jika user tidak memilih jawaban
if (empty($pilihan[$nomor])){
$kosong++;
}else{
//jawaban dari user
$jawaban=$pilihan[$nomor];
//cocokan jawaban user dengan jawaban di database
$query=mysql_query(“select * from tabel_soal where id_soal=’$nomor’ and jawaban=’$jawaban’”);
$cek=mysql_num_rows($query);
if($cek){
//jika jawaban cocok (benar)
$benar++;
}else{
//jika salah
$salah++;
}}
$score = $benar*5;
}}
?>

Download
http://www.4shared.com/zip/cKv1aPOa/ujian_online.html

sumber artikel berasal dari

Artikel Cara Membuat Web Ujian Online bukan hanya sembarang copy paste tetapi hanya untuk saling berbagi dan penulis menghargai sang creator dengan memberikan sumber artikel.Maju terus programmer Indonesia

Baca Selengkapnya »»

Read User's Comments(8)

Cara Membuat Captcha Matematika di PHP

5:02 PM | Labels: PHP Tutorial

Cara Membuat Captcha Matematika di PHP-Bagaimana ide membuat scriptnya? pertama nantinya kita generate dua buah bilangan bulat mulai dari 0 s/d 10 atau dengan range sembarang alias terserah Anda. Boleh juga 0 s/d 99 atau -99 s/d 99 atau boleh juga ratusan, atau ribuan dst, terserah Anda

Dua bilangan ini nantinya akan muncul di kode captcha nya. Kemudian, pilih secara acak juga operator nya, apakah penjumlahan, pengurangan atau perkalian. Setelah itu, hitung hasil operasi dari kedua bilangan tersebut dan kemudian simpan hasilnya dalam sebuah session.
Dengan hasil perhitungan yang disimpan dalam session itulah, kita bandingkan dengan hasil jawaban yang diisikan oleh pengunjung situs. Jika hasilnya sama, maka kode captcha benar. Namun jika tidak sama, maka kode captcha salah.
Demikian Cara Membuat Captcha Matematika di PHP, sekarang kita bisa melakukan codingnya.

Untuk script captcha ini, saya buat dalam gaya OOP. Di sini saya membuat class dengan nama ‘mathcaptcha’. Berikut ini isi class nya.
class-captcha.php

<?php
session_start();

class mathcaptcha
{
    private $bil1;
    private $bil2;
    private $operator;

    function initial()
    {
        $listoperator = array('+', '-', 'x');
        $this->bil1 = rand(0, 99);
        $this->bil2 = rand(0, 99);
        $this->operator = $listoperator[rand(0, 2)];
    }

    function generatekode()
    {
        $this->initial();

        if ($this->operator == '+') $hasil = $this->bil1 + $this->bil2;
        else if ($this->operator == '-') $hasil = $this->bil1 - $this->bil2;
        else if ($this->operator == 'x') $hasil = $this->bil1 * $this->bil2;
        $_SESSION['kode'] = $hasil;
    }

    function showcaptcha()
    {
        echo "Berapa hasil dari ".$this->bil1." ".$this->operator." ".$this->bil2." ? ";
    } 

    function resultcaptcha()
    {
        return $_SESSION['kode'];
    }

}
?>

Keterangan:
Di dalam class ‘mathcaptcha’ di atas, ada beberapa method yang saya buat yaitu initial(), generatekode(), showcaptcha() dan resultcaptcha(). Kegunaan dari method initial() adalah mengenerate secara acak dua buah operand atau bilangan, serta operator aritmatikanya. Dua bilangan dipilih acak dari bilangan 0 s/d 99. Sedangkan tanda operator aritmatikanya dipilih salah satu secara acak dari 3 pilihan, yaitu: +, – dan x.
Selanjutnya untuk method generatekode() digunakan untuk mengenerate hasil perhitungan dari dua bilangan dan operator yang dipilih secara acak tadi. Selanjutnya hasilnya disimpan dalam sebuah session bernama $_SESSION['kode'].
Method showcaptcha() nantinya digunakan untuk menampilkan kode captcha nya, yang terdiri dari 3 bilangan dan tanda operator aritmatikanya.
Terakhir, method resultcaptcha() digunakan untuk membaca kode hasil operasi matematikanya.
Nah… setelah class ‘mathcaptcha’ dibuat, sekarang kita implementasikan dalam sebuah form. Perhatikan contoh script form berikut ini
index.php

<?php
    // memanggil script class
    include 'class-captcha.php';
    // membuat obyek class
    $captcha1 = new mathcaptcha();
    // panggil method untuk mengenerate kode
    $captcha1->generatekode();
?>

<html>
    <head>
       <title>Contoh Captcha Matematika</title>
    </head>
    <body>
        <h1>Form Entri Data</h1>
        <form method="post" action="submit.php">
            <table>
                <tr><td>Nama Anda</td><td>:</td><td><input type="text" name="nama"></td></tr>
                <tr><td>Email Anda</td><td>:</td><td><input type="text" name="email"></td></tr>
            </table> 

            <p><b>Kode Verifikasi</b></p>
            <p>
              <?php
                   // menampilkan kode captcha berisi soal matematika
                   $captcha1->showcaptcha();
              ?>
            <br>
            <input type="text" name="kode">
            </p>
            <p><input type="submit" name="submit" value="Submit"></p>

        </form>
    </body>
</html>

Tampilan dari form di atas adalah sbb:
Tampilan form dengan captcha matematika

Kemudian bagaimana dengan script pemrosesan form setelah disubmit? ini dia bentuknya
submit.php

<?php
// panggil script class
include 'class-captcha.php';
// membuat obyek class
$captcha1 = new mathcaptcha();

// jika kode hasil perhitungan dari session sama dengan kode
// yang dimasukkan user, maka kode captcha cocok
if ($captcha1->resultcaptcha() == $_POST['kode'])
{
    echo "<p><b>Kode verifikasi benar</b></p>";
    echo "<p>Berikut ini data yang Anda masukkan ke dalam form</p>";
    echo "<p>Nama : ".$_POST['nama']."</p>";
    echo "<p>Email : ".$_POST['email']."</p>";
}
else
{
    // jika kode captcha salah
    echo "<p><b>Kode verifikasi salah</b></p>";
}

echo "<p><a href='index.php'>Ulangi Entri</a></p>";

?>

Nah… mudah dan sederhana bukan membuatnya?? Selamat mencobanya, dan oya lupa.. ada baiknya bilangannya jangan besar-besar ya hasilnya, supaya pengunjung situs atau yang mengentri form tidak terlalu pusing mencari jawabannya, misalkan spt tampilan berikut ini

Jika Anda yang masih merasa bingung dengan OOP (Object Oriented Programming) di PHP sehingga sulit memahami script di atas,Terima Kasih telah membaca artikel Cara Membuat Captcha Matematika di PHP silahkan membaca kumpulan Tutorial Php

Sumber artikel

Baca Selengkapnya »»

Read User's Comments(0)

Script Kalender Sederhana di PHP HTML JavaScript

4:54 AM | Labels: HTML Tutorial, Javascript, PHP Tutorial

Script Kalender Sederhana di PHP HTML JavaScript

Jika Anda membutuhkan kalender yang sederhana, elegan untuk menampilkan hari saat bulan, Kalender Dasar adalah naskah yang sangat baik untuk tujuan tersebut. Menggunakan CSS untuk memungkinkan mudah mengubah penampilannya, mulai dari dimensi kalender, warna, sampai ke font yang digunakan untuk menyorot hari saat ini.Berikut Cara-Caranya :

Masukin script di antara <head></head>

<style type="text/css">

.main {
width:200px;
border:1px solid black;
}

.month {
background-color:black;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}

</style>

<script type="text/javascript" src="basiccalendar.js">

</script>

Masukan script ini dan simpan dengan nama basiccalender.js

function buildCal(m, y, cM, cH, cDW, cD, brdr){
var mn=['January','February','March','April','May','June','July','August','September','October','November','December'];
var dim=[31,0,31,30,31,30,31,31,30,31,30,31];

var oD = new Date(y, m-1, 1); //DD replaced line to fix date bug when current day is 31st
oD.od=oD.getDay()+1; //DD replaced line to fix date bug when current day is 31st

var todaydate=new Date() //DD added
var scanfortoday=(y==todaydate.getFullYear() && m==todaydate.getMonth()+1)? todaydate.getDate() : 0 //DD added

dim[1]=(((oD.getFullYear()%100!=0)&&(oD.getFullYear()%4==0))||(oD.getFullYear()%400==0))?29:28;
var t='<div class="'+cM+'"><table class="'+cM+'" cols="7" cellpadding="0" border="'+brdr+'" cellspacing="0"><tr align="center">';
t+='<td colspan="7" align="center" class="'+cH+'">'+mn[m-1]+' - '+y+'</td></tr><tr align="center">';
for(s=0;s<7;s++)t+='<td class="'+cDW+'">'+"SMTWTFS".substr(s,1)+'</td>';
t+='</tr><tr align="center">';
for(i=1;i<=42;i++){
var x=((i-oD.od>=0)&&(i-oD.od<dim[m-1]))? i-oD.od+1 : '&nbsp;';
if (x==scanfortoday) //DD added
x='<span id="today">'+x+'</span>' //DD added
t+='<td class="'+cD+'">'+x+'</td>';
if(((i)%7==0)&&(i<36))t+='</tr><tr align="center">';
}
return t+='</tr></table></div>';
}

Sekarang masukan kalender sesuai yang anda inginkan

<script type="text/javascript">

var todaydate=new Date()
var curmonth=todaydate.getMonth()+1 //get current month (1-12)
var curyear=todaydate.getFullYear() //get current year

document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1));
</script>

Selesai,cukup mudah bukan ? sekian dari kalender sederhana ini semoga bermanfaat Referensi : dinamicdrive.com

Baca Selengkapnya »»

Read User's Comments(0)

Cara-Cara Membuat BlackBerry Tidak Lemot

6:28 PM | Labels: Tips and Trick

BlackBerry Torch (Ist.)

Cara-Cara Membuat BlackBerry Tidak Lemot - BlackBerry saat ini tak lagi cuma digunakan para profesional. Mulai dari pebisnis sampai anak sekolah sudah cukup akrab dengan handset besutan Research In Motion (RIM) itu.

Sayangnya, terkadang pengguna tidak memahami bahwa BlackBerry juga mempunyai keterbatasan dalam hal memori. Jejaring sosial, email, BBM Group dan BBM yang online secara non-stop mampu membuat BlackBerry ini menjadi lemot.

Hal ini ditandai dengan seringnya muncul 'tanda jam' atau 'jam pasir' ketika kita sedang menggunakan aplikasi di BlackBerry. Lantas bagaimana caranya kita bisa mengatasi BlackBerry yang sedang lemot?

Cara-Cara Membuat BlackBerry Tidak Lemot:

1. Install aplikasi yang penting
Kebanyakan aplikasi atau theme akan cukup menguras kemampuan dari memori. Cek kembali aplikasi-aplikasi apa saja yang kita biasa gunakan dan delete aplikasi atau theme yang menurut kita sudah jarang dipakai.

2. Batasi group BBM
Group BBM adalah penyumbang terbesar 'sampah' yang membuat BlackBerry kita menjadi lemot. Carilah group BBM yang benar-benar berguna, teman-teman kita yang lain toh masih bisa dihubungi melalui BBM pribadi, email, Twitter atau lainnya.

3. Tutup chat di BBM yang sudah selesai
Jika Anda merasa bahwa percakapan dengan seseorang itu penting, Anda dapat menyimpan percakapan tersebut di media card dengan melakukan setting di BBM - Options - Cari Save Chat History lalu pilih media card.

Namun jangan sampai, aktivitas percakapan yang sudah selesai jauh-jauh hari tetap Anda biarkan. Bijaklah menggunakan BBM, dimana salah satu caranya menutup aktivitas chat setiap obrolan selesai.

4. Hapus email yang tidak diperlukan.
Ini juga menjadi salah satu penyumbang lemot, terutama email yang memiliki attachment cukup besar. Saat anda melakukan delete biasanya akan muncul pilihan On Mailbox & Handheld (email di BlackBerry dan di Mailbox Server akan dihapus) atau On Handheld (hanya email di BlackBerry saja yang dihapus).

Kalau email yang akan anda hapus itu dirasa masih cukup penting, cukup pilih On Handheld saja. Email aslinya masih akan tersimpan di Mailbox (Yahoo, Google, atau klien email Anda lainnya).

5. Biasakan lakukan clear log dengan cara: tekan alt+LG+LG -> Menu BlackBerry -> Clear Log

6. Jika Anda sering Browsing, hapus cache memory di browser.
Caranya: Menu BlackBerry -> Browser -> Options -> Cache Operations -> clear history

7. Rajin-rajin lakukan pembersihan memori
Caranya: Menu BlackBerry -> Options -> Security Options -> Memory Cleaning -> Ubah status ke posisi ENABLE -> Menu BB -> Clean Now.

8. Maksimalkan penggunaan memori eksternal. Penyimpanan foto, lagu, video dan lainnya sebaiknya disimpan ke dalam memori eksternal atau media card.
Caranya setting: Menu BlackBerry -> Options -> Memory -> Ganti status media Card Support menjadi ON.

9. Tips yang paling ampuh saat BlackBerry Anda lemot adalah:
Soft Reset: Tekan bersamaan tombol Alt – Caps/tombol aA (sebelah kanan dekat tombol sym) – tombol del — selesai (Khusus BlackBerry yang menggunakan keyboard)

Hard Reset: Biasa dikenal pula dengan istilah cabut baterai. Tindakan ini dilakukan untuk memastikan bahwa tidak ada lagi energi/daya listrik yang tertinggal. Biarkan selama maksimal 1 menit kemudian pasang kembali baterainya.

sumber : http://inet.detik.com/read/2012/04/23/125518/1899126/510/9-tips-ketika-blackberry-lemot

Baca Selengkapnya »»

Read User's Comments(0)

Cara Membuat Tweet Banyak di Retweet

6:20 PM | Labels: Tips and Trick

http://successhowto.com/wordpress/wp-content/uploads/2011/04/auto-retweet.jpg

Cara Membuat Tweet Banyak di Retweet - Kicauan yang lalu lalang di Twitter sudah sedemikian banyak. Lantas, bagaimana agar tweet Anda dilirik orang untuk kemudian diretweet dan diberi tanggapan? Ini Cara Membuat Tweet Banyak di Retweet yang dikumpulkan dari berbagai

sumber:

1. Space
Usahakan jangan terlalu panjang membuat tweet hingga memaksimalkan jumlah karakter yang disediakan. Namun sisakan ruang sekitar 18-20 karakter untuk follower Anda memberi respons.

Ingat, time is money, banyak tweeps yang enggan membuang waktu untuk menghilangkan atau memperpendek tweet yang Anda buat cuma untuk memberi respons. Jadi permudahlah tugas mereka dengan tweet yang efisien.

2. Konten
Lontarkan kicauan yang berbobot, jangan cuma sekadar spam. Topik yang diangkat bisa terkait kutipan yang menyegarkan, humor, pertanyaan, ide-ide brilian, update berita, teknologi terbaru, fenomena media sosial, atau berikan link ke konten yang menarik.

3. Konsistensi
Konsisten menjadi salah satu tantangan tweeps. Kadang sering menyebar kicauan-kicauan menarik, terkadang pula hilang dari peredaran.

4. Etika
'Tweetmu harimaumu'. Jangan asal melontar kicauan, terlebih yang menyinggung suatu pihak secara frontal. Tunjukkan etikamu di jagad media sosial, hal ini sejatinya sangat penting untuk menjaga hubungan baik kepada komunitas Twitter lainnya.

Etika di sini juga tidak hanya harus berlaku sopan. Namun juga terkait masalah meminta secara paksa seluruh follower untuk meretweet kicauan Anda. Sekalipun memang dibutuhkan, mintalah kepada segelintir orang saja.

5. Unik
Pengguna Twitter pastinya banyak yang berkicau. Lantas, seperti apa yang akan dilirik. Pastinya adalah yang unik! Keunikan di sini bisa berarti konten yang disajikan atau gaya bahasa yang digunakan.

6. Kedekatan
Memiliki kedekatan dengan seorang buzzer atau mereka yang begitu populer di Twitter juga memiliki keuntungan tersendiri. Singkat kata, ia bisa 'dimintai bantuan' untuk numpang tenar.

7. Timbal Balik
Jangan cuma mau diretweet, Anda tentu juga harus melakukan hal serupa kepada yang Anda follow. Retweet lah kicauan yang juga berbobot, dan akan lebih bagus juga disertai dengan tanggapan. Namun ingat, jangan juga jadi spammer dengan meretweet kelewat batas.
Sumber : http://inet.detik.com/read/2012/03/14/090458/1866568/510/7-tips-biar-tweet-di-diretweet

Baca Selengkapnya »»

Read User's Comments(0)

Avast! Internet Security 7.0 Full Version

6:57 PM | Labels: Avast Antivirus

Avast! Internet Security 7.0 Full Version

Avast! Internet Security 7.0 Full Version Avast! Internet Security 7.0 Full Version Who is not familiar with Antivirus, which have long-transverse ply in computer security world. Avast! Internet Security 7.0 now comes with a more complete feature and display a little more fresh to look at, as we all know that Avast! Internet Security 7.0 is the version that the Absolute Function and performance is compared to Avast Free Antivirus and Avast Antivirus Pro. Starting from the Anti-spam, Anti-spyware, firewall and several other features that have been developed by the Parties to Avast.
Screenshot

Download : Avast Internet Security
Password : Password Avast Internet Security
Supported Operating Systems

* Windows 7 (any Edition, 32-bit or 64-bit)
* Windows Vista (any Edition excl. Starter Edition, 32-bit or 64-bit)
* Windows XP Service Pack 2 or higher (any Edition, 32-bit or 64-bit)

Minimum Hardware Requirements

* Pentium 3 Processor
* 256 MB RAM
* 380 MB of free hard disk space

Hopefully Helpful

Baca Selengkapnya »»

Read User's Comments(2)

Echo Indo Weblog~

Blog Cyber Terkeren Lebih Keren Dari yang Terkeren

About

Followers

Categories

Archives

Ebook Tutorial Web Design HTML

Cara Membuat Web Ujian Online

Cara Membuat Captcha Matematika di PHP

Script Kalender Sederhana di PHP HTML JavaScript

Cara-Cara Membuat BlackBerry Tidak Lemot

Cara Membuat Tweet Banyak di Retweet

Avast! Internet Security 7.0 Full Version