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)

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