Tampilkan postingan dengan label web dinamis. Tampilkan semua postingan

Belajar mysql, perintah dasar mysql

0 Comments
Tag : , , , ,
+
1. Masuk ke MySQL Sebagai Root
#mysql -h localhost -u root

2. Membuat Database
mysql>CREATE DATABASE NAMADATABASE;


3. Menghapus Database
mysql>DROP DATABASE NAMADATABASE;


4. Menampilkan Database
mysql>SHOW DATABASES;


5. Menggunakan Database
mysql>USE NAMADATABASE;


6. Membuat Tabel (nama tabel : BIODATASISWA)
mysql>CREATE TABLE BIODATASISWA (
->nis int(5) NOT NULL default,
->nama varchar(70) NOT NULL default '',
->alamat varchar(255) NOT NULL default '',
->tempat_lahir varchar(50) NOT NULL default '',
->tanggal_lahir date NOT NULL default '0000-00-00',
->PRIMARY KEY (NIS)
->);


7. Menampilkan Tabel
mysql>SHOW TABLES;

 8. Menggunakan Tabel
mysql>USE NAMATABEL;


9. Melihat Keterangan/properti pada Sebuah Tabel
mysql>DESCRIBE NAMATABEL;


10. Memasukkan Data ke Tabel
mysql>INSERT INTO BIODATASISWA VALUE ('06888','Boni Fajarwan','Jl. Ahmad Yani 17 Banjarbaru','Palangkaraya','1991-06-14');


11. Menghapus Isi Tabel
mysql>DELETE FROM BIODATASISWA;


12. Menampilkan Data pada Tabel
mysql>SELECT * FROM BIODATASISWA;


13. Mengubah/mengupdate Data pada Tabel
mysql>UPDATE BIODATASISWA SET tempat_lahir='Banjarmasin' WHERE nis='06888';


14. Menambah Field
mysql>ALTER TABLE BIODATASISWA ADD nama_ayah VARCHAR(70) NOT NULL default '';


15. Menghapus Field
mysql>ALTER TABLE BIODATASISWA DROP alamat;


16. Keluar dari MySQL
mysql>quit;

Dasar-Dasar PHP, Hypertext Preprocessor

0 Comments
Tag : , , , ,
+

            PHP (Hypertext Preprocessor) yang merupakan bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses data dinamis.
PHP dikatakan sebagai sebuah server-side embedded script language artinya sintaks-sintaks dan perintah yang kita berikan akan sepenuhnya dijalankan oleh server tetapi disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang dibangun oleh PHP pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan di server.Pada prinsipnya server akan bekerja apabila ada permintaan dari client.
            Untuk memulai scripting PHP , kita memerlukan PHP editor . Untuk PHP editor , bias kita pergunakan notepad ataupun software lain .PHP selalu dimulai dengan tanda <? , dan diakhiri dengan tanda ?> . Dan pada setiap syntak atau statement selalu diakhiri dengan tanda ; (titik koma ) .

Comment ( Komentar )

            Comment ( Komentar ) dipergunakan untuk memberi keterangan dalam script . Komentar tidak akan dijalankan oleh server.
Ada 3 cara penulisan komentar :
1.      //  è untuk komentar 1 baris . Setiap kata ataupun syntax setelah tanda // tidak akan dijalankan oleh server .
2.       # è sama dengan tanda // .
3.      /* diakhiri */  è setiap kata atau syntak diantara tnda /* dan */ tidak akan dijalankan oleh server

Tipe data

            PHP mengenal tipe data sbb :
1.      String adalah tipe data yang berupa huruf
2.      Angka ( numeric ) adalah tipe data yang berupa angka
3.      Boolean adalah tipe data yang hanya berisi nilai True atau False
4.      Literal adalah tipe data yang merupakan gabungan huruf dan angka
5.      Array
6.      Object

Operator Aritmatika

Ada beberapa operator aritmatika , yaitu :
ü  +   : Penjumlahan
ü  -    : Pengurangan
ü  *    : Perkalian
ü   /     : Pembagian
ü  %   : Sisa Hasil Bagi

