Free iOS 7 UI Kit dari MediaLoot

iOS 7 GUI PSD dari teehanlax

iOS 7 UI Kit dari  Sketch Gems

Tab Bar Icons iOS 7 dari Pixeden

Template for iOS 7 App Icons dari  Denis Shoomov

Sekedar kamu ketahui bahwa iOS 7 masih dalam tahap beta dan terus dikembangkan, versi beta hanya bisa diakses oleh para developer iOS App. apakah kamu termasuk salah satu App Developer itu? 

Tags

Grid

<div class="pure-g">
    <div class="pure-u-1-3">
        <!--
        By default, grid units don't have any margin/padding.
        If you want to add these, put them in a child container.
        -->
        <p>Thirds</p>
    </div>

    <div class="pure-u-1-3">
        <p>Thirds</p>
    </div>

    <div class="pure-u-1-3">
        <p>Thirds</p>
    </div>
</div>

Button (Tombol)

<a class="pure-button" href="#">A Pure Button</a>
<button class="pure-button">A Pure Button</button>

Menu

<div class="pure-menu pure-menu-open pure-menu-horizontal">
    <ul>
        <li><a href="#">Home</a></li>
        <li class="pure-menu-selected"><a href="#">Blog</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Events</a></li>
        <li><a href="#">Contact Us</a></li>
    </ul>
</div>

Tags

1. Sebelum memulai ada beberapa kriteria yang yang sebaiknya anda penuhi agar mempermudah karir anda sebagai freelancer. Bukan syarat mutlak namun sangat berpengaruh akan kemajuan karir freelancer anda. Syarat tersebut antara lain:
   • Menguasai bahasa Inggris, minimal baca tulis. Kalau tidak anda akan kesulitan untuk berkomunikasi dengan client anda.
   • Memiliki skill yang cukup untuk bersaing dengan freelancer lainnya. Anda harus mempunyai kemampuan yang dapat diandalkan sebelum masuk ke dunia freelancer karena bila anda mengecewakan klien maka akan berdampak pada reputasi anda seterusnya.
   • Akses internet yang lancar karena semua pekerjaan dan komunikasi melalui internet maka hampir dipastikan syarat ini harus dipenuhi.
   • Memiliki website sendiri sebagai portofolio anda sehingga klien dengan mudah mengetahui siapa anda. Tidak mutlak tapi sangat membantu untuk meyakinkan klien bahwa anda adalah orang yang dia cari.
2. Daftar ke website penyedia project. Daftar web yang bisa dicoba bisa lihat di tulisan saya sebelumnya “Website untuk para creative freelancer”. Untuk permulaan saya menyarankan menggunakan getafreelancer.com(GAF) karena banyak proyek kecil yang bisa anda coba ikuti. Selain ga ribet harus test, bikin proposal, dan prosedur lainnya yang banyak digunakan di website lain GAF juga tidak terlalu membatasi freelancer dalam jumlah mengikuti penawaran proyek. Tidak seperti website lain yang sangat membatasi jumlah keikutsertaan dalam penawaran proyek untuk account gratis. Untuk memiliki kesempatan lebih ikut dalam penawaran anda harus membayar sekian dollar untuk website lainnya.
3. Setelah mendaftar, silakan cari proyek yang anda ingin ikuti. Berikut adalah saran dalam memilih proyek:
   • Pilih proyek yang pasti bisa anda selesaikan. Kalau perlu lakukan riset terlebih dahulu sebelum mengikuti penawaran.
   • Jangan tamak dan langsung ikut menawar pada proyek bernilai besar. Mulailah dengan proyek kecil dengan tujuan mengumpulkan review dan feedback dari client sebanyak mungkin.
   • Baca secara detail requirement proyek dan pastikan anda memahami apa yang diinginkan oleh pemilik proyek.
   • Sebaiknya anda memilih spesialis anda, misalnya anda spesialis WordPress, Drupal, atau CMS lainnya. Dengan demikian anda memiliki feedback yang sesuai dengan spesialis anda dan lebih meyakinkan klien lain bila anda menawar proyek serupa yang pernah anda kerjakan sebelumnya.
4. Setelah memilih proyek, saatnya membujuk klien anda agar memilih anda dalam mengerjakan proyek miliknya. Caranya bisa seperti berikut:
   • Perkenalkan secara singkat diri anda dan kemampuan anda.
   • Yakinkan klien bahwa anda mengerti apa yang klien anda inginkan.
   • Berikan saran atau ide yang dapat membuat proyek klien jadi lebih baik.
   • Tunjukkan apa yang pernah anda buat sebelumnya, sebaiknya tunjukkan karya anda yang kira-kira mirip dengan proyek yang anda tawar.
