Corel 2

Corel 1

Materi Sistem Informasi

Click to Download

Sistem Informasi

Apa itu Sistem Informasi ??

Sistem informasi berasal dari 2 kata, yaitu :

-Sistem yang berarti >> sekumpulan elemen/ serangkaian komponen yang saling berhubungan untuk
mencapai suatu tujuan yang spesifik atau untuk menyelesaikan suatu sasaran
tertentu.

-Informasi yang berarti >> data yang sudah diolah sehingga mempunyai arti tertentu dan dapat
menjadi dasar untuk mengambil keputusan.

Zo??? Sistem Informasi adalah sekumpulan perangkat keras (hardware), perangkat lunak (software), brainware, prosedur dan atau aturan yang diorganisasikan secara integral untuk mengolah data menjadi informasi yang bermanfaat guna memecahkan masalah dan pengambilan keputusan

Bagaimana dengan Data?? Did you know what is data???

-Data adalah representasi fisik dunia nyata yang menggambarkan suatu kejadian-kejadian dan
kesatuan nyata.
Jika dilihat diagramnya seperti dibawah ini :




Dari perngertian dan diagram di atas dapat kita ketahui bahwa Komponen-komponen Sistem Informasi antara lain :

-Perangkat keras (hardware)
-Perangkat lunak (Software)
-Prosedur
-Orang (pelaku)
-Basis data
-Jaringan computer dan komunikasi data ()


Siklus Hidup Pengembangan Sistem Informasi

Siklus Hidup Pengembangan Sistem Informasi atau dalam bahasa Inggrisnya sering disebut dengan
SDLC (Software Development Life Cycle) adalah suatu proses pembuatan software yang meliputi Scoping> Requirement > Collection & Analysis > Prototyping >Designing > Coding > Testing > Implentation > Mantenance
Salah satu contoh prsinsip SDLC yaitu Model Waterfall (Air Terjun). Diagramnya dapat dilihat di bawah ini :






Macam-Macam Arsitektur Software
Mungkin masih banyak macam-macam arsitektur software, yang saya tahu yaitu :

1.Arsitektur tersentralisasi
2.Arsitektur terdistribusi
3.Arsitektur Clien/ Server.

Kisi-Kisi UAS

Jawabnya yang bold choooyy.......

1. Di dalam sebuah kode script ada tertulis seperti ini <input type=”button”
value=”klik disini” onclick=”klik()”, event(kejadian) apa yang digunakan
dalam kode script tersebut …

A. alert D. onmouseout
B. confirm E. onclik
C. document.write

2. Di dalam sebuah kode script ada tertulis seperti ini
document.bgColor="red", apakah arti dari kode script tersebut …
background document tsb berwarna merah


3. Di dalam sebuah kode script ada tertulis seperti ini
document.fgColor="red", apakah arti dari kode script tersebut …


4. Fungsi yang digunakan untuk merubah satu nilai dari suatu variabel
menjadi bilangan desimal adalah …

A. parseInt() D. parseFLoat()
B. eval=(nama variabel) E. window.prompt
C. window.close


5. Fungsi yang digunakan untuk merubah satu nilai dari suatu variabel
menjadi bilangan bulat adalah …

6. Di dalam sebuah tabel, setiap baris di bentuk dengan tag :

A. <td> ….. </td> D. <th> ……. </th>
B. <tr> ….. </tr> E. </td> …… <td>
C. <tb> ...... </tb>


7. Di dalam sebuah tabel, setiap kolom di bentuk dengan tag :

<td> ….. </td>

8. Untuk menuliskan komentar lebih dari satu baris didalam javascript kita
menggunakan … ?

A. // komentar // D. \\ komentar \\
B. // komentar */ E. \* komentar */
C. /* komentar */


9. Untuk menuliskan komentar dalam satu baris didalam javascript kita menggunakan ?

10. parseInt(“128.34”);
baris program diatas akan menghasilkan :
A. 284 D. 128.34
B. NaN E. 128,34
C. 128


11. parseInt(“0284”);
baris program diatas akan menghasilkan :
12. parseInt(“Halo3824”);
baris program diatas akan menghasilkan :
13. parseFloat(“128.34”)
baris program diatas akan menghasilkan :
14. parseFloat(“128,34 ”)
baris program diatas akan menghasilkan :
15. parseFloat(“0284”)
baris program diatas akan menghasilkan :

16. Perhatikan kode program dibawah ini dengan seksama!

1) <script language=”javascript”>
2) Var a=12;
3) Var b=4;
4) Function pd2(b) {
5) Var a=b*2;
6) return a; }
7) document.write(“Dua kali dari “,b,” adalah “,pd2(b));
8) document.write(“Nilai dari a adalah”, a);
9) </script>


Dari kode skrip diatas, maka hasilnya adalah .....
A. Dua kali dari 4 adalah 8 Nilai dari a adalah 12
B. Dua kali dari 4 adalah 8 Nilai dari a adalah 4
C. Dua kali dari 2 adalah 4 Nilai dari a adalah 12
D. Dua kali dari 2 adalah 4 Nilai dari a adalah 12
E. Dua kali dari 4 adalah 8 Nilai dari a adalah 8


17. Masih Berhubungan dengan kode program pada nomor 22, apabila kode
program pada baris ke 5 Var a = b * 2 ; diganti dengan a = b * 2 ;
, maka hasilnya adalah ....
dua kali dari 4 adalah 8Nilai dari a adalah8

Membuat Program Java Script

<html>
<head><title>script</title></head>
<body><script language="javascript">
var a=12;
var b=4;
function pd2(b) {
var a=b*2;
return a; }
document.write("dua kali dari ",b," adalah ",pd2(b));
document.write("Nilai dari a adalah", a);
</script>

</body></html>



Dari script di atas, maka hasilnya adalah....






Masih berhubungan dengan kode program pada nomor sebelumnya, apabila kode program pada baris ke 5 Var a=b*2 ; diganti dengan a=b*2 ; maka hasilnya adalah....



