ADs

Tugas 8

Pertama, buat folder “latihan_markup” di dalam htdocs.

Buatlah folder “images” didalam folder yang baru dibuat.


Buka Notepad++, dan ketikkan skrip berikut untuk bagian header :


Masukkan skrip berikut ke dalam wrapping untuk bagian content/isi:


Masukkan skrip berikut untuk bagian sidebar:



Masukkan skrip berikut untuk footer:


Jika anda masih bingung, berikut adalah penulisan seluruh skrip yang telah saya buat sesuai dengan keinginan saya:

 <html>
<head>
<title>Latihan Markup</title>
</head>
<body>
<div id="wrapper">
<div id="header">
<img src="images/logo andy.PNG" alt="Logo"/>

<ul id="menu-utama">
<li><a href="">Home</a></li>
<li><a href="">Klasemen</a></li>
<li><a href="">Tugas</a></li>
</ul>
<form>
<input type="text" name="search" />
</form>
</div>

</div>
<div id="daftar-artikel">
<img src="images/Logo Typography.JPG" width="20%" alt= "Gambar Artikel" />
<h1> Typography</h1>
<b>Nov 13, 2015</b><b>Views : 10,000,000</b>
<p>Tipografi bisa juga dapat dikatakan sebagai “visual language” atau dapat berarti “Bahasa yang dapat dilihat”.
Tipografi dibagi kedalam 2 macam jenis, yaitu :
"Typography" (Tipografi) merupakan suatu ilmu dalam memilih dan menata huruf dengan</br>
 pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin.
<a href="">Selengkapnya</a>
</div>
<div class="artikel">
<img src="images/Typography.PNG"width="20%" alt="Gambar Artikel" />
<h1>Gambar Hasil Typography</h1>
<b>Nov 13, 2015</b><b>Views : 10,000,000</b>
<p>Gambar ini dibuat menggunakan aplikasi Photoshop</br>
dengan cara mendesain semenarik mungkin.</p>
<a href="">Selengkapnya</a>
</div>
<div id="sidebar">
<h2>Who i am?</h2>
<img src="images/1.JPG" alt="ME:)"/>
<p>Andy.net adalah siswa SMK Al-Madani</br>
Mempunyai hobi mendengarkan musik dan main game.</br>
Selalu ingi tau akan sesuatu yang baru dan tidak akan berhenti mengejar sesuatu yang dia inginkan</p>
<h2>Artikel berdasarkan kategori</h2>
  <ul>
    <li><a href="">Home</a></li>
    <li><a href="">Klasemen</a></li>
                <li><a href="">Tugas</a></li>
    <li><a href="">Inspirasi</a></li>
    <li><a href="">Berita</a></li>
    <li><a href="">Off Topic</a></li>
  </ul>
</div>
  <div id="footer">
    <p>Andy.net copyright 2015 by Andy, Andy</p>
</div> 
</div> 
</body>

</html>

TG_7

Buat folder di dalam xampp pada folder htdocs dengan nama "WebAndy".


Buka notepad++, ketikkan skrip berikut :

<html>
<head>
<title>Home</title>
</head>
<body>
<h1><center> Selamat Datang Di WEB Andy </center></h1>
<center><img src = "Gambar/MySQL-Logo.jpg"></center>
<p>
<center><a href="index.html">Home</a></center></br>
<center><a href ="profil.html">Profil</a></center></br>
<center><a href ="artikel.html">Artikel</a></center>
</body>
</html>


Simpan pada folder "WebAndy" dengan nama "index.html"


Untuk halaman profil, buat folder didalam folder "WebAndy" dengan nama "Gambar" terlebih dahulu


Isi folder tersebut dengan gambar yang diinginkan, dan sesuaikan nama file gambar dengan skrip nantinya

Ketikkan skrip berikut pada notepad++ :

