Senin, 07 Maret 2011

Tugas Praktikum Modul 5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Tugas Praktikum Modul 5</title>
<script language="JavaScript" type="text/javascript" src="pembelian.js"></script>
</head>
<center>
<body bgcolor="white">
<h1>Form Pembelian</h1>
<form name="HitungPesan" action="#">
<table bpesanan="1">
<tr>

<th>No</th>
<th>Makanan / Minuman</th>
<th>Harga</th>
<th>Pesan</th>
</tr>
<tr>
<td>1</td>
<td>Soto Ayam</td>
<td>@<input type="text" name="harga1" value="8000" onchange="hitung()"/></td>
<td><input type="text" name="pesanan1" onchange="hitung()"/></td>
</tr>
<tr>
<td>2</td>
<td>Nasi Goreng</td>
<td>@<input type="text" name="harga2" value="6000" onchange="hitung()"/></td>
<td><input type="text" name="pesanan2" onchange="hitung()"/></td>
</tr>
<tr>
<td>3</td>
<td>lalapan</td>
<td>@<input type="text" name="harga3" value="5000" onchange="hitung()"/></td>
<td><input type="text" name="pesanan3" onchange="hitung()"/></td>
</tr>
<tr>
<td>4</td>
<td>Es Teh</td>
<td>@<input type="text" name="harga4" value="1000" onchange="hitung()"/></td>
<td><input type="text" name="pesanan4" onchange="hitung()"/></td>
</tr>
<tr>
<td>5</td>
<td>Juice Campur</td>
<td>@<input type="text" name="harga5" value="7000" onchange="hitung()"/></td>
<td><input type="text" name="pesan5" onchange="hitung()"/></td>
</tr>
<tr>
<td colspan="3" align="right">Jumlah Total</td>
<td><input type="text" name="total" Value="0" readonly /></td>
</tr>
<tr>
<td colspan="3" align="right">Diskon</td>
<td><input type="text" name="diskon" value="0" readonly /></td>
</tr>
<tr>
<td colspan="3" align="right">Jumlah Dibayar</td>
<td><input type="text" name="bayar" value="0" readonly /></td>
</tr>
</table>
<br>
<input type="button" name="Hitung" value="Hitung" onclick="reset()"/>
<br>
<input type="button" name="batal" value="Batal" onclick="reset()"/>
</form>
</body>
</html>

Studi kasus Modul 5

SCIPRT :
<!DOCTYPE HTML>
<html lang="en">
<head>
<title><H1>Kalkulator Tugas Praktikum></H1></title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
function kalkulator(){
var myForm = document.form1;
var a=eval(myForm.a.value);
var b=eval(myForm.b.value);
var pil= myForm.opt.value;
if (pil == "penjumlahan") {
    var c = a + b;
 }else if (pil == "pengurangan") {
    var c = a - b;
 } else if (pil == "perkalian") {
    var c = a * b;
 } else if (pil == "pembagian") {
    var c = a / b;
 }
 myForm.total.value = c;
}
function resetForm(){
document.form1.reset();
}

//-->
</script>
<center>
<font size= ”5"> Kalkulator Tugas Praktikum </font>
<br>
<br>

<form name="form1" action="#">
<input type="text" name="a" />
<select name="opt">
 <option value="penjumlahan"> + </option>
 <option value="pengurangan"> - </option>
 <option value="perkalian"> * </option>
 <option value="pembagian"> / </option>
</select>
<input type="text" name="b" />
<input type="button" value="=" onClick="kalkulator()" />
<input type="text" name="total" disabled="true" /> <br/>
<p>
<input type="button" value="CLEAR" onClick="resetForm()" />

</form>
</body>
</html>
Senin, 28 Februari 2011

Tugas Praktikum Modul 4

M. Badul HAq
PTI / Offering D / 09
Pemrograman Web Studi Kasus Modul 4

 Scipt HTML :
<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>THE DESTINY OF ISLAM</title>
    <link rel="stylesheet" href="Tugas_praktikum_Mod 4.css" type="text/css">
    <link rel="shortcut icon" href="icon.ico" type="image/x-icon">
</head>