<html>
<head><title>script</title></head>
<body><script language="javascript">
var a=12;
var b=4;
function pd2(b) {
a=b*2;
return a; }
document.write("dua kali dari ",b," adalah ",pd2(b));
document.write("Nilai dari a adalah", a);
</script>

</body></html>

Calculattor

kalkulator

Ne scriptna..


<html>


<head>

<title>Elsite- Calculator</title>


<script language="Javascript">

<!--

/* Variablen definieren */

var plussign = ' + ';

var minussign = ' - ';

var multiplysign = ' * ';

var dividesign = ' / ';

var decimalsign = ' . ';

var negativesign = ' -';

var leftbracket = ' (';

var rightbracket = ') ';

var rad = 3.141592654 / 180;

var base_10 = Math.LN10;

var base_2 = Math.LN10;


function calculate(arg) {

arg.expr.value = eval(arg.expr.value)

}


function enter(arg, string) {

arg.expr.value += string

}


function clear_display(arg) {

arg.expr.value = ' '

}


function calc_sqrt(form) {

form.expr.value = (Math.sqrt(form.expr.value))

}


function calc_sqr(form) {

form.expr.value = ((form.expr.value * 1) * (form.expr.value * 1))

}


function sin_form(form) {

form.expr.value = (Math.sin (form.expr.value * rad))

}


function cos_form(form) {

form.expr.value = (Math.cos (form.expr.value * rad))

}


function tan_form(form) {

form.expr.value = (Math.tan(form.expr.value * rad))

}


function inverse(form) {

form.expr.value = ( 1 / (form.expr.value))

}


function base10_log(form) {

form.expr.value = (Math.log(form.expr.value) / base_10)

}


function base2_log(form) {

form.expr.value = (Math.log(form.expr.value) / base_2)

}

//-->

</script>


</head>


<body>

<p align="center"><big><big>CALCULATOR</big></big></p>

<form>

<!-- Yup, Mulai -->

<table border="0" width="100" bgcolor="lightblue" align="center">

<tr>

<td width="100%" colspan="5" align="center"><input type="text" name="expr" size="35"

action="calculate(this.form)"></td>


</tr>

<tr>

<td width="100%" colspan="5" align="center">Powered By Elsiters</td>

</tr>

<tr>

<td width="20%"><input type="button" value=" sin " Onclick="sin_form(this.form)"></td>

<td width="20%"><input type="button" value=" cos " OnClick="cos_form(this.form)"></td>

<td width="20%"><input type="button" value=" tan " Onclick="tan_form(this.form)"></td>

<td width="20%"><input type="button" value=" log 10e " onClick="base10_log(this.form)"></td>

<td width="20%"><input type="button" value=" log 2e " OnClick="base2_log(this.form)"></td>

</tr>

<tr>

<td width="20%"><input type="button" value=" akar " Onclick="calc_sqrt(this.form)"></td>

<td width="20%"><input type="button" value=" ^2 " OnClick="calc_sqr(this.form)"></td>

<td width="20%"><input type="button" value=" ( " OnClick="enter(this.form,leftbracket)"></td>

<td width="20%"><input type="button" value=" ) " OnClick="enter(this.form,rightbracket)"></td>

<td width="20%"><input type="button" value=" 1 / X " OnClick="inverse(this.form)"></td>

</tr>

<tr>

<td width="20%"><input type="button" value=" 7 " onClick="enter(this.form, 7)"></td>

<td width="20%"><input type="button" value=" 8 " onClick="enter(this.form, 8)"></td>

<td width="20%"><input type="button" value=" 9 " onClick="enter(this.form, 9)"></td>

<td width="20%"><input type="button" value=" bagi " onClick="enter(this.form,dividesign)"></td>

<td width="20%"><input type="button" value=" %(rusak) " onClick="enter(this.form,Percentbuttonsign)"></td>

</tr>

<tr>

<td width="20%"><input type="button" value=" 4 " onClick="enter(this.form, 4)"></td>

<td width="20%"><input type="button" value=" 5 " onClick="enter(this.form, 5)"></td>

<td width="20%"><input type="button" value=" 6 " onClick="enter(this.form, 6)"></td>

<td width="20%"><input type="button" value=" kali " onClick="enter(this.form, multiplysign)"> </td>

<td width="20%"> <input type="button" value=" Hapus " onClick="clear_display(this.form)"></td>

</tr>

<tr>

<td width="20%"><input type="button" value=" 1 " onClick="enter(this.form, 1)"></td>

<td width="20%"><input type="button" value=" 2 " onClick="enter(this.form, 2)"></td>

<td width="20%"><input type="button" value=" 3 " onClick="enter(this.form, 3)"></td>

<td width="20%"><input type="button" value=" plus " onClick="enter(this.form,plussign)"> </td>

<td width="20%"><input type="button" value=" Jadina = " onClick="calculate(this.form)">

</td>

</tr>

<tr>

<td width="20%"><input type="button" value=" 0 " onClick="enter(this.form, 0)"></td>

<td width="20%"><input type="button" value=" koma " onClick="enter(this.form,decimalsign)"></td>

<td width="20%"><input type="button" value=" (-) " onClick="enter(this.form,negativesign)"></td>

<td width="40%" colspan="2"> <input type="button" value=" min " onClick="enter(this.form,minussign)"></td>

</tr>

</table>

<!-- Bisa.... -->

</form>

</body>


</html>


Tugas N Jawaban Posting Calculator

<br>

1. Apa nama title skrip javascript tersebut ?

TitLenya : Elsite- Calculator

<br>

2. ekstensi file Skrip tersebut disimpan dengan file ber-ekstensi jenis ?

Skrip tersebut disimpan dengan file berekstensi jenis HTML (*.html)

<br>

3. berapa jumlah variabel yang didefinisikan dalam file tersebut !

Jumlan variabelnya ada 11.

<br>

4. Berapa jumlah fungsi yang ada didalam skrip tersebut !

Jumlah fungsinya ada 11.

<br>

5. Tuliskan nama semua variabel skrip javascript tersebut ?

var plussign = ' + ';

var minussign = ' - ';

var multiplysign = ' * ';

