FlashMoto : CMS Untuk Website Berbasis Flash

Mendengar kata CMS, tiba-tiba kita langsung teringat akan joomla, wordpress, drupall, auracms, nuke.net, dll. Walaupun sebagian besar sudah mengetahui CMS, tapi disini saya akan coba mengulas kembali definisi dari CMS (content management system).
Content Management System (CMS), adalah perangkat lunak yang memungkinkan seseorang untuk menambahkan dan/atau memanipulasi (mengubah) isi dari suatu situs Web. (dikutip dari id.wikipedia.org)
Jika dahulu kala industri web design itu melakukan pembuatan website berbarengan dengan pembuatan sistemnya (walaupun sekarang masih), yang tentunya berbasis php, saya pernah membuktikannya, karena kurang lebih satu tahun yang lalu secara tidak sengaja saya pernah masuk ke dalam halaman admin sebuah website instansi x dengan bug yang cukup ramai digunakan para intruder, sql injection. Dan terlihat di dalamnya, memang web developer Indonesia benar-benar amat kreatif dalam membuat suatu sistem yang menjadikan website itu dinamis, kreatif saja masih kurang jika maintenancenya tidak dihiraukan, akibatnya ya seperti tadi, seorang intruder bisa masuk dengan mudah, memang mengerikan. Hal ini bukan berarti saya memaksa untuk menggunakan CMS , ada waktunya dimana ketika anda dikejar deadline, CMS adalah solusi yang cukup baik. Dan belakangan, beberapa teman saya yang bekerja di industri web design juga menggunakan satu cms yang cukup favorit digunakan di Indonesia saat ini, Joomla. Bagi sebagian orang menggunakan joomla itu merupakan keuntungan, walaupun beberapa master SEO sedikit menghindari CMS yang satu ini. Lagi-lagi faktor SEO.
Balik lagi ke awal, kita telah mengetahui CMS berbasis php, seperti joomla, wordpress, drupall, dan lain-lain sebagainya, juga berbasis ruby n rails, asp.net, dan ada satu lagi yang memang cukup sangaat mengejutkan, FlashMoto, (http://www.flashmoto.com/) CMS Untuk website berbasis flash, sesuatu yang dulu penulis rasa tidak mungkin, namun sekarang, hal itu benar-benar ada.

Pada website aslinya, sang pembuatanya mengatakan, dengan menggunakan flashmotto sesuatu yang sangat mungkin untuk :
- Dapat membuat halaman yang tidak terbatas, berlaku operasi update dan delete halaman
- Dapat memanage menu website layaknya cms berbasis php
- Membuat image gallery, termasuk menambahkan atau menghapus isi dari image gallery
- Membuat Form yang datanya bisa di record ke dalam database
- Upload video dan music
- Menginsert shape, gambar, ataupun menginsert file flash lain ke dalamnya, semua hal tersebut menggunakan flashmoto.
FlashMoto menggunakan WYSIWYG editor, sehingga benar-benar sangat memudahkan user yang memakainya. Dan yang lebih hebat lagi, FlashMoto memungkinkan anda untuk membuat template flash sendiri, di samping flashmoto menyediakan template resminya. di http://templates.flashmoto.com/
Fitur tambahan :
- Scrollbar, dan progress bar, serta paginaator (paging)
- Kemampuan untuk mengupload jenis font yang berbeda untuk digunakan nantinya
- dan masih banyak lagi …
Untuk melihat demonya anda bisa langsung mengunjungi, http://www.flashmoto.com/demo/
Sayangnya kita harus membayar untuk dapat menggunakan cms ini secara full. :(. Sabar suatu nanti akan ada yang versi open sourcenya.

READ MORE - FlashMoto : CMS Untuk Website Berbasis Flash

Membuat Situs Website Gratis

Pastilah dalam benak Anda bertanya-tanya perihal bagaimana sih seorang programmer bisa membuat situs website? Dan kemudian Anda pun berpikir, dan menjawab pastinya harus menguasai hal-hal yang tidak Anda kuasai. Sehingga jalan buntu adalah kebanyakan yang ditemukan oleh orang-orang yang Akan memulai membuat situs website.
Apakah ada alternatif? Ada. Justru hal inilah yang memaksa salah satu staff ilmuwebsite membuat sebuah layanan yang membantu Anda untuk membuat situs website. Situs Website Gratis tentunya. :-). Sehingga Anda tidak perlu khawatir akan hal-hal yang tidak Anda kuasai, Anda tidak perlu mempelajari lagi bagaimana melakukan programming, belajar kode-kode yang mungkin membuat Anda malah menjadi pusing tujuh keliling.
Adalah kaffah.biz, layanan membuat situs website, membuat website gratis, yang mungkin sementara ini baru dapat membuat toko online gratis saja, tapi pihak kaffah.biz mengatakan dalam waktu dekat setidaknya bulan depan Anda tidak hanya dapat membuat toko online gratis, tapi juga website-website bentuk lain, seperti website sekolah, website travel agency, website hotel, website restaurant, website jasa, website company profile, website portofolio.
Di samping pembuatan situs website, website gratis, kaffah.biz pun akan melaunching market placenya, membuat produk-produk, atau website Anda semakin mudah ditemukan oleh calon pelanggan website Anda. Dan direncanakan kedepannya pun akan ada sebuah media yang dapat menampung banyak artikel, tergabung dalam direktori artikel, atau direktori blog.
Cukup registrasi, kurang dari 3 menit Anda sudah dapat mengelola website secara mudah. Karena memang kaffah.biz kami buat sangat user friendly, artinya orang awam pun dijamin bisa menggunakannya dengan cepat. Karena cepat dan mudah adalah tagline kami.
Jika Anda ingin memanfaatkan kaffah.biz untuk domain Anda sendiri, misalkan Anda ingin membuat situs website dengan nama www.namaanda.com cukup anggarkan 199rb saja, dan ini akan berlaku selama 1 tahun, dan Anda tidak direpotkan dengan banyak hal yang tidak Anda kuasai.
http://www.kaffah.biz membuat situs website gratis jadi mudah.
Selamat mencoba.

READ MORE - Membuat Situs Website Gratis

Perbedaan web statis dan web dinamis

menyinggung istilah web statis dan web dinamis.� Apa seh perbedaan antara keduanya? Di sini akan aku bahas secara singkat saja menurut pemikiranku

• Interaksi antara pengunjung dengan pemilik web
  Dalam web statis tidak dimungkinkan terjadinya interaksi antara pengunjung dengan pemilik web. Sementara dalam web dinamis terdapat interaksi antara pengunjung dengan pemilik web seperti memberikan komentar, transaksi online, forum dll
• Adanya script language yang digunakan
  Web statis hanya menggunakan HTML saja, sedangkan web dinamis menggunakan bahasa pemrograman web seperti PHP atau ASP.
• Penggunaan database
  Web statis tidak menggunakan database karena tidak ada data yang perlu disimpan dan diproses. Sedangkan web dinamis menggunakan database seperti mysql, oracle, dll untuk menyimpan dan memproses data.
• Content
  Content dalam web statis hanya diberikan oleh pemilik web dan jarang diupdate, sementara content dalam web dinamis bisa berasal dari pengunjung dan lebih sering diupdate. Content dalam web dinamis bisa diambil dari database sehigga isinya pun bisa berbeda-beda walaupun kita membuka web yang sama.
• Contoh
  Contoh web statis adalah web yang berisi profil perusahaan. Di sana hanya ada beberapa halaman saja dan contentnya hampir tidak pernah berubah karena content langsung diletakkan dalam file HTML saja.
  Contoh web dinamis adalah blog, portal berita, social networking. Lihat saja isi web tersebut, isinya selalu diupdate oleh pemiliknya. Bahkan untuk social networking selalu update tiap detik

Kira-kira itu adalah perbedaan antara web statis dan web dinamis. Silakan jika ada yang ingin menambahkan…
suber:http://away.web.id/perbedaan-web-statis-dan-web-dinamis/

READ MORE - Perbedaan web statis dan web dinamis

Membuat Read More Dengan Fungsi Substr

Hello teman-teman pembaca sekalian. Apa kabar? Moga baek2 aja semua… :)
Pernah baca artikel kan di website atau portal-portal web di internet? Kalau pernah baca, pasti Anda sekalian pernah melihat link yang bertulisan “Read More…”. Apa itu “Read More”? Read More adalah baca selanjutnya. Dengan kata lain, misalnya ada artikel atau berita yang isinya panjangnya minta ampun…kayak Tembok Republik Rakyat Cina sono noh… :) Kita buat isi artikel atau berita tersebut tampil sebagian aja, kemudian buat link untuk “Read More”, agar kalau link itu diklik maka akan diarahkan ke isi artikel keseluruhannya.
Nah pada tutorial kali ini saya memberikan tutorial bagaimana membuat read more tersebut pada artikel dengan memakai fungsi substr pada php. Let’s play… :)
Kita buat terlebih dahulu databasenya…