<body>
    <header>
        <div>ISLAM WILL DOMINATE THE WORLD</div>
    </header>

    <nav>
        <font face="comic sans" size="4">
        <div align="center"></div>
        <div class="nav">
            <ul id="button">
            <li><a href="">Home</a></li>
            <li><a href="">News & Media</a></li>
            <li><a href="">Tutorials</a></li>
            <li><a href="">Tips & Tricks</a></li>
            <li><a href="">Downloads</a></li>
            </ul>

            <font color="#F90" face="Arial" size="3">
                <div align ="right">
                    <div id="search">search : <input></input></div>
                </div>
            </font>
        </div>
    </nav>

    <font face="comic sans" size="19">
    <font color="#F90" face="Arial" size="1">
   
    <section>
        <side1>
            <img src="chel.jpg" width: 360px, height: 480px;>
        </side1>

    <side2>
        <font color="Green" face="Arial" size="3"><H4>
        ERA RASULULLOH SAW (622-632M) DAN DAULAT KHULAFAUR RASYIDIN (632-661 M)</br>
        </H4>
        Kesuksesan Rasulullah Muhammad Saw dalam membangun peradaban Islam yang tiada taranya dalam sejarah dicapai dalam kurun waktu 23 tahun, 13 tahun langkah persiapan pada periode Makkah (Makiyyah) dan 10 tahun periode Madienah (Madaniyah). Periode 23 tahun merupakan rentang waktu kurang dari satu generasi, dimana beliau Saw telah berhasil memegang kendali kekuasaan atas bangsa-bangsa yang lebih tua peradabannya saat itu khususnya Romawi, Persia dan Mesir.</br>
        </br>Seorang ahli pikir Perancis bernama Dr. Gustave Le Bone mengatakan:</br>
        "Dalam satu abad atau 3 keturunan, tidak ada bangsa-bangsa manusia dapat mengadakan perubahan yang berarti. Bangsa Perancis memerlukan 30 keturunan atau 1000 tahun baru dapat mengadakan suatu masyarakat yang bercelup Perancis. Hal ini terdapat pada seluruh bangsa dan umat, tak terkecuali selain dari umat Islam, sebab Muhammad El-Rasul sudah dapat mengadakan suatu masyarakat baru dalam tempo satu keturunan (23 tahun) yang tidak dapat ditiru atau diperbuat oleh orang lain".</br></br>
        Masa kerasulan Muhammad Saw pada akhir periode Madienah merupakan puncak (kulminasi) peradaban Islam, karena disitulah sistem Islam disempurnakan dan ditegakkan dalam kehidupan bermasyarakat, berbangsa dan bernegara.
        "Pada hari ini telah Kusempurnakan untuk kamu agamamu, dan telah Ku-cukupkan kepadamu nikmat-Ku, dan telah Ku-ridhai Islam itu jadi agama bagimu". (QS. Al-Maidah ayat 3).</br></br>
        Generasi masa itu merupakan generasi terbaik sebagaimana firman Alloh Swt:"Kamu adalah umat yang terbaik yang dilahirkan untuk manusia, menyuruh kepada yang ma'ruf, dan mencegah dari yang munkar, dan beriman kepada Alloh". (QS. Ali Imran ayat 110).</br>
        </br>

        </font></side2>

    <footer>
        <font color="black" face="Arial" size="4">
            <div align="center">
                <table color="#fffff" cellpadding="5" width="1350",height="250">
                    <tbody>
                        <tr>
                        <span style="background-color : #006699">
                            <td align="right" width="250"></td>
                            <td><hr color="#fffff" size="1" width="950"></td>
                            <td width="250"></td>
                        </span>
                        </tr>
                    </tbody>
                </table>
                copyright © M. Badrul Haq
            </div>
        </font>
    </footer>
   
    <font color="black" face="Arial" size="4"></font>
    </font></font></font></font></font>
</body>
</html>

SCIPT CSS :
body {margin: 10px auto;
width: 1050px;
}

.header,nav,section,footer {
display:block;}

.header {
height:200px;
width:1350px;
background-image:url(head.jpg);}

.nav{float:left;
width:1050px;
height:60px;
background:blue;
margin-right:5px;}

.nav #button a:active{
background-color:white;
}