var dividesign = ' / ';

var decimalsign = ' . ';

var negativesign = ' -';

var leftbracket = ' (';

var rightbracket = ') ';

var rad = 3.141592654 / 180;

var base_10 = Math.LN10;

var base_2 = Math.LN10;

<br>

6. Tuliskan nama semua fungsi skrip tersebut ?


function calculate(arg)


function enter(arg, string)


function clear_display(arg)


function calc_sqrt(form)


function calc_sqr(form)


function sin_form(form)


function cos_form(form)


function tan_form(form)


function inverse(form)


function base10_log(form)


function base2_log(form)

<br>

7. Tuliskan skrip untuk membuat tampilan display pada skrip tersebut !


<input type="text" name="expr" size="35"

action="calculate(this.form)">

<br>

8. Tuliskan skrip untuk membuat 1 tombol !

<input type="button" value=" sin " Onclick="sin_form(this.form)">

<br>

9. Tuliskan fungsi jika tombol = ditekan oleh mouse !

<input type="button" value=" = " onClick="calculate(this.form)">

<br>

10. Tuliskan skrip untuk membersihkan display !

<input type="button" value=" C " onClick="clear_display(this.form)">

<br>
kalkulator kalkulator kalkulator.....

Ne scriptna..


<html>


<head>

<title>Elsite- Calculator</title>


<script language="Javascript">

<!--

/* Variablen definieren */

var plussign = ' + ';

var minussign = ' - ';

var multiplysign = ' * ';

var dividesign = ' / ';

var decimalsign = ' . ';

var negativesign = ' -';

var leftbracket = ' (';

var rightbracket = ') ';

var rad = 3.141592654 / 180;

var base_10 = Math.LN10;

var base_2 = Math.LN10;


function calculate(arg) {

arg.expr.value = eval(arg.expr.value)

}


function enter(arg, string) {

arg.expr.value += string

}


function clear_display(arg) {

arg.expr.value = ' '

}


function calc_sqrt(form) {

form.expr.value = (Math.sqrt(form.expr.value))

}


function calc_sqr(form) {

form.expr.value = ((form.expr.value * 1) * (form.expr.value * 1))

}


function sin_form(form) {

form.expr.value = (Math.sin (form.expr.value * rad))

}


function cos_form(form) {

form.expr.value = (Math.cos (form.expr.value * rad))

}


function tan_form(form) {

form.expr.value = (Math.tan(form.expr.value * rad))

}


function inverse(form) {

form.expr.value = ( 1 / (form.expr.value))

}


function base10_log(form) {

form.expr.value = (Math.log(form.expr.value) / base_10)

}


function base2_log(form) {

form.expr.value = (Math.log(form.expr.value) / base_2)

}

//-->

</script>


</head>


<body>

<p align="center"><big><big>CALCULATOR</big></big></p>

<form>

<!-- Yup, Mulai -->

<table border="0" width="100" bgcolor="lightblue" align="center">

<tr>

<td width="100%" colspan="5" align="center"><input type="text" name="expr" size="35"

action="calculate(this.form)"></td>


</tr>

<tr>

<td width="100%" colspan="5" align="center">Powered By Elsiters</td>

</tr>

<tr>

<td width="20%"><input type="button" value=" sin " Onclick="sin_form(this.form)"></td>

<td width="20%"><input type="button" value=" cos " OnClick="cos_form(this.form)"></td>

<td width="20%"><input type="button" value=" tan " Onclick="tan_form(this.form)"></td>

<td width="20%"><input type="button" value=" log 10e " onClick="base10_log(this.form)"></td>

<td width="20%"><input type="button" value=" log 2e " OnClick="base2_log(this.form)"></td>

</tr>

<tr>

<td width="20%"><input type="button" value=" akar " Onclick="calc_sqrt(this.form)"></td>

<td width="20%"><input type="button" value=" ^2 " OnClick="calc_sqr(this.form)"></td>

<td width="20%"><input type="button" value=" ( " OnClick="enter(this.form,leftbracket)"></td>

<td width="20%"><input type="button" value=" ) " OnClick="enter(this.form,rightbracket)"></td>

<td width="20%"><input type="button" value=" 1 / X " OnClick="inverse(this.form)"></td>

</tr>

<tr>

<td width="20%"><input type="button" value=" 7 " onClick="enter(this.form, 7)"></td>

<td width="20%"><input type="button" value=" 8 " onClick="enter(this.form, 8)"></td>

<td width="20%"><input type="button" value=" 9 " onClick="enter(this.form, 9)"></td>

<td width="20%"><input type="button" value=" bagi " onClick="enter(this.form,dividesign)"></td>

<td width="20%"><input type="button" value=" %(rusak) " onClick="enter(this.form,Percentbuttonsign)"></td>

</tr>

<tr>

<td width="20%"><input type="button" value=" 4 " onClick="enter(this.form, 4)"></td>

<td width="20%"><input type="button" value=" 5 " onClick="enter(this.form, 5)"></td>

<td width="20%"><input type="button" value=" 6 " onClick="enter(this.form, 6)"></td>

<td width="20%"><input type="button" value=" kali " onClick="enter(this.form, multiplysign)"> </td>

<td width="20%"> <input type="button" value=" Hapus " onClick="clear_display(this.form)"></td>

</tr>

<tr>

<td width="20%"><input type="button" value=" 1 " onClick="enter(this.form, 1)"></td>

<td width="20%"><input type="button" value=" 2 " onClick="enter(this.form, 2)"></td>

<td width="20%"><input type="button" value=" 3 " onClick="enter(this.form, 3)"></td>

<td width="20%"><input type="button" value=" plus " onClick="enter(this.form,plussign)"> </td>

<td width="20%"><input type="button" value=" Jadina = " onClick="calculate(this.form)">

</td>

</tr>

<tr>

<td width="20%"><input type="button" value=" 0 " onClick="enter(this.form, 0)"></td>

<td width="20%"><input type="button" value=" koma " onClick="enter(this.form,decimalsign)"></td>

<td width="20%"><input type="button" value=" (-) " onClick="enter(this.form,negativesign)"></td>