CREATE TABLE ‘tb_artikel’ (
‘id’ tinyint (1),
‘judul’ varchar (30),
‘isi’ text,
‘penulis’ varchar (30),
PRIMARY KEY (‘id’)
);

Lalu kita insert data ke dalam table…

INSERT INTO tb_artikel VALUES
(‘1’, ‘Migrain’, ‘Penyakit ini lebih banyak diderita oleh wanita.
Migrain adalah penyakit yang menyerang otak dan mengakibatkan
kesakitan baik secara fisik maupun emosi. Pelebaran pembuluh
darah pada otak dan peradangan merupakan salah satu mengapa
kepala terasa sakit. Walau belum diketahui secara pasti
penyebabnya, umumnya penyakit ini merupakan penyakit
yang diturunkan.

Yang dapat dilakukan adalah berusaha untuk mencegah
terjadinya serangan sakit kepala dan mengurangi
rasa sakit saat serangan terjadi. Kadangkala
serangannya tidak hanya menyerang salah satu
sisi kepala tetapi menyerang kedua sisi kepala.’, ‘Andi’),
(‘2’, ‘Migrain2’, ‘Penyakit ini lebih banyak diderita
oleh wanita. Migrain adalah penyakit yang menyerang
otak dan mengakibatkan kesakitan baik secara fisik
maupun emosi. Pelebaran pembuluh darah pada otak
dan peradangan merupakan salah satu mengapa kepala
terasa sakit. Walau belum diketahui secara pasti 

penyebabnya, umumnya penyakit ini merupakan
penyakit yang diturunkan.

Yang dapat dilakukan adalah berusaha untuk
mencegah terjadinya serangan sakit kepala
dan mengurangi rasa sakit saat serangan terjadi.
Kadangkala serangannya tidak hanya menyerang
salah satu sisi kepala tetapi menyerang kedua
sisi kepala.’, ‘Budi’),
(‘3’, ‘Migrain3’, ‘Penyakit ini lebih banyak
diderita oleh wanita. Migrain adalah penyakit
yang menyerang otak dan mengakibatkan kesakitan
baik secara fisik maupun emosi. Pelebaran
pembuluh darah pada otak dan peradangan
merupakan salah satu mengapa kepala terasa sakit.
Walau belum diketahui secara pasti penyebabnya,
umumnya penyakit ini merupakan
penyakit yang diturunkan.

Yang dapat dilakukan adalah berusaha untuk
mencegah terjadinya serangan sakit kepala dan
mengurangi rasa sakit saat serangan terjadi.
Kadangkala serangannya tidak hanya menyerang
salah satu sisi kepala tetapi menyerang
kedua sisi kepala.’, ‘Cucu’);

