Nightwalker Team » zack

Membuat form aplikasi text editor dengan jQuery

zack — Mon, 14 Mar 2011 18:55:32 +0000

Anda memiliki sebuah website?? atau memiliki blog?? jika ya, maka pasti anda sudah tidak asing lagi dengan aplikasi Text Editor, karena setiap kali anda ingin mengupdate berita atau posting artikel anda pasti menggunakan aplikasi ini dan hampir semua CMS, atau layanan blog memiliki aplikasi ini. Pada tutorial kali ini saya akan menjelaskan penerapan Text Editor dengan jQuery.

Untuk membuat aplikasi text editor jQuery, hal yang pertama kita harus lakukan adalah mendownload modul jQuery yang kita butuhkan yaitu jQuery RTE-Editor anda dapat mendownloadnya disini

setelah kita selesai mendownloadnya, ekstrak file tersebut pada folder www (localhost), lalu ketikkan kode html di bawah ini :

Post Artikel

Form Artikel

selanjutnya, simpan kode html di atas pada folder yang sama tempat anda mengekstrak modul jQuery tersebut dengan nama editor.html lalu buka browser anda dan ketikkan alamat http://localhost/editor.html

inilah hasilnya :

Sekian tutorial kali ini, jika anda kebingungan dalam mengaplikasikan modul jQuery ini jangan ragu untuk bertanya dengan saya atau silahkan lihat dokumentasi yang disertakan pada modul jQuery tersebut.

Sampai jumpa pada tutorial selanjutnya ! CIAO !

Sekilas Tentang PHP-Fusion 7

zack — Thu, 03 Feb 2011 16:18:49 +0000

Mungkin sudah banyak aplikasi-aplikasi CMS Web Engine yang ada pada waktu sekarang ini, contohnya : phpbb, vbulletin, wordpress, joomla, Opencms dan lain-lain. tapi ada salah satu CMS Web Engine yang begitu menarik perhatian saya yaitu php-Fusion. Selain distribusinya yang gratis dengan GNU AFFERO GENERAL PUBLIC LICENSE (AGPL/GPL Ver.3) CMS ini juga terlihat begitu efisien, powerfull, dan user friendly. CMS ini juga bukan hanya sekedar CMS untuk aplikasi web biasa, di dalamnya sudah terdapat forum untuk diskusi antar member, serta fitur-fitur yang banyak mendapatkan dukungan dari komunitas yang ada, sehingga kita dapat mendapatkan informasi tentang php-Fusion yang dibutuhkan dengan mudah. Tentunya jika kita lihat dari aplikasi yang gratis ini, hal tersebut sangat luar biasa mengingat aplikasi CMS ini adalah free. pada saat ini php-Fusion sudah mencapai versi 7.XX, dan akan terus dikembangkan.

Dalam kesempatan kali ini, saya akan mencoba berbagi pengalaman saya dalam tahapan installasi php-Fusion Ver. 7.XX pada AppServ 2.5.10

Langkah-langkahnya adalah sebagai berikut :

1. Download php-Fusion disini (Jika anda sudah mengunduh lewati langkah ini)

2. Ekstrak file binary/zip php-Fusion tersebut pada folder instalasi AppServ anda. contoh: “C:\AppServ\www”

3. Ganti nama _config.php menjadi config.php, file tersebut terdapat pada folder “files”

4. Selanjutnya anda buka browser anda lalu masuk ke “http://localhost/phpMyAdmin/” tanpa tanda kutip, jangan lupa untuk menjalankan Apache, MySQL, dan lainnya. (Biasanya pada AppServ otomatis dijalankan)

5. Lalu buatlah sebuah database dengan nama apapun, untuk contoh kali ini saya membuat sebuah database dengan nama phpfusion, klik tombol “Ciptakan”

6. Selanjutnya arahkan browser anda pada tempat anda mengekstrak phpFusion pada langkah kedua sebelumnya, Contoh : http://localhost/PHP-Fusion 7.01.04/files, lalu tekan tombol Next.

7. klik tombol Next lagi.

8. Isi nama hostname, username dan password MySQL anda, serta nama database yang telah anda buat pada langkah ke-5 di atas. Untuk Table Prefix tidak perlu diubah.

9. Jika data yang anda masukkan benar, maka proses akan berlanjut seperti gambar di bawah ini :

10. Selanjutnya, isi data- data berikut ini. Ingat ! data yang anda masukkan ini adalah untuk identitas Super Admin yang mengatur phpFusion ini, isilah dengan benar dan jangan sampai lupa.

11. Step terakhir, jika muncul tampilan seperti gambar di bawah ini, maka phpFusion anda siap untuk dipakai.

Inilah hasil terakhirnya……

TARAAAA :

Ini adalah tampilan theme default, theme bisa diubah pada halaman admin. Jangan lupa untuk menghapus file setup.php pada folder “files.” dan kalau anda ingin mengupload di hosting atau menggunakannya sebagai CMS website anda perhatikan konfigurasi file-file agar di set menjadi Read Only atau chmod 644.

