<html>
<head>
<title>Tes Belajar Multimedia
</title>
</head>
<body>
<style type="text/css">
.table1 {
font-family: andalus;
color:#000000;
border-collapse:collapse;
width:100%;
}
.table1 tr th{
background: radial-gradient( #191970, #000046);
color:#F0F8FF;
font-weight:normal;
}
.table, th ,td {
background:radial-gradient( #1cb5eo, #000046);
padding: 8px 20px;
text-align:left;
}
</style>
<script language="JavaScript">
<!-- Mulai_script_soal
var jawab = new Array;
var selesai = new Array;
var skor = 0;
jawab[1] = "a";
jawab[2] = "b";
jawab[3] = "c";
jawab[4] = "d";
jawab[5] = "d";
jawab[6] = "c";
jawab[7] = "b";
jawab[8] = "a";
jawab[9] = "a";
jawab[10] = "b";
function Soal(pertanyaan, jawaban)
{
if (jawaban != jawab[pertanyaan])
{
if (!selesai[pertanyaan])
{
selesai[pertanyaan] = -1;
// alert("Salah!\n\nSkor anda sekarang adalah: " + skor);
}
else
{
alert("Anda sudah pernah menjawab soal ini!");
}
}
else
{
if (!selesai[pertanyaan])
{
selesai[pertanyaan] = -1;
skor++;
// alert("Benar!\n\nSkor anda sekarang adalah: " + skor);
}
else
{
alert("Anda sudah pernah menjawab soal ini!");
}
}
}
function NextLevel ()
{
if (skor > 10)
{
alert("Anda mendapatkan nilai SEMPURNA !");
}
if (skor >= 7 && skor <= 11)
{
alert("Akses Diterima! Klik tombol ...")
self.location="kuisjavascript.html"
}
else
{
alert("Akses di tolak! anda membutuhkan 7 point untuk lanjut ke tahap selanjutnya.")
}
}
// Selesai_Script_Soal -->
</script>
<table class="table1" border="0" align="center">
<tr>
<th align="center">
<center>
<br>
<font size="10"><b>Tes Belajar Multimeda</b></font>
</br>
</center>
</th>
</tr>
<tr>
<td align="left">
<form>
<font size="5">
<b>1. Istilah internet merupakan singkatan dari.....</b><br />
<input onclick="Soal(1, this.value)" type="radio" value="a" />Internasional Networking<br />
<input onclick="Soal(1, this.value)" type="radio" value="b" />Interconnected Networking<br />
<input onclick="Soal(1, this.value)" type="radio" value="c" />Internasional Network<br />
<input onclick="Soal(1, this.value)" type="radio" value="d" />Interconnected Netlink<br />
<b>2. Beberapa keuntungan penggunaan intranet, kecuali.....</b><br />
<input onclick="Soal(2, this.value)" type="radio" value="a" />Browsing internet<br />
<input onclick="Soal(2, this.value)" type="radio" value="b" />Efektifitas kerja<br />
<input onclick="Soal(2, this.value)" type="radio" value="c" />Efisiensi kerja<br />
<input onclick="Soal(2, this.value)" type="radio" value="d" />Produktifitas kerja<br />
<b>3. Kecepatan akses internet dapat di tentukan dengan......</b><br />
<input onclick="Soal(3, this.value)" type="radio" value="a" />RAM<br />
<input onclick="Soal(3, this.value)" type="radio" value="b" />Modulasi<br />
<input onclick="Soal(3, this.value)" type="radio" value="c" />Bandwidth<br />
<input onclick="Soal(3, this.value)" type="radio" value="d" />Ethernet<br />
<b>4. Salah satu perangkat keras yang bisa di gunakan dalam mengakses internet antara lain, kecuali.....</b><br />
<input onclick="Soal(4, this.value)" type="radio" value="a" />Komputer<br />
<input onclick="Soal(4, this.value)" type="radio" value="b" />Netbook<br />
<input onclick="Soal(4, this.value)" type="radio" value="c" />Modem<br />
<input onclick="Soal(4, this.value)" type="radio" value="d" />Laptop<br />
<b>5. Modem merupakan singkatan dari.....</b><br />
<input onclick="Soal(5, this.value)" type="radio" value="a" />Modem demodem<br />
<input onclick="Soal(5, this.value)" type="radio" value="b" />Modulation demodulation<br />
<input onclick="Soal(5, this.value)" type="radio" value="c" />Memoryememory<br />
<input onclick="Soal(5, this.value)" type="radio" value="d" />Machintosh<br />
<b>6. Kejahatan (criminal) di dunia internet di kenal dengan istilah.....</b><br />
<input onclick="Soal(6, this.value)" type="radio" value="a" />Maya criminal<br />
<input onclick="Soal(6, this.value)" type="radio" value="b" />Criminal semu<br />
<input onclick="Soal(6, this.value)" type="radio" value="c" />Cybercrime<br />
<input onclick="Soal(6, this.value)" type="radio" value="d" />Cyborg<br />
<b>7. Layanan surat menyurat di internet di kenal dengan istilah.....</b><br />
<input onclick="Soal(7, this.value)" type="radio" value="a" />Letter net<br />
<input onclick="Soal(7, this.value)" type="radio" value="b" />Love letter<br />
<input onclick="Soal(7, this.value)" type="radio" value="c" />E-mail<br />
<input onclick="Soal(7, this.value)" type="radio" value="d" />E-message<br />
<b>8. Perangkat keras computer untuk menyimpan informasi dari internet adalah.....</b><br />
<input onclick="Soal(8, this.value)" type="radio" value="a" />Modem<br />
<input onclick="Soal(8, this.value)" type="radio" value="b" />Harddisk<br />
<input onclick="Soal(8, this.value)" type="radio" value="c" />Processor<br />
<input onclick="Soal(8, this.value)" type="radio" value="d" />Monitor<br />
<b>9. Berikut ini adalah software browser internet, kecuali.....</b><br />
<input onclick="Soal(9, this.value)" type="radio" value="a" />Internet explorer<br />
<input onclick="Soal(9, this.value)" type="radio" value="b" />Netscape navigator<br />
<input onclick="Soal(9, this.value)" type="radio" value="c" />Opera<br />
<input onclick="Soal(9, this.value)" type="radio" value="d" />Newsgroups<br />
<b>10. Perangkat keras yang menjembatani informasi dari computer kesaluran komunikasi adalah.....</b><br />
<input onclick="Soal(10, this.value)" type="radio" value="a" />Antena<br />
<input onclick="Soal(10, this.value)" type="radio" value="b" />Fax<br />
<input onclick="Soal(10, this.value)" type="radio" value="c" />Modem<br />
<input onclick="Soal(10, this.value)" type="radio" value="d" />Hub<br />
<br />
<br />
<center>
<input onclick="NextLevel()" type="button" value="Soal Selanjutnya" />
</center>
<html>
Senin, 21 Oktober 2019
Kalender
<!DOCTYPE html>
<html>
<head>
<title>Tanggal Lahirku</title>
<style type="text/css">
.container{width: 400px; margin:auto;}
th{padding: 10px; background-color: orange; color:white; font-family: calibri}
td{text-align: center; padding: 10px 0; background-color: #fbf7f7}
#red{color:red;}
h1{text-align: center; font-family: calibri}
</style>
</head>
<body>
<div class="container">
<h1>Tanggal Lahirku</h1>
<h1>Gaviota Praba Wimala</h1>
<h1>XII Multimedia 1</h1>
<h1>Juli 2002</h1>
<table>
<tr>
<th>Minggu</th>
<th>Senin</th>
<th>Selasa</th>
<th>Rabu</th>
<th>Kamis</th>
<th>Jumat</th>
<th>Sabtu</th>
</tr>
<tr>
<td></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td id="red">7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td id="red">14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td id="red">21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td id="red">28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>
<html>
<head>
<title>Tanggal Lahirku</title>
<style type="text/css">
.container{width: 400px; margin:auto;}
th{padding: 10px; background-color: orange; color:white; font-family: calibri}
td{text-align: center; padding: 10px 0; background-color: #fbf7f7}
#red{color:red;}
h1{text-align: center; font-family: calibri}
</style>
</head>
<body>
<div class="container">
<h1>Tanggal Lahirku</h1>
<h1>Gaviota Praba Wimala</h1>
<h1>XII Multimedia 1</h1>
<h1>Juli 2002</h1>
<table>
<tr>
<th>Minggu</th>
<th>Senin</th>
<th>Selasa</th>
<th>Rabu</th>
<th>Kamis</th>
<th>Jumat</th>
<th>Sabtu</th>
</tr>
<tr>
<td></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td id="red">7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td id="red">14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td id="red">21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td id="red">28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>
Rabu, 31 Juli 2019
javascript
ANATOMI DAN CARA KERJA KODE JAVASCRIPT
A.
Javascript
Javascript adalah
Bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan
pada suatu dokumen HTML. Javascript Bahasa yang “case sensitive” artinya membedakan penamaan variable atau fungsi
yang menggunakan huruf besar dan huruf kecil.
B.
Alat dan bahan
PC/Laptop, notepad++, dan browser
C.
Langkah kerja
1.
Listing program javascript sederhana
a)
Buka editor notepad
b)
Ketikan listing program dibawah ini :
<html>
<head>
<title>Contoh program Javascript</title>
</head>
<body>
<script language=”javascript”>
Alert (“haiiiii, im success
:) “) ;
</script>
</body>
</html>
c)
Simpan dengan nama contoh html
d)
Buka dengan menggunakan browser
chrome/Mozilla/dll. Jika berhasil, maka akan muncul seperti dibawah ini :
haiiiii, im success
Ok
2.
Listing program Javascript dengan 2 kotak dialog
a)
Ketikan listing program dibawah ini :
<html>
<head>
<title>Contoh program Javascript</title>
</head>
<body>
<script Language=”javascript”>
alert(“Haiiiii !”) ;
alert(“Nama saya Gaviota Praba”) ;
</script>
</body>
</html>
b)
Simpan dengan nama contoh-contoh html
c)
Buka dengan menggunakan browser. Jika berhasil
maka akan muncul seperti dibawah ini :
Haiiiii !
Ok
Setelah di klik tombol OK, maka muncul kotak dialog yang ke-2
Nama saya Gaviota Praba
Prevent this page from creating additional dialogs
Ok
3.
Listing program dengan menggunakan komentar
a)
Ketikan listing dibawah ini :
<html>
<head>
<title>Contoh program Javascript</title>
</head>
<body>
<script Language=”javascript”>
Alert(“YESSS…..saya berhasil, komentar yang saya buat tidak muncul disini
:) “) ;
//tulisan ini tidak akan muncul di browser
//karena ini adalah komentar
//fungsi komentar adalah untuk memberi keterangan
//untuk memberikan komentar satu baris menggunakan karakter(//) miring
ganda
//sedangkan untuk komentar lebih dari satu baris menggunakan tanda /* dan
*/
//seperti contoh ini :
/*ini adalah contoh
komentar
Yang lebih dari satu
baris */
</script>
</body>
</html>
b)
Simpan dengan nama contoh komentar .html
c)
Buka dengan menggunakan browser. Jika berhasil ,
maka akan muncul seperti dibawah ini :
YESSS…..saya berhasil, komentar yang saya buat tidak muncul disini :)
Ok
Ok
Senin, 29 Juli 2019
Biodata
Biodata
Nama : Gaviota
Nama lengkap : Gaviota Praba Wimala
Lahir : 09 Juli 2002 (umur
17) Banyumas, Jawa tengah, Indonesia
Jenis kelamin : Perempuan
Agama : Islam
Anak ke : 3 dari 2 bersaudara
Alamat :
Sidabowa, Patikraja, Banyumas, Jawa tengah, Indonesia
Sekolah : SMK N 2 Purwokerto
Gmail : gaviotapraba@gmail.com
Semoga bermanfaat. Terimakasih telah membaca artikel ini :)
Langganan:
Postingan (Atom)