Senin, 21 Desember 2015

Tutorial Ascending Dan Descending

           No comments   

Tutorial Penggunaan Ascending Dan Descending

Kelompok : 4
ORDER BY digunakan untuk mengurutkan data yang akan ditampilkan dari sebuah kolom, secara default. Order By dibagi 2 yaitu
Ascending(ASC), yaitu diurutkan berdasarkan dari kecil ke besar. 
Jika kita ingin mengurutkan dari besar ke kecil dapat digunakan descending(DESC). 

Kali ini kita akan membuat contoh Ascending dalam tabel mahasiswa dan mencoba mengurutkan NPM.
Berikut Contoh Data Yang akan disusun









Dan Setelah itu tambahkan script ASC didalam $query, dan kita buat $sql = "SELECT * FROM student Order by StudentID ASC"; 









Maka Hasilnya Sebagai berikut setelah diberi ASC didalam query NPM nya akan berurut dari yang terkecil ke yang besar. Hasil nya sebagai berikut : 






Berbeda dari Ascending , Descending yaitu mengurutkan data yang besar ke terkecil kita akan mencoba mengurutkan didalam NPM 
Maka Script Sebagai Berikut : 
$sql = "SELECT * FROM student Order by StudentID Desc";







Maka Tampilannya Desc Sebagai berikut dari yang terbesar ke yang terkecil  










Berikut Adalah Tutorial Video Penggunaanya :
 

Berikut Tutorial menggunakan ascending dan descending semoga bermanfaat.



Dosen Pengampuh Matakuliah
Nama : M.Ropianto, M.Kom
NIDN : 1028067804
Status : Dosen Tetap YAPISTA/STT Ibnu Sina
Pengampuh Matakuliah : Algoritma dan Pemrograman 3

Jumat, 15 Mei 2015

cara membuat tabel menggunakan php

           No comments   

kode php :

<?php
$m1 = "98767676";
$m2 = "Andika";
$m3 = "andika@yahoo.com";

$s1 = "09090909";
$s2 = "andruadu";
$s3 = "kucing@yahoo.com";

$x1 = "54545454";
$x2 = "amit";
$x3 = "donat@yahoo.com";

$u1 = "64646464";
$u2 = "dini";
$u3 = "ps@yahoo.com";

$g1 = "08909090";
$g2 = "jamil";
$g3 = "dinist@yahoo.com";


echo "
<table border=1>
<tr>
<td> NPM </td>
<td> Nama </td>
<td> Email </td>
</tr>
<tr>
<td> $m1 </td>
<td> $m2 </td>
<td> $m3 </td>
</tr>
<tr>
<td> $s1 </td>
<td> $s2 </td>
<td> $s3 </td>
</tr>
<tr>
<td> $x1 </td>
<td> $x2 </td>
<td> $x3 </td>
</tr>
<tr>
<td> $u1 </td>
<td> $u2 </td>
<td> $u3 </td>
</tr>
<tr>
<td> $g1 </td>
<td> $g2 </td>
<td> $g3 </td>
</tr>
</table>";
?>


hasil :

membuat biodata disebelah kiri

           No comments   

kode html :

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="image">
</div>
<div id="header">
<ul>
<li><a href="nav.html">Home</a></li>
<li><a href="nav.html">News</a></li>
<li><a href="nav.html">Contact</a></li>
<li><a href="nav.html">About</a></li>
</ul>
</div>
<div id="nav">
<ul>
<li><a href="Indonesia.html">Indonesia</a><li>
<li><a href="Jerman.html">Jerman</a><li>
<li><a href="Palestina.html">Palestina</a><li>

</ul>
</div>
<div id="selection">

<div id="selection"><br>
<table border='0'>
<tr>
<td>
<font face="times new roman" size="7" color="yellow">Tugas 4</font></a><br>
<font face="times new roman" size="5" color="yellow">
<br> Nama : Andika rizki  </br>
<br> Kelas : 2C </br>
<br> Informatika </br>
<br> Alamat : Bengkong sadai </br>
<br> Status : Jomblo </br>
<br> hoby : berenang, nyanyi, ternak cupang </br>
</font></a><br>
</td>
<td width='600'>
<h1><center>Indonesia</center></h1>
Nama Indonesia berasal dari berbagai rangkaian sejarah yang puncaknya terjadi di pertengahan abad ke-19. Catatan masa lalu menyebut kepulauan di antara Indocina danAustralia dengan aneka nama, sementara kronik-kronik bangsa Tionghoa menyebut kawasan ini sebagai Nan-hai ("Kepulauan Laut Selatan"). Berbagai catatan kuno bangsaIndia menamai kepulauan ini Dwipantara ("Kepulauan Tanah Seberang"), nama yang diturunkan dari kata dalam bahasa Sanskerta dwipa (pulau) dan antara (luar, seberang). Kisah Ramayana karya pujangga Walmiki menceritakan pencarian terhadap Sinta, istri Rama yang diculik Rahwana, sampai ke Suwarnadwipa ("Pulau Emas", diperkirakan Pulau Sumatera sekarang) yang terletak di Kepulauan Dwipantara).
</div>
<br>
<br>
<div id="footer">
</div>
</body>
</html>

kode css :

 #imagea
 {
background-image:url(".jpg");
padding-left:1354px;
height:150px;
width:100%;
}

 #header{
