CodeCharge Studio Masih Ada Ternyata..

Lama blog belajar codecharge ini tidak aktif. Bukan tanpa alasan. Setelah menggunakan ccs sejak versi 1.1 bertahun-tahun lalu, rasanya belum menemukan software lain yang seperti ccs. Mungkin karena sudah sangat terbiasa jadinya agak malas mencari dan mempelajari software lain.
Bayangkan saja, entry terakhir di blog ini tahun 2014.
Sejak dikeluarkan versi 5.0 pada 24 desember 2011, dan final versi 5.0 pada 12 maret 2012, aku belum memutuskan untuk menggunakan versi baru ini. Setiap versi baru memiliki banyak bug yang dapat mengganggu pekerjaan. Selain itu banyak proyek yang masih menggunakan versi 4 yang jika di konversikan ke versi 5 akan memerlukan banyak sekali perubahan yang bikin pusing.
Dan benar saja, pada 4 april 2012 keluarlah versi CodeCharge Studio 5.0 Update Available (5.0.0.15750).
Karena sedang menggunakan v 4 untuk beberapa pekerjaan, aku masih belum pakai update v5 ini.

Thumbnail Image Gallery

Membuat image galeri menggunakan Codecharge adalah perkara mudah. Dengan menggunakan Builder Gallery Builder album gambar ini dapat selesai dengan cepat. Tetapi hasilnya kurang baik bagi pengunjung karena image yang dihasilkan memiliki ukuran yang besar. CodeCharge hanya merubah ukuran panjang dan lebar saja, bukan besaran file (Kb). Tentunya image galeri kita akan sangat lambat tampil. Bayangkan jika kita mengupload 9 gambar dengan ukuran masing-masing 1 Mb. Pengunjung akan cepat-cepat kabur karena Loading yang lama.
Berikut ini saya perlihatkan cara sederhana tapi efektif untuk menampilkan hanya Thumbnails image saja sehingga image galeri kita cepat ditampilkan.

Tetap di CodeCharge 4, Belum Pindah.

Selamat tahun baru 2014.

Semakin tua saja ya.. heheh. Blog ini telat sekali updatenya.
Beberapa waktu lalu, saya terima order membuat sistem database+peta (dengan google map) yang web base. Seperti biasanya, pilihan pertama adalah menggunakan PHP+MySQL.. Tau kan alasannya.. Betul, sudah terbiasa!
Mumpung proyek baru, terpikir untuk menggunakan code charge studio versi 5. Sudah lama keluarnya di yessofware.com setelah di download, install maka siap digunakan. Tampilan awal masih sama..

Pakai SetText bukan Echo

Penggunaan echo di php untuk menampilkan text atau variable sudah sangat umum. Dalam contoh-contoh tutorial php, kode berikut sangat legendaris

 <?php
 Echo "Hello, World!";
 ?>

Backlinks Otomatis SEO Friendly di www.ngelink.net

My current projects with codecharge
Sebulan lebih tidak update blog ini. Saya sedang menyibukkan diri membangun web baru di www.ngelink.net. Mewuudkan ide yang sudah lama ingin di realisasikan. Meskipun masih belum sempurna, tetapi sudah dapat digunakan. Gratis!
Konsepnya sederhana saja:

Menambahkan Facebook Comment di Page Dinamis

This summary is not available. Please click here to view the post.

Seperti google+ dan facebook.. add friend

Mencontoh google+ dan facebook yang memiliki fitur hubungan antar anggota, saya coba cara sederhana membuat hubungan antar anggota. Menggunakan tabel kategori yang telah ada dan membuat satu tabel database yang saya beri nama tabel "relasi". Rencananya, anggota dapat menambahkan anggota yang lain sebagai teman, saudara dan lainlain. Anggota yang diajak tersebut dapat menyetujui atau tidak.

Membuat Direktori ! (PHP MySql dengan CCS)

Melanjutkan web contoh kita, saya berencana untuk membentuk kategori-kategori dalam hubungan antar teman. Hubungan-hubungan tersebut saya kelompokkan ke dalam direktori dan sub direktori.
Sebelum menggunakan CodeCharge Studio, kita harus memiliki tabel yang berisi direktori. Buat tabel mysql seperti pada gambar:

Membuat Gallery Photo dengan Gallery Builder

Photo gallery atau produk galery sering diperlukan untuk menampilkan data dalam format kolom dan baris. Dengan CodeCharge Studio kita hanya membutuhkan beberapa langkah saja (tanpa sedikitpun menuliskan kode php). Gunakanlah Gallery Builder di ToolBox CCS.

Buatlah halaman baru, berinama "galery". Siapkan tempat untuk meletakkan gallery photo.
Klik "Gallery Builder", seperti biasa kita diminta untuk memilih koneksi yang digunakan. Kemudian memilih tabel yang akan ditampilkan. Pilih tabel "profil".

Membuat Tabel WebList dengan Report Builder

Sekarang kita akan membuat daftar website milik anggota dengan menggunakan fasilitas "Report Builder" yang ada di ToolBox CodeCharge Studio. Pada posting sebelumnya di Membuat Editable Grid Form, kita sudah selesaikan form untuk Add Website dalam bentuk grid form. Umumnya di CCS sebuah tabel dibuat menggunakan Grid Builder. Sekarang kita akan menggunakan Record Builder agar terlhat pengelompokan alamat web berdasarkan pemiliknya. Lihat cara mudah berikut.

Membuat Editable Grid Form

Jika umumnya suatu form diperuntukkan mengisi satu data maka editable grid form ini adalah form berbentuk grid yang dapat langsung diisi beberapa data entry sekaligus. Di dalam CodeCharge Studio membuat grid form bisa sangat mudah dan cepat. Kita memerlukan data/table baru untuk mencontohkannya.
Saya sudah menambahkan tabel baru yakni table "webteman" ke dalam database mysql. Tabel ini akan memuat daftar website yang dimiliki oleh member. Ikuti langkah selanjutnya.

