Skip to main content

Posts

Showing posts from 2015

Page dan Dialog Transition Effect Pada Jquery Mobile

JQuery Mobile Adalah web framework yang dioptimalkan untuk perangkat-perangkat layar sentuh (touch-optimized). sebagai library, jQuery Mobile yang dikenal sebagai library JavaScript maupun framework mobile ini dikembangkan oleh tim jQuery Project. Tujuan pengembangannya adalah berfokus pada pembuatan framework yang kompatibel dengan beraneka ragam perangkat smartphone dan tablet.
Data Transition Effect
Jquery Mobile memiliki berbagai Variasi dalam cara berpindah dari satu halaman web ke halaman berikutnya. Untuk menggunakan effect tersebut, dibutuhkan browser yang support CSS3 3D Transform.

Untuk menggunakan transistion effect pada saat memanggil halaman lain, adalah dengan menambahkan script berikut pada tag <a>....</a> : 1. data-rel adalah data atau halaman yang akan kita panggil 2. data-transition adalah effect yang kita inginkan
Contoh :

Kamu bisa menambahkan data transition effectnya, berikut pilihannya :

Sekian penjelasan untuk Jquery mobile Page dan Dialog Transition…

Install dan Buat Web Sederhana Dengan CodeIgniter

Di postingan sebelumnya saya sudah menjelaskan tentang CodeIgniter, kali ini saya akan menerangkan bagaimana instalasi dan membuat web sederhana dengan MVC model CodeIgniter.

Pertama Download file CodeIgniter di https://www.codeigniter.com/

Kemudian Copy Zip File CodeIgniter ke "C:\xampp\htdocs\" jika kamu menggunakan Xampp atau "C:\Appserv\www\" Jika kamu menggunakan Appserv, Kemudian Extract File nya

 Rename folder yang di extract tadi dengan nama "codeigniter"


Ubah settingan pada file "C:\xampp\htdocs\CodeIgniter\application\config\config.php" menjadi seperti di bawah ini


Jika sudah, masuk ke "localhost/codeigniter" di browser kamu, jika langkah kamu benar maka akan keluar halaman seperti di bawah, selamat kamu telah berhasil menginstall codeigniter, sekarang mari kita lanjutkan dengan membuat halaman dengan metode ini

Ubah 'default_controller' pada file "C:\xampp\htdocs\CodeIgniter\application\config\routes.php", …

Membuat Multi Column Dengan DIV dan CSS

Pretty sure this one is not so different with my older post "Membuat halaman rapi dengan HTML", yupsi ... bedanya adalah penggunaan fungsi HTML nya, kali ini saya akan menjelaskan bagaimana membuat halaman yang sama seperti postingan sebelumnya, namun menggunakan fungsi DIV di dalam DIV. oke langsung aja . cekidot ...

Pertama buat script HTML nya seperti berikut, perhatikan fungsi div yang kita harus panggil berulang-ulang, pasti lebih mudah jika kita menggunakan fungsi table, yup ... or theres another way ?, but this is for education purpose, that should be okay to learn, right ? hhee


Kemudian buat file CSSnya seperti berikut, kita membuat dua buah id='kontainer' untuk mengatur batas width/lebar baris pertama dan kedua dan dua buah class='baris' untuk mengatur baris yang ada di kolom kontainer dan class='gambar' untuk mengatur gambar yang di panggil fungsi "imgsrc"


Dan jika kamu benar maka hasilnya akan seperti berikut.

Sekian tutorial mem…

Membuat Halaman Rapi dengan Table Di HTML

Mungkin Tidak akan sulit jika kamu ingin membuat gambar dan tulisan yang rapi di halaman HTML menggunakan bantuan Adobe DreamWeaver atau WYSIWYG Web Builder, yup .. tinggal tarik dan ketik yang kamu mau, tapi apa sih sebenarnya isi dari koding tersebut ?. Belum tentu kita tahu kan ?.
Berikut saya akan membagi sedikit ilmu bagaimana membuat halaman HTML dengan bantuan table, sengaja di buat screenshoot, supaya ngetik sendiri kodenya jadi bisa lebih ngerti. hhhee ... let's code ...!!!
Pertama buat isi atau content yang akan kita susun dengan perintah table

<div id="section">
<table align="center" class="sifat"> Koding berikut berfungsi untuk memanggil id dan class dari file css.
Kemudian buat file cssnya


Dan jangan lupa panggil file CSS nya

Akhirnya apabila koding yang kamu lakukan benar maka hasilnya akan seperti ini :
Di bagian atas kamu bisa lihat tiga tulisan yang tersusun rapi dengan tulisan dan header yang kita panggil dengan class t…

BIOS dan UEFI

Kalau di sebelumnya saya mengangkat artikel tentang Pengenalan, Fungsi dan Tipe -tipe ROM, sekarang saya ingin membahas kembali tentang ROM (read only memory) yang ada di PC yaitu BIOS dan UEFI
BIOS  (Basic Input Output System) 


Merupakan suatu software yang ditulis dalam bahasa assembly untuk mengatur fungsi dasar dari perangkat keras (hardware) Komputer, jadi BIOS bukanlah alat tapi sebuah System atau program yang di masukkan kedalam device yang bernama CMOS.
BIOS menyediakan antarmuka komunikasi tingkat rendah, dan dapat mengendalikan banyak jenis perangkat keras. Karena kedekatannya dengan perangkat keras, BIOS umumnya dibuat dengan menggunakan bahasa rakitan (assembly) yang digunakan oleh mesin yang bersangkutan.
BIOS berisi perintah rutin perangkat lunak yang dijalankan setiap kali komputer dioperasikan diantaranya adalah : Inisialisasi (penyalaan) serta pengujian terhadap perangkat keras (dalam proses yang disebut dengan Power On Self Test, POST) .Memuat dan menjalankan sistem o…