5. Bila klien anda tertarik dan membalas pesan anda. Jangan sia-siakan kesempatan. Bujuk rayu dan yakinkan klien bahwa anda tidak akan mengecewakan klien. Namun pastikan requirement, prosedur pengerjaan, biaya, dan pembayaran telah jelas sebelum anda deal dengan klien anda.
6. Selamat, anda terpilih untuk mengerjakan proyek ini. Bila email pemberitahuan telah sampai di inbox anda, anda harus segera menyiapkan segala sesuatunya untuk memulai proyek anda. Anda bisa menggunakan beberapa tool kolaborasi untuk memudahkan komunikasi dengan klien anda.
7. Selama pengerjaan proyek, pastikan klien anda mengetahui apa yang anda sedang kerjakan. Minimal 3 hari sekali anda memberikan laporan kepada klien anda. Makin sering makin baik, misalya sehari sekali.
8. Minta review dan komentar klien anda untuk proyek yang sedang anda kerjakan. Misalnya selesai bagian tampilan, tanyakan komentarnya agar bila ada perubahan tidak perlu dilakukan perubahan besar-besaran bila hal ini anda lakukan di akhir proyek.
9. Pastikan permintaan klien selama pengerjaan proyek tidak melenceng dari requirement proyek. Bila hanya perubahan kecil maka bisa saja anda penuhi, namun bila perubahan termasuk besar mungkin anda bisa mengajukan perubahan anggaran biaya proyek.
10. Pastikan klien anda puas dengan pekerjaan anda dengan menyelesaikan proyek tepat waktu dan sesuai dengan requirement proyek. Karena besar kemungkinan klien anda akan meminta anda melakukan pekerjaan lain bila ia puas dengan pekerjaan anda.

Feature

• Pembagian tiket berdasarkan departement
  Dengan feature ini maka semua departement dapat menerima permintaan dukungan dan tidak tertutup untuk bagian IT saja. Misalnya departement Supply Chain Management yang menangani masalah inventaris barang dan sirkulasi barang dapat menggunakan aplikasi ini untuk menangani permintaan barang dari departement atau cabang kantor lain.
• Prioritas tiket
  Tiket dapat dibuat dan diberikan prioritas apakah tiket tersebut bersifat penting atau biasa saja. Dengan demikian bagian yang menerima tiket dapat memberikan dukungan dengan tepat sesuai prioritas tingkat kepentingan.
• Pengalihan tiket
  Tiket dapat dialihkan kepada staff tertentu sehingga tiket tersebut dapat ditangani oleh staff tersebut dan bertanggung jawab atas penyelesaian tiket tersebut.
• Pengaturan hak akses berdasarkan group
  Aplikasi ini memiliki tingkat akses berlevel yang dibagi berdasarkan group sehingga memiliki tingkat keamanan penggunaan yang baik
• RSS tiket
  Kita dengan mudah membuat RSS feed pada tiket yang menjadi tanggung jawab kita. Dengan demikian kita dengan mudah mengecek apakah ada tiket baru yang ditujukan pada kita dengan cepat.
• Multi Language
  Secara default aplikasi ini memiliki tampilan dengan bahasa Inggris. Namun dengan mudah kita dapat menerjemahkan aplikasi ini ke bahasa lain yang kita inginkan. Cukup dengan mengisi terjemahan dari kalimat-kalimat yang digunakan dalam aplikasi.
• Knowledge Base
  Memiliki knowledge base atau basis pengetahuan yang terintegrasi. Hal ini memudahkan kita dalam mencari langkah penyelesaian sebelum memasukkan tiket. Dengan feature yang memberikan saran solusi yang tersedia sebelum kita memasukkan tiket akan membantu meningkatkan efisiensi kerja karena mengurangi frekuasi dalam menangani masalah yang sama.

Link

1. Fase requirement atau penelusuran kebutuhan, pada fase ini kita mencari tau sebenarnya apa sih yang dibutuhkan, tujuan dari suatu proyek pengembangan aplikasi, dan seperti apa hasil yang diinginkan.
2. Fase analisa, pada tahapan ini berdasarkan hasil penelusuran kebutuhan maka kita akan memutuskan seperti apa aplikasi yang ingin dibuat, feature apa saja yang diperlukan, masalah yang kemungkinan kita hadapi, apa saja yang kita perlukan dalam proses pengembangan, dsb.
3. Fase perancangan, pada tahapan ini kita akan membuat rencana atau rancangan mengenai aplikasi yang akan dibuat berdasarkan hasil analisa sebelumnya. Misalnya berdasarkan hasil analisa kita akan membuat aplikasi dengan beberapa feature, nah kita perlu merancang table database yang kira-kira diperlukan untuk feature tersebut. Selain itu sesuai dengan hasil analisa kita membuat tampilan dari aplikasi. Struktur aplikasi yang dibutuhkan kayak bagaimana, fungsi apa saja yang akan dibuat, dsb.
4. Fase pengembangan, tahapan implementasi hasil dari analisa dan perancangan. Pada tahap ini kita akan menulis kode program sesuai yang telah direncanakan sebelumnya pada fase perancangan. Pada tahapan ini juga dilakukan pengujian terhadap suatu fungsi apakah telah berjalan sesuai yang diinginkan.
5. Fase installasi, setelah memastikan bahwa semua fungsi telah berjalan baik dan telah memenuhi kriteria yang diinginkan pada fase requirement maka aplikasi akan si setup pada server atau komputer yang akan digunakan untuk menjalankan aplikasi ini.

