" title="klik untuk membuat animasi " />

Minggu, 11 November 2018

Boostrap & Layout Content

Assalamu'alaikum

Apa Itu Bootstrap??

Bootstrap adalah open-source framework (kerangka kerja pemrograman) front-end (library) yang bebas (gratis) untuk merancang situs web dan aplikasi web. Framework ini berisi template desain berbasis HTML dan CSS untuk tipografi, formulir, tombol, navigasi dan komponen antarmuka lainnya, serta juga ekstensi opsional JavaScript. Tidak seperti kebanyakan framework web lainnya, framework ini hanya fokus pada pengembangan front-end saja.
1. Masuk ke website bootstrap > http://getbootstrap.com/


2. Setelah proses download selesai. Lalu buat folder baru. Buka This PC > Local Disk (C:) > xampp > htdocs. Setelah itu buat new folder yaitu praktikum. di dalam folder tersebut terdapat folder asset. Dan di dalam folder tersebut ada folder css dan js.




3. Buka Text editor, yaitu Sublime.


4. Save script di link bawah ini!!!
    b. https://code.jquery.com/jquery-3.3.1.slim.min.js (save di folder js).

5. Setelah selesai kita men-save link yg diatas. Lalu kita buka Sublime > file > lalu buat script seperti dibawah ini!! Lalu save kan "index.php".

<!DOCTYPE html>
<html>
<head>
<title>praktikum</title>
<link rel="stylesheet" type="text/css" href="asset/css/test.css">
<link rel="stylesheet" type="text/css" href="asset/css/bootstrap.min.css">
</head>
<body>
<h1>Yelaaa</h1>


<script type="text/javascript" src="asset/js/jquery-3.3.1.slim.min.js"></script>
<script type="text/javascript" src="asset/js/pooper.min.js"></script>
<script type="text/javascript" src="asset/js/bootstrap.min.js"></script>
</body>
</html>

note : codingnya sesuai dg letaknya ya guys :)
ini hasil nya ya 
6. Menambahkan grid pada program. Fungsinya yaitu untuk membagi wilayah antar kolom tersebut.

<!DOCTYPE html>
<html>
<head>
<title>praktikum</title>
<link rel="stylesheet" type="text/css" href="asset/css/test.css">
<link rel="stylesheet" type="text/css" href="asset/css/bootstrap.min.css">
</head>
<body>
<h1>Yelaaa</h1>
<div class="row">
<div class="col-6">Yelaaa</div>
<div class="col-6"></div>
</div>


<script type="text/javascript" src="asset/js/jquery-3.3.1.slim.min.js"></script>
<script type="text/javascript" src="asset/js/pooper.min.js"></script>
<script type="text/javascript" src="asset/js/bootstrap.min.js"></script>
</body>
</html>

Sekian & Terimakasih
Wassalamu'alaikum

Senin, 22 Oktober 2018

