Menampilkan isi Tabel dari Database MySQL PHP

Menampilkan isi Tabel dari Database MySQL PHP

Sekarang kita telah mengetahui bagaimana menghubungkan database dan kemudian menutupnya, selanjutnya mari kita mencoba mengambil data atau membaca data tabel dari database MySQL menggunakan PHP.

Sebelum ditampilkan, maka kita harus memastikan bahwa terdapat tabel dalam database yang kita buka, anggaplah nama tabel tersebut adalah “ siswa ” dan telah memiliki 3 baris isi. Untuk mengambil dan menampilkan isi dari tabel “nyekriptabel” dalam database “ siswa ” , maka kita menggunakan fungsi mysql_fetch_assoc(), selengkapnya perhatikan skrip berikut.

Continue reading

Posted in PHP | Leave a comment

Cara Koneksi Database MySQL dengan PHP

Cara Koneksi Database MySQL dengan PHP

Pada tutorial kali ini kita akan belajar cara koneksi database MySQL dengan bahasa PHP. PHP adalah bahasa pemrograman umum yang paling banyak digunakan untuk pengembangan web. PHP sangat cepat dan fleksibel dan banyak digunakan oleh situs-situs paling populer di dunia.

PHP adalah singkatan dari “PHP Hypertext Preprocessor”, PHP sendiri awalnya kependekan dari “Personal Home Page Tools” dan sebagian besar pengembang web membuat konten dinamis yang berinteraksi dengan database melalui PHP.

Continue reading

Posted in PHP | Leave a comment

Menggunakan Icon Bootstrap

Menggunakan Icon Bootstrap

Icon adalah grafik dalam sebuah antarmuka yang digunakan untuk mengkomunikasikan informasi kepada pengguna dengan mengekspresikan atribut obyek, aksi atau perintah, dan tipe pesan.

namun kali ini, kita akan memanggil icon dari Bootstrap

Langsung saja kita mempraktikkan nya.

  1. Siapkan kode editor kalian

Tulis kan Struktur HTML dan CSS  nya terlebih dahulu, serta MaxCDN bootstrap yang

Continue reading

Posted in Bootstrap | Tagged , , , , , , , , , | Leave a comment

Grid System pada Bootstrap

Grid System pada Bootstrap

Apa itu Grid System ?

Sebuah grid diciptakan sebagai solusi terhadap permasalahan penataan elemen-elemen visual dalam sebuah ruang. Grid systems digunakan sebagai perangkat untuk mempermudah menciptakan sebuah komposisi visual. Melalui grid system seorang perancang grafis dapat membuat sebuah sistematika guna menjaga konsistensi dalam melakukan repetisi dari sebuah kompisisi yang sudah diciptakan. Tujuan utama dari penggunaan grid systems dalam desain grafis adalah untuk menciptakan suatu rancangan yang komunikatif dan memuaskan secara estetik.

Jumlah Batasan Maksimum Grid System ?

Continue reading

Posted in Bootstrap | Tagged , , , , , , , , , | Leave a comment

Mengenal dan Menginstall Bootstrap

Mengenal dan Menginstall Bootstrap

Apa itu Bootstrap ?

Bootstrap adalah sebuah framework css yang dapat digunakan untuk mempermudah membangun tampilan web .

Sifat – sifat Bootstrap ?

  1.  Kerangka Front – end

Bootstrap berfungsi membuat website dengan mudah dan cepat .

2.  Dibuat dengan HTML dan CSS

Bootstrap dibangun dengan bahasa pemrograman HTML dan CS

3.  Kemampuan Responsive dengan mudah

Responsive  adalah sebuah metode atau pendekatan sistem web desain yang bertujuan memberikan pengalaman berselancar yang optimal dalam berbagai perangkat, baik mobile maupun komputer meja

Mengapa harus Bootstrap ?

Continue reading

Posted in Bootstrap | Tagged , , , , , , , , , | Leave a comment

Membuat Window Pop Up dengan Javascript

Membuat Window Pop Up dengan Javascript

Apa itu Window Pop Up ?

Jendela pop-up, atau secara singkat pop-up, adalah jendela yang muncul secara otomatis yang biasanya  tanpa Anda merasa telah membukanya dalam web. Ukuran jendela bervariasi namun biasanya tidak menutup keseluruhan layar

Pada tutorial kali ini, kita akan belajar membuat Window Pop Up

Ikuti langkah – langkah berikut :

Continue reading

Posted in javascript | Tagged , , , , , , , , , | Leave a comment

Membuat Fungsi Oninput dengan Javascript

Membuat Fungsi Oninput dengan Javascript

Oninput adalah sebuah event yang dijalankan ketika terjadi proses input data dari user . Dalam tutorial ini, kita akan belajar event oninput dan mempraktikkannya . Ikuti langkah – langkah nya !

  1. Siapkan Struktur HTML

Teman – teman bisa skip bagian ini, jika teman – teman sudah melewati nya .

1

Continue reading

Posted in javascript | Tagged , , , , , , , , , , , | Leave a comment

Membuat Fungsi Open In New Tab dengan Javascript

Membuat Fungsi Open In New Tab dengan Javascript

Open in new tab adalah sebuah opsi ketika dalam sebuah web/blog menggunakan link. Link sendiri ditandai dengan adanya tag “a” yang di dalamnya memuat sebuah alamat ( URL ) tertentu yang bisa berupa alamat web/blog lain, alamat sebuah posting, alamat image atau bahkan alamat khusus dalam blog/web itu sendiri. Secara umum link open in new tab diperuntukkan untuk membuka alamat baru diluar blog/web .

 ikuti langkah langkah berikut:

Continue reading

Posted in javascript | Tagged , , , , , , , , , | Leave a comment

MENGIMPLEMENTASIKAN CSS

MENGIMPLEMENTASIKAN CSS

Menurut Wikipedia, Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

Banyak cara menerapkan CSS pada html , dalam artikel kali ini kita akan membahas 3 metode cara menerapkan css pada html dan masing-masing metode memiliki kelebihan dan kekurangan. Mari kita bahas satu persatu :

  1. inline Style

Inline style adalah penerapan kode css pada satu elemen HTML didalam satu halaman HTML, dengan cara ini kita bisa langsung memberikan style dengan cara memasukkan kode css pada atribut tag HTML.

 

  1. Embedded

Jika inline style hanya bisa digunakan dalam satu elemen HTML dalam satu halaman HTML, maka embedded style bisa digunakan dalam beberapa elemen HTML. Meskipun bisa digunakan dalam beberapa elemen HTML, embedded style hanya bisa diterapkan hanya pada satu halaman HTML.

Continue reading

Posted in HTML dan CSS | Tagged , , , , , , , , , | Leave a comment

MENGISI KONTEN WEBSITE

MENGISI KONTEN WEBSITE

            Setelah kita membuat fondasi website, kita akan mengisi struktur tersebut . Kali ini kita akan belajar tag tag baru, dan mengisi struktur website yang belum terisi.
Sebelumnya kita sudah mengisi struktur Header, dan belajar heading. Selanjutnya kita akan mengisi content menu.

1

Menu contoh

Halaman menu mempunyai fasilitas bila kita klik , dia akan menuju halaman yang sudah di link kan. Jadi kali ini kita akan belajar membuat link

Continue reading

Posted in HTML dan CSS | Tagged , , , , , , , , , | Leave a comment