background-color:#98bf21;
color:white;
text-align:center;
padding:5px;
padding-left:370px;
 }

 #nav{
line-height:30px;
height:499px;
width:130px;
float:right;
padding:5px;
 }

 #left{
width:850px;
float:right;
padding:7px;
}

#footer{
background-color:#4c5f10;
color:white;
text-align:center;
padding:5px;
}

ul{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

li{
float: left;
}

a:link, a:visited{
display: block;
width: 120px;
font-weight: bold;
color: #fffff;
background-color#98bf21;
text-align: center;
padding: 4px;
text-decoration:none;
text-transform: uppercase;
}

a:hover, a:active{
background-color: #7A991A;
}


ganti float pada kode #nav{ dalam style menjadi right / left sesuai keinginan



cara memasukkan css ke dalam html

           No comments   

kode html :

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="image">
</div>
<div id="header">
<ul>
<li><a href="nav.html">Home</a></li>
<li><a href="nav.html">News</a></li>
<li><a href="nav.html">Contact</a></li>
<li><a href="nav.html">About</a></li>
</ul>
</div>
<div id="nav">
<ul>
<li><a href="Indonesia.html">Indonesia</a><li>
<li><a href="Jerman.html">Jerman</a><li>
<li><a href="Palestina.html">Palestina</a><li>

</ul>
</div>

<div id="selection">
<h1><center>Indonesia</center></h1>

Nama Indonesia berasal dari berbagai rangkaian sejarah yang puncaknya terjadi di pertengahan abad ke-19. Catatan masa lalu menyebut kepulauan di antara Indocina danAustralia dengan aneka nama, sementara kronik-kronik bangsa Tionghoa menyebut kawasan ini sebagai Nan-hai ("Kepulauan Laut Selatan"). Berbagai catatan kuno bangsaIndia menamai kepulauan ini Dwipantara ("Kepulauan Tanah Seberang"), nama yang diturunkan dari kata dalam bahasa Sanskerta dwipa (pulau) dan antara (luar, seberang). Kisah Ramayana karya pujangga Walmiki menceritakan pencarian terhadap Sinta, istri Rama yang diculik Rahwana, sampai ke Suwarnadwipa ("Pulau Emas", diperkirakan Pulau Sumatera sekarang) yang terletak di Kepulauan Dwipantara).
</div>
<br>
<br>
<div id="footer">
</div>
</body>
</html>

kode css :


 #image
 {
background-image:url(".jpg");
padding-left:1354px;
height:154px;
}

 #header{
background-color:#98bf21;
color:blue;
text-align:center;
padding:5px;
padding-left:150px;
 }

 #nav{
line-height:30px;
height:499px;
width:130px;
float:left;
padding:5px;
 }

 #section{
width:350px;
float:left;
padding:10px;
}

#footer{
background-color:#4c5f10;
color:white;
text-align:center;
padding:5px;
}

ul{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

li{
float: left;
}

a:link, a:visited{
display: block;
width: 120px;
font-weight: bold;
color: #fffff;
background-color: #98bf21;
text-align: center;
padding: 4px;
text-decoration:none;
text-transform: uppercase;
}

a:hover, a:active{
background-color: #7A991A;
}



masukkan kode css ke dalam html <link rel="stylesheet" type="text/css" href="style.css">
file harus satu folder




















cara buat tabel menggunakan notepad++

           No comments   

<html>
<head>
<title>Tabel</title>
</head>

<body background="infamous.jpg">


<br>
<h2 align=”left”><center><font color = "brown">Tugas Membuat Tabel</center></h2>
<center>
<table width=”1000″ border=”1″ >
<tr>
<td width=”30″ ><div align=”center”><strong><center><font color = "BLUE"> NO </center></strong></div></td>
<td width=”292″ ><div align=”center”><center><strong><font color = "BLUE">NPM</center></strong></div></td>
<td width=”156″ ><div align=”center”><strong><center><font color = "BLUE">NAMA</center></strong></div></td>

</tr>
<tr>

<td>1</td>
<td>12333986875 </td>
<td>dedi</td>


</tr>
<tr>
<td>2</td>
<td>86964568898 </td>
<td>nunu</td>


</tr>
<tr>
<td>3</td>
<td>4356894575657</td>
<td>susi</td>

</tr>

<tr>
<td>4</td>
<td>353678798975</td>
<td>boneng </td>

</tr>

<tr>
<td>5</td>
<td>2343567868765</td>
<td>boro </td>

</tr>

<tr>
<td>6</td>
<td>97967745334587</td>
<td>sundul </td>

</tr>

<tr>
<td>7</td>
<td>21464337879808</td>
<td>tasi </td>

</tr>

<tr>
<td>8</td>
<td>2455789879766</td>
<td>duyu </td>

</tr>

<tr>
<td>9</td>
<td>464677646734</td>
<td>sani </td>

</tr>

<tr>
<td>10</td>
<td>5646797765469</td>
<td>puput </td>
</tr>
</table>
</center>
<br>
<h3 align=”left”><center><font color = "Green">Nama : Andika Rizki</center></font></h3>
<font color = "Green"><marquee>NPM : 1410128262108</marquee></font></h3>


</body>
</html>

hasilnya:



















Last Post

Recent Posts

Unordered List

Pages

Text Widget

Diberdayakan oleh Blogger.

Sample Text