.nav #search{
margin:5px;
margin-right:10px;
}

.section{float:left;
width:1350px;
height:517px;
background-image:url(chelsea.jpg);}


side2 {float: right;
height:528px;
width:680px;
border:2px dashed black;
}



.footer {width:1350px;
clear:both;
height:60px;
background-image:url(foot.jpg);}


ul li a {display: block;
text-decoration:none;
line-height:2px;
color:#F90;
padding:10px;
background:#505050;
margin:1px 1px;}

ul {margin:1;
padding:0;
list-style: none;}

ul li {position: relative;
float: left;
width:135px;}

li ul {position: absolute;
top: 1px;
display: none;}

Studi Kasus Modul 4

M. Badul HAq
PTI / Offering D / 09
Pemrograman Web Studi Kasus Modul 4


Sript silahkan download di SINI.
Selasa, 15 Februari 2011

WEBOMETRICS - Pengukur Komitmen Universitas Dunia Maya

Deskripsi :
merupakan sebuah lembaga pemeringkatan yang berpusat di Madrid, Spanyol yang didirikan atas inisiatif Cybermetrics lab, sebuah kelompok penelitian yang dimiliki Consejo Superior de Investigaciones Cientificas (CSIC) sebuah lembaga penelitian terbesar di Spanyol. Peringkatan Webometric dimulai pada tahun 2004 dan didasarkan pada gabungan indikator yang memperhitungkan baik volume maupun isi Web, visibilitas dan dampak dari publikasi web sesuai dengan jumlah pranala luar yang diterima. Peringkat ini diperbaharui setiap bulan Januari dan Juli (via Wikipedia).




Tujuan :
1. Sebagai alat pemacu perguruan tinggi untuk memacu partisipasi dan komitmen perguruan tinggi untuk mempublikasikan karya-karya di dunia maya dan aksesibilitas web perguruan tinggi.
2. Salah satu tools untuk benchmarking bagi kemajuan TIK sebuah perguruan tinggi.
3. Memberikan tekanan pada pentingnya publikasi melalui web sites atas semua aktivitas dan pencapaian hasil dari sebuh institusi pendidikan tinggi.
4. Untuk mempercepat impact dari hasil-hasil yang didapat oleh institusi pendidikan tersebut dengan memanfaatankan web sebagai media publikasi yang salah satunya dari publikasi penelitian.

Macam tingkat pemeringkatan :
(1) Perguruan tinggi (“Webometrics Ranking of World Universities”),
(2) Repositori,
(3) Rumah sakit,
(4) Sekolah bisnis, dan
(5) Lembaga riset.

Pemeringkatan website perguruan tinggi di Webometrics ada 2, yaitu
1. pemeringkatan website universitas itu sendiri dan
2. pemeringkatan website repositori institusi.

Dalam meranking Webometic melibatkan 3 search engine dunia, yaitu
Google, Yahoo Search, danLive search.

Pemeringkatan dilakukan berdasarkan pengukuran indikator, yaitu:
1. Size (S) (bobot 20%)
Jumlah halaman yang ditemukan dari empat mesin pencari: Google, Yahoo, Live Search dan Exalead. Untuk setiap mesin pencari, hasil pencarian dinormalisasi-logaritmik ke 1 untuk nilai tertinggi. Untuk setiap domain, hasil maksimum dan minimum tidak diikutsertakan (excluded) dan setiap institusi diberikan sebuah peringkat menurut jumlah yang dikombinasi tersebut. Size atau ukuran dari domain web universitas merupakan kombinasi dari jumlah halaman website yang online dari website tersebut (.html dan non html) dan jumlah sub-domain.




2. Visibility (V) (bobot 50%)
Mempunyai bobot paling tinggi. Merupakan jumlah eksternal link yang unik (backlink) yang diterima oleh domain web universitas (inlinks) yang tertangkap oleh empat search engines (Yahoo, Google, Live Search/bing, dan Exalead). Visibility ini menyiratkan besarnya impact factor terhadap sebuah website/repositori.