1. Fase requirement, sama dengan metodologi diatas. Pada fase ini saya mencoba mencari tahu beberapa pertanyaan berikut:
   • apa yang dibutuhkan?
   • apa tujuan dari aplikasi ini?
   • apa yang ingin dicapai?
   • apakah ada referensi atau contoh?
   • siapa sasaran penggunaan aplikasi ini?
   Setelah memperoleh jawaban dari pertanyaan itu maka saya baru memulai fase berikutnya.
2. Fase penentuan feature dan fungsi, pada tahapan ini berdasarkan hasil penelusuran kebutuhan dari aplikasi maka saya menentukan feature dan fungsi apa saja yang akan dibuat untuk memenuhi kebutuhan yang ada. Feature dibagi menjadi feature utama atau bagian besar terlebih dahulu baru kemudian didefenisikan menjadi bagian yang lebih kecil. Misalnya pada aplikasi CMS salah satu feature utama adalah blog, kemudian feature blog didefenisikan seperti feature tagging, category, comment, dsb. Pada tahapan ini yang perlu diperhatikan adalah apakah daftar feature dan fungsi yang dibuat telah memenuhi kebutuhan yang diinginkan.
3. Fase pengumpulan data, konten, gambar, dan file lain yang dibutuhkan dalam pengembangan aplikasi. Berdasarkan daftar feature dan fungsi yang akan dikembangkan maka saya akan mengumpulkan data-data dan file yang diperlukan untuk feature dan fungsi tersebut.
4. Fase analisa dan perancangan, pada tahapan ini saya mencoba menganalisa data yang telah dikumpulkan pada tahapan sebelumnya dan menuangkan hasil analisa kedalam sebuah rancangan. Misalnya berdasarkan feature yang ada maka saya merancang tabel database yang dibutuhkan oleh tiap feature. Berdasarkan konten dan data  yang ada saya juga melakukan perancangan tampilan aplikasi. Selain itu saya juga menyusun struktur aplikasi seperti menu, sitemap, dsb.
5. Fase coding, pada tahapan ini saya memulai menulis kode program. Biasanya dimulai dengan mengubah template dari file image Firework ke html. Setelah itu membuat kerangka aplikasi seperti struktur folder dan file dan memulai pengembangan fungsi untuk tiap feature.
6. Fase setup and testing, pada tahapan ini saya melakukan setup di server dimana aplikasi web nanti akan akan dijalankan. Tentu setelah melakukan testing di komputer lokal terlebih dahulu dan memastikan bahwa semua fungsi berjalan baik. Pada server juga akan dilakukan testing untuk memastikan aplikasi dapat berjalan baik pada server tersebut. Pada tahapan ini juga akan dilakukan beta test dimana beberapa orang akan mencoba menggunakan aplikasi dan memberikan komentar atau feedback terkait dengan fungsi aplikasi.
7. Fase launching, pada fase ini setelah dipastikan aplikasi berjalan baik pada server maka saya akan melakukan sosialisasi baik di dunia nyata atau maya. Beberapa diantaranya adalah melakukan posting di forum, aplikasi social network seperti facebook, membuat posting di blog, dan sosialisasi lainnya.

Referensi:

• http://www.martinbauer.com/articles/fdd_web_development
• http://www.sitepoint.com/article/successful-development/
• http://www.greynium.com/services/web-development-methodology.html

Pick Your Own Mobile Development Framework: Phonegap vs Titanium

There are so many debates and discussion about which one the best cross platform mobile development framework out there. And there are 2 mobile framework that most adopted by developer right now, it’s Phonegap and Titanium. They can help you to develop a multi platform mobile application, including 2 most popular operating system iOs and Android.

Both framework is a mobile framework that make you able to develop your mobile app using web development skills like HTML, JS, and CSS. But the big difference between both of them is Titanium compile your codes to native code that running on mobile devices, but Phonegap take different ways, it’s has built in browser that render your code and show it as full screen web page on your mobile devices. Your app that using Phonegap will communicate with device through Javascript API.

From description below some of you think that Titanium has approach a better way because it’s native. Native might always has better performance, but I’m not sure with this statement. But for me, just like in web development environment that performance not always a big factor to choose a framework. The development comfortability is my main factor to pick a framework. That’s why I choose Phonegap instead Titanium.

Phonegap development not changes the way how you write a web. You still can use HTML, JS, and CSS to write your mobile web that run as mobile app. But Titanium need to use their own style, which mostly using Javascript to build the app. It’s hard to stylish your app using CSS with Titanium because to build the user interface you declare the UI element in Javascript and Titanium will convert it UI element like input box, dropdown, etc. Basically it’s need you to learn a new approach but using your web development skills.

But if you use Phonegap for your mobile app framework, you need to be carefully choose your Javascript framework. There are some discussions told me that JQTouch is too slow for Phonegap. XUIJS is a Javascript Framework that designed for mobile app will be better to use with Phonegap. Use CSS 3 animation is better than use Javascript effect because it’s use hardware acceleration on some mobile OS like iOS and Android.

So pick your own mobile development framework or go to native development if you want to focus on one mobile OS. But my suggestion is always choose a framework that make you comfort with development, not because it’s performance, features, or any brain washing statement out there.