<td width="40%" colspan="2"> <input type="button" value=" min " onClick="enter(this.form,minussign)"></td>

</tr>

</table>

<!-- Bisa.... -->

</form>

</body>


</html>


Tugas N Jawaban Posting Calculator

<br>

1. Apa nama title skrip javascript tersebut ?

TitLenya : Elsite- Calculator

<br>

2. ekstensi file Skrip tersebut disimpan dengan file ber-ekstensi jenis ?

Skrip tersebut disimpan dengan file berekstensi jenis HTML (*.html)

<br>

3. berapa jumlah variabel yang didefinisikan dalam file tersebut !

Jumlan variabelnya ada 11.

<br>

4. Berapa jumlah fungsi yang ada didalam skrip tersebut !

Jumlah fungsinya ada 11.

<br>

5. Tuliskan nama semua variabel skrip javascript tersebut ?

var plussign = ' + ';

var minussign = ' - ';

var multiplysign = ' * ';

var dividesign = ' / ';

var decimalsign = ' . ';

var negativesign = ' -';

var leftbracket = ' (';

var rightbracket = ') ';

var rad = 3.141592654 / 180;

var base_10 = Math.LN10;

var base_2 = Math.LN10;

<br>

6. Tuliskan nama semua fungsi skrip tersebut ?


function calculate(arg)


function enter(arg, string)


function clear_display(arg)


function calc_sqrt(form)


function calc_sqr(form)


function sin_form(form)


function cos_form(form)


function tan_form(form)


function inverse(form)


function base10_log(form)


function base2_log(form)

<br>

7. Tuliskan skrip untuk membuat tampilan display pada skrip tersebut !


<input type="text" name="expr" size="35"

action="calculate(this.form)">

<br>

8. Tuliskan skrip untuk membuat 1 tombol !

<input type="button" value=" sin " Onclick="sin_form(this.form)">

<br>

9. Tuliskan fungsi jika tombol = ditekan oleh mouse !

<input type="button" value=" = " onClick="calculate(this.form)">

<br>

10. Tuliskan skrip untuk membersihkan display !

<input type="button" value=" C " onClick="clear_display(this.form)">

<br>

Validate

Scipt-nya adalah:

<html>
<body>

<script language="JavaScript">

function chkuname()
{
uname=new String();
uname=document.regis.uname.value
if ( uname.length == 0 )
{
alert ("Enter a User Name");
}
else
{
chkupass()
}
}

function chkupass()
{
upass=new String();
upass=document.regis.upass.value
if (upass.length < 5)
{
alert ("Password Must be atleast 6 Chars");
}
else
{
chkname()
}
}

function chkname()
{
var ch=0;
name=new String();
name=document.regis.name.value;

if (name.length==0)
alert ("Enter your Name")
else
{
u=0;
for (i=0;i<name.length;i++)
{
if ((name.charCodeAt(i) >= 64 && name.charCodeAt(i) <= 90)||(name.charCodeAt(i) >= 97 && name.charCodeAt(i) <= 122)||(name.charCodeAt(i)==46)||(name.charCodeAt(i)==32))
{
}
else
{
u=u+1;
}
}
if (u>0)
{
alert ("Invalid Name");
}
else
{
chkdob()
}
}
}

function chkdob()
{
dob=new String();

dob=document.regis.dob.value
if (dob.length!=10)
alert ("Invalid Date")
else
{
if (dob.charAt(2)!="/" && dob.charAt(5)!="/")
alert ("Invalid Date Format")
else
tempstr=dob.split("/")
dd=tempstr[0]
mm=tempstr[1]
yy=tempstr[2]
if (dd>=1 && dd<=31 && mm>=1 && mm<=12 && yy>=1900 && yy<=2004 )
{
chkemail()
}
else
alert ("Enter Valid date")
}
}

function chkemail()
{
mail=new String();
mail=document.regis.email.value

if (mail.length<1)
alert("Please enter e-mail address.");
else
{
at_pos=mail.indexOf("@")
dot_pos=mail.indexOf(".")
if(at_pos<1 || dot_pos<1)
alert("Missing '@' and '.' in email address.")

else
{
u=0;
p=0;
for(var i=0;i<mail.length;i++)
{
if ((mail.charCodeAt(i) >= 64 && mail.charCodeAt(i) <= 90)||(mail.charCodeAt(i) >= 97 && mail.charCodeAt(i) <= 122)||(mail.charCodeAt(i) >= 48 && mail.charCodeAt(i) <= 57)||(mail.charCodeAt(i)==95)||(mail.charCodeAt(i)==46))
{
if(mail.charAt(i)=="@")
p=p+1
}
else
{
u=u+1
}
}
if (p>1)
alert ("Email must have only one '@'")
if (u>0)
alert ("Special Characters are not allowed")
}
}
}

</script>

<form name="regis">
User Name : <input type="text" name="uname" size="20">
<br>
Password : <input type="password" name="upass" size="20">
<br>
Name : <input type="text" name="name" size="20">
<br>
DOB (DD/MM/YYYY): <input type="text" name="dob" size="8">
<br>
Email : <input type="text" name="email" size="20">
<br>
<input type="button" value="Submit" onclick="chkuname()" name="sub">
</form>
</body>
</html>

Kisi-kisi UTS

MULOK : WEB & Javascript


1. Bahasa pemrograman yang ditempatkan/ditempelkan pada HTML dan akan diproses oleh web client adalah:
2. Pemrograman dengan skrip PHP berjalan pada komputer :
3. Dibawah ini Bahasa Pemrograman yang mempunyai licence copyright dan harus membelinya adalah �


<FRAMESET ROWS="90,*" border=1>
<FRAME SRC="judul.html" SCROLLING=NO NORESIZE>
<FRAMESET COLS="160,*,100">
<FRAME SRC="menu.html" NORESIZE>
<FRAME SRC="prakata.html" NAME="FRAME-3">
<FRAME SRC="menu4.html" NAME="FRAME-4">
</FRAMESET>
</FRAMESET>

