Princess Gladys Ingrid

1.  APA ITU MYSQL?

2.  INSTALL  MYSQL  (XAMPP)

• Bin : Direktori bin berisi service-service yang bisa dijalankan untuk mengakses mysql.
• Data : Direktori ini berisi database dan tabel yang sudah dibuat. 

3.  MENGAKTIFKAN  MYSQL  Di  XAMPP

• Arahkan kursor ke notification area pada sebelah pojok kanan desktop taskbar. Klik kanan icon xampp control. Maka akan muncul tampilan berikut ini. Klik Start pada Apache dan MySQL.

• Cara lainnya adalah dengan mengkil Windows Start-lalu search XAMPP. Klik XAMPP Control Panel. Berikut tampilannya.

4.  MEMAKAI MYSQL PADA CMD (COMMAND PROMPT)

• cd  c\xampp\xampp\mysql\bin\

• mysql.exe –user=(user) –password=(password)    ATAU
• mysql -u user password

• mysql.exe  –u  root

5.  MEMBUAT  DATABASE TABEL

6.  MEMBUAT  TABEL MAHASISWA

• create table nama_tabel ( field-1 type(length), field-2 type(length), field-3 type(length), …(..));

• Nama table yang dibuat adalah mahasiswa. Kolom pertama adalah npm yang merupakan kolom utama (primary key). Jenis datanya adalah bilangan bulat atau integer (int) dengan panjang data sebanyak 8 karakter dengan ketentuan data tidak boleh kosong (not null).
• Pada kolom selanjutnya, terdapat nama, fakultas dan jurusan yang akan menampung data mahasiswa, dengan jenis data varchar atau variabel character dan tidak boleh dikosongkan (not null). 
• Lebar data nama dapat menampung maksimal 25 karakter, lebar data fakultas sepanjang 20 karakter dan jurusan sepanjang  35 karakter.

• insert into nama_tabel set
• field1=’nilai1’,  field2=’nilai2’,...fieldN='nilaiN';

Menggunakan cara pertama

• insert into mahasiswa ('15111582', 'princess gladys i', 'ilmu komputer', 'sistem informasi');

Menggunakan cara kedua :

• insert into mahasiswa (npm,nama,fakultas,jurusan)
• values ('15111582', 'princess gladys i', 'ilmu komputer', 'sistem informasi');

Menggunakan cara ketiga :

• insert into mahasiswa set
• npm='15111582',
• nama='princess gladys ingrid',
• fakultas=’ilmu komputer’,
• jurusan=’sistem informasi’;

Sebagai contoh, kita akan menambahkan sebuah record ke dalam table pelanggan yang telah kita buat sebelumnya. Berikut ini perintah SQL untuk menambahkan sebuah record ke dalam tabel mahasiswa:

• insert into mahasiswa values ('15111582', 'Princess Gladys I', 'Ilmu Komputer', 'Sistem Informasi');

6.2  Melihat Isi Record Tabel Mahasiswa

Untuk melihat isi record suatu table, digunakan perintah select. Berikut ini adalah aturan umum query menampilkan tabel dengan select  dan screenshot penambahan record pada tabel mahasiswa. Bentuk umum select :

• select daftar_select
• from daftar_tabel
• [where kondisi_pencarian]
• [group by daftar_group_by]
• [having kondisi_pencarian]
• [order by daftar_order [asc|desc]]
• [limit daftar_limit]

 Menggunakan perintah urutan (order by) nama 

Menggunakan perintah urutan (order by) npm

7. MEMBUAT TABEL MATKUL

Disini akan dibuat tabel matakuliah bernama matkul. Untuk mempersingkat penulisan, keterangan dan cara lengkapnya terdapat di bagian ke-6 (pembuatan tabel mahasiswa) sebelumnya. Berikut adalah screenshot membuat table matkul

 Penjelasan:

• Nama table yang dibuat adalah matkul. Kolom pertama adalah kode_matkul yang merupakan kolom utama (primary key). Jenis datanya adalah bilangan bulat atau integer (int) dengan panjang data sebanyak 10 karakter dengan ketentuan data tidak boleh kosong (not null).
• Pada kolom kedua, terdapat nama_matkul yang akan menampung data mata kuliah, dengan jenis data varchar atau variabel character sepanjang 25 karakter dan tidak boleh dikosongkan (not null). 
• Kolom ketiga adalah sks yang jenis datanya adalah integer (int) dengan panjang karakter 2 dan sisinya tidak boleh kosong.

Menampilkan struktur tabel matkul dengan perintah desc namatabel;

 Mengisi record ke dalam tabel matkul dengan perintah insert into namatabel values;

Menampilkan isi record tabel matakuliah dengan perintah select*from namatabel;

Menampilkan isi record tabel matakuliah dengan perintah select*from namatabel; dan order by

 8. MEMBUAT TABEL AMBIL_MATKUL

Disini akan dibuat tabel matakuliah bernama matkul. Untuk mempersingkat penulisan, keterangan dan cara lengkapnya terdapat di bagian ke-6 (pembuatan tabel mahasiswa) sebelumnya. Berikut adalah screenshot membuat table matkul.

  Penjelasan:

