Hallo

Tampilkan postingan dengan label Perancangan Web Lanjut (PWL). Tampilkan semua postingan
Tampilkan postingan dengan label Perancangan Web Lanjut (PWL). Tampilkan semua postingan

Membuat Form Validasi Jquery Form dengan Regex

Membuat Aturan regex untuk validasi form input  menggunakan juery validationphp html.
 rEGEX

Sebelumnya Anda bisa mengikuti  cara membuat validasi form menggunakan JQUERY VALIDATION di https://jqueryvalidation.org/

Regular Expression
(REGEX) adalah konstruksi bahasa untuk mencocokkan teks berdasarkan pola tertentu, terutama untuk kasus-kasus kompleks. Contoh misalkan mencari teks berawalan karakter tertentu, memiliki jumlah perulangan dari suatu teks, dan lain sebagainya.


Dibawah ini adalah form validasi input dengan field username hanya boleh berisi underscore( _ ), huruf , spasi dan angka..
Regex for ...
Username must contain only alphabet,space, numbers, or underscore

contain only alphabet,space, numbers, or underscore


Membuat Kategori Filtering Datatables Salect Onchange Ajax Codeigniter

Untuk membuat Filter Kategori/ memilih data berdasarkan kategori Datatables dengan Salect Dropdown Menggunakan Ajax Jquery...

Intinya kita memerlukan 2 halaman.. yaitu halaman utama yang menampilkan semua kategori produk.. dan halaman kedua untuk filter kategori..


Untuk kode Ajax nya kurang lebih seperti ini:



penjelasan:

url : alamat dimana function kategori berada,
data: sama dengan id salectnya, yang menampung idkategori
#table-data:bila sukses maka menampilkan isi dari id table-data di admin/produk/list2 (lihat alamat view di function pada halaman controller produk).

Untuk lebih jelasnya silahkan download..

 

Codeigniter..

patch akses http://localhost/codeigniter/admin/produk


Membuat CRUD Menggunakan PHP dan MySQLi berbasis OOP

Membuat CRUD dengan PHP MySQLi Object Oriented Programing (OOP). Website Admin.. Download.
Langkah pertama kita perlu membuat file class yang berisi class-class yang diperlukan untuk mengoperasikan CRUD kita nantinya. Hal yang paling utama yang perlu kita buat
tentu saja function koneksi. Berikut adalah script untuk koneksi ke database menggunakan OOP MySQLi:

Lalu dibawah kelas koneksi kita membuat function untuk Menampilkan(Read) data kita, berikut script nya:





langkah selanjutnya untuk membuat CRUD(Creat Read Update Delete) kita memerlukan tampilan awal untuk menampilkan list data kita. Atau dengan kata lain kita memerlukan
halaman read. Dalam tutorial ini, nama halaman read yang saya buat bernama artikel.php.



untuk mengakses function tampilartikel Anda perlu menambahkan    $index = 1; $ar= new artikel(); sebelum diimplementasikan dalam foreach

Lalu tahap selanjutnya adalah proses Insert, update dan delete..

Tmbahkan file proses.php file ini untuk menampung aksi dari file artikel.php dan melanjutkan aksinya ke file class.php

untuk function insertnya tambahkan dalam function artikel , scriptnya kurang lebih spt dibawah ini:

update scriptnya kurang lebih spt dibawah ini:
delete scriptnya kurang lebih spt dibawah ini

form update spt dibawah ini:

saat user mengklik update pada artikel, maka akan diarahkan ke file formupdate , form update mengambil data dari function
lalu klik update mengarah/mengepostkan data ke proses.php lalu dilanjutkan update data ke class.php pada function update.





Untuk Lebihnya silahkan download scriptnya dibawah ini:

Halaman Admin di : http://localhost/Irfan/Admin/ Admin: irfan password: nafri

Mencetak Laporan Table ke Ms Excel dengan Codeigniter


Tutorial ini berisi tahap-tahap mencetak table / membuat Laporan Excel yang sebelumnya dibuat dengan html lalu ditampilkan/dicetak ke Microsoft Excel..
berikut tahap-tahapnya, :
Untuk mencetak dokumen menggunakan codeigniter cukup mudah .. dan sederhana.. yang terpenting adalah kita harus membuat function cetak yang berisi data dari database yang dapat ditulis seperti membuat tabel dengan HTML biasa..

1. Pastikan anda sudah mendownload folder codeigniter.
2. Persiapkan database.