3. Rich Files (R) (bobot 15%)
Volume file yang ada di situs Universitas dimana format file yang dinilai layak masuk di penilaian (berdasarkan uji relevansi dengan aktivitas akademis dan publikasi) adalah: Adobe Acrobat (.pdf), Adobe PostScript (.ps), Microsoft Word (.doc) dan Microsoft Powerpoint (.ppt). tidak termasuk xls or latex or tex) yang online di bawah domain website universitas yang tertangkap oleh empat search engines (Yahoo, Google, Live Search/bing, dan Exalead). Rich files ini sangat relevan karena menunjukkan komitmen Universitas untuk scholarly communication terhadap publik.


4. Scholar (S)(bobot 15%)
merupakan jumlah karya ilmiah (scientific paper) dan kutipan-kutipan (citation) dalam dunia akademik dan jumlah sitasi yang tertangkap di Google Scholar (http://scholar.google.com) untuk setiap domain website universitas. Kebanyakan file-file dokumen (PDF, DOC, atau PPT) Data Sc ini diambil dari Google Scholar yang menyajikan tulisan-tulisan ilmiah, laporan-laporan, dan tulisan akademis lainnya.

Indikator-Indikator tersebut diukur melalui website masing-masing institusi. Hasil pengukuran setiap indikator diolah menjadi peringkat setiap parameter, juga diolah untuk menjadi peringkat dunia. Pada edisi Januari 2011, Webometrics mengumumkan peringkat 12.000 perguruan tinggi dari 20.000 perguruan tinggi yang diukur.

Cara Penilaian :
Metode pengukuran Webometric (Webometric rank) menggunakan perhitungan :
(4xV) + (2xS) + (1xR) + (1xSc)




Universitas Negeri Malang peringkat
1.018 dunia, 28 Asia Tenggara,
dan 10 Indonesia.

Peringkat UM di Webometrics sebagai berikut:
• Peringkat Juli 2009: 2.791 dunia, 82 Asia Tenggara, 13 Indonesia,
• Peringkat Januari 2010: 1.256 dunia, 28 Asia Tenggara, 6 Indonesia.
• Peringkat Juli 2010: 1.744 dunia, 51 Asia Tenggara, 12 Indonesia.
• Peringkat Januari 2011: 1.018 dunia, 28 Asia Tenggara, 10 Indonesia.

Bagaimana cara meningkatkan ranking Webometric UM ?
1. Kata kunci yang spesial cuma satu yaitu … http://um.ac.id
2. Kecilkan font !!!
3. Buat blog yang diisi dengan paper berupa pdf, doc, ppt tutorial yang relevan dengan pendidikan dan teknologi
4. Lebih memarakkan http://um.ac.id karena semakin banyak link yang mengarah ke domain //um.ac.id semakin tinggi juga popularitas di dunia maya
5. Meminta bantuan pada para alumni dan mahasiswa yang memiliki web atau blog untuk membuat link ke http://um.ac.id
6. rajin nulis blog bukan di wordpress.com tetapi harusnya di http://um.ac.id.

Selamat menaikkan ranking di webometric!

Sumber :
http://adisulistiyono.staff.uns.ac.id/files/2009/09/teknik-perangkingan-thes-qs-dan-webometric.pdf
http://blog.unila.ac.id/meyjaroni/files/2009/06/ta-sim.doc
http://undip.ac.id/index.php/website-undip-meraih-peringkat-9-indonesia-versi-webometrics-juli-2010.html
Senin, 14 Februari 2011

Studi Kasus Modul 3

M. Badrul Haq
S1 PTI 2009 / Off D
209533424060






Border Modul 3






Yang ini border
lingkaran.
Pendekatan y
digunakan masih sama!!




Bisa juga bikin kreasi border sperti ini.

mmmmm.......



Efek Shadow





Silahkan Di download di SINI
Senin, 07 Februari 2011

TUGAS PRAKTIKUM 2

M. Badul HAq
PTI / Offering D / 09
Pemrograman Web Tugas Praktikum 2



Sript silahkan download di SINI.

STUDI KASUS

M. Badul HAq
PTI / Offering D / 09
Pemrograman Web Study Kasus


Sript silahkan download di SINI.

TUGAS PRAKTIKUM 1

M. Badul HAq
PTI / Offering D / 09
Pemrograman Web Tugas Praktikum 1


Sript silahkan download di SINI.