Pengenalan, Fungsi dan Tipe -tipe ROM

Merupakan chip IC (integrated circuit) disebut sebagai memori yang tidak mudah berubah (non-volatile memory). yang menyediakan fungsi penyimpanan data yang bersifat WORM (write once read many), dimana penyimpanannya permanen walaupun tanpa daya listrik,

ROM tidak dapat diisi atau ditulisi data sewaktu-waktu seperti RAM. Pengisian atau penulisan data, informasi, ataupun program pada ROM memerlukan proses khusus yang tidak semudah dan se-fleksibel cara penulisan pada RAM. Biasanya, data atau program yang tertulis pada ROM diisi oleh pabrik yang membuatnya. Umumnya ROM digunakan untuk menyimpan firmware, yaitu perangkat lunak yang berhubungan dengan perangkat keras.

ROM modern sering ditemukan dalam bentuk IC (Integrated Circuit), sama seperti RAM yag wujudnya kebanyakan juga berupa IC. Teks atau kode yang tertulis pada kedua jenis IC ini berbeda. IC ROM biasanya memiliki kode tulisan (teks) 27xxx. Angka 27 menunjukkan kode untuk ROM, sedangkan xxx menjunjukkan kapasitas ROM dalan sat…

Pengenalan Codeigniter

CodeIgniter atau sering disebut dengan sebutan CI adalah salah satu framework MVC PHP yang sangat populer di dunia web programmer. CodeIgniter sendiri dirilis pertama kali yaitu pada 28 Februari 2006.

Selain populer, codeIgniter memudahkan developer untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuatnya dari awal (php murni).
CodeIgniter disebut framework 
Disebut demikian karena sudah mendukung fungsi-fungsi framework yaitu mempermudah dan mempercepat dalam pengembangan sebuah aplikasi. Berikut alasan kenapa kita perlu menggunakan framework  Mempercepat dan mempermudah pembangunan sebuah aplikasi web. Relatif memudahkan dalam proses maintenance karena sudah ada pola tertentu dalam sebuah framework (dengan syarat programmer mengikuti pola standar yang ada) Umumnya framework menyediakan fasilitas-fasilitas yang umum dipakai sehingga kita tidak perlu membangun dari awal (misalnya validasi, ORM, pagination, multiple database, scaffolding, pengaturan session, erro…

Pengenalan Dan Instalasi Joomla 2.5

Joomla! adalah Sistem manajemen konten (SMK atau CMS) yang bebas dan terbuka (free opensource) ditulis menggunakan PHP dan basisdata MySQL untuk keperluan di internet maupun intranet. Joomla pertama kali dirilis dengan versi 1.0.0. Fitur-fitur Joomla! diantaranya adalah sistem caching untuk peningkatan performansi, RSS, blogs, poling, dll. Joomla! menggunakan lisensi GPL.
Secara garis besar dan gamblang, Joomla! terdiri dari 3 elemen dasar, yaitu server web (webserver), skrip PHP dan basisdata MySQL. Server web diasumsikan terhubung dengan Internet/Intranet yang berfungsi sebagai penyedia layanan situs. Skrip PHP terdiri dari kode program dalam bahasa PHP dan basisdata merupakan tempat penyimpanan konten. Joomla menggunakan Apache sebagai server web dan MySQL untuk basisdatanya.
Instalasi Joomla 2.5.6
Pertama pastikan kamu telah punya AppServ yang sudah di install di komputer kamu, jika belum lihat disini
Download paket joomla di https://www.joomla.org/ klik download. 

Kemudian Unzip …

Pengenalan Content Management System (CMS)

Content Management System atau sering disebut dengan CMS adalah aplikasi web yang berisikan template untuk mengelola isi halaman web secara mudah. Penggunaan Content Management System tidak memerlukan pengetahuan pemrograman web yang handal karena proses instalasi dan cara penggunaannya sudah user friendly. CMS sendiri ada yang dibuat khusus menyesuaikan kasus yang ada dan biasanya berbayar dan ada yang berupa template instan yang fungsionalitasnya dibuat dengan menyeuaikan pada beberapa proses bisnis yang ada didunia nyata yang dapat digunakan secara gratis. (Sumber)

Apa itu Content ? Content secara esensi adalah setiap jenis informasi digital yang digunakan untuk mengisi setiap halaman. Dapat berupa teks, gambar, animasi, suara dan lain-lain. Atau dengan kata lain semua hal yang akan diperlihatkan ke publik melalui internet, intranet atau extranet. 
Apa itu Content Management ? Content Management atau pengelolaan isi suatu website adalah penggabungan aturan, proses dan alur kerja oleh…

Menampilkan Table Dari Database MySQL

Setelah di postingan sebelumnnya kita membahas tentang Membuat Database dan Table MySQL Dengan AppServ, sekarang saya akan menjelaskan bagaimana cara untuk membuat table di halaman HTML dengan menggunakan script PHP.

Pertama kita buat dulu file php pendukung untuk memanggil koneksi ke MySQL, copykan script di bawah ini ke editor kamu, kemudian save di "C:\AppServ\www\belajar" jika belum ada, buat foldernya .dengan nama file"table.php" 
<?php
$servername = "localhost";
$username = "root";
$password = "root";
$dbname = "pweb";
$conn = new mysqli($servername, $username, $password, $dbname); //membuat koneksi
// cek koneksi
if ($conn->connect_error){
die("koneksi Gagal: " . $conn->connect_error);
}
$sql = "SELECT npm,nama,prodi_id,email FROM mahasiswa";
$result = $conn->query($sql);
$x=1;
if ($result->num_rows > 0)
//num_row= mengecek jumlah data hasil kueri
{
echo "<table border= 2px&g…