3. Buat tombol aja diview yang mengarah ke function cetak..



4. masuk ke controller.. buat function cetak..
5. tambahkan kode di bawah ini pada function cetak..
6. Coba tekan tombol cetak....selesai.. cukup sederhana.. semoga berhasil


Untuk mendownload program lengkapnya beserta contoh CRUD Codeigniter.. silahkan download dibawa ini:

   

Cara Mudah Membuat Template Web Tanpa Coding tinggal Drop And Drag ..


Jadi.. saat ini udah ada tuh aplikasi yang memudahkan kita yang mau bikin tampilan website secara mudah dan gratis lagi. Penasaran apa nama aplikasinya?
Nama aplikasinya adalah MOBIRISE . disitu ada banyak  elemen yang bisa di drag and drop untuk kebutuhan website Anda.. Ya .. tinggal drag and drop saja.. Kamu bisa berkreativitas sesuka mu.. Website mu pun sudah akan responsive dan terlihat profesional.. sayangnya tetap masih ada logonya MOBIRISE disana.. jadi kamu tetap harus merubah logonya sesuai seleramu.. cuma itu sih.. Kalau mau download aplikasinya silahkan tinggal klik link download di bawah ini:


DOWNLOAD

Program-program dan Software yang Dibutuhkan untuk Perancangan Web

Perancangan web (web design) adalah istilah umum yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, (biasanya berupa hypertext atau hypermedia) yang dikirimkan ke pengguna akhir melalui World Wide Web, dengan menggunakan sebuah browser web atau perangkat lunak berbasis web. Tujuan dari web design adalah untuk membuat website—sekumpulan konten termasuk dokumen dan aplikasi yang berada pada server web / server. Sebuah website dapat berupa sekumpulan teks, gambar, suara dan konten lainnya, serta dapat bersifat interaktif ataupun statis. (id.wikipedia.org)

Untuk membuat sebuah website dinamis berupa sistem website atau CMD(Content Management System) kita memerlukan beberapa program-program dan softwere pendukung agar website kita nantinya dapat diakses diseluruh dunia / online di Internet. Software-software tersebut antara lain :
1. Web Server                        : Apache
2. Database server                  :  MySQL (My Structured Query Language)
3. FTP (File Transfer Protocol) : File Zilla
4. Mail server                         : Mercury
5. Java server                         : Tomcat
6. Aplikasi Server                    : Xampp
7. Web Editor                         : Dreamweavwer
8.Server side scripting             :PHP (Personal Home Page)
9. Desain gambar/tampilan     :Corel Draw, Phothoshop dll


Itulah program-program yang diperlukan untuk membuat sofware dinamis dengan kontrol admin.

bersambung..






Muhammad Irfan
12.12.6804

Web Browser Paling Populer 2013

Inilah Web Browser paling sering digunakan dindunia.

Data/diagram batang dibawah ini  adalah peringkat web browser yang paling sering digunakan dari bulan Januari 2013 sampai dengan Bulan Agustus 2013.




Dari gambar diatas terlihat bahwa Google Chrome adalah Web Browser yang paling populer didunia dari 4 pesaing lainnya yang mengikuti dibawahnya. Google Chrome digunakan sekitar 40.07% pengguna dunia, diikuti Internet Explorer sebanyak 27.9%, lalu disusul Mozilla Firefox 20.34%, dan dibawahnya adalah Safari dan Opera dengan masing-masing 8.35% dan 1.11%. Dan sisanya 2.23% adalah web browser lain.

Dari data tersebut memang masuk akal kalau Google Chrome berada pada peringkat pertama, karena menurutku Google Chrome adalah web paling stabil saat ini,desainnya sederhana hanya ada satu kotak untuk mengunjungi web sekaligus telusur, dan lansung terkoneksi dengan semua web turunan milik google. Jadi memudahkan pengguna untuk browsing internet.


Dari gambar diatas terlihat bahwa hampir seluruh dunia "di hijaukan" oleh Google Chrome, akan tetapi Indonesia masih banyak yang menggunakan Mozilla Firefox dari pada Google Chrome. Mozilla Firefox digunakan sekitar 56.6% pengguna internet di Indonesia lalu disusul dengan Google Chrome sebesar 31.86%. Prosentase yang terpaut cukup besar.

sumber : http://gs.statcounter.com/#browser-ww-monthly-201308-201308-map