Archive for the ‘IT’ Category

Gara-gara petir?

Istilahnya bangkrut saudara-saudara. Kenapa? Karena modem ADSL saya baru saja rusak. Ini bukan kali pertama modemku rusak, tapi yang kedua. Dulu yang pertama, modem yang rusak merknya HUAWEI, model SmartAX MT882a. Modem itu bawaan telkom saat pertama kali langganan speedy. Jadi ceritanya gini, waktu itu hujan lebat. Seperti biasa,saya sedang onlen internet karena tidak ada kerjaan. Sedang maenan twitter kayaknya. Tiba-tiba ada suara petir cukup keras, duarrr! Seketika listrik rumah padam. setelah listrik nyala,aku nyoba nyalain komputer dan modem lagi. Tapi apa yang terjadi?modemnya ternyata sudah mati alias rusak. Garansi juga sudah habis, akhirnya terpaksa beli yang baru.

Lanjut ke cerita yang kedua. Modem kedua ini merknya TP-LINK TD-8817. Yang ini juga rusak, malahan belum ada 2 bulan rusaknya. Ceritanya hampir sama dengan yang pertama. Beberapa hari yang lalu hujan lebat dan aku asyik bermain internet (maklum anak rumahan). Memang waktu itu seharian hujan terus. Tiba-tiba ada petir, listrik tidak padam. Hanya saja lampu kamar berkedip. Setelah itu langsung komputer saya matikan. Takutnya modem rusak lagi. Tapi ternyata sudah telat, modemku sudah rusak karena petir tersebut. Kartu garansi juga hilang #asem! Yoweslah, mungkin durung rejekiku. Akhirnya beli lagi. semoga yang ini awet modemnya,AMIEN!!!

Bagi pengguna modem ADSL, atau mungkin modem lainnya saya kurang tahu. Sekedar saran, kalau hujan dan banyak petir lebih baik udahan dulu ngenetnya. Tegangan listrik bisa saja naik turun dan menyebabkan kerusakan. Daripada keluar uang untuk beli modem, mendingan ngenetnya ditunda setelah hujan reda dan nggak ada petir…

Setting speedy tanpa driver modem TP-LINK TD-8817

Sedikit berbagi tentang cara setting speedy dengan modem ADSL TP-LINK TD-8817. Pastikan semua hardwarenya terpasang dengan benar.

Buka web browser, dalam hal ini saya menggunakan mozilla. Masukkan tulisan 192.168.1.1 di address bar
Akan muncul tulisan Authentification Required. Masukkan username dan passwordnya. Username : admin,Password : admin


Klik pada tulisan Quick Start
Setelah itu klik RUN WIZARD


Kemudian tekan Next


Langkah selanjutnya, pilih zona waktu sesuai wilayah masing-masing lalu tekan Next


Pada ISP Connection Type, pilih PPPoE /PPPoA kemudian Klik Next


Tampilan selanjutnya adalah seperti di bawah ini


Untuk username dan password sesuaikan dengan speedy masing-masing.VPI dan VCL dapat dilihat disini, setiap daerah berbeda-beda. Pada connection type pilih PPPoE LLC
Tampilan selanjutnya adalah seperti di bawah ini,klik Next


Terakhir, tekan close
Demikian penjelasan singkat tentang install modem speedy tanpa driver. Istilahnya tinggal colok. Setting dilakukan sekali saja, saat modem pertama kali dipasang. Selanjutnya tidak perlu setting-setting lagi walaupun pengguna ganti komputer/laptop.

Kalkulator sederhana dengan php

Sebelum membuat kalkulator dengan php,mari kita cari tau dulu kepanjangan dari php. PHP merupakan singkatan dari Hypertext Preprocessor. Kenapa singkatannya bukan HPP?yah saya tidak tau,dari dulu memang sudah begitu :D
Selanjutnya, dalam php juga dikenal adanya variabel yang diawali $. Kenapa variabel tidak bisa diawali dengan numerik? Itu dikarenakan dalam php,  numerik berfungsi untuk menyimpan bilangan bulat.

Sekarang langsung saja membuat kalkulator sederhana. Kalkulator sederhana ini terdiri dari 2 buah file. Yang pertama adalah kalkulator.php berikut source kodenya :

<html>
<head>
<title>Kalkulator</title>
<body>
<font size=20>Kalkulator</font>
<form name=”form1″ method=”post” action=”hasil.php”>

<p>Bilangan 1
<input name=”angka” type=”text” id=”angka”>
</p>
<p><br>

Operasi
<select name=”operator” id=”operator”>
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select>
</p>
<p><br>
Bilangan 2
<input name=”angka2″ type=”text” id=”angka2″>
</p>
<p>&nbsp;</p>
<p><input type=”submit” name=”Submit” value=”Hitung”></p>
</form>

</body>
</head>
</html>

Selanjutnya membuat hasil.php yang bisa menampilkan hasil dari hitungan yang dilakukan. Berikut source kodenya :

<html>
<head>
<title>Hasil</title>
<body>
Hasil dari

<?
$angka = $_POST["angka"];
$angka2 = $_POST["angka2"];
$operator = $_POST["operator"];
if ($operator == “+”)
{
$hasil = $angka+$angka2;
}
if ($operator == “-”)
{
$hasil = $angka-$angka2;
}
if ($operator == “*”)
{
$hasil = $angka*$angka2;
}
if ($operator == “/”)
{
$hasil = $angka/$angka2;
}
echo “$angka $operator $angka2 = $hasil”
?>

</body>
</head>
</html>

Apabila kita memasukkan bilangan pada kalkulator.php dan mengklik hitung, maka halaman akan berganti ke hasil.php yang akan menampilkan hasil dari hitungan tersebut. Berikut screenshootnya :