4. Dari script diatas Berapa jumlah frame yang dibuat :
5. Masih dari skrip diatas, Frame yang digunakan sebagai halaman inti untuk isi website adalah :
<html>
<body background="bg2.jpg">
<font size=7>Entry Data Siswa</font>
Ketik data-data siswa dibawah ini :<br />
<form id="form1? name="form1? method="post" action="isisiswa.php">
<table><tr><td>Nama Siswa</td><td><input type="text" name="nama" id="nama" /></td></tr>
<tr><td>Nomor Induk</td><td><input type="text" name="induk" id="induk" /></td></tr>
<tr><td>Kelas</td><td><input type="text" name="kelas" id="kelas" /></td></tr>
</table>
<input type="submit" name="Submit" id="Submit" value="Kirim" />
</form>
</body>
</html>

6. Perhatikan skrip diatas :
Skrip diatas bertugas untuk melakukan operasi :
7. Tetap dari skrip diatas hasil dari skrip tersebut akan ditangani oleh file :
<html>
<body>
<?php
$nama = $_POST['nama'];
$induk = $_POST['induk'];
$kelas = $_POST['kelas'];
$conn = mysql_connect("localhost","root","");
if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latihan",$conn);
$sqlText = "insert into siswa(nama, induk, kelas)
values('$nama','$induk','$kelas')";
mysql_query($sqlText);
?>Data telah dimasukkan dalam database<br />
</body>
</html>

8. Perhatikan skrip diatas, skrip diatas bertugas untuk melakukan operasi :
9. Masih dari skrip diatas, nama database dan tabel yang dimaksud skrip tersebut adalah :
10. Tag HTML untuk membuat link adalah:
11. HTML singkatan dari:

12. Properti yang berguna untuk mengatur warna bingkai tabel adalah:
13. Tag HTML yang menandakan kita menggunakan Javascript adalah
14. Apa guna function dalam Javascript
15. Tag yang digunakan untuk ganti baris
16. Tag HTML untuk menjalankan program Javascript yang disimpan dalam bentuk file adalah
17. Tag yang digunakan untuk membuat paragraf adalah
18. Pasangan tag <STYLE> dan </STYLE> digunakan untuk
19. Tag HTML untuk menampilkan gambar adalah
20. Untuk membuat judul tabel digunakan tag

Proyek Baru

Sistem administrasi sekolah merupakan salah satu pengembangan sistem tempo dulu....yang biasa di gunakan dalam administrasi sekolah...
Mau tau gimana buatna?????

Yuukk....kita liat.....^^

1.Seperti Biasa Instal Dulu server mis : xampp, wamp and??? and so on..
2.Instal Macromedia Dreamweaver.....
Kalau udh ada ya gag usah di install lagi...
3.Buat file index Biasana...namanya....index.html atau juga index.php
atao yang lain juga boleh..Hahaha..

Ne contoh na... :

Xsript file Indexsas.html <HTML> <HEAD> <TITLE>Program Sistem Informasi Sekolah</TITLE> </HEAD> <FRAMESET ROWS="180,*" border=2> <FRAME SRC="judulsas.html" SCROLLING=NO NORESIZE> <FRAMESET COLS="200,*"> <FRAME SRC="menusas.html" NORESIZE> <FRAME SRC="prakata.html" NAME="FRAME-3"> </FRAMESET> </FRAMESET> </HTML>

4.Buat file-file pendukung yang mau di tampilkan di indexsas.html tersebut...

Ne example punYa Team Qwu...