Akhir kata, selamat mencoba.

Menampilkan status online Yahoo Messenger Pada Blog atau Website Anda

zack — Fri, 31 Dec 2010 11:59:49 +0000

Cara untuk menampilkan status online Yahoo Messenger pada blog anda sangatlah mudah, anda tinggal mengetikkan beberapa baris kode yang saya tuliskan di bawah ini, anda tinggal mengganti ID Yahoo Messenger (bufferdie), dengan ID Yahoo Messenger anda dan menuliskannya pada blog anda pada Rancangan, Elemen Laman, tambah Widget HTML/JavaScript.

Berikut kodenya :

Sedangkan untuk Website kita bisa juga dengan menggunakan script PHP. Berikut kodenya :

echo ‘’;
$daftar_idyahoo=”bufferdie”;
$proses=explode (“,”,$daftar_idyahoo);
reset ($proses);
foreach ($proses as $tujuan) {
echo (”
$tujuan

”);
}
?>

Ada beberapa tampilan icon status Yahoo Messenger yang bisa anda pilih :

t=0

t=1

t=2

t=3

t=4

t=5

t=6

t=7

t=8

t=9

t=10

t=11

t=12

t=13

t=14

t=15

t=16

untuk memilih icon yang anda sukai, anda dapat mengganti kode t=1 dengan pilihan yang anda pilih pada daftar pilihan icon di atas.

Selamat mencoba.
Happy Blogging !

Refferensi :

http://messenger.yahoo.com/

http://www.ymessengerblog.com

Tulisan mengetik dengan Visual Basic 6.0

zack — Sat, 06 Mar 2010 14:59:17 +0000

Dari artikel mengenai VB sebelumnya, saya menjadi tertarik untuk menuliskan artikel sederhana yaitu membuat teks label pada VB agar dapat berjalan mengetik. Ok, tidak banyak berbasa-basi kita langsung saja ke pokok permasalahannya ! Seperti biasa, untuk membuat aplikasi dengan VB 6.0 maka kita harus membuka aplikasi VB terlebih dahulu (Ya iyalah, masa buka Firefox.. ).

caranya Klik menu Start\All Programs\Microsoft Visual Studio 6.0\Microsoft Visual Basic 6.0
selanjutnya, pada menu awal New Project pilih Standard EXE klik Open. Seperti gambar di bawah ini :

Setelah itu maka akan keluar Form aplikasi yang masih kosong, pada Form yang masih kosong tersebut isikan sebuah Timer dan sebuah Label yang berada pada Toolbox di sebelah kanan monitor.

Tool Box

Seperti contoh gambar di bawah ini :

Lalu untuk Properties – Timer1,
Interval = 150.

Properties – Label1
BackStyle = 0 – Transparent
Untuk Caption, tulisan Label1 di hapus.

Setelah itu maka design untuk Form telah selesai, maka tugas kita selanjutnya adalah mengetikkan source code . caranya pada Project browser klik kanan pada Form1 (Form1) lalu pilih menu View Code. atau seperti gambar di bawah ini :

Lalu akan muncul Source Code editor seperti gambar di bawah ini :

Isikan source code ini :

Option Explicit
Dim Teks As String
Dim i As Integer
Dim digit As Integer

Private Sub Timer1_Timer()
Label1.FontSize = 15
Label1.Caption = “”
Label1.Font = “Comic sans ms”
Timer1.Interval = 150

Teks = “Halo nighwalker team.. ”

If digit < Len(Label1) Then digit = -1
digit = digit + 1
Label1.Caption = Mid(Teks, 1, digit)
End Sub

Setelah selesai mengetikkan coding di atas maka program telah siap untuk di jalankan, cara menjalankanya dengan menekan tombol F5 pada keyboard atau pada menu Run lalu pilih Start seperti gambar di bawah ini :

Jika tidak ada kesalahan, maka program akan berjalan normal seperti di bawah ini :

dan tulisan yang muncul akan mengetik dengan sendirinya.
Ok, sekian dulu artikel kali ini. Sampai jumpa pada artikel saya selanjutnya
Selamat Mencoba.

ARTICLE BY : ZACK

Membuat aplikasi menggunakan realBasic

zack — Thu, 04 Feb 2010 15:39:24 +0000

Bahasa BASIC merupakan bahasa populer sejak dahulu kala hingga kini. Bahasa BASIC disukai banyak programer karena kemudahannya serta bahasanya yang cukup familier tanpa mengurangi perfomance kinerjanya. Seiring dengan perkembangan zaman, bahasa BASIC dikembangkan oleh salah satu vendor software ternama yaitu Microsot menjadi bahasa berbasis visual dan diberi nama “Visual Basic” sehingga membuat bahasa BASIC menjadi salah satu primadona di kalangan pembangun perangkat lunak hingga kini.