TagPenjelasan
<!--...-->Mendefinisikan Komentar
<!DOCTYPE>Mendefinisikan tipe atau jenis dokumen
<a>Mendefinisikan hyperlink
<abbr>Mendefinisikan sebuah singkatan atau akronim
<acronym>Tag ini tidak didukung pada HTML5. Gunakan <abbr> sebagai penggantinya pada HTML5. Mendefinisikan akronim
<address>Mendefinisikan informasi kontak penulis atau pemilik dokumen
<applet>Tag ini tidak didukung pada HTML5. Gunakan <embed> atau <object> sebagai penggantinya pada HTML5. Mendefinisikan embedded applet
<area>Mendefinisikan sebuah area didalam image-map
Logo HTML5<article>Mendefinisikan sebuah artikel
Logo HTML5<aside>Mendefinisikan selain dari konten halaman
Logo HTML5<audio>Mendefinisikan konten suara
<b>Mendefinisikan teks bold atau cetak tebal
<base>Menentukan basis URL atau target untuk semua URL relatif dalam dokumen
<basefont>Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Menentukan warna default, ukuran, dan font untuk semua teks dalam dokumen
Logo HTML5<bdi>Isolat bagian teks yang mungkin diformat dalam arah yang berbeda dari teks lain di luar itu sendiri
<bdo>Mengganti arah teks saat ini
<big>Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan teks besar
<blockquote>Mendefinisikan bagian yang dikutip dari sumber lain
<body>Mendefinisikan tubuh atau badan dokumen
<br>Mendefinisikan satu baris tunggal atau sama dengan fungsi enter
<button>Mendefinisikan sebuah tombol
Logo HTML5<canvas>Digunakan untuk menggambar grafik, dengan cepat, melalui scripting (biasanya JavaScript)
<caption>Mendefinisikan caption dari sebuah tabel
<center>Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan teks yang posisinya berada ditengah
<cite>Mendefinisikan Judul karya
<code>Mendefinisikan bagian dari code pada komputer
<col>Menentukan sifat kolom untuk setiap kolom dalam <colgroup> element
<colgroup>Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk memformat
Logo HTML5<datalist>Menentukan daftar pilihan yang telah ditentukan untuk kontrol input
<dd>Mendefinisikan deskripsi / nilai istilah dalam daftar deskripsi
<del>Mendefinisikan teks yang telah dihapus dari dokumen
Logo HTML5<details>Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
<dfn>Merupakan contoh mendefinisikan istilah
Logo HTML5<dialog>Mendefinisikan sebuah kotak dialog atau jendela
<dir>Tag ini tidak didukung pada HTML5. Gunakan <ul> sebagai penggantinya pada HTML5. Mendefinisikan daftar direktori
<div>Mendefinisikan sebuah bagian dalam sebuah dokumen
<dl>Mendefinisikan daftar deskripsi
<dt>Mendefinisikan istilah / nama dalam daftar deskripsi
<em>Mendefinisikan menekankan teks
Logo HTML5<embed>Mendefinisikan sebuah wadah untuk eksternal (non-HTML) aplikasi
<fieldset>Sebauh Grup untuk pengelompokan dalam form
Logo HTML5<figcaption>Mendefinisikan sebuah caption untuk <figure> element
Logo HTML5<figure>Menentukan konten mandiri
<font>Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan font, warna, dan ukuran dari sebuah teks
Logo HTML5<footer>Mendefinisikan sebuah footer dari sebuah dokumen atau section
<form>Mendefinisikan sebuah form HTML untuk input pengguna
<frame>Tag ini tidak didukung pada HTML5. Mendefinisikan sebuah jendela (frame) dalam sebuah frameset
<frameset>Tag ini tidak didukung pada HTML5. Mendefinisikan sebuah satu set frames
<h1> sampai <h6>Mendefinisikan headings pada HTML
<head>Mendefinisikan informasi tentang dokumen
Logo HTML5<header>Mendefinisikan sebuah header untuk dokumen atau bagian dokumen
<hr>Mendefinisikan perubahan tematik dalam konten atau memberikan garis pada dokumen
<html>Mendefinisikan root dari sebuah dokumen HTML
<i>Mendefinisikan sebuah bagian dari teks dengan suara alternatif atau suasana hati
<iframe>Mendefinisikan sebuah frame inline
<img>Mendefinisikan sebuah image
<input>Mendefinisikan sebuah input control
<ins>Mendefinisikan teks yang telah dimasukkan ke dalam dokumen
<kbd>Mendefinisikan input keyboard
Logo HTML5<keygen>Mendefinisikan sebuah key-pair generator field (for forms)
<label>Mendefinisikan sebuah label dari sebuah <input> element
><legend>Mendefinisikan sebuah caption dari sebuah <fieldset> element
<li>Mendefinisikan sebuah daftar item
<link>Mendefinisikan hubungan antara dokumen dengan sumber daya eksternal (digunakan untuk link ke style sheet)
Logo HTML5<main>Menentukan konten utama dari dokumen
<map>Mendefinisikan client-side image-map
Logo HTML5<mark>Mendefinisikan ditandai / teks yang disorot
<menu>Mendefinisikan daftar / menu perintah
Logo HTML5<menuitem>Mendefinisikan item perintah / menu bahwa pengguna dapat memanggil dari menu popup
<meta>Mendefinisikan metadata tentang sebuah dokumen HTML
Logo HTML5<meter>Mendefinisikan pengukuran skalar dalam kisaran dikenal (gauge)
Logo HTML5<nav>Mendefinisikan navigasi untuk links
<noframes>Tag ini tidak didukung pada HTML5. Mendefinisikan sebuah konten alternatif untuk pengguna yang tidak mendukung frame
<noscript>Mendefinisikan sebuah konten alternatif untuk pengguna yang tidak mendukung script sisi klien
<object>Mendefinisikan sebuah embedded objek
<ol>Mendefinisikan sebuah daftar tersusun
<optgroup>Mendefinisikan sekelompok opsi terkait dalam daftar drop-down
<option>Mendefinisikan sebuah option dari sebuah daftar drop-down
Logo HTML5<output>Mendefinisikan hasil dari sebuah perhitungan
<p>Mendefinisikan sebuah paragraph
<param>Mendefinisikan sebuah parameter untuk sebuah object
<pre>Mendefinisikan teks preformatted
Logo HTML5<progress>Menggambarkan kemajuan tugas
<q>Mendefinisikan sebuah kutipan singkat
Logo HTML5<rp>Mendefinisikan apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby
Logo HTML5<rt>Mendefinisikan sebuah penjelasan / pengucapan karakter (untuk tipografi Asia Timur)
Logo HTML5<ruby>Mendefinisikan sebuah penjelasan ruby (untuk tipografi Asia Timur)
<s>Mendefinisikan teks yang sudah tidak benar
<samp>Mendefinisikan contoh output dari program komputer
<script>Mendefinisikan sebuah script dari sisi klien
Logo HTML5<section>Mendefinisikan sebuah section didalam sebuah dokumen
<select>Mendefinisikan sebuah daftar drop-down
<small>Mendefinisikan teks kecil
Logo HTML5<source>Mendefinisikan lebih dari satu sumber media untuk elemen media seperti (<video> dan <audio>)
<span>Mendefinisikan sebuah section didalam sebuah dokumen
<strike>Tag ini tidak didukung pada HTML5. Gunakan <del> atau <s> sebagai penggantinya pada HTML5. Mendefinisikan teks strikethrough
<strong>Mendefinisikan teks yang penting
<style>Mendefinisikan informasi style untuk sebuah dokumen
<sub>Mendefinisikan teks subscripted
Logo HTML5<summary>Mendefinisikan sebuah judul yang terlihat dalam sebuah <details> element
<sup>Mendefinisikan teks superscripted
<tabel>Mendefinisikan sebuah tabel
<tbody>Grup isi tubuh dalam sebuah tabel
<td>Mendefinisikan sebuah cell didalam sebuah tabel
<teksarea>Mendefinisikan sebuah input control multiline atau teks area
<tfoot>Grup isi footer dalam sebuah tabel
<th>Mendefinisikan sebuah header cell didalam sebuah tabel
<thead>Grup header dalam sebuah tabel
Logo HTML5<time>Mendefinisikan sebuah tanggal atau waktu
<title>Mendefinisikan sebuah title untuk dokumen
<tr>Mendefinisikan sebuah row didalam sebuah tabel
Logo HTML5<track>Mendefinisikan trek teks untuk elemen media yang (<video> dan <audio>)
Logo HTML5<tt>Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan teletype teks
<u>Mendefinisikan teks yang harus berbeda dari teks biasa
<ul>Mendefinisikan sebuah unordered list
<var>Mendefinisikan sebuah variable
Logo HTML5<video>Mendefinisikan sebuah video atau movie
Logo HTML5<wbr>Mendefinisikan sebuah kemungkinan line-break

Selasa, 24 Oktober 2017

ARRAY INISIALISASI DENGAN 0

Pengenalan tentang inisialisasi
Sama seperti sebagian besar bahasa pemograman lainnya, untuk memberikan nilai kepada sebuah variabel, PHP menggunakan tanda sama dengan (=). Operator ‘sama dengan‘ ini dikenal dengan istilah Assignment Operators. Perintah pemberian nilai kepada sebuah variabel disebut dengan assignment. Proses mengisi nilai awal pada variabel disebut dengan inisialisasi.



Inisialisasi dengan 0
variabel dapat diinisialisasi sesuai dengan kebutuhan. Dan dari variabel itu bisa diinisialisasikan dengan nilai 0 (nol), jika tidak ada nilai awal lainnya secara eksplisit yang didefinisikan Berikut dibawah ini contoh sciptnya:



output dari script diatas adalah:

Array Inisialisasi dengan 0
Langsung pada implementasi nya yaitu kami menggunakan array dimensi 1 dan Baris-14 akan memulai looping dengan nila awal(inisialisasi) $i=0, dites untuk setiap kali looping sampai <= 10, dan penambahan nilai $i adalah 1. Kode yang dieksekusi pada looping ini adalah baris-15 sampai baris-19. Berikut dibawah ini sciptnya:



output dari script diatas adalah:

Sabtu, 20 Mei 2017


Tugas Kelompok 3
SISTEM BASIS DATA
DML (Data Manipulation Language )SELECT


Nama Kelompok 3 :
RANI OKTAVIA
ADIL MUTAKI
ARTHUR CHRISTOPHER KRESNA
JUWENI

SEKOLAH TINGGI TEKNIK IBNU SINA BATAM
TEKNIK INFORMATIKA





BAB I
1.      LATAR BELAKANG
Didalam sebuah software ada beberapa komponen yang harus kitaketahui, bukan hanya di ketahui tetapi kita juga harus mengerti apa fungsi dari komponen yang terdapat di software tersebut. Salah satu komponen yang ada di dalam software tersebut adalah bahasa pemrograman. Ada banyak sekali bahasa pemrograman di sebuah software. Diantaranya adalah  Data manipulation language ( DML ), Device Control Media Language ( DCML ), dan Data Definition language ( DDL ).
Dalam bahasa pemrograman tersebut memiliki fungsi yang berbeda-beda.Sebagai contoh bahasa  pemrograman DDL, bahasa pemrograman ini biasanya digunakan untuk pembuatan table dalam sebuah software aplikasi. Bukan hanya DDL saja yang digunakan untuk membuat sebuah table tetapi DML juga dapat digunakan untuk pembuatan tabel. Dengan menggunakan DML ini kita dapat memanipulasi suatu tabel.


2.      TUJUAN
a.       Mengetahui pengertian DML
b.      Mengetahui fungsi SELECT
c.       Mengetahui jenis-jenis SELECT

3.      MANFAAT
a.       Mengenai manfaat dari DML SELECT dalam pembuatan tabel
b.      Mengetahui contoh dari program tabel DML SELECT

4.      RUMUSAN MASALAH
a.       Apakah yang dimaksud dengan DML ?
b.      Apa yang dimaksud dengan SELECT ?
c.       Bagaimana contoh program SELECT dalam tabel ?












a.     LATAR BELAKANG
Data Manipulation Language (DML)
Bahasa yang memperbolehkan pemakai mengakses atau memanipulasi data sebagai yang diorganisasikan sebelumnya model data yang tepat. Definisi lain tentang DML adalah perintah-perintah untuk memanipulasi data, misalnya perintah untuk memilih data (query), menyisipkan, mengubah dan menghapus data dalam basis data. Bentuk manipulasi yang dapat dilakukan oleh DML diantaranya adalah untuk keperluan pencarian kembali data lama, penyisispan data baru, penghapusan data, pengubahan data dan lain-lain. Sedangkan DML sendari dapat dibagi menjadi 2 jenis yaitu procedural dan non procedural.


1.      Prosedural, DML membutuhkan pemakai untuk mensfesifikasikan data apa yang dibutuhkan dan bagaimana cara mendapatkannya, Contoh paket bahasa prosedural adalah dBase III, FoxBase,
2.      Non Prosedural, DML membutuhkan pemakai untuk mensfesifikasikan data apa yang dibutuhkan tanpa tahu bagaimana cara mendapatkannya. Contoh paket bahasa non prosedural adalah SQL (Structured Query Language) atau Query By Example (QBE)

SELECT
SELECT adalah perintah yang paling sering digunakan pada SQL, sehingga kadang-kadang istilah query dirujukkan pada perintah SELECT. SELECT digunakan untuk menampilkan data dari satu atau lebih tabel, biasanya dalam sebuah basis data yang sama. Secara umum, perintah SELECT memiliki bentuk lengkap:

SELECT [nama_tabel|alias.]nama_field1 [AS alias1] [, nama_field2, ...]
FROM nama_tabel1 [AS alias1] [INNER|LEFT|RIGHT JOIN tabel2 ON kondisi_penghubung]
[, nama_tabel3 [AS alias3], ...]
[WHERE kondisi]
[ORDER BY nama_field1 [ASC|DESC][, nama_field2 [ASC|DESC], ...]]
[GROUP BY nama_field1[, nama_field2, ...]]
[HAVING kondisi_aggregat]



dengan:
·           kondisi adalah syarat yang harus dipenuhi suatu data agar ditampilkan.
·           kondisi_aggregat adalah syarat khusus untuk fungsi aggregat.
Kondisi dapat dihubungkan dengan operator logika, misalnya AND, OR, dan sebagainya.

Contoh:

username
passwd
tanggal_lahir 
jml_transaksi
 total_transaksi
Rani
6487AD5EF
03-10-1997
        6
    10.000
Adil
97AD4erD
01-01-1996
        0 
        0
Juweni
548794654
06-12-1997
       24
    312.150
Arthur
FLKH947HF
24-04-1996
        3
        0
Sidia
94RER54
17-08-1997
       34
    50.000

Contoh 1: Tampilkan seluruh data.
SELECT *
FROM user

Contoh 2: Tampilkan pengguna yang tidak pernah bertransaksi.
SELECT *
FROM user
WHERE total_transaksi = 0

Contoh 3: Tampilkan username pengguna yang bertransaksi kurang dari 10 dan nilainya lebih dari 1.000.
SELECT username
FROM user
WHERE jml_transakai < 10 AND total_transaksi > 1000

Contoh 4: Tampilkan total nominal transaksi yang sudah terjadi.
SELECT SUM(total_transaksi) AS total_nominal_transaksi
FROM user

Contoh 5: Tampilkan seluruh data diurutkan berdasarkan jumlah transaksi terbesar ke terkecil.
SELECT *
FROM user
ORDER BY jml_transaksi DESC


b.      FUNCTION SELECT PADA SQL
COUNT          : Banyaknya nilai-nilai pada satu kolom
SUM
              : Jumlah nilai dari satu kolom
AVG
              : Rata-rata nilai dari satu kolom
MAX
               : Nilai terbesar yang ada pada satu kolom
MIN
                : Nilai terkecil yang ada pada satu kolom
c.     Jenis-jenis Select

SELECT-LIKE
Retrieval dengan LIKE
Tampilkan
semua Anggota yang namanya dimulai dengan huruf “A”
select anggota.* from anggota where anggota.nmang like ‘A%’;
Tampilkan
semua Anggota yang namanya mengandung huruf-huruf “n”
select * from anggota where nmang like ‘%n%’;

SELECT – NULL
Retrieval melibatkan NULL
Tampilkan
nomor anggota untuk anggota dengan telepon kosong
select nmang from anggota where telepon is null;
Tampilkan
nomor anggota untuk anggota dengan telepon tidak kosong
select noang from anggota where telepon is not null;
Kondis
inilai ‘NULL’ tidak boleh di cek dengan  =, >, >=, <=  atau
select noang from anggota where telepon=null;

SELECT

Retrieval melibatkan
satu sub query
Tampilkan
nama-nama anggota untuk anggota yang mempunyai pinjaman kredit.
select
nmang from anggota where noang in (select noang from bkredit)

SELECT- MULTIPLE SUBQUERY
Retrieval dengan Multiple Subquery
Tampilkan
nama-nama anggota untuk anggota yang mempunyai pinjaman dan pinjaman tersebut pernah diangsur.
select
nmang from anggota where noang in (select noang from bkredit where nokredit in (select nokredit from angsuran));
Tampilkan
nama-nama anggota untuk anggota yang mempunyai pinjaman dan pinjaman tersebut belum pernah diangsur.
select
nmang from anggota where noang in (select noang from bkredit where nokredit not in (select nokredit from angsuran));

SELECT-EXIST

Query dengan EXIST
Tampilkan
nama-nama anggota untuk anggota yang mempunyai pinjaman diatas 1 juta
select nmang from anggota where exist (select * from bkredit where noang = bkredit.noang and bkredit.jmkredit>1000000);
Query dengan NOT EXIST
Kebalikancontohdiatas

SELECT-IN
Sub
query dengan operator pembanding selain IN
Tampilkan
nama-nama anggota untuk anggota yang mempunyai pinjaman diatas 1 juta
select nmang from anggota where noang = (select noang from bkredit where jmkredit>1000000);
Query dengan NOT IN
Kebalikancontohdiatas