Script file judul.html <style> body{background-image:url(Winter_by_pincel3d.jpg); .logosma{margin:0px 0px;}; </style> <html> <head> <title>Program</title> </head> <body background="imageshow-6.jpg"> <body> <img src="sma.gif" height :"100px"; width="70px" align="left" class="logosma"> <br> <center><font size=6 color=Purple><b>PROGRAM SISTEM INFORMASI SEKOLAH<b></font></center> <br> <center><font size=5 color=Purple><b>SMA NEGERI 1 KEPANJEN<b></font></center> <br> <hr> <marquee direction="left" scrollamount="3"><b><font color="yellow">SMA Negeri 1 Kepanjen Jl. Jendral Ahmad Yani No. 48 Kepanjen</font></b></marquee> <hr> <center> <font size=5 color=red><b>( Script untuk Entry dan Lihat Data )<b></font> </center> <br> </body> </html>

Script file menu.html <<style> body{background-image:url(street_me_up_by_wahdjoe.jpg); </style> <html> <head></head> <title></title> </head> <body> <font face="Comic Sans MS"> <br> DAFTAR MENU <br> <br> <A HREF="profil sekolah.html" TARGET="FRAME-3">Profil Sekolah</A><br> Sekilas SMA<br> Data Siswa<br> <A HREF="entrydatasiswa.php" TARGET="FRAME-3">Entry Data Siswa</A><br> <A HREF="lihatdatasiswa.php" TARGET="FRAME-3">Lihat Data Siswa</A><br> <A HREF="dataguru.php" TARGET="FRAME-3">Data Guru</A><br> Saran Prasarana<br> Kurikulum<br> Humas<br> <A HREF="bukutamusiswa.php" TARGET="FRAME-3">Mengisi Buku Tamu</A><br> <A HREF="lihatbukutamusiswa.php" TARGET="FRAME-3">Melihat Buku Tamu</A><br> <A HREF="list tugas TIK.php" TARGET="FRAME-3">Tugas TIK</A><br> </font> </body> </html>

Script file prakata.html <html> <head> <title> </title> </head> <body background="imageshow-6.jpg"> <br> <font face="Courier New"_font color="#FFFF00"> <h1>Selamat Datang</h1> <P><i> Program Sistem Informasi Sekolah ini dibuat untuk memenuhi kebutuhan informasi yang semakin pesat. Dengan adanya program ini diharapkan informasi semakin cepat sampai pada pihak-pihak yang membutuhkannya. <br> Program ini masih sangat sederhana dan sangat membutuhkan masukan dari berbagai pihak , demi kemajuan dimasa mendatang. Untuk itu masukan-masukan anda sangat kami harapkan. Anda dapat mengisi buku tamu untuk memberikan saran , kritik atau masukan-masukan yang lain. <br> Untuk menelusuri bagian-bagian program ini silahkan Anda pilih menu-menu yang berada disebelah kiri halaman ini. <br></i> Terimakasih </P> </font> </body> </html>

Script File Profil sekolah.php <html> <body background=InSPRINGation_by_DrSensey.jpg> <br> <font face="Courier New"> <h1><font color="#66FF00">Sejarah SMA Negeri 1 Kepanjen</font></h1> <P> <b><font color="#FF0099"_font size="4">SMA NEGERI KEPANJEN SMA Negeri 1 Kepanjen atau yang sering kita kenal dengan sebutan "SMANEKA" berdiri tanggal 13 Agustus 1977, sesuai dengan peresmian kategori Kelas Jauh (<em>Filial</em>) SMA Negeri 1 Malang menjadi SMA Negeri 1 Kepanjen, yang peresmiannya dilakukan oleh Kepala Bidang Pendidikan Menengah Umum Propinsi Jawa Timur dan Bupati KDH tingkat II Malang SK Menteri P dan K tanggal 30 Mei Ni.0166/ 01/ 1977. Pimpinan sekolah saat itu adalah Bapak Sikin ( yang juga Kepala SMA Negeri 1 Malang ), wakil kepala sekolah adalah Bapak Soejono </font></b> </P> </font> </body> </html>

Script entrydatasiswa.php <html> <body background="Like_a_Butterfly_by_00Velvet00Dreams00.jpg"> <font size=16>Entry Data Siswa</font> <br /> <hr> Ketik data-data siswa dibawah ini :<br /> <br /> <br /> <form id="form1? name="form1? method="post" action="isidatasiswa.php"> <table> <tr><td>Nama Siswa</td><td><input type="text" name="nama" id="nama" /></td></tr> <tr><td>Nomor Induk</td><td><input type="text" name="induk" id="induk" /></td></tr> <tr><td>Kelas</td><td><input type="text" name="kelas" id="kelas" /></td></tr> </table> <br /> <br /> <hr> <input type="submit" name="Submit" id="Submit" value="Kirim" /> </form> </body> </html>

Script lihatdatasiswa.php <html> <body background="Glamour_Collection__Amber_No_3_by_va_deam.jpg"> <br> <font size="5" ><center>DAFTAR SISWA</center><br /> </font> <?php $conn = mysql_connect("localhost","root",""); if (!$conn) { echo "Could not connect to db"; exit(1); } $db = mysql_select_db("data",$conn); $sqlText = "select * from entrydata"; $result = mysql_query($sqlText); echo "<table border=1 align=center >"; echo "<tr><td width=150><b><center>Nama Siswa</center></b></td> <td width=150><b><center>Nomor Induk</center></b></td></b> <td width=150><b><center>Kelas</center></b></td></b></tr>"; while($row=mysql_fetch_object($result)) { echo "<tr><td>$row->nama</td><td align=center>$row->induk</td><td align=center>$row->kelas</td></tr>"; } echo "</table>"; ?> </body> </html>

Script dataguru.php <html> <head> <title>Data Guru</title> </head> <body background="Field.jpg"> <body> <center> <Br><B></B><font color="PURPLE">GURU SMA NEGERI 1 KEPANJEN</font></B></BR> <BR><BR> <table width="550" border="1" cellpadding="0" cellspacing="0" bordercolor="#666699" class="tblDua"> <tbody> <tr bgcolor="#cccccc"> <td align="center" height="10" width="25"><strong>No.</strong></td> <td align="center" width="80"><strong>NIP</strong></td> <td align="center" width="177"><strong>Nama</strong></td> <td align="center" width="118"><strong>Jabatan</strong></td> </tr> <tr> <td height="25"> 1.</td> <td> 130521822</td> <td>Dra. Sulastri</td> <td>Guru</td> </tr> <tr> <td height="25"> 2.</td> <td> 131288315</td> <td>Drs. H. Dwi Tjahjono Widajat, M.Si</td> <td>Kepala Sekolah</td> </tr> <tr> <td height="25"> 3.</td> <td> 130521822</td> <td>Sri Mastriyastuti</td> <td>Guru</td> </tr> <tr> <td height="25"> 4.</td> <td> 130672168</td> <td>Titiek Sumarlien, S.Pd</td> <td>Guru</td> </tr> <tr> <td height="25"> 5.</td> <td> 130796863</td> <td>Dra. Endah Puspitaningsih</td> <td>Guru</td> </tr> <tr> <td height="25"> 6.</td> <td> 130810271</td> <td>Sri Fatimah Wijaya, S.Pd</td> <td>Guru</td> </tr> <tr> <td height="25"> 7.</td> <td> 130880550</td> <td>Suryani Sulistyawati, S.Pd</td> <td>Guru</td> </tr> <tr> <td height="25"> 8.</td> <td> 130880559</td> <td>Thomas Supriyanto, S.Pd</td> <td>Guru</td> </tr> <tr> <td height="25"> 9.</td> <td> 130887304</td> <td>Noorchamid Ichsan, S.Pd</td> <td>Guru</td> </tr> <tr> <td height="25"> 10.</td> <td> 130934621</td> <td>Drs. Sugito</td> <td>Guru</td> </tr> <tr> <td height="25"> 11.</td> <td> 130882356</td> <td>Drs. Sarijono</td> <td>Guru</td> </tr> <tr> <td height="25"> 12.</td> <td> 130886131</td> <td>Suyanti, S.Pd</td> <td>Guru</td> </tr> <tr> <td height="25"> 13.</td> <td> 131287519</td> <td>Dra. Sulistin</td> <td>Guru</td> </tr> <tr> <td height="25"> 14.</td> <td> 131479753</td> <td>Drs. Achmad Suhari</td> <td>Guru</td> </tr> <tr> <td height="25"> 15.</td> <td> 131408494</td> <td>Dra. Suyanti</td> <td>Guru</td> </tr> <tr> <td height="25"> 16.</td> <td> 131408494</td> <td>Drs. Gaguk Hadi Sujarwo</td> <td>Guru</td> </tr> <tr> <td height="25"> 17.</td> <td> 131666756</td> <td>Drs. Budi Hartono</td> <td>Guru</td> </tr> <tr> <td height="25"> 18.</td> <td> 131866253</td> <td>Drs. M. Rofi'il</td> <td>Guru</td> </tr> <tr> <td height="25"> 19.</td> <td> 131667864</td> <td>Drs. Agus Sungkono</td> <td>Guru</td> </tr> <tr> <td height="25"> 20.</td> <td> 131858411</td> <td>Dra. Ngadinah</td> <td>Guru</td> </tr> <tr> <td height="25"> 1.</td> <td>131102362</td> <td>Bambang Prajitno, S.Pd.</td> <td>Guru</td> </tr> <tr> <td height="25"> 2.</td> <td> 130932128</td> <td>Drs. Sri Widodo</td> <td>Guru</td></tr> <tr> <td height="25"> 3.</td> <td>130932754</td> <td>Utiek Madelan, S.Pd</td> <td>Guru</td></tr> <tr> <td height="25"> 4.</td> <td> 131103655</td> <td>Nur Haida, S.Pd.</td> <td>Guru</td> </tr> <tr> <td height="25"> 5.</td> <td> 131399125</td> <td>Dra. Isnadi</td> <td>Guru</td></tr> <tr><td height="25"> 6.</td><td> 131103587</td><td>Fadjar Siswanto, S.Pd.</td><td>Guru</td></tr><tr><td height="25"> 7.</td><td> 131103264</td><td>Djoko Pramono</td><td>Waka Kesiswaan</td></tr><tr><td height="25"> 8.</td><td> 131290173</td><td>Drs. Raspan</td><td>Waka Kurikulum</td></tr><tr><td height="25"> 9.</td><td> 131265033</td><td>Mochammad Tohar</td><td>Guru</td></tr><tr><td height="25"> 10.</td><td> 131900426</td><td>Drs. Sigit Umbar Purnomo</td><td>Guru</td></tr><tr><td height="25"> 11.</td><td> 131386063</td><td>Sahadi, S.Pd.</td><td>Waka Humas</td></tr><tr><td height="25"> 12.</td><td> 131625653</td><td>Dra. Sukana Sri Utami</td><td>Guru</td></tr><tr><td height="25"> 13.</td><td> 130684587</td><td>Injuhrati, S.Pd</td><td>Guru</td></tr><tr><td height="25"> 14.</td><td> 131290174</td><td>Niniek Sri Sugiarti, S.Pd</td><td>Waka Sarana</td></tr><tr><td height="25"> 15.</td><td> 131467118</td><td>Abdul Wahid, S.Pdi</td><td>Guru</td></tr><tr><td height="25"> 16.</td><td> 131660351</td><td>Kastinah, S.Pd</td><td>Guru</td></tr><tr><td height="25"> 17.</td><td> 131813104</td><td>Umu Halimah</td><td>Guru</td></tr><tr><td height="25"> 18.</td><td> 131834014</td><td>Dra. Yuniartiningsih</td><td>Guru</td></tr><tr><td height="25"> 19.</td><td> 131614184</td><td>Sri Purwantini, S.Pd</td><td>Guru</td></tr><tr><td height="25"> 20.</td><td> 131666222</td><td>Siti Fadilah, S.Pd</td><td>Guru</td> </tr> <tr> <td height="25"> 1.</td><td> 131771603</td><td>Aspirin Prasetyaninhsih, S.Pd</td><td>Guru</td></tr><tr><td height="25"> 2.</td><td> 131837475</td><td>H. Lukman Huri, S.Pd</td><td>Guru</td></tr><tr><td height="25"> 3.</td><td> 131849502</td><td>Sri Purwati, S.Pd</td><td>Guru</td></tr><tr><td height="25"> 4.</td><td> 131872891</td><td>Sri Pontjowati, S.Pd.</td> <td>Guru</td> </tr><tr><td height="25"> 5.</td><td> 131764972</td><td>Dyah Rahmawati</td><td>Guru</td></tr><tr><td height="25"> 6.</td><td> 132189550</td><td>Hesti Indriana, S.Pd.</td><td>Guru</td></tr><tr><td height="25"> 7.</td><td> 132211438</td><td>Syarifatus Rofiah, S.Pd.</td><td>Guru</td></tr><tr><td height="25"> 8.</td><td> 150250473</td><td>Drs. Ruslan Ohoirat</td><td>Guru Depag</td></tr><tr><td height="25"> 9.</td><td> 132700898</td><td>Rachmah, S.Pd.</td><td>Guru Bantu</td></tr><tr><td height="25"> 10.</td><td> 0</td><td>Hartadi, S.Ag.</td><td>GTT</td></tr><tr><td height="25"> 11.</td><td> 0</td><td>Sri Dewiati, S.Pd</td><td>Guru</td></tr><tr><td height="25"> 12.</td><td> 0</td><td>Asri Nur'aini, S.Pd.</td><td>GTT</td></tr><tr><td height="25"> 13.</td><td> 0</td><td>Endah Ardiyani, S.Pd.</td><td>GTT</td></tr><tr><td height="25"> 14.</td><td> 0</td><td>Fajar Indrawanti, S.Pd</td><td>GTT</td></tr> </tbody> </table> </center> </body> </html>

Script bukutamusiswa.php <html> <head> <title>Halaman Buku tamu</title> </head> <body background="I_do_not_want_to_return_by_00Velvet00Dreams00.jpg"> <body> Buku tamu - <a href="lihatbukutamusiswa.php">Lihat Isi Buku Tamu Siswa</a><br /> <br /> <hr> Isilah buku tamu kami<br /> <br /> <br /> <form id="form1? name="form1? method="post" action="isibukutamusiswa.php"> Nama <input type="text" name="nama" id="nama" /> <br /> <br /> Pesan <textarea name="pesan" id="pesan" cols="45? rows="5?></textarea> <br /> <br /> <hr> <input type="submit" name="Submit" id="Submit" value="Submit" /> </form> </body> </html>

Script lihatbukutamusiswa.php <html> <head> <title>Daftar Data yang ada di MySQL</title> </head> <body background="Vector_Wallpaper_by_mlody_bog.jpg"> <a href=bukutamusiswa.php>Isi Buku Tamu</a><br /> <font color="#FFFFFF" size="3">Isi buku tamu<br /> <br /> <?php $conn = mysql_connect("localhost","root",""); if (!$conn) { echo "Could not connect to db"; exit(1); } $db = mysql_select_db("latihan",$conn); $sqlText = "select * from bukutamu"; $result = mysql_query($sqlText); while($row=mysql_fetch_object($result)) { ?> <strong>Nama</strong>: <?php echo $row->nama;?><br /> <strong>Pesan</strong>: <?php echo $row->pesan;?><br /> <br /> <?php } ?> <marquee> </marquee> </font> <font color="#FFFFFF"> <marquee> </marquee> </font> <marquee> <font color=white size="3">Terimakasih Telah Mengisi Buku Tamu Kami</font> </marquee> </body> </html>

That'sssssssss Alllllll...........
Waduhhh...Capekna.....^^
Wasslamau'alaikumm...
.

Jawaban latihan semester

1. Tag HTML untuk membuat link adalah:
A. < a href=”URL/nama file”> </a>

2. HTML singkatan dari:
B. Hyper Text Markup Language

3. CSS singkatan dari:
B. Cascading Style Sheet

4. Properti yang berguna untuk mengatur warna bingkai tabel adalah:
C. border-color

5. Suatu bentuk hubungan interaktif dimana client dapat mengirimkan masukan ke server, dan server mengolah masukan tersebut kemudian dikembalikan kepada client, adalah konsep dari
A. CGI

6. Perl adalah singkatan dari:
A. Practical Extraction and Reporting Language

7. Tag HTML yang menandakan kita menggunakan Javascript adalah
A. < script language=”javascript”> </script>

8. Apa guna function dalam Javascript
D. menyatukan beberapa perintah

9. Tag yang digunakan untuk ganti baris
D. < br>

10. Tag HTML untuk menjalankan program Javascript yang disimpan dalam bentuk file adalah
D. < script> “file.js” </script>


11. Tag yang digunakan untuk membuat paragraf adalah
A. < p>

12. Pasangan tag <STYLE> dan </STYLE> digunakan untuk
C. Mendefinisikan style sheet

13. Bahasa pemrograman yang ditempatkan/ditempelkan pada HTML dan akan diproses oleh web client adalah
C. PHP

14. Tag HTML untuk menampilkan gambar adalah
D. < img src=”file.jpg”>

15. Untuk membuat judul tabel digunakan tag
C. < th>

Cara membuat Buku Tamu

Mau tahu cara membuat buku tamu? Lihat di bawah ini....

Pertama siapkan dulu Programs-programs kayak di bawah ini :
TOOL : WEB SERVER (WAMP/ XAMP), NOTEPAD, BROWSER

first :

1.PAstikan web server sudah terpasang dengan cara di panggil dari browser http://localhost

2.Buat di PHP my admi data base baru

Create database : latihan
Crate table : bukutamu field 3
Nama fieldnya :
NAMA VARCHAR 30
PESAN TEXT
TANGGAL DATE

BUAAT PROGRAM PHP :
Buat 3 buah file PHP yakni :
1.bukutamu.php
2.isi.php
3.lihat.php

File bukutamu.php



<html>
<head>
<title>Halaman Buku tamu</title>
</head>

<body>
Buku tamu - <a href="lihat.php">lihat isi buku tamu</a><br />
<br />
<hr>
Isilah buku tamu kami<br />
<br />
<br />
<form id="form1? name="form1? method="post" action="isi.php">
nama
<input type="text" name="nama" id="nama" />
<br />
<br />
pesan
<textarea name="pesan" id="pesan" cols="45? rows="5?></textarea>
<br />
<br />
<hr>
<input type="submit" name="Submit" id="Submit" value="Submit" />
</form>
</body>

</html>

file isi.php


<html>
<head>
<title>Input Data dari Form ke MySQL</title>
</head>

<body>
<?php
$nama = $_POST['nama'];
$pesan = $_POST['pesan'];
$conn = mysql_connect("localhost","root","");
if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latihan",$conn);

$sqlText = "insert into bukutamu(nama, pesan,tanggal)
values('$nama','$pesan',NOW(''))";
mysql_query($sqlText);


?>
Buku tamu - <a href=lihat.php>lihat isi buku tamu</a><br />

</body>
</html>




file lihat.php

<html>
<head>
<title>Daftar Data yang ada di MySQL</title>
</head>

<body bgcolor="#000000">
<a href=bukutamu.php>Isi Buku Tamu</a><br />
<font color="#FFFFFF" size="3">Isi buku tamu<br />
<br />
<?php
$conn = mysql_connect("localhost","root","");
if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latihan",$conn);

$sqlText = "select * from bukutamu";
$result = mysql_query($sqlText);
while($row=mysql_fetch_object($result))
{
?>
<strong>Nama</strong>: <?php echo $row->nama;?><br />
<strong>Pesan</strong>: <?php echo $row->pesan;?><br />
<br />
<?php } ?>
<marquee>
---
</marquee>
</font> <font color="#FFFFFF">
<marquee>
</marquee>
</font>
<marquee>
<font color="#FF0000" size="3">AYO KAMU BISA BIKIN PROGRAM PAKE PHP
running text</font>----
</marquee>
</body>
</html>

Udah deh... mudahkan?

PHP

bagian isi atau tampilan diletakkan disini

---

baris pertama

baris kedua

---

ukuran satu

ukuran dua

ukuran tiga

ukuran empat

ukuran lima

ukuran enam

ukuran tujuh

---

berwarna biru

berwarna merah

berwarna hijau

---

1.isi pertama	2.isi kedua
3. isi ketiga	4. isi keempat