Mengganti Form Register dengan Text "Anda Sudah Terdaftar"

Pada post sebelum ini, kita sudah berhasil menghilangkan form login jika member sudah login. Sekarang kita akan membuat form register juga menghilang saat member sudah login. Tujuannya adalah agar member yang sudah login tidak dapat mendaftar lagi dengan email yang lain.

Kali ini kita akan menukar form register tersebut dengan kalimat "Anda sudah terdaftar dengan email : emailmember@domain.com"

Menghilangkan Form Login Jika Member Sudah Login

Kita akan menghilangkan Form Login jika member sudah berhasil Login. Ada beberapa cara, misalnya dengan membuat pengaturan pada Events "Before Show". Pada contoh ini, saya coba memberikan cara lain yang menurut saya sangat sederhana untuk menghilangkan form login jika member sudah sukses login.

Ikuti beberapa langkah sederhana berikut.

Menampilkan Nama Member yang Login

Punya akun email yahoo atau google mail? Di pojok atas selalu menampilkan nama atau email yang sedang login, Kita mau juga membuat yang seperti itu.
Pada header akan kita tampilkan email member yang sedang login dan link logout. Email dan link logout itu hanya akan tampil jika member sudah login.

Halaman yang akan kita gunakan adalah halaman "header". Buat satu kolom di samping kanan menu. Tambahkan Grid dari tabel profil.

Get Password Form

Hampir disetiap form login juga terdapat link "Lupa Password" dalam berbagai bentuk dan tulisan. Intinya adalah memberikan fasilitas kepada member untuk mendapatkan passwordnya kembali (seringkali lupa). Untuk mendapatkan passwordnya kembali, member diminta untuk mengisi data email atau username. Kemudian server akan mengirimkan password member tersebut melalui email yang sudah tercatat di database. Jika email tersebut belum tercatat maka form akan memberitahu bahwa email atau username tersebut belum terdaftar.

Hosting codecharge Project

Project website contoh "kisah teman" ini memang belum selesai. Tetapi kita sudah dapat mencobanya dengan menghosting file-file yang sudah selesai ke server hosting kita. Dalam contoh ini, saya memilihkan tempat hosting gratis Hostinger dengan domain gratis juga "kisahteman.id1945.com".

Mengapa hosting gratis di Hostinger? Karena pertama ini adalah project contoh, kedua, hostinger memberikan fasilitas yang sama bahkan mungkin lebih baik dengan layanan hosting berbayar lainnya. Kita dapat saja menggunakan host gratis di hostinger dengan menggunakan domain berbayar. 

Saya asumsikan kawan sudah memiliki nama domain dan tempat hosting. Hal pertama yang harus dilakukan adalah

Setup Database. 

Disini kita harus menentukan nama database, user, password, host database mysql. Biasanya layanan hosting memiliki fasilitas database mySQL. Masuk ke control panel, database. dst.
Import database kisahteman.sql ke database yang telah kita buat.

Dependent ListBoxes Pada Form Registrasi

Untuk contoh ini, kita akan menyempurnakan form registrasi yang telah kita buat dengan menambahkan field provinsi dan kabupaten/kota. Kedua field yang ditambahkan ini berbentuk ListBox yang telah disiapkan datanya. Jadi kita harus siapkan dulu tabel provinsi dan tabel kabupaten di database mysql kita. Kira-kira strukturnya seperti berikut:

Membuat Url Teks Dengan Parameter

Selamat Tahun Baru 2013, semoga tidak ada isu kiamat lagi di tahun ini.

Melanjutkan artikel sebelumnya, Sekarang kita akan menghubungkan textlink "judul kisah"  yang ada di halaman homepage ke halaman detil kisah. Keduanya dihubungkan dengan menggunakan parameter idkisah. Bagaimana membuat url dengan parameter, coba lihat gambar ini (klik untuk memperbesar).

Membuat Title Page Dinamis dari Database MySQL

Untuk mencontohkan membuat "Title Page" dari Database MySQL dengan CodeCharge Studio ini, kita memerlukan halaman khusus yang menampilkan hanya satu entri saja. Sebelumnya kita telah membuat tabel daftar kisah di homepage, (lihat Menggunakan Grid Builder untuk Tabel di Homepage). Di tabel tersebut kita telah memiliki Judul Kisah berbentuk Text Link yang mengarahkan ke halaman kisah detil, yakni halaman yang memuat detil kisah.

Menggunakan Grid Builder untuk Tabel di Homepage

Saat ini ccs project kita sudah memiliki halaman-halaman seperti terlihat pada gambar.

Halaman pendukung lainnya, seperti common.php, class dan lain-lain akan tercipta otomatis oleh software CodeCharge Studio. Kita tidak perlu bersusah payah membuatnya.
Hanya nanti jika kita akan mengupload pada server hosting, file common.php perlu sedikit diedit untuk penyesuaian nama database, user dan passwordnya.

Kembali ke proyek web contoh kita.
Halaman homepage/index baru memiliki form login saja. Jadi kita akan menempatkan daftar kisah terbaru di bawah form login dan sebuah kisah teranyar disampingnya.

Membuat Tabel Kisah di halaman depan

Seperti biasa kita akan menggunakan Grid Builder. Pada build query, tambahkan tabel kisah, tabel profil dan tabel profil as penulis.
atur relasi tabel-tabel tersebut seperti gambar di bawah ini
sortby idkisah Desc
Where tampil = 1 (Ini akan memfilter data yang muncul hanya yang sudah di oke kan oleh penulisnya).
Type Expression