Laboratorium Pemrograman dan Basis Data

Mercurial merupakan suatu Tools untuk memanajemen source code aplikasi. Jika aplikasi yang kita bangun dalam suatu proyek membutuhkan update versions di source code tertentu, maka Mercurial ini sangat membantu, apalagi proyek aplikasi yang dibangun dilakukan oleh tim.

Saat menggunakan Mercurial dibutuhkan suatu Repository untuk menampung source code backup dari file aplikasi yang kita buat. prosesnya begini :


misalkan ada tiga orang dalam satu tim, bernama joel, rose dan bob. Tiga orang ini akan membangun aplikasi, setiap file kodingan akan diletakkan di central Repository, jika salah seorang ingin mengubah script kodingannya aplikasi, maka file tersebut harus di ambil dari central repository, jika telah selesai diubah maka commit kan file tersebut untuk disimpan di central repository. namun ada kejadian dimana ada dua orang atau lebih yang sama-sama mengupdate source code aplikasi tersebut.



pada gambar diatas ini, si joel dan rose sama-sama mengupdate file di central repository bernama 1: change crunch to smoosh version 1. file version 1 tersebut telah di ambil oleh Rose dan Joel untuk diupdate. Namun rose lebih dahulu mengirim file update versions 1 ke central repository dan tersimpan dengan nama 2: spicier kind of chile versions 2. Saat Joel mengirim file updetan version 1 nya ke central repository, Si Joel tak akan bisa, karena file version 1 sudah di update menjadi versions 2 oleh si Rose. Jika si Joel ingin mengupdate, ia harus mengambil file versions 2 dulu, update lagi, baru dapat dikirim dengan nama file versions 3.

sekian penjelasan dari postingan kali ini, jika tertarik anda dapat mendownload Mercurial di Websitenya.

Pada kesempatan kali ini, saya akan memberikan penjelasan mengenai atribut penambah icon pada jQuery Mobile yaitu atribut "Data-Icon". Jadi pada framework ini, telah disediakan sekumpulan icon yang biasa digunakan ketika membangun sebuah aplikasi. 

Icon yang tersedia

Ser Geser dengan data-transition...

Kali ini masih membahas mengenai sebuah framework yang fenomenal yaitu jQuery Mobile. Bagi yang belum tahu dengan jQuery mobile bisa klik disini atau disini untuk mengenal jQuery Mobile. Baiklah, sekarang saya akan memperkenalkan salah satu fitur yang bisa kita handalkan dalam membangun aplikasi. Fitur yang saya maksud adalah "Transition"...

Menurut Google Translate, Transition dalam bahasa Indonesia diartikan dengan peralihan. Jadi sudah jelas, fitur yang satu ini akan membantu kita memberikan animasi peralihan dari halaman satu ke halaman yang lain. Pada dasarnya, transition ini bisa kita kustomisasi sesuai dengan kebutuhan. Tapi kali ini saya beri batasan masalah untuk menjelaskan mengenai transition yang ada pada bawaan jQuery Mobile versi 1.3.0 (Versi yang saya gunakan...)

Berikut penjelasan singkat mengenai Transition yang ada pada jQuery Mobile:

1. fade : peralihan dari halaman ke halaman lain dengan memberikan efek blur seolah-olah halaman hilang atau muncul dari kegelapan. 
2. pop : peralihan dari halaman ke halaman lain dengan memberikan efek seperti "muncul kepermukaan". Jadi ibarat kata, halaman yang tenggelam muncul ke layar. (Penjelasan yang membingungkan)
3. flip : peralihan dari halaman ke halaman lain dengan memberikan efek seperti membalikkan halaman tersebut, tapi bukan seperti membalikkan halaman pada buku.
4. turn : memiliki efek yang mirip dengan flip, namun ini seolah-olah titik rotasi halaman berada di pinggir halaman, sedangkan pada flip, titik rotasi pada garis tengah halaman.
5. flow : efek yang dihasilkan adalah halaman seperti tenggelam, kemudian dilempar ke bagian samping hingga tidak terlihat lagi. Efek yang satu ini, emang terlihat lebih garang dari pada yang lain, karena halaman bertukar dengan cara dilempar-lempar. Cocok bagi developer yang suka main keras.
6. slidefade : gabungan dari fade dan slide, sehingga halaman tersebut bergeser kemudian menghilang.
7. slide : efek yang diberikan pada peralihan ini yaitu membuat halaman seolah-olah meluncur dan digantikan oleh halaman berikutnya.
8. slideup : sama seperti slide, namun pergerakannya dari bawah ke atas.
9. slidedown : sama seperti slide, namun pergerakannya dari atas ke bawah.
10. none : sesuai namanya, peralihan tidak ada efek apa-apa. Main tukar aja. Simple, no animation!

Untuk menggunakan transition ini, kita harus menambahkan atribut pada element yang menjadi trigger (Pemicu) misalkan link atau <a></a>. Rumusnya seperti ini :

  <a href="index.html" data-transition="flow">Let Me Flow!</a>

 Dengan formula ini, maka halaman "index.html" akan dibuka dengan efek transition "flow". Silahkan ganti sesuai data transition yang diinginkan. Pada beberapa efek transition, bisa juga ditambahkan atribut "data-direction='reverse'" tanpa kutip. Contoh:

 <a href="index.html" data-transition="slide" data-direction="reverse">Let Me Slide!</a>

Formula diatas akan memberikan efek slide dengan arah pergerakan sebaliknya. Selebihnya, tergantung imajinasi teman-teman dalam memanfaatkan fitur yang ada pada jQuery Mobile untuk menciptakan aplikasi yang responsif.

Karena saya menyadari bahwa penjelasan saya mengenai transition sangat terbatas makauUntuk mengetahui dan mencoba demo dari masing-masing efek transition silahkan kunjungi link ini.
Referensi: http://view.jquerymobile.com/1.3.2/dist/demos/widgets/transitions/
Sumber Gambar: http://blogfreakz.com/mobile-development/jquery-mobile-tutorials/