Kemudian buat skrip dan beri nama artikel.php :

");
echo("
");
echo("");
echo("
");
echo("
");
echo("");
echo("
");
echo("
");
echo("");
}
?>

$baris[1]
  
".substr($baris[2],0,150)." Read More . . . 
  
Penulis : $baris[3]
  

Terakhir, buat skrip untuk baca selengkapnya.
Beri nama skrip ini artikel_detail.php :

");
echo("
");
echo("");
echo("
");
echo("
");
echo("");
echo("
");
echo("
");
echo("");
}
?>

$baris[1]
  
$baris[2]
  
Penulis : $baris[3]
  

Penjelasan singkat, fungsi substr untuk mengambil nilai string yang diinginkan. Substr memiliki 3 buah argument dan nilai returnnya adalah string, dimulai dari posisi awal sebanyak jumlah karakter.
Sekian, semoga bermanfaat :)
Download tutorial Membuat Read More Dengan Fungsi Substr

READ MORE - Membuat Read More Dengan Fungsi Substr

Trik Membuat Submit Button dengan Image

Oke, mungkin pada awalnya kebanyakan dari web developer pun pernah bertanya-tanya bagaimana membuat suatu image menjadi submit button dari suatu form. Dan fungsi seperti ini memang ternyata telah dipakai pada beberapa Content Management System favorit, joomla misalnya, ketika anda melakukan suatu save item, entah itu article, ataupun product di virtuemart yang memanfaatkan component backendnya, disana terlihat sebuah image yang memiliki sebuah fungsi sebagai submit button. Ada 2 trik yang biasanya sering digunakan, pertama memanfaatkan tag html, dan yang terakhir memanfaatkan fungsi javascript sederhana.


Ya, kita coba terlebih dahulu untuk trik yang pertama …
Buat sebuah file, namakan terserah anda, saya menamakannya imgbtn.html, kemudian isi didalamnya :

Nama :

Yang memiliki fungsi intinya :
baris
membuat sebuah input dengan type image.
kemudian, file kirim.php, file ini digunakan untuk menangkap apa yang telah dikirim oleh imgbtn.html, tentunya anda harus memiliki sebuah web server yang telah terinstall didalam pc anda untuk mencobanya. Tapi diakhir artikel html ini penulis menyediakan file demo dari artikel ini.
File kirim.php
< ?php
echo $_POST['nama'];
?>
Anda tidak dapat menggunakan fitur seperti hover button dalam trik yang pertama ini, tag input type=’image’ tidak mengizinkan anda untuk perubahan gambar ketika mouse over, ataupun ketika mouse out. Fitur perubahan image/gambar ketika mouse over atau mouse out didapatkan dengan menggunakan trik yang selanjutnya.
Kemudian trik yang terakhir, ini trik pengembangan dari trik sebelumnya. Jika trik yang pertama itu hanya membolehkan gambar yang statik, maka trik yang kedua ini anda dapat memasang fitur perubahan gambar ketika mouseover ataupun mouseout.
Sediakan sebuah file imgtbn2.html, berisi :

Nama :

onmouseover=”document.formulir.sub_but.src=’submit_icon.jpg’”
onmouseout=”document.formulir.sub_but.src=’submit_icon_hover.jpg’”
onclick=”return val_form_this_page()”>

trik yang terakhir ini, menggunakan tag dan memanfaatkan fungsi javascript yang diembedkan.
Statement intinya :
onclick=”return val_form_this_page()”>
ketika image di klik maka kembalikan nilai yang terisi dalam form di document untuk kemudian di kirim ke action targetnya, yakni kirim.php.
Dengan trik ini
dan file kirim.php yakni file php untuk menangkap variable yang dikirim.
< ?php
echo $_POST['nama'];
?>
Sekian, anda dapat menggunakan trik ini untuk digunakan dalam melakukan development website anda. Terima kasih.
Oleh : Loka Dwiartara.
File tutorial ini dapat anda download disini :
http://www.ilmuwebsite.com/file_tutorial/trikimagebutton.zip
Dan untuk mencoba file tutorial diatas silahkan klik :
http://www.ilmuwebsite.com/file_tutorial/trikimagebutton/imgbtn.html
http://www.ilmuwebsite.com/file_tutorial/trikimagebutton/imgbtn2.html

READ MORE - Trik Membuat Submit Button dengan Image