Langsung ke konten utama

Postingan

Menampilkan postingan dari Juni, 2016

Kombinasi HTML, CSS3 Dan Javascript Bagian 3

Seperti janji saya sebelumnya pada postingan kali ini kita akan bermain dengan animasi css serta mengkombinasikannya dengan javascript. Pada postingan kali ini saya akan membahas tentang cara penggunaan keyframes untuk menganimasikan objek. Animasi pada CSS3 biasanya di deklarasikan menggunakan property animation,  setiap animasi dapat dijadikan satu menggunakan keyframes. Seperti layaknya pada beberapa software animasi 3D dimana setiap pergerakan objek memiliki keyframes. Move To Right Animation (Animasi Bergerak Ke Kanan) Sekarang kita akan mencoba menggerakan sebuah objek HTML dari posisi awal menuju posisi bagian kanan. terdapat beberapa cara untuk membuat animasi ini kita dapat mengubah margin/padding dari objek atau kita juga dapat mengubah posisi dari objek tersebut. Disini saya menggunakan posisi objek dengan property left , perlu diingat bahwa ketika kita ingin menggunakan property left , right , top atau bottom kita harus terlebih dahulu mendeklarasikan properti positio...

Kombinasi HTML, CSS3 Dan Javascript Bagian 2

Setelah di postingan sebelumnya saya sudah sedikit menjelaskan tentang apa itu javascript, maka di postingan kali ini kita akan mencoba beberapa fitur yang ada di CSS3 sekaligus mengkombinasikannya dengan javascript. Rounded Corners (Sudut Tumpul) Pertama kita mulai dengan Sudut Tumpul atau yang sering disebut dengan Rounded Corners . Di CSS3 kita dapat membuat suatu objek memiliki sudut tumpul atau rounded corners dengan menambahkan properti border-radius. berikut contoh penggunaan border-radius pada tombol dengan css yang ditulis menggunakan cara penulisan Embadded Stylesheet . <html> <head> <style> .btn{ border-radius: 5px; } </style> </head> <body> <button class="btn">button</button> </body> </html> Hasil Output : button Color Gradient (Warna Gradien) Jika Anda sering bermain dengan software editing foto seperti Photoshop mungkin Anda sudah tidak asing dengan apa yang disebut dengan warna gradien. warna gradie...

Kombinasi HTML, CSS3 Dan Javascript

Setelah Sebelumnya saya telah membahas tentang CSS pada artikel CSS(Cascading Stylesheet) dimana disana saya menjelaskan beberapa dasar cara menggunakan CSS, maka pada postingan kali ini saya akan sedikit membahas tentang CSS3 dimana CSS3 merupakan pengembangan dari CSS, sehingga dalam dasar penggunaanya tidak berbeda dengan CSS. Di CSS3 terdapat beberapa penambahan fitur diantaranya adalah : Box Model Efek Teks Transformasi 2D/3D  Animasi Layout multi kolom dll. Disini saya menganggap Anda telah mengerti cara penggunaan CSS dan HTML, jika belum, Anda dapat membaca artikel CSS(Cascading Stylesheet) untuk mengetahui apa itu CSS dan bagaimana dasar penggunaannya, dan artikel Pengertian HTML , Dasar Penggunaan HTML untuk mengetahui apa itu HTML dan bagaimana Dasar penggunaan dari HTML. Sekarang saya akan sedikit membahas tentang Javascript. Apa itu Javascript ? Javascript adalah bahasa pemrograman tingkat tinggi yang banyak digunakan di internet dan dapat bekerja di beberapa web br...

CRUD Di PHP Menggunakan Database SQLite

Pada kesempatan kali ini saya akan mencoba menunjukkan bagaimana cara menggunakan SQLite di PHP dan melakukan fungsi CRUD. Sebelum memulai pastikan Anda membaca terlebih dahulu artikel Mengenal SQLite dan pastikan juga Anda sudah memiliki Web Server terinstall pada PC/Laptop Anda dan support SQLite3. Saran saya install xampp versi terbaru di apachefriends.org Setelah Anda sudah yakin bahwa Web Server Anda support SQLite3 sekarang saatnya memulai. Buatlah file PHP baru menggunakan IDE atau Text Editor favorit Anda, disini saya tidak akan memaksa Anda menggunakan IDE yang saya gunakan :D. Beri nama file tersebut koneksi.php . Nantinya file ini yang akan kita gunakan untuk membuat database baru serta koneksi ke database SQLite dan melakukan fungsi-fungsi lain untuk berkomunikasi dengan database menggunakan query sql seperti membuat tabel baru dan lain sebagainya. Dalam pembuatan file ini kita menggunakan Class, jadi disini kita bermain dengan PHP OOP. Berikut isi dari file koneksi.php y...

Mengenal SQLite

Pada kesempatan kali ni saya akan sedikit menjelaskan tentang database yang sering digunakan di Android dan tema utamanya adalah Mengenal SQLite . APA ITU SQLITE ? SQLite merupakan database yang masuk ke dalam kategori RDBMS (Relational Database Management System) yang dibuat menggunakan library pemrograman C. SQLite bukanlah database client-server seperti MySQL atau SQLServer namun jika kita bandingkan SQLite lebih mirip database Microsoft Access dimana database ini dapat dijadikan sebagai embedded resource pada program yang kita buat. Biasanya database SQLite ini sering digunakan di Android untuk menyimpan data/informasi/konfigurasi dari program yang kita buat. SQLite termasuk kedalam salah satu Embadded database yang populer untuk media penyimpanan local/client dalam perangkat lunak aplikasi seperti web browser. Bisa dibilang bahwa SQLite merupakan database yang paling banyak digunakan saat ini, seperti yang digunakan di beberapa browser, sistem operasi seperti Android dan embadedd ...