<html>
<head>
<title>Profil</title>
</head>
<body>
<p><h1>Biodata Andy Prayoga</h1>
<h3>Nama : Andy Prayoga Utama</br>
TTL : 26 April 1998</br>
Agama : Islam</br>
Hobi : Main Game</h3>

 <p>it's me</p>
<img src = "gambar/1.jpg"></br>
<a href="index.html">Kembali</a>
</body>
</html>



Simpan dalam folder "WebAndy" dengan nama "profil.html"


Ketikkan skrip berikut untuk halaman yang ketiga :

<html>
<head>
<title>Artikel</title>
</head>
<body>
<h1><center>Fungsi MySQL</center></h1></br>
<center><img src = "gambar/MySQL-Logo.JPG"/></center></br>
<p><h4>MySQL pada awalnya diciptakan pada tahun 1979,
oleh Michael “Monty” Widenius, seorang programmer komputer asal Swedia.</br>
Monty mengembangkan sebuah sistem database sederhana yang dinamakan
UNIREG yang menggunakan koneksi low-level ISAM database engine dengan indexing.
Pada saat itu Monty bekerja pada perusahaan bernama TcX di Swedia.</br>
TcX pada tahun 1994 mulai mengembangkan aplikasi berbasis web,
dan berencana menggunakan UNIREG sebagai sistem database.</br>
Namun sayangnya, UNIREG dianggagap tidak cocok untuk database yang dinamis seperti web.
TcX kemudian mencoba mencari alternatif sistem database lainnya,
salah satunya adalah mSQL (miniSQL).</br>
Namun mSQL versi 1 ini juga memiliki kekurangan, yaitu tidak mendukung indexing,
sehingga performanya tidak terlalu bagus.</br>
Dengan tujuan memperbaiki performa mSQL, Monty mencoba menghubungi David Hughes
(programmer yang mengembangkan mSQL) untuk menanyakan apakah ia tertarik mengembangkan
sebuah konektor di mSQL yang dapat dihubungkan dengan UNIREG ISAM sehingga mendukung indexing.
Namun saat itu Hughes menolak, dengan alasan sedang mengembangkan teknologi indexing yang
independen untuk mSQL versi 2.</br>
Dikarenakan penolakan tersebut, David Hughes, TcX (dan juga Monty)
akhirnya memutuskan untuk merancang dan mengembangkan sendiri konsep sistem database baru.
Sistem ini merupakan gabungan dari UNIREG dan mSQL (yang source codenya dapat bebas digunakan).
Sehingga pada May 1995, sebuah RDBMS baru, yang dinamakan MySQL dirilis.</br>
David Axmark dari Detron HB, rekanan TcX mengusulkan agar MySQL di ‘jual’ dengan model bisnis baru.
Ia mengusulkan agar MySQL dikembangkan dan dirilis dengan gratis.</br>
Pendapatan perusahaan selanjutnya di dapat dari menjual jasa “support”
untuk perusahaan yang ingin mengimplementasikan MySQL.</br>
Konsep bisnis ini sekarang dikenal dengan istilah Open Source.
Pada tahun 1995 itu juga, TcX berubah nama menjadi MySQL AB,
dengan Michael Widenius, David Axmark dan Allan Larsson sebagai pendirinya.</br>
Titel “AB” dibelakang MySQL, adalah singkatan dari “Aktiebolag”,
istilah PT (Perseroan Terbatas) bagi perusahaan Swedia.
</p></h4>
<a href = "index.html">Kembali</a>
</body>
</html>




Simpan didalam folder "WebAndy" dengan nama "artikel.html"


Buka website dengan cara membuka xampp terlebih dahulu.
Buka web browser dan ketikkan pada address :
"localhost/WebAndy/"

Berikut adalah tampilan Home


Berikut adalah tampilan Profil

Berikut adalah tampilan Artikel

Tugas PHP Pertama

1. Cara Membuat koneksi dengan dua database
Berikut adalah cara untuk membuat koneksi dengan dua database untuk MySql.
1.      Masukkan skrip berikut ke dalam notepad ++ atau text editor lainnya
<?php
$hostname = "localhost";
$username = "root";
$password = "";

