Animasi dengan Flash, Mendapatkan IP address dengan Delphi, CSV to MySQL »

Minggu, 16 November 2008

Animasi dari Flash

Untuk memulainya silahkan buka vector logo design dalam Adobe Illustrator.


Export vector logo file diatas menjadi sebuah Macromedia SWF file dan select Preserve Editability checkbox.


Buka Macromedia Flash dan ciptakan new document dengan dimensi yang telah anda tentukan sebelumnya, dan pastikan Frame Rate menjadi 24fps untuk sebuah smooth animation.

File > Import > Import to Stage dan pilih logo SWF file anda. Ini akan menempatkan logo dalam format vector dalam Flash artboard


Select semua objects yang membuat bentuk lemon shape dan group ken mereka dengan menekan (Ctrl/CMD + G), lalu "Cut" lemon dan "Paste" pada layer baru. Ingat untuk memberi nama pada layer2 anda untuk referensi kedepannya.


Pilih frame 50 pada kedua layer dan Masukkan sebuah Keyframe (Click Kanan > Insert Keyframe), ini akan memberikan beberapa space pada timeline untuk bekerja.


Dalam frame pertama, Copy gambar lemon lalu drag gambar tsb kedalam stage secara vertical. Masukkan sebuah Keyframe pada frame 5 dan Edit > Paste In Place, lemon nya, hapus lemon yang di atas pada frame ini.


Klik kanan antara kedua Keyframes ini dan select Create Motion Tween. Anda akan melihat warna biru dan symbol panah antara frames tersebut.


Masukkan sebuah Keyframe pada frame 7, lalu kembali pada frame 5 pindahkan lemon kebawah secara pelan-pelan dengan Free Transform Tool, tahan ALT untuk merubah satu sudut.
Ciptakan sebuah Motion Tween antara frames 5 dan 7.


Ciptakan layer baru dibawah layer lemon dan berinama Shadow. dalam layer ini gambar sebuah oval dengan gradient abu-abu ke putih dari tengan. Pakai Gradient Transform Tool untuk me-ngedit bentuk dari gradient untuk memberikan perspective.


Masukkan sebuah Keyframe pada frame 5 pada layer ini dan skala perkecil bayangandan berikan kesan bahwa lemon sangat jauh. Ciptakan sebuah Motion Tween antara frame2 ini.


Untuk memulai getaran pada lemon, Masukkan sebuah Keyframe pada frame 53 dan 56. Rubah ukuran lemon menjadi lebih besar sec. perlahan2 pada frame 53. Ciptakan sebuah Motion Tween antara frames 50-56.


Copy frames ini dan Paste pada frame 65 untuk getaran perulangan.




Untuk menciptakan getaran lebih cepat masukkan sebuah Keyframe pada 75, lalu Copy frame 68 dan Paste pada frame 77.


Copy frames antara 75-77 dan paste pada frames 79, 82, 85 dan 91 untuk mengulangi getaran pelan dan cepat.




Ciptakan sebuah getaran yang lebih cepat dengan meng-Copy frame 77 dan mem-Paste nya pada frame 94, Copy frame 77 dan Paste pada 95, lalu Copy frames 94-95. Paste frame ini pada 96, 98, 100, 102, 104, 106, 108 dan 110.


Untuk mengakhirinya buatlah lemon pop dan menghilang masukkan sebuah Keyframe pada 112 dan perbesar lemon. Pada panel properties rubah warna ke Alpha dan set pada 50%.


Masukkan sebuah Blank Keyframe (Click Kanan > Insert Blank Keyframe) pada frame 114.
Pindahkan layer2 Shadow dan Logo kedalam layer yang sekarang ini pada timeline dengan inserting frames (F5) pada frame 150.


Jika kamu ingin memainkan animation ini tekan (Enter) kamu akan melihat bagaimana semua Motion Tweens memerikan lemon sebuah animasi, bagaimanapun juga hal yang sama harus terjadi pada bayangan untuk mengikuti pergerakan bentuk dari lemon.
Pada layer Shadow masukkan Keyframes untuk menyamakan layer Lemon diatas dan merubah bayangan menjadi lebih besar secara tepat pada frame 53. Ciptakan Motion Tweens antara 50-55.


Copy frames 50-55 dan paste pada frame 65.
Ulangi proses ini sama seperti yang anda lakukan pada lemon, sampai bayangan memiliki getaran pergerakan yang sama dengan lemon.masukkan sebuah Blank Keyframe pada frame 113




Satu langkah terakhir adalah untuk membuat warna putih mendahului bayangan pada logo text. Mudah dengan men-drag layer Text menjadi diatas layer Shadow.




Tekan Ctrl + Enter untuk mem-publish animation menjadi SWF.

Mendapatkan IP address denga Delphi

Kita bisa menggunakan fungsi-fungsi yang ada pada unit Winsock untuk menyelesaikan misi kita kali ini. Silakan Anda buat project baru pada Borland Delphi. Penulis menggunakan Borland Delphi 6.0 pada tips kali ini. Letakkan sebuah komponen button dan dua buah komponen edit box pada form tersebut. Adapun gambarnya bisa Anda lihat seperti berikut ini.

Komponen Edit1 akan kita gunakan untuk menampung IP address komputer kita dan Edit2 akan kita gunakan sebagai tempat untuk menampung nama komputer. Sekarang kita akan isi event OnClick pada button di atas dengan rutin-rutin untuk mengambil IP address dan computer name. Untuk itu mari kita lihat potongan code di bawah ini untuk event OnClick dari komponen button.

procedure TForm1.Button1Click(Sender: TObject);
var
wVersionRequested : WORD;
wsaData : TWSAData;
phe : PHostEnt;
stri : array[0..128] of char;
pc : PChar;
begin
//start winsock
wVersionRequested := MAKEWORD(1, 1);
WSAStartup(wVersionRequested, wsaData);

//get computer name
GetHostName(@stri, 128);
phe := GetHostByName(@stri);

//get ip address
pc := iNet_ntoa(PInAddr(phe^.h_addr_list^)^);

Edit1.Text := pc;
Edit2.Text := phe^.h_Name;

//clean up winsock
WSACleanup;
end;

Jangan lupa untuk menambahkan Winsock pada bagian Uses dari project di atas. Sekarang kita lihat pada code di atas. Pertama kali yang dilakukan adalah men-start Winsock dengan fungsi WSAStartup. Kemudian setelah itu fungsi GetHostName dipanggil untuk mengambil host name standard dari komputer lokal. Fungsi GetHostByName dipanggil untuk mengambil informasi host dari database host. Setelah semua proses selesai kemudian kita panggil fungsi WSACleanup untuk membersihkan memory dari Winsock sekaligus berarti selesai menggunakan ws2_32.dll.

CSV to MySQL.

Gag usah basa basi, langsung aja coba PHP CSV Importer . Tools ini berfungsi untuk mengimport file CSV ke database MySQL.

langkah-langkah :

1. Download sourcecode PHP CSV Importer (php_csv_importer_3_0_2a.zip) dari webnya.
2. Letakkan di folder htdocs di webserver kita. Kemudian ekstrak, akan terbentuk folder php_csv_importer_3_0_2a yang berisi tools tersebut.
3. Supaya mudah, rename nama folder tersebut menjadi nama lain. Misal :

1
    #mv php_csv_importer_3_0_2a csvimport

4. Masuk ke folder tersebut dan edit file config.php yang ada. Ubah beberapa seting berikut :

1
define('_DIR_HOME', '/home/myusername/csv_importer/');

ganti dengan path yang sesuai dengan direktori sistem Anda.

1
2
3
4
define('_MYSQL_HOST', 'localhost');
define('_MYSQL_USERNAME', 'username');
define('_MYSQL_PASSWORD', 'password');
define('_MYSQL_DB_NAME', 'database');

Ganti sesuai dengan akses ke database MySQL Anda.

Jika konfigurasi benar, pada waktu diakses melalui browser seharusnya tidak muncul pesan kesalahan.

Mengimport File CSV

1. Pada langkah ini, diasumsikan pada MySQL Anda telah tersedia database yang akan menerima masukan file CSV. Jika belum, buat sebuah database percobaan. Misalnya database tescsv.

2. Buat satu tabel dengan struktur berikut

1
2
3
4
5
6
7
8
CREATE TABLE phonebook (
id int(5) NOT NULL auto_increment,
nama varchar(20) NOT NULL,
telp varchar(20) NOT NULL,
email varchar(30) NOT NULL,
alamat text NOT NULL,
PRIMARY KEY (id)
) Type=MyISAM;

3. Kemudian buat satu file dengan ekstensi .csv yang misalnya berisi data berikut :

1
2
Mitchel Maturity,021xxxxxx,mitchel@maturity.web.id,"Tebet, Jakarta Selatan"
Miftahul Ulum,021xxxxxx,ulum@yahoo.com,"Tebet, Jakarta Selatan"

4. Kemudian buka URL PHP CSV Importer, misalnya :
http://192.168.0.116/~mitchel/csvimport/

Akan muncul halaman pertama aplikasi tersebut.

Klik tombol “Import a File” pada bagian bawah halaman. Kemudian akan muncul halaman yang menanyakan lokasi file CSV, apakah di komputer kita atau berada di komputer lain. Jika memilih file CSV ada di komputer kita, pilih file yang akan diimport.

Setelah selesai, klik tombol “Continue”. Selanjutnya aplikasi akan menampilkan preview isi file CSV yang kita pilih tadi. Jika yakin data tersebut sudah benar, klik lagi tombol “Continue”. Kemudian pilih tabel yang akan menampung data CSV tersebut.

Sesuaikan Field-Field yang ada di database dengan kolom-kolom yang ada di file CSV.

Jika sudah klik lagi tombol “Continue”, maka data dari file CSV akan diimport ke MySQL.

Silahkan mencoba, good luck...