LAPORAN BOOTSTRAP  

  

  

  

  

  

  

DIBUAT OLEH:  

SAMUEL  

19161041 

  

  

  

  

  

  

SEKOLAH MENENGAH KEJURUAN PERMATA HARAPANREKAYASA PERANGKAT LUNAK 

2020 

 

 

 

 

 

 

 

  1. A. Alat dan bahan 

  • Laptop  

  • Mouse  

  • Xampp 

  • Vsc  

  • Dan lain lain 

  1. B. Pendahuluan/landasan teori  

Bootstrap adalah kumpulan potongan kode yang dapat digunakan kembali yang ditulis dalam HTML, CSS, dan JavaScript. Namun, ini adalah free dan open-source front end web development framework untuk membantu Anda membuat situs web dan aplikasi web yang responsif. 

  1. C. Langkah-langkah 

  1. 1. Masukan link pada pada views  

Berikut linknya letakan pada head.php atau viewsanda 

<link rel="stylesheet" type="text/css" href="/css/boostrap.min.css"> 

 

  1. 2. Link pada home.php 

Link line 21-22 pada button itu berfungsi untuk menampilkan warna pada button saat kita melakukan suatu proses mau itu input,edit delete atau yang link  berfungsi untuk menampilkan 

Berikut adalah codingan untuk  macam macam membuat warna pada button  

<button type="button" class="btn">Basic</button> 

<button type="button" class="btn btn-primary">Primary</button> 

<button type="button" class="btn btn-secondary">Secondary</button> 

<button type="button" class="btn btn-success">Success</button> 

<button type="button" class="btn btn-info">Info</button> 

<button type="button" class="btn btn-warning">Warning</button> 

<button type="button" class="btn btn-danger">Danger</button> 

<button type="button" class="btn btn-dark">Dark</button> 

<button type="button" class="btn btn-light">Light</button> 

<button type="button" class="btn btn-link">Link</button> 

Primary untuk biru  

Secondary untuk abu-abu 

Success untuk hijau 

Info untuk biru 

Warning untuk kuning 

Danger untuk merah 

Dark untuk dark/gelap 

Light untuk light/ cerah 

Link untuk membuat link 

 

 

 

Try it Yourself » 

 
 

  1. 3. Link pada tambah.php 

Pada codingan  line pertama berfungsi  menunjukkan design bagian input yang berfungsi untuk saat melakkan input muncul tombol/button yang menarik  

 

Komentar

Posting Komentar

Postingan populer dari blog ini

 Tugas Ulangan Akhir Bab 2 1. Ketika melakukan query dari beberapa tabel, relasi tabel ditempatkan di statement ... a. FROM  b. WHERE c. SELECT d. HAVING e. GROUP BY 2. Statement yang benar untuk menampilkan data dari tiga tabel adalah ... a. WHERE o.CustID = c.CustID b. WHERE Orders.CustID = Customers.CustID c. WHERE o.CustID = c.CustID And c.City = 'London'; d. WHERE o.CustID = c.CustID And o.EmpID = e.EmpID e. WHERE e.emp_no = s.emp_no And s.to_date = '2010-01-01'; 3. Nama ALIAS adalah nama lain dari ... a. DBA b. Tabel c. Atribut d. Prosedur e. Record data 4. penggunaan ALIAS menyebabkan ... a. query lebih cepat b. penulisan syntax lebih singkat c. memori untuk menampilkan data lebih sedikit d.data ditampilkan dari cache sehingga query lebih cepat e. anda dapat mengacu ke dua tabel dalam satu statement FROM 5. statement inner join akan menampilkan ... a. semua data dari kedua tabel b. semua data yang terdapat di kedua tabel yang digabung c. semua data yang ada ditab...
Baca selengkapnya
 TUGAS 4 BASIS DATA  1. Ketika Melakukan query dari beberapa tabel, relasi tabel ditempatkan distatement a. from b. where c. where d. having e. group by 2. statement yang benar untuk menampilkan data dari 3 tabel adalah a. WHERE o.CustID= c.CustID b. WHERE Orders.CustID = Customer.CustID c.WHERE o.CustID = c.CustID and c.City = 'london'; d. WHERE o.EmpID =  e.EmpID AND o.EmpID=e.EmpID e. WHERE e.emp_no = s. emp_no AND s.to_date ='2010-01-01'; 3. Nama ALIAS adalah nama lain dari a. DBA b. Tabel c. Atribut d. prosedur e. record Data 4.penggunaan ALIAS menyebabkan a. query lebih cepat b. penulisan syntax lebih singkat c. memori untuk menampilkan data lebih sedikit d.data ditampilkan dari cache sehingga query lebih cepat e. anda dapat mengacu ke dua tabel dalam satu statement FROM 5. statement inner join akan menampilkan  a. semua data dari kedua tabel b. semua data yang terdapat di kedua tabel yang digabung c. semua data yang ada ditabel pertama dan menampilkan data dar...
Baca selengkapnya
Gambar
  LAPORAN CI4   BLOK VII             DIBUAT OLEH:  SAMUEL 19161041         SEKOLAH MENENGAH KEJURUAN PERMATA HARAPANREKAYASA PERANGKAT LUNAK 2020  1.  Alat dan bahan 1)      Laptop 2)      Mouse 3)      Xampp apk 4)      VSC 5)      CMD 2.  L andasan teori a.  Apa itu CI4 Codeigniter merupakan framework PHP untuk membangun aplikasi berbasis web. Codeigniter sendiri memberikan 3 pilihan. yaitu: Codeigniter 2, Codeigniter 3, dan Codeigniter 4. Codeigniter 2 merupakan versi legacy dari Codeigniter, Codeigniter 3 merupakan versi terbaru dari Codeigniter, sedangkan Codeigniter 4 merupakan versi masa depan Codeigniter. Codeigniter 2 dan Codeigniter 3 tidak memilki perbedaan yang signifikan, hanya saja ada beberapa fitur yang ditambahkan pada versi 3 dan dukungan...
Baca selengkapnya