// mengatur koneksi dan disimpan dalam satu variabel
$koneksi_1 = mysql_connect($hostname, $username, $password);
$koneksi_2 = mysql_connect($hostname, $username, $password, true);

// mengatur pemilihan database sesuai koneksi
mysql_select_db('klausa', $koneksi_1 );
mysql_select_db('kebutuhan_panganku', $koneksi_2 );

echo "Koneksi Berhasil";
?>

PENJELASAN :
Pada kasus ini kita menggunakan dua koneksi sekaligus untuk mengkoneksikan dua database (klausa dan kebutuhan_panganku).
2.      Save pada folder yang telah anda buat pada htdocs, dalam kasus ini saya menggunakan folder "Produktif”. Save dengan nama “koneksi.php”.




3.      Eksekusi PHP dengan web browser dengan cara mengketikkan teks berikut pada address bar (dengan kondisi XAMPP berjalan).



PENJELASAN :
Tugas_php = nama folder

4.      Jika berhasil, maka akan menampilkan teks sebagai berikut :



2. Cara Membuat database dan tabel sekaligus

Berikut adalah cara untuk membuat database dan tabel sekaligus untuk MySql.

1.      Masukkan skrip berikut ke dalam notepad ++ atau text editor lainnya

<?php
$dbhost = 'localhost';
$dbuser = 'root';
$dbpass = '';
$koneksi = mysql_connect($dbhost, $dbuser, $dbpass);
if(! $koneksi )
{
  die('Gagal Koneksi: ' . mysql_error());
}
echo '';
$sql = 'CREATE database tugas_php';
$buatdb = mysql_query( $sql, $koneksi );
if(! $buatdb )
{
  die('Pembuatan database, gagal: ' . mysql_error());
}
echo "";
usedb();
function usedb()
{
$dbhost = 'localhost';
$dbuser = 'root';
$dbpass = '';
$koneksi = mysql_connect($dbhost, $dbuser, $dbpass);
if(! $koneksi )
{
  die('Gagal Koneksi: ' . mysql_error());
}
echo '';
bikintabel();
mysql_select_db( 'tugas_php' );
}
function bikintabel()
{
$dbhost = 'localhost';
$dbuser = 'root';
$dbpass = '';
$koneksi = mysql_connect($dbhost, $dbuser, $dbpass);
if(! $koneksi )
{
  die('Gagal Koneksi: ' . mysql_error());
}
echo '';
$sql = 'CREATE TABLE karyawan( '.
       'id_karyawan INT NOT NULL AUTO_INCREMENT, '.
       'nama_karyawan VARCHAR(20) NOT NULL, '.
       'alm_karyawan  VARCHAR(20) NOT NULL, '.
       'gaji_karyawan   INT NOT NULL, '.
       'tgl_gabung  timestamp NOT NULL, '.
       'primary key ( id_karyawan ))';

mysql_select_db('tugas_php');
$buattabel = mysql_query( $sql, $koneksi );
if(! $buattabel )
{
  die('Gagal Membuat Tabel: ' . mysql_error());
}
echo "Tabel Karyawan dan Database tugas_php sukses dibuat";
mysql_close($koneksi);
}
?>

PENJELASAN :
Dalam kasus ini saya menggunakan beberapa function, jika function yang 1 berhasil atau “true” maka akan menjalankan function yang selanjutnya hingga selesai.

2.      Save pada folder yang telah anda buat pada htdocs, dalam kasus ini saya menggunakan folder "Produktif”. Save dengan nama “dbdantb.php”.



3.      Eksekusi PHP dengan web browser dengan cara mengketikkan teks berikut pada address bar (dengan kondisi XAMPP berjalan).




4.      Jika berhasil, maka akan menampilkan teks sebagai berikut :




Berikut adalah hasilnya jika kita lihat melalui shell dari xampp

Tugas Tambahan(Alias)

Tugas Tambahan (Alias)

Alias digunakan untuk membuat nama kolom ataupun nama tabel agar lebih mudah digunakan saat mengkoding ataupun ketika akan dibaca sebagai tampilan tabel.
Dalam kasus ini, anda harus memiliki 2 tabel dengan foreign key di salah satunya.

  Berikut adalah tabel pertama 'contoh1' :



Dan berikut adalah tabel kedua 'contoh2' :





 Setelah anda selesai membuat kedua tabel tersebut. Maka anda sudah bisa untuk menggunakan coding alias.

Untuk coding alias dalam nama kolom, anda dapat menggunakan skrip berikut :
"select id as no, nama as nama_karyawan, gaji as gaji_karyawan from contoh1;"

Berikut adalah hasil yang akan ditampilkan :

 


Dimana : kolom 'id' akan ditampilkan sebagai 'no', kolom 'nama' akan ditampilkan sebagai 'nama_karyawan' dan kolom 'gaji' akan ditampilkan sebagai 'gaji_karyawan'.

Untuk coding alias dalam nama tabel, anda dapat menggunakan skrip berikut :
"
select c1.id,
c1.nama, c1.gaji, c2.total from contoh1 as c1, contoh2 as c2
where c1.id = c2.id_register;
"

Berikut adalah hasilnya :



Dimana : tabel 'contoh1' akan dijadikan sebagai 'c1' dan tabel 'contoh2' akan diubah menjadi 'c2' untuk memudahkan dalam coding.

Dan untuk alias dalam tabel ini, kita bahkan dapat menampilkan kolom dari tabel lain. Kolom 'total' pada tabel 'c2' ditampilkan.



Artinya, kita dapat menampilkan kolom dari beberapa tabel dengan menggunakan fungsi dari koding alias.

Tugas 5 (Manipulasi Tabel)

Untuk melakukan perintah-perintah dibawah ini, anda harus memiliki database dan tabel didalam MySQL. Berikut adalah tabel yang saya gunakan:


1. Klausa Change
Klausa change berfungsi untuk mengganti nama kolom, tipe data kolom, key kolom, maupun length dalam kolom. Berikut adalah perintahnya:
"alter table daftar_guru_paling_pagi change column mengajar_jam_ke  jam_ajar_guru int;"


Pada kasus ini saya mengganti nama kolom 'daftar_guru_paling_pagi' menjadi 'jam_ajar_guru' dan mengubah type data menjadi int.

2. Klausa Modify
Klausa Modify berfungsi untuk mengubah tipe data pada sebuah kolom. Berikut adalah perintahnya :
"alter table daftar_guru_paling_pagi modify column nama_guru varchar(25); "


Pada kasus ini saya mengganti length kolom menjadi 25.

3. Klausa Rename
Klausa rename berfungsi untuk mengganti nama tabel. Berikut adalah perintahnya:
"alter table daftar_guru_paling_pagi rename to daftar_disiplin_guru;"




Pada kasus ini saya mengubah nama tabel menjadi daftar_disiplin_guru.

Untuk MySQL, perintah rename hanya berlaku untuk mengganti nama tabel. Sedangkan pada Oracle rename dapat digunakan untuk mengubah nama kolom. 

4. Klausa Drop
Klausa Drop berfungsi untuk menghapus kolom pada tabel, menghapus tabel, maupun menghapus database itu sendiri. Berikut adalah perintahnya:
 "alter table daftar_disiplin_guru drop column jam_ajar_guru;"




Pada kasus ini saya menghapus kolom jam_ajar_guru dari tabel daftar_disiplin_guru.

Tugas Empat

Untuk menggunakan perintah-perintah berikut maka anda harus memiliki sebuah tabel yang memiliki baris-baris yang telah diisi.
Sebagai contoh, saya telah memiliki tabel “Buku_Perpustakaan_Favorit”.

1. UPDATE
Perintah UPDATE digunakan untuk memperbarui record yang sudah ada di tabel.
Perintah update di mysql ditulis seperti berikut:
mysql> UPDATE table_name SET field_name ='new_value'WHERE some_field_name = 'some_value';

some field name adalah field tertentu yang menjadi patokan record tersebut. Bisa kita isi field primary keynya. Atau field lain selain field yang recordnya mau di update.
some_value adalah value yang menjadi kekhususan yang dimuat oleh record yang salah satu valuenya mau kita ubah.

misalkan kita mau update kategori Sains menjadi Filsafat Sains maka perintah yang dituliskan:

mysql> UPDATE Buku_Perpustakaan_Favorit SET Kategori = 'filsafat sains' WHERE judul_buku 'Posmodern';

perhatikan gambar berikut:

2. DELETE
Perintah delete digunakan untuk menghapus record dengan ketentuan tertentu.
Perintah delete pada mysql adalah sebagai berikut:
mysql> DELETE FROM table_name WHERE 'some _field' = 'some_value';

Misal kita mau menghapus record sifat cairan maka perintahnya:
mysql> DELETE FROM Buku_perpustakaan_favorit WHERE judul_buku = 'Sifat Cairan';

Perhatikan gambar berikut:

Tugas 3 (Klausa)

Untuk menggunakan perintah-perintah berikut maka anda harus memiliki sebuah tabel yang memiliki baris-baris yang telah diisi.
Sebagai contoh, saya telah memiliki tabel “aneka_minuman”.
 
 
1. Count
Count adalah perintah yang memiliki fungsi untuk menghitung berapa banyak field yang berada di dalam sebuah kolom, dimana field-field tersebut memiliki nilai yang sama. Berikut adalah perintahnya:
“ select count(harga) from aneka_minuman where harga=’7000’ ”
 

Dimana : “count(harga)”  ‘harga’ yang dimaksud adalah nama kolom yang akan dihitung field yang memiliki nilai yang sama. Sedangkan ‘7000’ adalah nilai yang akan dihitung berapa banyak jumlahnya. ‘1’ adalah jumlah field dari kolom ‘harga’, karena field yang memiliki harga '7000' hanya ada 1 field.
 
2. Order by
Order by adalah perintah yang memiliki fungsi untuk mengurutkan urutan field berdasarkan kolom tertentu. Perintah order by dapat berupa ‘ascending’ yaitu dari kecil ke besar, dan ‘descending’ yaitu dari besar ke kecil. Berikut adalah perintahnya:
Untuk yang ascending
“select * from aneka_minuman order by harga asc;”



Maka susunan field akan tersusun berdasarkan nilai dari field harga, dari yang terkecil hingga ke terbesar (Ascending).
Untuk yang descending, ketikkan perintah berikut:
“select * from aneka_minuman order by harga desc;”
 
 
Maka susunan field akan tersusun berdasarkan nilai dari field harga, dari yang terbesar hingga ke terkecil (descending).
 
3. SUM
Sum adalah perintah untuk menghitung seluruh nilai di dalam sebuah kolom. Berikut adalah perintahnya:
“select sum(harga) from aneka_minuman;”

Dimana : ‘sum(harga)’ harga yang dimaksud adalah nama dari kolom tersebut.
 
4. Average (AVG)
Average adalah perintah untuk menghitung nilai rata-rata dari semua nilai yang ada pada kolom tertentu. Berikut adalah perintahnya:
“select avg(harga) from aneka_minuman;”
 

5. Min dan Max
Min adalah perintah untuk mencari nilai minimum (terkecil) dari sebuah kolom. Sedangkan max adalah perintah untuk mencari nilai maksimum (terbesar) dari sebuah kolom. Berikut adalah perintah untuk min:
“select min(harga) from aneka_minuman;”
 

Dimana : 6000 adalah nilai terkecil yang ada pada kolom harga
Berikut adalah perintah untuk max:
“select max(harga) from aneka_minuman;”
 

Dimana : 10000 adalah nilai terbesar yang ada di dalam kolom harga.
 
3
Langganan: Postingan (Atom)