Bagaimana cara membuat Sliding Dock untuk Blackberry Themes

Hal-Hal yang dibutuhkan adalah :
– PC/Laptop
– Blackberry
– Kabel USB
– Aplikasi Blackberry Themes Studio / BTS (Theme Builder & Composer)
– Aplikasi Design (Adobe Photoshop, CorelDraw dll)

Langkah awal yang harus disiapkan adalah membuat design tema Sliding Dock di Composer

1. Jalankan aplikasi Composer (BTS yang digunakan adalah versi 6 Gold)
2. P&C File – New, lalu pilih tipe Blackberry dan P&C OK

3. Siapkan 18 Themes Button (bertujuan agar bergeser per-enam icon)

4. Setelah Themes Button di Click, P&C di sembarang canvasnya dan ubah Inspector Propertis nya menjadi Use Device Application Order (settingan ini bertujuan agar Icon-Icon akan tersusun sesuai keinginan user Blackberrynya)

5. Bila sudah, Copy dan Paste kan Themes Button tersebut hingga jumlahnya menjadi 18
catatan : bila anda ingin membuat icon lebih banyak atau lebih sedikit dipersilahkanπŸ˜€

6. Bila sudah, rename themes buttonnya menjadi Themes Button_1 sampai dengan Themes Button_18

7. Bila sudah selesai me-rename semua Themes Buttonnya, sekarang kita akan merapihkan susunan Themes Button yang masih berantakan.
Caranya,
– Blok / Pilih semua Themes Button
– Bila Alignment belum ada di tampilan composernya, aktifkan dengan cara P&C Window – Alignment

– P&C Center Vertical dan Pack Horizontal

– Maka tampilan susunan Themes Button sudah berbaris rapih.

– Bila sudah, posisikan ke x = 0 dan y = 280 sehingga berada di ujung bawah
Note : Contoh ini menggunakan tipe Blackberry 9700 atau kompatibel dengan ukuran wallpaper 480 x 360 Pixel

8. Oke, anda selesai untuk tahap composer. Eiittss, jangan lupa di export ke svg yaβ€¦πŸ˜€
P&C File – Export – SVG

Bila sudah di export, anda harus ingat tadi menyimpan filenya dimana karena akan dilakukan peng-editan svg.

9. Langkah selanjutnya adalah mengedit file Contoh.svg (kebetulan saya export nya menjadi Contoh.svg)

10. Buka explorer anda dan browse ke tempat anda menyimpan file tadi. P&C Kanan – Pilih Open With – Pilih Notepad

11. Setelah terbuka oleh notepad, scroll ke script paling bawah sebelum tanda /svg

12. Lalu tekan Tombol Enter 2 – 5 kali agar ada sedikit jarak dan agar anda membacanya tidak terlalu pusing antara script yang anda edit dan script bawaan export dari composernya

13. Setelah ini Paste kan script berikut ke tempat yang sudah diberi jarak tadi

animateTransform xlink:href=”#Layer_1″ id=”_anim_l1″ attributeName=”transform” type=”translate”
to=”0,0″ dur=”0.5s”
fill=”freeze”
begin=”Theme_Button_1.focusin”/

Note :
– Pastikan agar nama layer dan themes button yang anda gunakan saat di composer sama dengan yang ada di script

– Maksud dari script ini adalah melakukan perpindahan koordinat x,y setelah kursor berada pada icon tertentu

– Ini adalah satu dari script yang diberikan kepada satu icon/themes button, bila anda mempunyai 18 icon berarti anda harus meng-copy-kannya menjadi 18 script dengan catatan id=”_anim_l1″ tidak boleh ada yang sama agar penempatan id nya tidak bentrok.

– Agar mudahnya gunakan id=”_anim_lx” dan begin=”Theme_Button_X.focusin” (X = mengikuti urutan themes buttonnya, kalau themes button_1 maka anim_l1 dst)

– Close and save notepadnya.

14. Langkah terakhir adalah memasukkan svg file ke Themes Builder.

15. Jalankan Themes Buildernya. Pilih Tipe Blackberry nya, misal 9700 dan pilih Layoutnya Custom

16. Pilih Themes the Home Screen, lalu klik icon disebelah wallpaper yang seperti tongkat sihir (hehehe bahasa yang aneh :-p)

Lalu pilih tempat svg nya dan load svg yang tadi telah dibuat (Contoh.svg) dan P&C OK

Setelah diupload ke builder, berdoalah agar SVG nya tidak mengeluarkan kata-kata error hehehe :-p

17. Untuk test drivenya, silahkan P&C Preview Themes on Simulator (Bila ada simulatornya) atau Export menggunakan Kabel USB ke Blackberry anda.

Aktifkan terlebih dahulu Simulatornya dengan cara P&C Edit – Preference – Simulator

18. Selamat, anda sudah berhasil membuat themes dengan menggunakan efek sliding dock.

Semoga tutorial ini dapat membantu yang ingin belajar dan selamat berkreasi.

script nya ->> Slide

Referensi :
Aplikasi Blackberry Themes Studio
http://us.blackberry.com/developers/themes/devtools.jsp

Tutorial Themes – Sliding Dock
http://www.mattginsberg.net/

Download pdf file : click here

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”
Twitter : @hadi_ismail
FB & YM : hadi_ismail80@yahoo.com
email : hadiismail@hadiismail1980.com
http://www.hadiismail1980.com

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: