Saturday, February 18, 2017

Zooper Count Notification

  No comments
8:37:00 PM

Zooper secara default memiliki beberapa variable yang dapat digunakan untuk melihat notifikasi pada telephon kita yaitu Missed call, SMS dan Gmail, bisa anda lihat pada table variable disini, tapi bagai mana jika kita ingin menampilkan notifikasi dari aplikasi lain? tentu saja bisa dengan memanfaatkan aplikasi Tasker yang telah kita bahas pada tutorial yang lalu, silahkan lihat disini.
Pada kesempatan kali ini kita akan membahas bagaimana menampilkan notifikasi dari aplikasi seperti BBM,  WA, G+ atau yang lain, silahkan ikuti langkah-langkah berikut.

  • buka aplikasi tasker kemudian Add profile, pilih Event seperti yang telah kita jelaskan disini
  • pada jendela popup, pilih UI kemudian Notification
  • pada jendela Event Edit, klik pada icon roket yang berada pada menu Owner Application, kemudian pilih aplikasi yang di inginkan, dalam tutorial ini saya ambil contoh BBM
  • setelah selesai, klik tombol back kemudian buat task baru dengan nama "BBM Count"
  • pada jendela task, klik add kemudian pilih Variables kemudian Variable Add, isikan pada kolom Name dengan variable %Bbm atau bisa dengan nama variable yang anda suka (setelah tanda " % " harus huruf capital), untuk kolom yang lain biarkan 
  • kemudian tambahkan plugin Zooper Widget Pro seperti pada tutorial sebelumnya
  • setting plugin zooper sesuai dengan nama variable yang telah dibuat diatas
  • setelah selesai silahkan keluar dari jendela task,  tambahkan profile baru kemudian pilih Application, pada jendela App Selection pilih BBM ( profile ini berfungsi untuk mengembalikan value dari variable %Bbm menjadi 0 pada saat aplikasi BBM dibuka).
  • buat task baru dengan nama BBM Clear, kemudian Add action dengan memilih Variables - Variable Set
  • setting pada Variable Set, isikan pada kolom Name dengan variable %Bbm, pada kolom To isikan dengan angka 0, yang lain abaikan.
  • tambahkan plugin Zooper Widget Pro, kemudian setting persis seperti langkah sebelumnya
  • setelah selesai silahkan keluar dari aplikasi Tasker, kemudian coba test dengan text Zooper
  • tuliskan pada Edit Text Manually dengan variable #TBbm#, tunggu hingga ada notifikasi dari aplikasi BBM, jika value bertambah pada setiap notifikasi yang masuk maka anda telah berhasil membuat notifikasi aplikasi pada Zooper Widget. 

Read More

Zooper Membuat Widget Music Player

  1 comment
8:14:00 AM

Media Utilities
Integration
Media Utilities bukan music player melainkan widget dengan notification dan Tasker plugin yang bekerja dengan music player anda, Media utilities secara otomatis menentukan aplikasi music anda saat ini dan terintegrasi dengan itu, diskripsi lengkap mengenai Media Utilities dapat anda lihat di Play Store

 Persiapan

Setelah anda memasang Media utilities pada perangkat Android anda, anda perlu menyeting terlebih dahulu sebelum menggunakan.
  • buka pengaturan Android / Manager Pemberitahuan / Akses Pemberitahuan. centang pada Media Utilities
  • buka aplikasi Media Utilities, klik pada menu atau icon 3 titik pada kanan atas layar, kemudian pilih Settings, centang pada menu Zooper, Make Coverart, dan Send Song Progress, untuk yang lain abaikan saja.

  • buka kembali Media Utilities, klik pada icon menu, kemudian pilih Media App, Add Media App, silahkan pilih aplikasi music yang terinstall pada device anda (tidak semua music player compatible)

Zooper Integration

Media Utilities mendukung beberapa variable yang bisa anda gunakan seperti play/pause, nama album, nama artist dan sebagainya, silahkan lihat pada table berikut.

Zooper Media Untilities Variable
Variable Keterangan
#TMU_PLAYTIME# lama waktu bermain
#TMU_PLAYTIME_MILLIS# lama waktu bermain dalam milidetik
#TMU_TRACK_PERC# lama waktu bermain dalam persen
#TMU_REMAINING_TIME# sisa waktu bermain
#TMU_REMAINING_MILLIS# sisa waktu bermain dalam milidetik
#TMU_TRACK_NUM# nomor track
#TMU_TRACK_LENGTH# total waktu bermain
#TMU_TRACK_LENGTH_MILLIS# total waktu bermain dalam milidetik
#TMU_ALBUM# nama album
#TMU_ARTIST# nama artist
#TMU_TRACK# nama tack
#TMU_COVERART# coverart music
#TMU_CURR_APP# nama aplikasi music yang dipakai
#TMU_CURR_PACKAGE# nama paket aplikasi music yang dipakai
#TMU_ISPLAYING# indikator value, 0 = Play, 1 = pause

Membuat Music Widget

Pastikan anda sudah memeenuhi persyaratan pemasangan Media Utilities yang telah dijelaskan di atas, buat widget baru dengan ukuran 4x3, silahkan download bahan gambar.png Disini , unpack folder Bitmaps ke sdcard/ZooperWidget, silahkan ikuti tutorial yang saya jelaskan berikut ini (tambahkan module kemudian edit pada bagian yang dijelaskan, untuk yang lain abaikan saja).
  • Bitmap =" name: coverart backgroud, scale: 170, Advance Parameter: [b]#TMU_COVERART#[/b]"
  • Rect =" name: header, Y offset: -170, color: #8dffffff, width: 335, height: 75"
  • Rect =" name: header line, X offset: 32, Y offset: -123, color: black, width: 253, height: 2"
  • Bitmap =" name: header coverart, X offset: -130, Y offset: -107, scale: 32"
  • Text =" name: package app, X offset: 25, Y offset: -136, edit text manually: #TMU_CURR_APP#, color: black" 
  • Rich Text = " name: track name, X offset: -94, Y offset: -113, edit text manually: [tr=35]#TMU_TRACK#[/tr], color: black"
  • Rich Text =" name: album name, X offset: -94, Y offset: -97, edit text manually: [tr=35]#TMU_ALBUM#[/tr], color: black"
  • Rich Text =" name: artist name, X offset: -94, Y offset; -80, edit text manually:' Artist: [tr=15]#TMU_ARTIST[/tr]', color: black"
  • Progress bar =" X offset; -160, Y offset: 60, min/max/value: (min: 0, value: #TMU_PLAYTIME#, max: #TMU_TRACK_LENGTH#), FG color: #ffff9100, BG color; #95f3fff6, width: 320, height: 4"
  • Rect =" name: rect progress bar, X offset: -160, Y offset: 60, color: #ffff8900, width: 15, height: 15, corner: 10, blur: 4, advance parameter: [ox]$(-160+(320/#TMU_TRACK_LENGTH#/#TMU_PLAYTIME#))$[/ox]"
  • Text =" name: play time, X offset: -145, Y offset: 75, edit text manually: #TMU_PLAYTIME#"
  • Text =" name: track length, X offset: 145, Y offset: 75, edit text manually: #TMU_TRACK_LENGTH#"
  • Bitmap =" name: play/pause, Y offset: 100, module ontap: Shorctcuts - Media Utilities - play/pause, advance parameter:[b]$#TMU_ISPLAYING#=1?/sdcard/ZooperWidget/Bitmaps/pause.png:/sdcard/ZooperWidget/Bitmaps/play.png$[/b]"
  • Bitmap =" name: next, X offset: 70, Y offset: 100, module ontap: shortcuts - Media Utilities - next, bitmap: (cari gambar next.bmp dari download diatas), scale: 80"
  • Bitmap =" name: previous, X offset: -70, Y offset: 100, module ontap: shortcuts - Media utilities - previous, bitmap: (cari gambar previous.bmp dari download di atas), scale: 80"  

Untuk referensi silahkan Download sample template dari tutorial diatas, unpack  folder Tamplates didalam .zip ke /sdcard/ZooperWidget.

Read More

Monday, February 13, 2017

Zooper Tasker Variable

  No comments
7:16:00 PM

Zooper And Tasker
Integration

          Zooper Widget mendukung pembuatan variable melalui tasker yang memungkinkan anda membuat suatu task yang dapat diterapkan, format penulisan variable zooper yang dibuat melalui tasker adalah #T....# contoh : #Tbbm# #TWA# dan sebagainya, tergantung anda membuatnya.
disini saya hanya akan menjabarkan table variable tasker dan cara sederhana bagaimana penerapan pada zooper.

Tasker Variable
Nama Variable Keterangan
Airplane Mode Status %AIR status Airplane on atau off
Battery Level %BATT level battery saat ini 0-100
Bluetooth Status %BLUE status bluetooth on atau off
Call Name Incoming %CNAME nama dari penelpon
Call Number Incoming %CNUM nomor penelpon (0 apabila tidak diketahui)
Call Date Incoming %CDATE tanggal panggilan masuk
Call Time Incoming %CTIME waktu panggilan masuk
Call Name Outgoing %CONAME nama dari panggilan keluar terakhir kali dilakukan
Call Numbur Outgoing %CONUM nomor dari panggilan keluar terakhir kali dilakukan
Call Date Outgoing %CODATE tanggal panggilan keluar terakhir kali dilakukan
Call Time Outgoing %COTIME waktu panggilan keluar terakhir kali dilakukan
Call Duration Outgoing %CODUR durasi dari panggilan keluar yang terakhir kali dilakukan
Cell ID %CELLID tower ID seluler jika diketahui
Cell Signal Strength %CELLSIG level kekuatan signal seluler dari 0-8 inklusif dari skala rougly linear pada setiap CDMA phone, level akan naik dalam langkah 2 (0, 2, 4, 8), nilai value akan menjadi -1 jika tidak diketahui atau tidak ada layanan
Cell Service State %CELLSRV status seluler service, seperti tidak diketahui, dalam jangkauan, tidak ada layanan, emergency, no power.  
Clipboard Contents %CLIP konten dari system clipboard saat ini
CPU Frequency %CPUFREQ frequency CPU yang sedang berjalan
CPU Governor %CPUGOV status frekuensi governor controlling pada CPU (contoh : ondemand)
Date %DATE tanggal saat ini (contoh 2-13-2017)
Day Of The Month %DAYM hari (tanggal) dari bulan saat ini, dimulai dari 1
Day Of The Week %DAYW nama hari, dimulai dari minggu 
Display Brightness %BRIGHT level screen brightness (0-255), pada perangkat android jika setting Auto brigness aktif maka value akan tetap 255. 
Display Timeout %DTOUT waktu dari sytem screen timeout
Email From %EFROM email yang terakhir diterima (by K9 email agent)
Email Subject %ESUBJ subjek email yang terakhir diterima (by K9 email agent)
Email CC %ECC CC email yang terakhir diterima (by K9 email agent)
Email Date %EDATE tanggal diterimanya email yang terakhir ditrima (by K9 email agent)
Email Time %ETIME waktu diterimanya email yang terakhir ditrima (by K9 email agent)
Free Memory %MEMF system memori bebas yang tersisa (MB) 
GPS Status %GPS status GPS on atau off
HTTP Response Code %HTTPR value dari HTTP POST/GET Action Code yang terakhir kali
HTTP Response Data %HTTPD value dari HTTP POST/GET Action Data yang terakhir kali
HTTP Response Content Length %HTTPL value dari HTTP POST/GET Action Content Length yang terakhir kali
Keyguard Status %KEYG status keyguard on atau off
Last Aplication %LAPP map dari nama aplikasi yang dibuka 
Last Photo %FOTO filesytem path photo yang terakhir diambil dengan tasker atau aplikasi kamera standart 
Light Level %LIGHT tingkat cahaya yang terakhir dicatat dalam lux
Location %LOC latitude dan longitude dari GPS fix
Location Accuracy %LOCACC akurasi lokasi dalam satuan meter dari GPS fix
Location Altitude %LOCALT altitude dalam satuan meter dari GPS fix, 0 apabila tidak tersedia
Location Speed %LOCSPD speed meter/seconds dari posisi GPS fix terakhir, 0 jika tidak tersedia
Location Fix Time Second  %LOCTMS waktu dari GPS fix terakhir kali dalam satuan detik 
Location (NET) %LOCN latitude dan longitude dari Network Location Fix 
Location Accuracy (NET) %LOCNACC akurasi lokasi dalam satuan meter dari Network Location Fix 
Location Fix Time (NET) %LOCNTMS waktu dari Network Location Fix terakhir kali, agar selalu update, gunakan variable %TIME 
Muted %MUTED status muted microphone on atau off
Night Mode %NIGHT status android night mode, on, off atau auto
Notification Title %NTITLE judul notifikasi yang ditampilkan terakhir kali pada status bar, unntuk menjalankannya membutuhkan server aksibilitas tasker (lihat pada Android Setting Aksebilitas), akan kosong untuk beberapa aplikasi yang tidak terdaftar
Phone Number %PNUM nomor telepon, jika dalam layanan 
Profiles Active %PACTIVE tanda pemisah koma " , " selalu aktif dalam rangka aktifikasi profile, nama duplikat akan muncul pada list hanya sekali, list akan dimulai dan diakhiri dengan koma " , " agar mudah mencocokkan, jika tidak maka akan kosong
Profiles Enabled %PENABLED tanda pemisah koma " , " selalu Enabled dalam rangka aktifikasi profile, nama duplikat akan muncul pada list hanya sekali, list akan dimulai dan diakhiri dengan koma " , " agar mudah mencocokkan, jika tidak maka akan kosong
Roaming %ROAM status roaming telephone on atau off
Screen %SCREEN status layar telephone on atau off
Silent Mode %SILENT status silent mode on atau off
SIM Serial Number %SIMNUM nomor serial SIM card
SIM State %SIMSTSATE status dari SIM card, contoh : tidak diketahui, tidak ada, meminta PIN, meminta PUK, netlocked, atau ready
Speakerphon %SPHONE status speaker telephone on atau off
Task Running %TRUN tanda pemisah koma " , " dari list task yang sedang berjalan, setiap nama task dari list selalu diawali dan diakhiri dengan koma " , " agar mudah dicocokkan, jika tidak ada maka kosong
Telephone Network %TNET nama operator jaringan seluler yang dipakai
Text From %SMSRF pengirim pesan
Text From Name %SMSRN nama pengirim pesan
Text Body %SMSRB isi dari pesan
Text Date %SMSRD tanggal dari pesan
Text Subject %MMSRS subject pesan dari MMS
Text Time %SMSRT waktu dari pesan
Time %TIME waktu saat ini, contoh 13:56
Time Seconds %TIMES waktu saat ini dalam hitungan detik
UI Mode %UIMODE Status Andoid UI mode contoh: car, desk, normal
Uptime Seconds  %UPS jumlah detik dari perangkat saat terakhir kali dihidupkan
Volume Alarm %VOLA level volume alarm
Volume Call %VOLC level volume panggilan
Volume DTMF %VOLD level volume DTMF
Volume Media %VOLMlevel volume media
Volume Notification %VOLN level volume notifikasi
Volume Ringer %VOLR level volume dering
Volume System %VOLS level volume system
Wifi Info %WIFII menunjukkan info dari AP apabila terhubung seperti nama AP, Mac, IP dan lain-lain, apabila tidak terhubung pada AP maka akan menunjukkan scan dari AP terdekat
Wifi Status %WIFI status wifi on atau off
Wimax Status %WIMAX status wimax on atau off
Window Label %WIN label dari window saat ini, yang bisa menjadi aktifitas full screen atau dialog


Menerapkan Variable Tasker Pada Zooper

          Setelah kita melihat table variable di atas, bagaimana kita menerapkannya? sebagai contoh sederhana kita membaca level signal celluler melalui text Zooper

  • pertama buka aplikasi tasker, klik icon " + " pada bagian bawah layar, kemudian pilih Event pada jendela popup
  • pada jendela popup berikutnya pilih Variables kemudian pilih Variable Set
  • pada jendela Event Edit, pilih icon label pada bagian variable atau anda juga bisa mengetikkan nama variable nya secara langsung, kemudian cari dan pilih Cell Signal Strength pada jendela popup (gunakan fitur filter yang berada di bawah jendela popup agar memudahkan pencarian)
  • klik tombol back atau icon tasker pada pojok kanan atas layar, tasker secara otomatis akan mengarahkan kita untuk memilih task apabila anda mempunyai beberapa task yang tersedia, pilih New Task untuk membuat task baru kemudian ketikkan nama task yang anda inginkan contoh: "Cell" , klik ok setelah selesai
  • pada jendela task yang baru kita buat, klik icon " + " yang berada di bawah layar, pilih Plugin pada jendela popup kemudian pilih Zooper Widget Pro
  • pada jendela Action Edit pilih icon pensil yang ada pada Configuration, kita akan masuk pada jendela baru, pada kolom ZW Variable isikan dengan nama variable yang ingin anda buat (terserah, contoh: "cell", nama ini akan menjadi variable Zooper), pada kolom ZW Text isikan dengan nama variable tasker sesuai dengan yang kita pilih diawal "%CELLSIG", save dengan mengklik icon flopi disk atau back (save secara otomatis)
  • pada kolom Configuration akan tampak seperti gambar berikut
  • setelah selesai, klik tombol back tiga kali atau icon tasker untuk keluar dari tasker
  • buka widget zooper pada homescreen kemudian tambahkan module Text
  • edit module Text pada kolom Edit Text Manually dengan mengetikkan variable sesuai dengan variable yang kita buat sebelumnya
  • jika nilai dari kekuatan signal keluar berarti anda telah berhasil membuat variable Zooper melalui Tasker

Read More

Zooper Widget

  No comments
7:05:00 PM

Zooper Widget Pro
Sebuah aplikasi widget yang minimal, berkelas, sangat disesuaikan, dan hemat baterai "Do It Yourself". Sebuah aplikasi widget yang dilengkapi dengan data-data yang anda butuhkan, Zooper Widget telah dirancang dari bawah keatas agar menggunakan lebih sedikit resource yang memungkinkan anda untuk menyampurnakan setiap aspek melalui editor dan variable kontrol yang kuat.
Diskripsi lengkap bisa anda baca di Play Store, dengan aplikasi ini anda bisa membuat widget sendiri seperti jam, tanggal, peta, dan lain-lain atau bisa juga disebut dengan skin atau tema, dan tentu saja membuat tampilan homescreen anda terasa lebih variatif, jika ada pertanyaan seputar zooper atau aplikasi-aplikasi lain yang berhubungan dengan homescreen anda bisa bergabung dengan kami di forum Facebook Androblackpool, anda juga bisa berkunjung ke www.zooper.themerapp.com atau ke forum.xda-developers.com/themer

Zooper Widget Basics

Read More

Sunday, February 12, 2017

Zooper Date Format

  No comments
12:32:00 AM

          Setiap variable zooper yang berlabel "free date" seperti pada Astronomy, Calendar, Date dan sebagainya mendukung aturan bebas menggunakan format yang akan saya jabarkan di bawah.
harap di ingat, penulisan format bersifat Case Sensitif yang artinya setiap penulisan karakter besar atau kecil hasilnya akan berbeda
anda dapat menggunakan format ini dimana saja, bebas sesuai yang anda inginkan (seperti #D...# free date, #AS...# Sunset free date, #AR...# Sunrise free date dan sebagainya)

Date Format
Char Keterangan Contoh
D hari ke... dalam setahun 9
DD hari ke... dalam setahun (2 digit nol pad) 09
DDD hari ke... dalam setahun (3 digit nol pad) 009
E nama hari (pendek) Sen
EEEE nama hari (panjang) Senin
fhari ke... dalam seminggu 2
F hari, dalam minggu ke... pada bulan ini 2 (senin ke 2 pada bulan july)
G era designator M (Masehi)
H jam (0-23) 0
HH jam (00-23, 2 digit nol pad) 00
K jam (0-11) 0
KK jam (00-11, 2 digit nol pad) 00
P jam sesuai dengan pengaturan telephone (0-11 atau 24H) 0
PP jam sesuai dengan pengaturan telephone (00-11 atau 24H, 2 digit nol pad) 00
p am/pm penanda menurut pengaturan telephone ( tersembunyi bila 24H aktif) am
L bulan (stand alone) july / 07
l jumlah hari dalam sebulan 31
M bulan ke... dalam setahun 2
MM bulan ke... dalam setahun (2 digit nol pad) 02
MMM nama bulan (pendek) jul
MMMM nama bulan (panjang) july
W minggu 2
Z zona waktu (RFC 822) -0800
a am pm penanda PM
dhari ke... dalam sebulan 9
dd hari ke... dalam sebulan (2 digit nol pad) 09
h jam (1-12) 1
hh jam (01-12, 2 digit nol pad) 01
k jam (1-24) 1
kk jam (01-24, 2 digit nol pad) 01
m menit 3
mm menit (2 digit nol pad) 30
w minggu 7
ww minggu (2 digit nol pad) 07
y tahun 2016
z zona waktu (pendek) GMT
zzzz zona waktu (panjang) Greenwich Mean Time
R sisa waktu -
T total waktu tersisa -

Read More

Friday, June 3, 2016

KLWP Komponent, Over Laps, dan Stack Group

  No comments
1:51:00 PM

Group dalam KLWP adalah module yang berfungsi sebagai wadah untuk meletakkan module-module lain didalamnya, atau jika anda pernah mendengar tentang xml pada desain aplikasi android, group juga bisa diartikan sebagai layout.

Dalam mendesain preset KLWP penggunaan group sangat disarankan karena termasuk praktik yang baik, selain itu KLWP juga membatasi jumlah module yang bisa diletakkan pada Root, sedangkan animasi hanya bisa diterapkan pada module yang terletak tepat setelah Root, mengapa demikian? perlu diingat bahwa setiap animasi pada sebuah aplikasi baik itu live wallpaper ataupun yang lain akan mengkonsumsi ram, semakin banyak animasi maka akan semakin bayak ruang ram yang dibutuhkan, karena itu jika desain yang dibuat tidak membutuhkan animasi sebaiknya letakkan pada sebuah group.
Group dalam KLWP dibagi menjadi tiga bagian dan tentu saja memiliki fungsi yang berbeda.

Overlaps Group  

Sesuai dengan namanya, Overlaps group bersifat tumpang tindih atau menumpuk setiap module yang berada didalamnya atau bisa disebut relatif layout, lebar dari overlaps group tergantung dari setiap module baik itu panjang, lebar atau jarak (padding), kita buat contoh sederhana seperti gambar berikut.


Pada gambar diatas kita membuat contoh overlaps group dengan lima shape didalamnya, dengan nama Shape 0 - 4 caranya :
  1. klik icon " + " pilih Overlaps Group, Jika tidak mendapati apapun di layar preview jangan khawatir, karena kita belum menambahkan apapun, seperti keterangan diatas group hanyalah wadah atau pembungkus. 
  2. Selanjutnya  klik Overlaps group yang ada di tabel Items, kemudian geser ke table Position, pada bagian anchor pilih center
  3. Geser ke table Item kemudian tambahkan Shape, berinama Shape 0 caranya centang check box yang ada disamping shape kemudian pilih icon pensil.
  4. klik pada Shape 0, ubah value width menjadi 400 
  5. klik tombol back
  6. tambahkan Shape yang ke dua
  7. centang check box pada Shape yang baru ditambahkan kemudian klik icon copy yang berada disebelah icon pensil.
  8. klik icon paste yang ada di pojok kanan atas layar sebanyak tiga kali
  9. beri nama masing-masing Shape sesuai urutannya
  10. klik pada Shape 1, ubah value width : 40, color : red, anchor : top left, lihat penjelasan pada Tab Navigation.
  11. lakukan langkah yang sama pada shape-shape berikutnya, pada anchor kita ubah secara berlawanan contoh : shape 2: Top Right, Shape 3: Bottom Left, Shape 4: Bottom Right.
Sekarang coba kembali pada Shape 0, ubah value width menjadi lebih besar atau lebih kecil.


Seperti pada contoh gambar di atas dapat disimpulkan bahwa :
  • Lebar dari group mengikuti ukuran atau padding yang ditentukan pada module
  • Secara default overlaps group meletakkan module yang ada didalamnya pada posisi center
  • Posisi setiap module pada overlaps group selalu berkaitan antara satu dengan yang lain, sering kali terjadi kebingungan ketika kita merubah posisi module pada overlaps group, module yang lain ikut bergeser atau posisi dari module yang dirubah tidak bergeser karena tidak memahami hal ini.
  • Untuk mengatasi masalah dari point di atas kita bisa menggunakan shape dengan warna transparan sebagai background yang lebarnya bisa kita sesuaikan.   
mudah-mudahan dengan ini kita lebih paham bagaimana menggunakan Overlaps group.

Stack Group

Stack group akan meletakkan setiap module yang ada didalamnya secara tersusun berjejer baik itu vertikal ataupun horizontal, untuk merubah jenis susunan module pada Stack Group, geser pada table Layer kemudian pilih Stacking.


Berbeda dari Overlaps Group, padding dari setiap module pada stack group berdasarkan batas terdekat misalkan module dengan module yang lain atau module dengan batas dari group itu sendiri, contoh kita buat stack group dengan tiga shape rectangle didalamnya, masing-masing dari shape kita ubah width : 160, height : 80, Bpadding : 30, maka akan tampak seperti gambar berikut.


Pada Stack group setiap module yang ditambahkan tidak akan pernah menimpa module yang lain, Contoh :

  • Ubah stacking menjadi Center Horizontal
  • pada setiap shape ubah Rpadding menjadi 25
  • keluar dari Stack group, kemudian tambahkan Stack groub baru pada layer Root.
  • Cut Stack group yang pertama dengan cara centang pada check box, klik pada icon three dots yang ada diatas layar kemudian pilih Cut.
  • kita buka Stack group yang baru kemudian klik icon paste
  • kemudian lakukan copy paste sebanyak 3x pada Stack group tersebut (lihat contoh shape pada Overlaps group)
Hasilnya akan seperti gambar di bawah ini.


Komponent

Komponent merupakan Overlaps group spesial yang dapat di export secara terpisah, misalkan kita mempunya beberapa bagian desain seperti jam weather atau yang lain, dan kita tidak ingin membagikan semua, maka komponent merupakan wadah yang tepat, Komponent juga bisa disebut widget pada KLWP, seperti halnya preset, komponen juga memiliki variable global tersendiri.
Komponent juga dapat di Export dalam bentuk APK sepeerti preset. jadi kita bisa menggunakan komponent di beberapa Preset.
Menambahkan komponent sama dengan menambahkan module yang lain, hanya saja setelah menambahkan komponent kita akan dibawa pada halaman seperti ketika memilih preset.


Seperti contoh gambar di atas, KLWP juga memiliki Buil-in komponent yang bisa digunakan' atau jika memiliki komponent berupa nama_komponent.komp.zip, letakkan file tersebut pada /sdcard/Kustom/komponents.
Ketika memuat komponent yang telah jadi, kita tidak akan melihat module apapaun di dalamnya karna terkunci, jadi ketika ingin melihat atau mengedit, buka kunci komponent yang berada di atas layar, variable global pada komponent hanya bisa di akses oleh komponent itu sendiri.

Export Komponent
Cara mengexport komponent berbeda dengan mengeksport Preset, misalkan kita memiliki sebuah komponent yang siap dibagikan.

  • Pastikan komponent tidak dalam keadaan terkunci
  • Lihat deretan menu pada atas layar
  • klik icon export yang berada disebelah icon gembok
  • isi Title, Diskripsi dan yang lain kemudian klik Export

Letak komponent yang di export berada pada folder /sdcard/Kustom/komponents/ berupa nama.komp.zip

Read More

KLWP User Interface

  No comments
1:51:00 PM

Setelah kita menginstall KLWP dan membukanya, tampilan utama akan terlihat seperti gambar dibawah ini, semoga dengan ini kita dapat memahami banyak kurangnya dalam menggunakan KLWP.
Pada deretan bagian kanan atas terdapat icon :
  •  +  : berguna menambahkan module KLWP diantaranya Komponent, Shape,Text, Image dan sebaginya
  • Restore point : berguna mengembalikan desain yang kita buat pada poin tertentu, misalkan dari auto save atau yang lain
  • Floppy disk : jika kita melakukan perubahan pada desain, jangan lupa untuk memilih icon ini sebelum keluar dari aplikasi KLWP, tujuannya untuk menyimpan hasil dari desain kita dan menerapkan pada homescreen  

Pada deretan sebelah kanan screen terdapat beberapa icon yaitu :
  • Screen Count : mengindikasikan jumlah halaman yang disiapkan untuk desain live wallpaper yang akan dibuat, pengaturan jumlah halaman ini biasanya diartikan dengan jumlah "Page Setup", dalam KLWP Page Setup ini akan berpengaruh pada halaman homescreen yang kita geser (scroll)
  • Automatic Zoom : berguna mengotomatiskan zoom level pada module yang kita pilih
  • Preview Lock : berguna mungunci tampilan module yang dipilih pada table Preview, misalkan module yang kita pilih menggunakan animasi tertentu, maka table Preview hanya akan mengikuti module tersebut
  • Hiding and Unhiding Selected Module : berfungsi untuk menampilkan semua module atau hanya menampilkan module yang kita pilih
  • Pause Clock Animation : mematikan atau menghidupkan animasi pada jam
  • Magnetic Sensor : mematikan atau menghidupkan fungsi magnetic sensor
Bagian bawah screen adalah navigasi editor seperti items, position, animation dan sebagainya, sub menu pada table ini akan berubah-ubah tergantung dari module atau items yang dipilih, sedangkan pada bagian kiri screen menunjukkan susunan dari module.

Pada bagian pojok kiri atas screen terdapat icon hamburger yang merupakan menu dari KLWP, di antaranya :
  • Set as Wallpaper : menerapkan preset KLWP pada layar homescreen (tema atau skin)
  • Load Preset : memilih dan menerapkan preset yang ada pada perangkat.
  • Export Preset : menyimpan atau mengexport preset kedalam penyimpanan perangkat.
  • Settings : merupakan pilihan pengaturan pada KLWP. 

Load Preset

Seperti yang telah di jelaskan, Load Preset merupakan sebuah menu utama untuk memilih Preset baik itu preset build-in atau external.


Pada barisan paling atas terdapat beberapa menu yaitu :
  • Three dots : menu untuk menuju ke Play Store
  • Page view : pilihan view dari table preset
  • New : membuat preset baru
  • Folder : mengambil preset dari folder
  • Search : mencari nama preset
  • Back : kembali ke layar awal
Pada baris berikutnya merupakan navigasi table preset
  • Exported : file preset berupa namaPreset.klwp.zip yang di import kedalam folder /sdcard/Kustom/wallpaper 
  • Installed : preset yang telah terinstall pada perangkat
  • Featured : preset yang di sediakan secara online

Export Preset

Export preset merupakan menu jika ingin membagikan atau membuat preset KLWP beruapa APK, caranya cukup mudah, jika telah siap dengan preset buatan anda,  pilih Export Preset, isi kolom sesuai keterangan yang ada.
setelah selesai dengan keterangan dan optional, klik EXPORT.
preset akan disimpan didalam folder sdcard/Kustom/wallpaper/ berupa nama-template.klwp.zip.


Settings

Pada bagian setting terdapat beberapa menu seperti pada gambar berikut.


General Settings :
  • Clock Mode : mode jam KLWP (12, 24, auto)
  • First Day Of The Week : hari pertama yang dimulai
  • Calendar To Show : menentukan kalender berupa event yang ingin ditampilkan (mengambil dari aplikasi lain misalkan BBM, G+ atau yang lain)
  • App Language : bahasa aplikasi
  • Preferred Music Player : menentukan music player yang ingin dipakai
  • On tab feedback : none / vibrate / vibrate light
Weather :
  • Weather Provider : memilih provider yang ingin digunakan untuk prakiraan cuaca
  • Measurement Unit : unit pengukuran suhu
  • Network Refresh : jarak waktu untuk merefresh weather, RSS dan lain-lain secara online
  • Force Update : refresh secara manual
Location :
  • Location Accuracy : update data secara berkala untuk menetapkan keakuratan lokasi
  •  Primary Location : menetapkan lokasi utama
  •  Alternate Location 1, 2, 3 : lokasi alternatif

Module

Module merupakan komponent-komponent dasar yang disediakan untuk membuat sebuah desain pada KLWP, seperti yang telah di jelaskan, untuk manambahkan module cukup klik pada icon " + " yang ada di atas layar, kemudian pilih yang di inginkan.

  • Komponent : merupakan module sepesial yang dapat di Export secara terpisah, jadi jika mempunyai bebrapa bagian desain dan hanya salah satunya saja yang ingin dibagikan maka gunakan module ini untuk membungkus module yang lain, module juga bisa di artikan widget pada KLWP.
  • Text : menambahkan text element
  • Shape : berguna mumbuat bentuk dasar seperti rectangle, circle, hexagon dan sebagainya.
  • Image : menambahkan gambar berupa png, svg dan lain-lain
  • Font Icon : icon svg berupa font
  • Progress : indikator min, max, value.
  • Morphing Text :  text tunggal dengan banyak transformasi seperti melengkung, terbalik dan lain-lain
  • Series : susunan text berupa tanggal, baterai, jam dan lain-lain yang dapat disesuaikan
  • Overlaps Group : pembungkus dari module lain yang tersusun secara menumpuk.
  • Stack Group : pembungkus dari module lain yang tersusun secara berlapis atau stack.
Untuk penjelasan lain akan kita bahas pada bagian selanjutnya

Read More

Wednesday, May 25, 2016

KLWP Live Wallpaper Maker

  No comments
10:51:00 AM

KLWP Live Wallpaper Maker
Kustom Industries
KLWP adalah suatu aplikasi yang dikembangkan oleh Kustom Industries berbasis livewallpaper yang memudahkan kita untuk membuat atau mengedit homescreen sesuai dengan yang kita inginkan tanpa perlu mengetahui koding-koding yang rumit, bahkan kita hanya perlu berimajinasi dan menempatkan pada layar seperti halnya  menggambar. KLWP juga menyediakan banyak sekali template yang sudah tersedia di PlayStore dan patut anda coba, jika anda mencari Rainmeter atau Conky di Android aplikasi ini menjadi pilihan yang tepat, bukan hanya widget seperti jam analog atau digital, aplikasi ini juga mampu membuat animasi yang sangat menarik seperti scroll, scale, rotate dan banyak lagi, diskripsi lengkap mengenai KLWP bisa anda lihat di Play Store.

Persyaratan

  • pastikan bahwa sistem android anda memiliki versi 4.4(kitkat) atau yang lebih tinggi
  • memiliki Live Wallpaper Picker dalam sistem aplikasi anda
Live Wallpaper Picker adalah sebuah aplikasi system yang mengijinkan pengguna android untuk memilih dan memasang livewallpaper, dalam beberapa kasus ada yang tidak bisa memasang livewallpaper dikarenakan tidak adanya aplikasi ini, ada beberapa faktor penyebab diantaranya mungkin custom rom yang tidak menyertakan atau juga dihapus oleh pengguna, jadi jika anda memiliki masalah ini solusinya carilah Live Wallpaper picker yang sesuai dengan device masing-masing dan push ke system anda.

KLWP Basics

Read More

Monday, November 9, 2015

Zooper BBCode Tags Pada Rich Text

  1 comment
9:32:00 PM

          Rich Text pada Zooper mendukung tag BBCode yang berfungsi untuk merubah gaya penulisan seperti Bold, Italic dan lain-lain, BBCode hanya bisa dituliskan pada bagian Edit Text Manually, pada BBCode kita juga bisa memasukkan Conditional.
untuk mencobanya silahkan tambahkan Rich Text pada widget, kemudian masuk ke bagian Edit Text manually.

Zooper BbCode Tags
Variable Keterangan Contoh
[b] [/b] text Bold (tebal)  ini adalah [b]Text Bold[/b]
[i] [/i] text Italic (miring) ini [i]Text Miring[/i]
[c=#123123] [/c] merubah warna text ini warna [c=#ffff0000]Merah[/c] dan ini warna [c=#ff0015ff]Biru[/c]
[nt] [/nt] number to text (classic) [nt]1[/nt] akan berubah menjadi One, [nt]12[/nt] akan berubah menjadi Twelve, [nt]#DHH#[/nt] akan berubah menjadi waktu saat ini misal Twenty.
[nm] [/nm] minutes to text with o'clock (pukul) [nm]#Dh# : #Dm#[/nm] akan di ganti misal o'Eight : FortySix
[no] [/no] short ordinal to text [no]1, 2, 3, 4[/no] menjadi 1st, 2nd, 3rd, 4th
[tl] [/tl] text to lower case [tl]#Da#[/tl] dari AM/PM menjadi am/pm
[tu] [/tu] text to upper case [tu]#DEEEE#[/tu] dari nama hari misalkan Senin menjadi SENIN
[tc] [/tc] capitalize text (merubah setiap huruf pertama menjadi capital) [tc]ini adalah capitalize[/tc] akan menjadi Ini Adalah Capitalize
[tr=30] [/tr] memotong text dimulai dari huruf yang di tentukan sampai akhir text misalkan [tr=3]Contoh[/tr] akan menjadi Con...
[tr=5,10] [/tr] memotong text dari karakter pertama sampai ke 5,  dan menampilkan 10 karakter berikutnya [tr=2,10]aku adalah orang[tr] menjadi "u adalah o"
[s=10] [/s] font size (absolute) -
[sr=0.8] [/sr] font size (relatif) -

Read More

Sunday, November 8, 2015

Zooper Advance Parametes

  1 comment
12:05:00 AM

          Pada Advance Parameter kita akan banyak menggunakan conditional dan math expression seperti yang telah kita bahas sebelumnya, dengan Advance Parameter ini kita bisa membuat module melakukan sesuatu dengan otomatis sesuai value yang kita tulis, misalkan bergerak ke kiri atau ke kanan, ke atas atau bawah, berputar, menghilang dan banyak lagi.
kita akan bahas satu persatu dan lebih baik anda coba praktek secara langsung agar lebih mudah memahami bagaimana cara kerjanya. 

[ox] [/ox] X offset

[ox] [/ox] berfungsi  menggerakkan suatu item secara horizontal (mendatar),
misal kita membuat notifikasi SMS seperti pada gambar berikut ini
perhatikan rect berwarna biru dengan text sms, misalkan pada awal posisi X pada masing-masing module adalah 0, karna kita menggunakan dua module untuk rect dan text SMS dan akan bergeser ke kiri dengan nilai X pada rect -33 dan X pada text -35, maka AP yang kita tulis :
rect : [ox]$#SUSMS#>0?-33$[/ox]
text : [ox]$#SUSMS#>0?-35$[/ox]
note: jika nilai yang di tulis hanya satu (-33,-35) maka selainnya akan di kembalikan pada nilai semula (0) X offset pada setting manual masih bisa berfungsi.
jika kita menulis [ox]#SUSMS#>0?-33:0[/ox] maka secara otomatis setting X offset manual tidak akan berfungsi karna X offset telah di setting pada AP secara keseluruhan.
contoh 2 :
perhatikan rect warna putih pada gambar di atas,
disini kita membuat rect yang mengikuti jalannya progress bar, pertama-tama kita harus mengetahui nilai X dan Width (panjang) progress bar.
pada gambar diatas progress bar memiliki nilai x = -117 dan width= 240, maka AP yang kita tulis pada rect :
[ox]$(-117+(#BLEVN#/100*240))$[/ox]
note : nilai 100 adalah maximum value battery, ingat-ingat bagaimana menghitung persentase pada pelajaran matematika.

[oy] [/oy] Y offset

[oy] [/oy] berfungsi menggerakkan module secara vertical (tegak), karena sama seperti [ox] [/ox] silahkan berexperimen sendiri dengan contoh-contoh diatas.

[as] [/as] sweep angle of circle atau berputar sesuai lingkara dengan center berdasarkan X dan Y offset


pada gambar di atas kita membuat contoh lingkaran dengan rect warna hijau yang akan kita buat sebagai jarum menit, sedangkan yang berwarna merah agar mudah mengetahui center dari lingkaran  yang kita buat.
pada rect warna hijau disini kita beri nilai height= 63 dan width= 3.
tuliskan pada Ap :
[as]$(#Dmm#/60*360)$[/as]
untuk lebih jelas mengenai contoh ini, kita teruskan pada AP berikutnya.

[ar] [/ar] radius of circle dengan center berdasarkan X dan Y offset

[ar] [/ar] berfungsi untuk memberi jarak antara center berdasarkan X dan Y, pada contoh sebelumnya kita membuat jarum menit, untuk mengetahui fungsi [ar] [/ar] coba kita hapus terlebih dahulu AP [as] [/as] pada contoh di atas kemudian kita ganti dengan [ar]22[/ar], tidak perlu rumus matematika pada AP [ar] [/ar], cukup kita tentukan nilai yg kita inginkan, lihat contoh gambar :
setelah kita beri nilai pada AP [ar] [/ar] maka akan terlihat seperti gambar di atas, jika jaraknya dirasa kurang silahkan ganti nilai nya sesuai keinginan agar lebih mudah memahami bagaimana [ar] [/ar] berfungsi.
Ok, sekarang coba kita gabungkan kedua AP di atas
[as]$(#Dmm#/60*360)$[/as]
[ar]22[/ar]
maka akan tampak seperti gambar di bawah ini :
pada contoh gambar diatas, rect warna hijau akan memutar dan bergeser dari center X dan Y karena kita telah memberi jarak dari centernya, karena kita membuat jarum menit kita perlu menyesuaikan putaran rect dengan AP selanjutnya.

[r] [/r] rotation

[r] [/r] berfungsi merotasi module, tidak ada istilah center pada Ap ini, hanya merotasi, sebenarnya jika kita hanya ingin merotasi suatu module tanpa ada jarak center cukup menggunakan Ap [r] [/r]
contoh :
[r]$(#Dmm#/60*360)$[/r]
akan merotasi item berdasarkan menit. kita lanjutkan pembuatan jarum menit, untuk menyesuaikan putaran rect, sekarang coba kita gabungkan dengan dua AP sebelumnya
[as]$(#Dmm#/60*360)$[/as]
[ar]22[/ar]
[r]$(#Dmm#/60*360)$[/r]

sekarang jarum menit sudah sesuai bukan..?
lalu bagaimana membuat jarum jam?
untuk membuat jarum jam coba kita tambahkan rect dengan height= 40, width= 3
lalu tuliskan AP berikut
[ar](beri nilai sesuai kebutuhan)[/ar]
[as]$(360/(12*60)*(#Dh#*60+#Dm#))$[/as]
[r]$(360/(12*60)*(#Dh#*60+#Dm#))$[/r]

note :
  • satu keliling lingkaran = 360°, sedangkan 12 jam sama dengan satu keliling lingkaran.
  • jika kita ingin memutar secara berlawanan arah jarum jam, cukup 360 di ganti dengan -360.
  • jika kita ingin memulai putaran pada derajat tertentu dan berakhir pada derajat tertentu, maka kita tentukan dari nilai derajat awal, derajat  akhir dan panjang derajat lintasan (lihat pada contoh AP [ox] [/ox]).

[c] [/c] color 

Berfungsi merubah warna module, tidak berlaku pada Bitmap iconset, Bitmap dan Proges bar,
contoh :
kita buat sebuah text dengan text content persentase battery lalu kita ingin merubah warna sesuai persentasenya, coba kita tuliskan AP : 
[c]$#BLEVN#<=25?#ffff0000$
$#BLEVN#>25&&#BLEVN#<=50?#fff3ff00$
$#BLEVN#>50&&#BLEVN#<=75?#ff01ff00$
$#BLEVN#>75?#ff00f4ff$[/c]

note:
  • #ffff0000 dan yang lain adalah kode warna ARGB (lihat pada edit color manual)
  • jika kita mengkodekan warna secara menyeluruh seperti contoh di atas maka edit color manual tidak akan berfungsi
  • jika kita mengkodekan warna pada saat kejadian tertentu maka hanya akan berubah ketika match dengan yang kita kodekan, sebaliknya akan di kembalikan pada warna semula (edit color manual) contoh : [c]$#SUSMS#>0?#ffff0000$[/c]
  • ketika mengkodekan sesuatu harap perhatikan value yang dikodekan, jika salah atau bertabrakan maka color tidak akan berubah hanya akan berwarna putih atau kembali ke color semula contoh : [c]$#BLEVN#<=25?#ffff0000$$#BLEVN#>=25&&#BLEVN#<=50?#fff3ff00$[/c], contoh ini adalah salah karna value <=25 dan >=25 bertabrakan.

[cf] [cf] dan [cb] [/cb] 

hanya berlaku untuk Progres bar, tidak ada pada module yang lain.
[cf] [/cf] berfungsi merubah foreground color (warna depan)
[cb] [/cb] berfungsi merubah background color (warna belakang)
karna basiknya sama dengan [c] [/c] maka silahkan berexperimen.
[cl] [/cl] fill mode additional color
Hanya ada pada progress bar, berfuungsi merubah fill color, untuk menggunakannya pilih salah satu fill mode pada progres bar.
Mode Hightlight Current, Spacing dan Split harus diberi nilai.
basik sama dengan Ap [c] [/c], jadi silahkan berexperimen.

[s] [/s] size/scale

berfunsi merubah size (ukuran) module dan scaling pada Bitmap iconset dan Bitmap, tidak berlaku pada Rect dan Progres bar.
contoh : kita buat text Ram Dah Nyesek Bro..! lalu kita tuliskan AP
[s]$(#SUMEMN#/#STMEMN#*100)>=80?100:0$[/s]
artinya ketika ram mencapai 80% lebih maka akan muncul text dengan size 100 dibawah itu text akan hilang karna kita beri nilai 0.

[rh] [/rh] rect height, dan [rw] [/rw] rect width

Tidak seperti pada module yang lain, jika ingin merubah size rect kita harus menggunakan AP [rh] [/rh] dan [rw] [/rw],
[rh] [/rh] berfungsi merubah rech height (lebar), sedangkan [rw] [/rw] berfungsi merubah rech width (panjang).
contoh :

pada gambar di atas kita mempunyai 3 buah rect dengan masing-masing notifikasi,
pertama kita buat 1 rect dengan ukuran height= 50 dan width= 160, posisikan pada baris paling atas, untuk rect selanjutnya cukup kita centang pada rect yang kita buat kemudian kita copy paste, klik icon  pada bagian atas menu Zooper lalu geser posisi Y untuk menyesuaikan baris, untuk text nya silahkan tambahkan sesuai notifikasi yang di inginkan. selanjutnya coba kita masuk pada bagian Ap pada rech, coba kita tulis kode berikut :
[rw]$#SUSMS#>0?180$[/rw] [rh]$#SUSMS#>0?60$[/rh]
sekarang coba kita cek apakah jika ada SMS rech berubah? jika ya sekarang coba lanjutkan pada rect-rect berikutnya.

[sb] [/sb] shadow defocus index

fungsi dari Ap ini adalah memberi nilai pada shadow (blur color), jika nilai semakin besar maka warna shadow semakin blur. untuk lebih mudahnya kita ambil contoh dari Ap sebelumnya, coba kita tulis AP pada rect
[sb]$#SUSMS#>0?10$[/sb]
perhatikan  gambar di atas, akan terlihat sedikit perbedaan dengan contoh sebelumya.

[sx] [/sx] shadow horizontal offset

fungsi dari AP ini untuk menggeser shadow secara horizontal.
kita lanjutkan dari contoh AP sebelumnya, agar rect tampak muncul kesamping dari yang lain coba kita tulis AP 
[sb]$#SUSMS#>0?10$[/sb]
[sx]$#SUSMS#>0?2$[/sx]
coba kita perhatikan gambar
sekarang shadow terlihat ke kanan.

[sy] [/sy] shadow veertical offset

fungsi dari Ap ini hampir sama dengan Ap sebelumnya, hanya saja [sy] [/sy] menggeser shadow secara vertical.
coba kita rubah dari contoh di atas dengan Ap berikut
[sb]$#SUSMS#>0?10$[/sb]
[sy]$#SUSMS#>0?7$[/sy]
lihat gambar

setelah kita rubah shadow akan terlihat kebawah, atau kita juga bisa menggabungkan dari ketiga Ap diatas
[sb]$#SUSMS#>0?10$[/sb]
[sx]$#SUSMS#>0?2$[/sx]
[sy]$#SUSMS#>0?7$[/sy]
maka akan tampak seperti gambar

[sc] [/sc] shadow color

fungsi dari Ap ini adalah untuk merubah color dari shadow, penulisannya sama dengan Ap color biasa
contoh : 
[sc]$#SUSMS#>0?#ffff0000$[/sc]
[sc]$#SMCALLS#>0?#ffff0000$[/sc]

[gc] [/gc] gradient end color

AP ini hanya ada pada rect, tidak ada pada module yang lain, fungsinya untuk merubah color gradient.
cara penulisannya sama dengan Ap color, contoh :
[gc]#SUSMS#>0?#ffff0000$[/gc]
untuk mode gradient menyesuaikan dengan yang dipilih pada menu rect apakah linear atau radial.

[bo] [/bo] bitmap alpha value

fungsinya merubah alpha tranparasi pada Bitmap dan Bitmap Iconset
misalkan ketika level battery tingal 10% kebawah kita buat bitmap kadang muncul kadang hilang, coba kita tulis AP berikut :
[bo]$#BLEVN#<=10?(int(random()*100))$[/bo]
atau kita membuat sebuah plugin tasker untuk menghidupkan data dengan variable #Tdata#, 
maka kita tulis :
[bo]$#Tdata#=0?50:100[/bo] 

[b] [/b] bitmap apsolute path

untuk memunculkan gambar dengan path folder, kita gunakan AP ini
misalkan kita mebuat foto slide show dengan 5 gambar .png dan berganti setiap 10 menit sekali,
pertama siapkan foto yang akan ditampilkan lalu letakkan pada folder misalkan /sdcard1/fotoku,
maka kita tulis AP :
[b]/storage/sdcard1/fotoku/$(floor(#Dm#/10))$.png[/b]
atau kita bisa tulis dengan spesifik
[b]$#Dm#>0&&<=10?nama gambar.jpg/.png[/b]

Read More

Tuesday, November 3, 2015

Zooper Conditional dan Boolean Expressions

  4 comments
10:02:00 PM

          Conditional pada Zooper ditulis pada kolom Edit Text Manually pada text ,  rich text dan pada Advance Parameter di semua module Zooper.
Boolean Expression yang didukung pada Zooper adalah "&&" (operator dan) dan  "||" (operator atau).
boolean operator && akan true jika dua kkondisi terpenuhi sebaliknya akan false, sedangkan boolean operator || akan true apabila salah satu atau lebih dari kondisi terpenuhi.
contoh :
$#Dmm#=10&&#Dmm#<=20?anu:ani$
artinya jika pada menit ke 10 sampai ke menit 20 maka akan menghasilkan anu selain pada menit tersebut maka menghasilkan ani

$#Dmm#=10||#Dmm#=15||#Dmm#=20?anu:ani$
artinya jika pada menit ke 10,15 dan 20 maka akan menghasilkan anu selainnya akan menghasilkan ani.

Pada setiap penulisan conditional pada Zooper harus di awali dan di akhiri simbol dolar "$".
contoh :
$#BLEVN#>10?a:b$

Math Expression juga dituliskan pada conditional ini (dalam penulisan math expression harus berada dalam kurung "()" (perhatikan contoh-contoh pola pada tutorial sebelumnya),  berikut struktur penulisan pada zooper

$kiri operan kanan ? text : text yang lain$

Dalam penulisan conditional lebih mudah jika kita terjemahkan dalam bahasa kita, misal :
$1>0&&2<4?Ya:Bukan$
dapat kita baca jika 1 lebih dari 0 dan 2 kurang dari 4 maka Ya selainnya Tidak.
penggunaan "enter" pada conditional tidak akan bermasalah tetapi penggunaan "spasi" akan bermasalah kecuali text hasil, misalkan beli sepeda:beli sepatu.

Symbol Conditional Zooper :

Symbol
Keterangan
$ jika
? maka
: selainnya
> lebih dari
< kurang dari
= sama dengan
! bukan
>= lebih dari sama dengan
<= kurang dari sama dengan
!= bukan sama dengan
&& dan
|| atau

misalkan kita ingin membuat sebuah pengigat jika battery kurang dari 10%
$#BLEVN#<10?segera cari charger$
coba terjemahkan..
apabila Text yang lain tidak di tulis maka akan kosong atau kita juga bisa menulis beberapa conditional pada satu tempat
contoh :
$#BLEVN#<10?segera cari charger$
$#BLEVN#>=10&&#BLEVN#<50?hampir kritis$
$#BLEVN#>=50&&#BLEVN#<80?masih aman kok$
$#BLEVN#>=80?masih full$
coba terjemahkan...
$#SUSMS#>0||#SMCALLS#>0?ada pemberitahuan cuy...!$

Read More

Thursday, October 29, 2015

Zooper Math Expressions / Pola Matematika

  No comments
11:51:00 AM

          Math Expression pada zooper dapat di tuliskan pada Conditional atau pada "then"/"else"
Contoh : 
  • $(2*3)$ maka menghasilkan 6
  • $(2*3>4)?Ya:Tidak$ maka hasilnya adalah Ya jika 2*3 lebih besar daripada 4
  • $(1>0)?(2*3)$ maka akan menghasilkan 6 jika 1 lebih dari 0
  • $(#SUMEMN#/#STMEMN#*100)$ maka akan menghasilkan persentase ram
  • $(int(#SUMEMN#/#STMEMN#*100))$ sama seperti di atas, karna kita menggunakan "int" maka nilai dibulatkan 
  • $(floor(#Dmm#/10))$ maka akan menghasilkan nilai 1,2,3,4,5,6 secara bergantian selama 10 menit sekali

Untuk pola matematika / math expressions disini tidak akan kita ulas panjang lebar, karna kita akan banyak menemui contoh-contoh pada tutorial-tutorial selanjutnya, kita hanya akan menjabarkan table Constans, Operator dan Fungsi.
note : Constans seperti "xo" hanya akan mengembalikan offset sebagaimana "[ox] [/ox]" pada Advance Parameter.
Constans
e natural algoritma (2.71828)
pi rasio keliling lingkaran dengan diameternya (3.14159265359)
xo X offset
yo Y offset
Operator
+ penambahan
- pengurangan
* perkalian
/ pembagian
^ exponentiation (pankat)
% modulo (sisa hasil bagi)
Functions
abs absolute value (nilai mutlak)
acos arc cosine
asin arc sine
atan arc tangent
average rata-rata dari argumen
ceil bilangan bulat yang terdekat keatas
cos cosine
cosh hyperbolic cosine
floor bilangan bulat yang terdekat kebawah
ln natural logarithm
log base 10 logarithm
max maximum of arguments
min minimum of arguments
round bilangan bulat terdekat
int pembulatan bilangan
sin sine
sinh hyperbolic
sum sum of arguments
tan tangen
tanh hyperbolic tangent
random pseudo-random number (antara 0 dan 1)

Read More

Tuesday, October 27, 2015

Zooper Variable

  No comments
11:06:00 PM

          Variable pada Zooper terletak pada Edit Text Manually pada module text dan rich text, sedangkan untuk module yang lain terletak pada Advance Parameter, lihat contoh gambar


Kolom pada bagian atas berfungsi sebagai editor variable, sedangkan kolom dibawahnya adalah review dari nilai variable, untuk menambahkan variable cukup pilih pada sub menu yang tersedia kemudian pilih variable yang di inginkan, berikut adalah variable-variable Zooper :

Battery
Variable Keterangan Contoh
#BLEV# current level -
#BLEVN# current level (numeric, Min: 0, Max: 100) -
#BTEMP# temperatur -
#BVOLT# voltase -
#BLEFT# masa tenggang -
#BLD...# masa tenggang (free date) #BLDmm#, #BLDH#,#BLDd#
#BSTAT# battery status (charging / discharging) -
#BSTATN# battery status (numeric: 2 = charging, 3 = discharging, 5 = full, 4 = not charging, 1 = tidak diketahui) -
#BDT...# waktu setelah connect / disconnect charger #BDThh mm#, #BDTmm#, #BDTH#
#BCT...# waktu setelah battery full charging/discharging #BCTmm#, #BCThh#,
#BCThh mm#
Date
Variable Keterangan Contoh
#D...# waktu (bebas) #Dhh#, #Dmm#, #Dhh mm#, #Dm#
#DE# nama hari -
#DEEEE# nama hari (panjang) -
#DF# hari pada minggu ke.. (dalam bulan) -
#Df# hari ke... (dalam minggu) -
#DH# jam (0-23) -
#Dh# jam pada am/pm (1-12) -
#DK# jam pada am/pm (0-11) -
#DP# jam (12H/24H) tergantung device setting -
#Dk# jam (1-24) -
#DM# bulan (number) -
#DMMMM# nama bulan (panjang) -
#Dl# jumlah hari dalam bulan -
#DW# minggu ke... (dalam bulan) -
#Da# menulis Am/Pm -
#Dp# menulis Am/Pm (tersembunyi tergantung device setting) -
#Dd# hari ke... (dalam bulan) -
#Dmm# menit -
#Dw# minggu ke... (dalam tahun) -
#Dy# tahun -
#DZ# time zone (RFC 822) -
#Dz# zona waktu -
#DRy# tahun, dari/ke sekarang -
#DRd# hari, dari/ke sekarang (0-365) -
#DRh# jam, dari/ke sekarang (0-23) -
#DRm# menit, dari/ke sekarang (0-59) -
#DTy# total tahun dari/ke sekarang -
#DTd# total hari dari/ke sekarang -
#DTh# total jam dari/ke sekarang -
#DTm# total hari dari?ke sekarang -
#D+10...# 10 menit dari sekarang (bebas) #D+10mm#, #D+10hh#, #D+10hh mm#
#D0102...# besok pada 01:02am (bebas) #D0102Rh#, #D0102Rm#, #D0102Rhh mm#, #D0102Thh#, #D0102Tmm#, #D0102Thh mm#
#D01020304...# 2 januari berikutnya pada jam 03:04am(bebas) #D01020304Rhh#, #D01020304Tmm#, #D01020304Rhh mm#, #D01020304Rd #, #D01020304Rd hh mm#
#D201506050403...# hari ke 5 pada bulan juni tahun 2015 pada jam 04:03am (bebas) #D201506050403Rmm#, #D201506050403Thh#, #D201506050403Rd hh mm#
Calendar
Variable Keterangan Contoh
#C0TITLE# nama event pertama (tambahkan event pada kalender device) #C1TITLE# (event ke 2), #C2TITLE# (event ke 3) dan seterusnya
#C0S...# event pertama dimulai (bebas) #C0SRhh mm#, #C1SThh mm#
#C0E...# event pertama berakhir (bebas) #C0EThh mm#, #C1Rhh mm#
#C0CAL# nama kalender dari event pertama #C1CAL#, #C2CAL#
#C0LOC# lokasi event pertama #C1LOC#, #C2LOC#
#C1SEEE# nama hari dari event ke 2 #C2SEEE#, #C0SEEE#
#C1SHH:mm# waktu dari event ke 2 #C0SHH:mm#, #C2SHH:mm#
#C1DESC# diskripsi dari event ke 2 #C0DESC#, #C2DESC#
#C1D# 1 apabila event ke 2 satu hari penuh, 0 selainnya #C0D#, #C2D#
#C0COLOR# warna ARGB dari entry kalender event pertama #C1COLOR#, #C2COLOR#
Astronomy
Variable Keterangan Contoh
#AS...# waktu matahari terbenam (bebas) #ASRhh mm#, #ASThh mm#
#AR...# waktu matahari terbit (bebas) #ARThh mm#, #ARRhh mm#
#AISDAY# 1 apabila siang, 0 selainnya -
#AMS...# waktu bulan terbenam (bebas) #AMShh mm#, #AMSRhh mm#
#AMR...# waktu bulan terbit (bebas) #AMRRhh mm#, #AMRhh mm#
#AMI# persentase pencahayaan sinar bulan -
#AMP# pase bulan (derajat) -
#ANS...# waku nautical twilight pada sore hari (bebas) #ANShh mm#, #ANSRhh mm#
#ANR...# waktu nautical twilight pada pagi hari (bebas) #ANRhh mm#, #ANRThh mm#
#ACS...# waktu civil twilight pada sore hari (bebas) #ACShh mm#, #ACSRhh mm#
#ACR...# waktu civil twilight pada pagi hari (bebas) #ACRhh mm#, #ACRThh mm#
#AAS...# waktu astronomical twilight pada sore hari (bebas) #AASThh mm#, #AASRhh mm#
#AAR...# waktu astronomical twilight pada pagi hari (bebas) #AARRhh mm#, #AARhh mm#
Locality
Variable Keterangan Contoh
#LLAT# latitude (garis lintang) -
#LLONG# longitude (garis bujur) -
#LLOC# nama lokasi -
#LCN# nama negara -
#LTZ# time zone -
Network
Variable Keterangan Contoh
#NCELL# nama operator -
#NWIFI# nama SSID wifi apabila terkoneksi -
#NWOC# nama celuler atau wifi yang terkoneksi -
#NLIP# local IP (v4) -
#NWSIG# kekuatan signal wifi (Min:0, Max: 9) -
#NWSIGN# kekuatan signal wifi (Raw RSSI) -
#NWSPEED# speed wifi (numeric, Mb) -
#NWSTATE# status wifi (0 disabled, 1 enabled, 2 connected) -
#NCSIG# signal cellular (Min 0, Max 31) -
#NCSIGN# signal cellular (dbm) -
#NCCONN# tipe koneksi cellular -
#NCCONNS# tipe koneksi cellular (pendek) -
#NCTATE# cellular status (0 disabled, 1 airplane mode, 2 enabled, 3 connected, 4 connected and roaming, 5 data on, 6 roaming) -
#NDATAON# status data (1 tersedia, 0 disconnected) -
#NTTTH1# total data yang digunakan hari ini #NTTTH2# (dua hari terakhir), #NTTTH3# (3 hari terakhir)
#NTWTH3 total data wifi yang digunakan 3 hari terakhir #NTWTH1#, #NTWTH#
#NTMTMW# total data cellular yang digunakan minggu ini (Mb numeric) -
#NTMTH1# total data cellular yang digunakan hari ini #NTMTH2#, #NTMTH3#
#NTMTHM# total data seluler bulanan yang digunakan mulai dari tanggal 1 -
#NTMTHM7# total data cellular yang digunakan mulai dari tanggal 7 -
System
Variable Keterangan Contoh
#SFMEMN# memory bebas (ram) -
#SUMEMN# memory terpakai (ram) -
#STMEMN# total memory (ram) -
#SUPT# waktu boot terakhir kali -
#SALARM# alarm berikutnya (set alarm pada device) -
#SASET# alarm set berikutnya (0 tidak ada, 1 ada)  -
#SAD...# alarm berikutnya (bebas) #SADhh mm#, #SADThh mm#
#SFSD# memory bebas SD card (internal) -
#SFSDN# memory bebas SD card (internal MB numuric) -
#STSD# total kapasitas SD card (internal) -
#STSDN# total kapasitas SD card (internal MB numeric) -
#SUSDN# memory terpakai pada SD card (internal MB numeric)  -
#SFINT# memory bebas internal storage (Rom / Root) -
#SFINTN# memory bebas internal storage (Rom / Root MB numeric) -
#STINT# total kapasitas internal storage (Rom /Root) -
#STINTN# total kapasitas internal storage (Rom /Root MB numeric) -
#SUINTN# memory terpakai pada internal storage (Rom / Root Mb numeric) -
#SF/.../# memory bebas pada... filesystem #SF/storage/sdcard1#
#SF/.../N# memory bebas pada... filesystem (MB numeric) #SF/storage/sdcard1#
#ST/.../# total kapasitas pada... filesystem #ST/storage/sdcard1#
#ST/.../N# total kapasitas pada... filesystem (MB numeric) #ST/storage/sdcard1#
#SU/.../N# memory terpakai pada... filesystem (MB numeric) #SU/storage/sdcard1#
#SREL# Android release -
#SBUILD# build name -
#SBUILDL# build name (panjang / nama rom) -
#SBUILDID# build ID -
#SMODEL# nama model phone -
#SUSMS# SMS belum dibaca -
#SMCALLS# panggilan takterjawab -
#SUG# inbox Gmail belum terbaca (akun pertama) #SUG1# (akun ke 2), #SUG2# (akun ke 3)
#SUGSpam# spam Gmail belum terbaca (spam folder, akun pertama) #SUG1Spam#, #SUG2Spam#
#SUG1Forums# inbox forum Gmail belum terbaca (forum folder, akun ke 2)  #SUGForums#, #SUG2Forums#
#SEX...# output shell command -
#SEP...# parse output command -
#SDATE...# system date (default timezone) -
#STEMP# temperatur setting (C celcius, F fahrenheit -
#SCPUMIN# minimum CPU frequency -
#SCPUMAX# maximum CPU frequency -
#SCPUCUR# frequency CPU saat ini -
#SCPUAVG# beban rata-rata CPU 1.5 dan 15 min -
Weather
Variable Keterangan Contoh
#WCCOND# cuaca saat ini -
#WCTEMP# temperatur suhu saat ini -
#WCTEMPN# temperatur suhu saat ini (number) -
#WCHUM# kelembapan suhu -
#WCHUMN# kelebapan suhu (number) -
#WCPRESS# tekanan udara (HPA) -
#WCWSPEED# kecepatan angin -
#WCWDIR# arah angin (derajat) -
#W0COND# cuaca hari ini #W2COND# (dua hari yang akan datang), #W3COND# (3 hari yang akan datang)
#W0CODE# code cuaca hari ini #W2CODE#, #W3CODE#
#W0MIN# minimum temperatur suhu hari ini #W2MIN#, #W3MIN#
#W0MINN# minimum temperatur suhu hari ini (number) #W2MINN#, #W3MINN#
#W0MAX# maximum temperatur suhu hari ini #W2MAX#, #W3MAX#
#W0MAXN# maximum temperatur suhu hari ini (number) #W2MAXN#, #W3MAXN#
#W1COND# cuaca esok hari -
#W1CODE# code cuaca esok hari -
#W1DEE# nama hari esok #W1DEEEE# (long)
#W1D...# besok (bebas) #W1DTHH mm#,
#W1DRHH mm#
#W2MIN# ramalan minimum temperatur suhu dua hari yang akan datang -
#WLR...# cuaca baik apdate terakhir kali (bebas) #WLRhh mm#

Read More