• Nama table yang dibuat adalah ambil_matkul. Kolom pertama adalah npm yang jenis datanya adalah bilangan bulat atau integer (int) dengan panjang data sebanyak 8 karakter.
• Pada kolom kedua, terdapat kode_matkul yang akan menampung data mata kuliah, dengan jenis data integer (int) sepanjang 10 karakter.
• Kolom ketiga adalah nilai yang jenis datanya adalah integer (int) dengan panjang karakter 3.

Menampilkan struktur tabel matkul dengan perintah desc namatabel;

  Mengisi record ke dalam tabel matkul dengan perintah insert into namatabel values;

 Menampilkan isi record tabel matakuliah dengan perintah select*from namatabel;

9. MENAMPILKAN TABEL RELASI DENGAN KASUS TERTENTU

Menampilkan isi record tabel matakuliah dengan perintah select*from namatabel; dengan detail from dan where menggunakan relasi-relasi antar ketiga tabel yang telah dibuat.

• Kasus 1: Buatlah tabel relasi yang menampilkan kolom-kolom berisi nama mahasiswa, nama mata kuliah beserta nilai dengan ketentuan nilai lebih dari 89!

• Kasus 2 : Buatlah relasi tabel yang menampilkan nilai Aplikasi Bisnis TI beserta nama mahasiwa dan nama mata kuliahnya dengan urutan dari nilai tertinggi!
• Menggunakan metode kode matakuliah

• Menggunakan metode nama matakuliah

• Kasus 3 : Tampilkan relasi tabel yang menunjukkan nilai beserta nama mahasiswa dan nama matakuliahnya dari urutan nilai tertinggi ke terendah!

• Kasus 4 : Tampilkan relasi tabel yang menunjukkan nilai beserta nama mahasiswa dan nama matakuliahnya dari urutan nama berdasarkan alfabet A-Z!

Demikianlah cara membuat tabel relasi database MySQL dengan menggunakan program XAMPP dan CMD. Semoga bermanfaat!

Apa itu biografi?

Mengapa kali kita membahas biografi?

Lalu, apa itu HTML?

• Maka, langkah awal untuk membuat biografi dengan HTML ini adalah dengan membuka Adobe Dreamweaver. Caranya bisa dengan mencari letak shortcut di desktop maupun dengan start-all programs pada OS Windows 7. Gambar di bawah ini, disebelah kiri adalah icon dari Adobe Dreamweaver CS6 dan di sebelah kanan adalah splash screen loader yang muncul saat loading. Sedangkan gambar dibawahnya adalah tampilan shortcut icon pada desktop.

• Jika muncul jendela seperti gambar di bawah ini, pilih dan klik HTML

• Maka akan muncul tampilan html editor seperti gambar berikut ini. Disini yang terlihat adalah mode split, dimana sebelah kanan adalah kodingannya dan sebelah kiri adalah tampilan outputnya.

• Sebelum lupa, save html tadi dengan cara klik file - Save As.... Di gambar sebelah kiri berikut ini adalah tampilan dropdown menu file. Jika Save As... diklik, maka akan muncul jendela seperti gambar sebelah kanan di bawah ini. Save dengan namafile.html, misalnya biografi.html, klik Save.

• Setelah itu, saya mendownload sebuah background untuk latar belakang biografi saya. Saya menyimpan background yang saya download ke folder yang sama dengan folder tempat saya menyimpan biografi.html yang telah disimpan tadi.

• Setelah itu, mulai mengkoding bagian <body> pada file biografi.html untuk mensetting background yang telah di download. Berikut adalah screenshot koding dan outputnya.

• Selanjutnya saya membuat deklarasi <div> untuk header dan content untuk isinya. Berikut adalah tampilan kodingan dan outputnya

• Setelah mendeklarasikan div header dan content, saya membuat judul halaman di dalam header dengan menggunakan table 1x1 agar mudah dimodifikasi. 

• Selanjutnya saya membuat tabel baru pada <div> content untuk menampilkan foto pada biografi saya. 

• Setelah itu, baru memulai mengetik tulisan mengenai biografi pribadi pada content di bawah foto. Simpan foto pada folder yang sama dengan tempat menyimpan background.png dan biografi.html. Berikut adalah tampilan potongan koding dan outputnya.  

• Selanjutnya saya memodifikasi tabel dan mengisi biografi yang telah ada dengan mengubah warna dan tampilan menjadi transparan. Berikut adalah tampilan potongan koding beserta outputnya.

• Untuk menjalankan htmlnya, klik icon gambar global bumi - lalu pilih mau View in "browser mana?". Misalnya, pilih View in Firefox.

• Berikut adalah tampilan yang muncul di browser Firefox.

• Maka, tugas membuat biografi dengan HTML sudah berhasil diimplementasikan.
• Berikut adalah source code aplikasinya

• Lalu berikut ini adalah tag HTML beserta fungsinya masing-masing