Apabila diklik hitung maka tampilannya :

Dari screenshoot diatas,bilangan 1 diisi dengan 5 dan bilangan 2 juga diisi 5 sedangkan operasi yang digunakan adalah tambah (+). Maka hasil yang akan muncul adalah 10. Sekian penjelasan singkat saya tentang kalkulator,semoga bisa bermanfaar :)

Nama : Tantra Nurhuda
Nim    : 123070194
Plug   : 7

Membuat Link CSS

Langsung saja, disini saya akan menjelaskan tentang cara membuat link dengan external css. Jadi disini akan ada dua file,yaitu file link_tbganti.css dan link.html. Langsung saja source code untuk link_tbganti.css :

.class1 A:link {
color:white;
text-decoration: none;
background-image: url(button.gif);
50% 50% no-repeat;
padding: 0.5em;
margin: 0.5em;
display: block;
}

.class1 A:visited {
color : white;
text-decoration: none;
background-image : url(button.gif);
padding: 0.5em;
margin: 0.5em;
display: block;
}

.class1 A:active {
color : white;
background-image : url(button.gif);
padding: 0.5em;
margin: 0.5em;
display: block;
text-decoration: none
}

.class1 A:hover {
color : white;
text-decoration: underline;
color: red;
background-image : url(#button.gif);
}

Selanjutnya source code link.html

<html>
<head>
<title>LINK</title>
<link rel=”stylesheet” type=”text/css” href=”link_tbganti.css” />
</head>
<body>
KLIK DI BAWAH INI
<span>
<a href=”http://kentruk.com”>KENTRUK</a>
</span>
<br>
</body>

</html>

Dan apabila diklik file link.html, maka akan keluar output sebagai berikut :

Apabila kita meletakkan mouse dibawah tulisan KLIK DI BAWAH INI maka tampilannya akan seperti berikut:

Apabila mouse didekatkan ke tulisan KENTRUK,maka background akan hilang dan apabila tulisan KENTRUK diklik, maka akan menuju ke halaman blog kentruk.com.Untuk external css, fungsi untuk pemanggilan dari link_tbganti.css menggunakan tag <link rel=”stylesheet” type=”text/css” href=”link_tbganti.css” /> yang diletakkan pada file link.html. Karena gambar untuk background diletakkan dalam satu folder,maka link untuk memanggil gambar cukup ditulis url (“button.gif”); Mungkin itu saja penjelasanku tentang memasang link menggunakan image dengan css,semoga bermanfaat :)

Nama : Tantra Nurhuda
Nim    : 123070194
Plug   : 7

Tampilan form data diri

Pada postingan kali ini aku mau share tentang membuat tampilan form data diri dengan html. Sebenarnya ini belum lengkap sih, karena data yang kita tulis disini tidak tersimpan. Mungkin pada postingan berikutnya akan dibahas cara menyimpan data yang sudah dimasukkan ke dalam form. Tampilan ini dibuat dengan dua file, yang pertama adalah datadiri.html,inilah source kode dan screeshootnya :

<head>
<html>
<h3>
<title>Data Diri</title>
<p align=”center”>Data Diri</p>
</h3>
<form method=”post” action=”thanks.html”>
<table border=”0″ cellpading=”2″ width=”100%”>

<tr>
<td width=”8%”>Nama</td>
<td width=”4%”>:</td>
<td width=88%”><input type=”text” name=”nama” size=”20″></td>
</tr>

<tr>
<td width=”8%”>NIM</td>
<td width=”4%”>:</td>
<td width=88%”><input type=”text” name=”nim” size=”20″></td>
</tr>

<tr>

<td width=”8%”>Plug</td>
<td width=”4%”>:</td>
<td width=88%”>
<SELECT NAME=”plug”>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</SELECT>
</TD>
</TR>
<tr>
<td width=”8%”>Pengalaman</td>
<td width=”4%”>:</td>
<td width=88%”><textarea name=”pengalaman” rows=”5″ cols=”40″
wrap=”physical”></textarea></p>

<tr>
<td width=”8%” valign=”top”>Hobi</td>
<td width=”4%” valign=”top”>:</td>
<td width=”88%”>

<input type=”radio” name=”r1″ value=”v1″> makan<br>
<input type=”radio” name=”r1″ value=”v2″> tidur<br>
<input type=”radio” name=”r1″ value=”v3″ checked> ngenet<br><br>

</tr>

<tr>
<td width=”8%” valign=”top”>Warna kesukaan</td>
<td width=”4%” valign=”top”>:</td>
<td width=”88%”>
<input type=”checkbox” value=”v1″ checked name=”r1″>biru<br>
<input type=”checkbox” value=”v2″ name=”r2″>kuning<br>
<input type=”checkbox” value=”v3″ name=”r3″>orange<br>
</tr>

<table>
<p><input type=”submit” value=”KIRIM” name=”b1″>
<input type=”reset” value=”BATAL” name=”b2″></p></table></form>

</body>
<html>

Dan apabila kita sudah menulis data diri dan menekan tombol kirim, maka akan tampil ke halaman berikutnya yaitu thanks.html. Inilah source kode dan screenshootnya :

<html>
<head>
<title>Terima Kasih</title>
</head>
<body><br>
<p>Terimakasih</p>
<p>Anda telah mengisi data diri</p>
</body>
</html>

Tapi apabila memilih tombol batal, maka apa saja yang kita tulis akan terhapus semua. Sekian posting kali ini, seperti yang sudah saya bilang, ini hanyalah tampilan saja, jadi data yang kita masukkan tidak tersimpan.

Nama : Tantra Nurhuda
Nim    : 123070194
Plug   : 7

YM
Twitter
    Get Adobe Flash playerPlugin by wpburn.com wordpress themes