Itulah rentetan yang mencakup  dasar-dasar PHP,selanjutnya berlanjut pada  suatu contoh operator aritmatika dengan (pengurangan,perkalian dan pembagian). Langsung saja ini scriptnya :

<!DOCTYPE html>
<html>
<body bgcolor="coklat tua">
<h3>OPERATOR ARITMATIKA</h3>
<form method="post">
<table>
<tr>
</tr>
<td><b>Angka 1</b></td><td> <input type="number" name="angka1" value="" required placeholder="Masukkan Angka"></td> 
</tr>
<tr>
<td><b>Operator</b></td>
<td>
<select name="operator">
<option></option>
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select>
</td>
</tr>
<td><b>Angka 2</b></td><td> <input type="number" name="angka2" value="" required placeholder="Masukkan Angka"></td>
<tr>
</tr>
<td align="right">=</td>
<?php
if(isset($_POST['angka1']) or isset($_POST['angka2']) ){
$angka1 = $_POST['angka1'];
$angka2 = $_POST['angka2'];
}else{
$angka1 = "0";
$angka2 = "0";
}
if(isset($_POST['operator'])){
$operator =$_POST['operator'];
}else{
$operator ="";
}
switch($operator){
case "+":
$hasil = $_POST["angka1"] + $_POST["angka2"];
break;
case "-":
$hasil = $_POST["angka1"] - $_POST["angka2"];
break;
case "*":
$hasil = $_POST["angka1"] * $_POST["angka2"];
break;
case "/":
$hasil = $_POST["angka1"] / $_POST["angka2"];
break;
}
?>
<td><input type="text" name="hasil" disabled value="<?php echo $hasil;?>"></td>
<td><input type="submit" name="submit" value="Hitung"></td>

</tr>
</table>
</form>
</body>
</html>





EFEK HOVER Cascading Style Sheet [CSS] Desain Website

2 Comments
Tag : , , , , , , , ,
+
            

  Efek gambar atau juga disebut Efek hover, tersebut akan terlihat ketika mouse didekatkan pada gambar yang bersangkutan atau diarahkan dengan mouse/pointer pada gambar tersebut, gambar juga dapat berupa link yang tertuju pada sebuah URL tertentu tetapi bisa juga tanpa link samasekali.

Hover Opacity à

.img1:hover {
opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */
}

Efek Hover Berputar ( 360 degree rotate image ) à

.img2{
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

.img2:hover {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}
Efek Hover Spin and Zoom à
.img3 {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.img3:hover {
-webkit-transform: scale(1.2) rotate(1080deg);
-moz-transform: scale(1.2) rotate(1080deg);
-o-transform: scale(1.2) rotate(1080deg);
-ms-transform: scale(1.2) rotate(1080deg);
transform: scale(1.2) rotate(1080deg);
}

Efek Hover Efek Zoom à
.img4 {
    height:auto;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.img4:hover {
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}

Efek Hover Efek Transform à
.img5 {
    border-radius: 30px 0 30px 0;
    -moz-border-radius: 30px 0 30px 0;
    -webkit-border-radius: 30px 0 30px 0;
    -o-border-radius: 30px 0 30px 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.img5:hover {
    box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.5);
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -o-border-radius:0;
}

Efek Hover Efek Moving à
.img6 {
    box-shadow: 0 3px 6px rgba(0,0,0,.25);
    transform:  rotate(+2deg);
    -o-transform: rotate(+2deg);
    -webkit-transform:  rotate(+2deg);
    -moz-transform: rotate(+2deg);
}
.img6:hover {
    box-shadow:  0 3px 6px rgba(0,0,0,.5);
    transform:  rotate(-1deg);
    -webkit-transform:  rotate(-1deg);
    -o-transform:  rotate(-1deg);
    -moz-transform: rotate(-1deg);
}

Efek Hover Efek Border Transform à

.img7 {
border:5px solid #0000ff;
}
.img7:hover {
border:8px solid #00ff00;
}


Welcome to My Blog

Translate

This Time

My Visitor

We're Connected

Flag Counter

Diberdayakan oleh Blogger.

- Copyright © AxxSxx Document -Robotic Notes- Powered by Blogger - Designed by Ainul Shodiq -