Peranan besar pihak Microsoft sebagai produsen MS Windows menjadikan Visual Basic mempunyai kemampuan dan kemudahan bagi developer untuk membangun berbagai perangkat lunak bisnis dengan mudah, cepat dan handal.
Sayangnya, Visual Basic sampai saat ini hanya dapat berjalan di atas lingkungan sistem operasi Windows. Untuk kalangan sistem operasi yang lain seperti Linux misalnya, Visual Basic masih belum bisa berjalan optimal walaupun saat ini sudah mulai dirintis sebuah framework berbasis .NET agar dapat menjalankan aplikasi VB.NET di atas platform Linux.

Kondisi seperti ini ternyata telah dianggap sebagai peluang bagi vendor software lain sehingga muncul sebuah tandingan dari MS Visual Basic yaitu RealBasic yang saat ini sudah mencapai versi 2009 Release 5. Pihak pengembang RealBasic menghadirkan sebuah teknologi kompiler bahasa BASIC berbasis GUI dengan bentuk penyajian yang agak berbeda. Salah satu fitur andalan dari RealBasic adalah adanya kemampuan untuk dapat berjalan diberbagai platform yaitu MS Windows, Linux serta Macintosh, gaya ini mirip dengan aplikasi JAVA yang terkenal dengan semboyan “Create Once, Run Everywhere”. Dengan RealBasic, anda dapat mengkompilasi source code aplikasi di berbagai platform tanpa harus melakukan banyak perubahan kode sebagai yang dijanjikan oleh pihak pengembangnya.

RealBasic saat ini dikeluarkan dalam dua versi, yaitu versi Personal dan Professional. Perangkat lunak ini dapat dicoba dengan cara mengunduhnya langsung dari situs resminya di http://www.realsoftware.com dan jangan lupa untuk melakukan registrasi di situs tersebut agar dapat memperoleh License Key untuk keperluan uji coba (trial) RealBasic selama 30 hari di komputer Anda.

Kelebihan lain yang saya temukan adalah RealBasic mengkompilasi proyek anda kedalam bentuk file EXE tunggal sehingga tidak perlu kuatir akan adanya “DLL Missing” dalam distribusi proyek anda. Selain itu, anda juga akan dibuat berdecak kagum dengan kecepatan eksekusinya dibandingkan aplikasi yang dibuat dengan MS Visual Basic. Hal ini disebabkan RealBasic tidak membutuhkan dan bergantung kepada External Runtime seperti MSVBxxxx.dll atau file library lainnya.

Sebagaimana ungkapan kata-kata bijak yaitu ada kelebihan, pasti ada juga kekurangan. Kekurangan dari RealBasic sampai saat ini adalah kurangnya dukungan dari berbagai pihak karena bahasa ini masih belum banyak dikenal oleh khalayak umum. Dengan demikian pada beberapa kasus, RealBasic masih sulit digunakan karena sulitnya dokumentasi tambahan serta sedikitnya forum yang bersedia membahas bahasa ini. Sebagai programmer sejati, tidak ada salahnya anda mencoba bahasa satu ini karena saya yakin seiring berjalannya waktu RealBasic akan berkembang menjadi kompiler yang handal dan terpercaya untuk dijadikan sebagai bahasa pemrograman Anda.

Sebagai Tambahan, saya akan memberikan contoh sederhana pembuatan aplikasi sederhana pada realBasic berupa aplikasi dasar pengolahan teks input.

(Saya asumsikan dalam hal ini anda telah menginstall aplikasi realBasic)
Langkah pertama yang harus di lakukan adalah membuka form editor, seperti gambar di bawah ini :

Langkah kedua adalah membuat menu-menu pada form, 1 buah EditField untuk input teks, 3 buah PushButton untuk tombol pengoperasian. Seperti gambar di bawah ini :

Langkah selanjutnya adalah menuliskan code, caranya double click pada menu PushBotton1 yang telah kita buat lalu akan muncul form editor, dan tuliskan code ini pada sub Action :

if EditField1.Text = “” Then MsgBox (“Isi nama anda !”) Else MsgBox (“Halo ” + EditField1.Text + “! apa kabar kamu di sana ??”)

Atau seperti gambar di bawah ini :

Langkah selanjutnya adalah menuliskan code-code pada PushButton2 dan PushButton3, untuk PushButton2 isikan code berikut pada sub Action :

EditField1.Text = “”

Untuk PushButton3 isikan dengan code berikut pada sub Action :

Window1.close

Setelah anda mengikuti langkah-langkah di atas, maka aplikasi ini telah siap untuk di jalankan. Untuk menjalankan aplikasi yang telah kita buat ini caranya adalah dengan menekan tombol RUN seperti gambar di bawah ini :

Lalu aplikasi ini akan berjalan seperti ini :

Selesai..
Selamat mencoba.

Selesai..

Selamat mencoba.

Judul	:
Isi	: