1. Bachelor degree, fresh graduates are very welcome
2. Have a good understanding of web programming, be it PHP, JSP, or Ruby on Rails
3. Have a good understanding of object oriented programming, understanding of MVC framework will be great advantage
4. Team player and fast learner
5. Willing to be located in Bandung

Send your CV to info@starqle.com.

Express comes with an awesome carousel on the homepage for featured stuffs, fully working contact forms, and custom post types. Works with Firefox 3+ and Chrome 10+.

Demo || Download

See the demo

In this article I’m going to show you how to do it. First of all download the latest jquery and include it in your page.

Create link to top of page or just link to ‘#’

<a id="back_to_top" title="Back to top" href="#">
  <img src="your-back-to-top-image.png" alt="Back to Top" />
</a>

Give back-to-top link some style

#back-to-top{
  display: block;
  position: fixed;
  right: 20px;
  top: 20px;
  opacity: 0;
}

Put this script into your javascript file

jQuery(document).ready(function(){
 
  jQuery(window).scroll(function(){
 
    // if you want to measure 1000px from the top, use --> if(jQuery(window).scrollTop() > 1000)
    // if you want to measure 1000px from the bottom, use  --> if(jQuery(document).height() - jQuery(window).height() - jQuery(window).scrollTop() < 1000)
    // check whether the scroll has reached 1000px from the top
    if(jQuery(window).scrollTop() > 1000){
      // show back to top
      jQuery('#back-to-top').stop().animate({opacity: 1});
    }
    else{
      // hide back to top
      jQuery('#back-to-top').stop().animate({opacity: 0});
    }
  });
 
});

That’s all, enjoy your back-to-top link. See the demo

The Button
This is the main structure of my button set. It made by a border, border-radius, box-shadow, and text-shadow. Here’s the CSS code:

The Sizes
After we made the .button class, we can setup some instances of size. In this tutorial I have set the classes .small, .medium, and .large.

The Colors
The final step is to add some colors.

And there you have it. A sexy button using CSS3-based method. You can download the final coded example here.

East Ventures is a venture capital company based in Singapore. East Ventures has now conducted a series of ventures night like Jakarta Ventures Night 2010, Bandung Ventures Night 2010, and Jakarta Ventures Night 2011. East Ventures has given investment to a number of successful local start ups in Indonesia.

IF Association is a community of IT start ups whose founders are graduates from Informatics Engineering of Institut Teknologi Bandung. The community focuses on helping each others to grow as companies by sharing knowledges and experiences of a company to others.

This edition of Bandung Ventures Night is particularly a special opportunity for ITB community. Bandung Ventures Night 2011 is aimed for students and alumni of ITB who run a start up or have business ideas in consumer web and mobile application field.

If you happen to be an ITB student or almuni and interested to pitch your idea, you can send your business plan and curriculum vitae of the founders of your business to bvn@east.vc before Monday, April 4, 2011 at 5pm. Up to 10 selected start ups will be given a chance to pitch their ideas in Friday, April 8, 2011. If East Ventures like the idea you pitch, it is a good chance they will give seed investment for your start up.

So, don’t miss out this great opportunity to get potential investment and let your start up be covered by the media!

After seconds searching for WYSIWYG editor codes, I stumbled upon 2 platforms, TinyMCE and NicEdit. For the project, I used Zend Framework so I googled on how to integrate those 2 platforms with Zend Framework. The first result that came up was Zend + TinyMCE, an all detailed tutorial I had hoped for. Turns out this was not my luck as I followed all the steps but the form didn’t show at all on my view file. So I changed my focus on NicEdit. There was not a lot of documentation on how to implement the codes, especially integrating it Zend. But I downloaded the files and looked at the examples. It was A LOT easier than TinyMCE. Here’s how you integrate Zend with NicEdit:

1. The first thing you should do is, of course, download the file here.

2. Extract it and copy the file nicEdit.js and nicEditorIcons.gif to your /public/js. Don’t forget to edit the iconsPath (line 31) in the nicEdit.js.

3. Include nicEdit.js to your layout.phtml

4. And still in your layout.phtml, add one of these below codes. These codes will change your <textarea> html tag with the NicEdit editor. You could change all the <textarea> html tags or a specific one by including the <textarea> id.

Code to change all textareas:

Code to change a specific textarea:

5. You could also change the configuration of the editor. For example, you just want the bold-italic-underline buttons. For the complete configuration see here.

6. Go on to the browser and we’re done! All of those Zend_Form_Element_Textarea will be changed to NicEdit editor! Basically if you still can’t get it right, you should look at the examples. They’re very easy to learn from. I hope this could help you who are looking for a WYSIWYG for Zend!

By doing this, the silver is retained in the emulsion along with the color dyes. The result is a black and white image over a color image. The images usually would have reduced saturation and exposure latitude, along with increased contrast and graininess. It usually is used to maximal effect in conjunction with a one-stop underexposure.

Here is quick tutorial for achieving a Bleach bypass technique in Photoshop:

1. Open your image in Photoshop

2. Duplicate layer

Then, give name to this new layer with anything you want

3. Set blending mode of your duplicate layer to “overlay” to preserves the highlights and shadows of the base color

4. Now, we are going to desaturate image a little bit by using Hue and Saturation

Use this adjustment layer to desaturate. Mine is -55.

5. Our image seems pretty dark, and needs brightness. So, we are going to enlighten the image with Curves.

Here’s what my slider looks like

6. Here’s my final image

–
This is the second part of two posts tutorial on how to use Devise and CanCan with Rails 3. You can find the first part of this tutorial at the original blog here or at this site here.

Where were we?

In the previous part, we have used Devise library to create our User model in CRUD style. With what we have coded in the previous part, you should now be able to manage users and authenticate them. Now it’s time to add the roles and define what features they may access.

1. Adding the Roles

This step is pretty traditional, we can just scaffold all the MVC part for our roles. In this article, I only need one attribute that is the name of the role.

2. Making HABTM relationship between roles and users

We have to do several tasks in this step. The first thing is to manually create the migration file for the habtm table. We do it by first generating the migration file like this:

and then we fill the file with this code:

And do not forget to modify our model files. This is how our role.rb looks like after we modify it:

And this is how our user.rb file looks like. Please be noted that we also add :role_ids in the attr_accessible and we add a method to identify the role of the respective user.

In the views part, we have to modify at least the _form.html.erb from our users view so that we can assign the role to the user from web interface. This is how the file users/_form.html.erb looks like:

Of course you can also modify your index.html.erb and show.html.erb files to show the role of the listed user(s). But I think I leave it to you to do it yourself. After all these tasks, we can run rake task db:migrate.

In this state, we can now add users and assign them with the roles we desire. But of course each role has not yet identified with any permission by CanCan. That’s what we’re going to do in the next step.

3. Adding ability

To use CanCan, we have to make a class that defines the permissions that are given to each role. In CanCan, this is called as “ability” and to set it up, we have to create the ability.rb file as part of our models.

CanCan use a very pleasant way to describe our roles and it’s corresponding allowed features. In our code above, we use the keyword “can” and then follow it with the level of authorization we want the respective role to have and at last we end it with the name of the model. The level of authorizations that I have tried so far is :create, :read, :update, :delete, and :manage. Maybe there is a way to define another ability, you can find about it in depth in the official Github page of CanCan library here.

4. Adding authorization

Finally, in every controller that needs authorization, we add this line:

Final Words

I think that’s it for now. I know I only have covered the basic part of using Devise and CanCan but I hope this can be helpful for anyone that just starts to learn about both libraries. I may add a working source code to this tutorial later. Meanwhile, if you have any trouble following this tutorial, you can ask me in the comment section.

–
Recently, I was involved in a new project that uses Rails 3. That was my first Rails 3 project, I’ve always used Rails 2 before. Therefore, I tried to get accustomed to how Rails 3 works and how it differs from Rails 2. One thing that I really had to change back then was what authentication and authorization plugin to use. In my previous projects, I always used Authlogic and Lockdown. When I started this particular project, it seemed that both Authlogic and Lockdown was not Rails 3 ready (but I heard now both are Rails 3 ready). So I decided to give a try to different plugins. That’s how I found Devise and CanCan.

Most part of this writing is heavily duplicated from tutorials from Devise’s official github page, Asciicast’s episode on CanCan by Ryan Bates, and Tony Amoyal’s tutorial. I took most of the codes from these resources and then slightly modified it to meet my own needs. In this post, I try to share my experience working with both Devise and CanCan. I’ll explain it in a step-by-step style, maybe some steps are just too obvious for expert readers, please bear with it.

The Project

I wanted to have a user management feature. In the project, we had several roles with predefined sets of features that each role can access. The system has an administrator roles. Users can’t freely register to the system, the admins add them to the system and then assign a role to them. In the actual system I worked with, users passwords are generated by the application and then sent to the respective user’s mail. To keep this post simple, I’ll make administrator set the password directly.

1. Adding needed gems

Add these lines to your Gemfile:

then install the gems with this command from your command line:

2. Adding Devise to your project

Run these commands from your command line:

3. Modifying user model and migration file

As said before, I needed the user management feature to be able to add, delete, and modify users through a CRUD mechanism. Therefore, there are several things we need to change in our user model and migration file. First, we delete the “registerable” attribute.  Second, we add a “username” attribute to the model and to the migration file. Here is how your user model should look like:

and your migration file for user should look like this:

4. Modifying the routes

When we installed Devise, it added it’s own routes to our routes.rb file. Since we want to have CRUD ability, we have to add another routes for our user resources. So this is what we do:

5. Creating the controller and views

In this step, we can just use a generic controller and views template that usually created when you use rails generator to do a scaffolding. Anyway, this is how my users_controller.rb looks:

Again, although this is a generated view, I’ll include it here anyway. Here’s our _form.html.erb:

Our edit.html.erb:

Our index.html.erb:

Our new.html.erb:

And the last… our show.html.erb:

6. Using the Devise

In order Devise to really work, we have to put this line in every controller that can only be accessed by authenticated users.

Next Step

Well, it’s a long post already… . I guess it’s better for us to take a break. So, this is the first part. We have not used CanCan yet, but now we have a working user management feature as we wanted it in the beginning. Hope this post helps you with your own project using Devise. I’ll write the second part where we will use CanCan as soon as possible.

UPDATE (05/04/2011): due to some questions directed to as via our feedback form, we would like you to know that Ruang Main is not yet available for public use. It is still on private beta testing state. We do hope we can bring this to public as soon as possible. Stay tune. :)

–
DENGAN lebih dari 500 juta pengguna, Facebook merupakan sebuah dunia. Seperti situs jaringan sosial lainnya, di dalam Facebook ada pertemanan, bisnis, politik, tapi juga ada peluang kejahatan yang diam-diam mengintip.

Noni, 14 tahun, bukan nama sebenarnya, dirayu dan akhirnya dinodai teman yang dikenalnya lewat Facebook. Gadis belia asal Sidoarjo, Jawa Timur, itu semula hanya mengenal Ari, 18 tahun, warga Tangerang, Banten, lewat Facebook dan pesan pendek. Mereka tak pernah bertemu langsung. Ketika akhirnya bertemu di Jakarta, awal tahun lalu, Noni begitu saja percaya kepada teman mayanya itu dan meninggalkan orang tuanya. Lima hari kemudian, Noni baru ditemukan polisi.

Kasus serupa terjadi pada Abigail, 15 tahun, juga bukan nama sebenarnya. Siswi sekolah menengah atas di Surabaya ini pergi ke Jakarta bersama Joni, yang hanya dikenalnya lewat Facebook. “Dia pamit hendak menonton pertandingan basket,” kata orang tua Abigail, beberapa bulan lalu. Di Jakarta, Abigail begitu saja ditinggal pergi Joni.

Ketua Umum Komisi Nasional Perlindungan Anak, Arist Merdeka Sirait, mengatakan kasus kejahatan terhadap anak lewat Internet terus menunjukkan peningkatan. Berdasarkan laporan yang masuk ke Komisi Nasional, pada 2009, ada 26 kasus kejahatan terhadap anak-anak. “Untuk 2010, sampai sekarang sudah ada 21 kasus,” kata Arist pekan lalu. Mereka tersebar di berbagai kota di Indonesia. Sebagian besar dari anak-anak itu menjadi korban kekerasan seksual.

Modus merayu gadis belia dan anak-anak lewat situs jaringan sosial atau chatting tak cuma monopoli Indonesia, tapi juga terjadi di pelbagai negara. Dengan memalsukan identitas, Christopher M. Spiehler, 29 tahun, merayu anak perempuan berumur 11 tahun lewat jaringan VampireFreaks.com, situs bagi para penggemar cerita vampir. Warga Hancock County, Mississippi, Amerika Serikat, itu kemudian membawa kabur dan memerkosa anak tersebut.

Jika tidak hati-hati berseluncur di Internet, anak-anak bisa menjadi sasaran empuk para pemangsa ini. Menurut laporan Internet Watch Foundation di Inggris, ada 8.844 alamat Internet di seluruh dunia yang menjadi ajang pertukaran materi pornografi anak-anak. Hampir separuhnya beralamat server di Amerika Serikat. Sebagian besar materi jorok itu melibatkan anak-anak berumur 6 hingga 12 tahun.

Di Internet, setiap orang dengan gampang memalsukan diri dan menjadi siapa pun yang dia kehendaki. Untuk menghindari para pemangsa ini, menurut Arist Merdeka, yang paling penting adalah memberdayakan orang tua dan mendidik anak bagaimana berinternet dengan sehat. “Menjauhkan anak dari teknologi bukan solusi,” katanya. Repotnya, orang tua tak selalu punya waktu untuk memelototi laman demi laman Internet yang dikunjungi si kecil.

Supaya si kecil ini tidak tersesat di belantara Internet, tujuh lulusan teknik informatika Institut Teknologi Bandung yang bergabung di PT Starqle Indonesia membuat Ruang Main. “Sudah ada investor dalam negeri yang siap membiayai pengembangannya,” kata Iqbal Farabi, Vice Chief Technology Starqle, pekan lalu. Menurut dia, Ruang Main ditujukan bagi anak berumur 6 hingga 12 tahun. Di dalam Ruang Main ini, si kecil bisa dengan aman dan nyaman mengarungi Internet. “Kami tetap menekankan unsur fun.”

Ruang Main merupakan gabungan beberapa aplikasi sekaligus konten. Di dalamnya ada peramban alias browser khusus anak-anak, jaringan sosial, aplikasi video, gambar, dan aplikasi kontrol orang tua. Peramban Ruang Main ini, kata Iqbal, dibuat dengan Adobe Flex dan WebKit. WebKit adalah open source engine yang juga digunakan untuk mengembangkan Safari, peramban dalam Apple MacOS X.

Selain tampilannya lebih sederhana dan bergaya anak-anak, ada penyaring di peramban Ruang Main. Berbeda dengan kebanyakan penyaring yang memblokir akses ke daftar hitam alamat-alamat situs jorok atau sumber surat sampah, penyaring Ruang Main memilih metode daftar putih alias white list.

Dengan cara ini, peramban Ruang Main akan mengarahkan si kecil mengunjungi situs yang ada di daftar putih. Akses ke situs yang tak ada di daftar putih akan ditolak. Untuk menyusun daftar putih ini, Starqle akan melibatkan para guru. “Nanti kami juga akan melibatkan komunitas orang tua,” ujar Iqbal.

Metode daftar putih ini juga dipakai peramban anak-anak seperti KidZui, KidRocket, dan Kido’z. KidRocket, misalnya, untuk memasukkan Barbie.com, Sesamestreet.com, Crayola.com, Disney.com, dan situs Nickelodeon ke daftar putihnya.

Di dalam Ruang Main, anak-anak bebas menjelajahi konten video, gambar, atau materi pendidikan. Si kecil boleh asyik masyuk dengan game yang ada di Ruang Main. Untuk memperkaya konten di Ruang Main, kata Iqbal, Starqle akan bekerja sama dengan para pengembang konten. “Tapi semua konten tetap harus lewat persetujuan komunitas orang tua,” Iqbal menekankan. Lewat jaringan sosial Ruang Main, si kecil juga bisa berinteraksi, mengunggah foto atau video, mengomentari, dan berbagi konten dengan teman-temannya.

Sebagai acuan untuk jaringan sosial Ruang Main, Iqbal mengatakan, mereka merujuk ke TogetherVille.com dan KidZui. TogetherVille adalah jaringan sosial Internet khusus bagi anak-anak berumur 6 hingga 10 tahun yang dibuat oleh Mandeph Singh Dhillon. Facebook, MySpace, atau Friendster tidak menjadi acuan, karena memang didesain untuk usia di atas 13 tahun.

Tidak seperti Facebook atau Friendster, di TogetherVille, yang baru diluncurkan Mei lalu, profil dan gambar setiap anak sepenuhnya tertutup. Orang lain tidak bisa mengintip foto atau data anak-anak di TogetherVille. Si kecil hanya bisa mengundang teman-teman yang benar-benar dikenalnya sehari-hari. Dan aktivitas si kecil di Internet ini semua bisa dikendalikan orang tua masing-masing.

Di Ruang Main ini, peran orang tua tetap menjadi kunci keamanan bagi anaknya. Sebab, belum ada cara yang benar-benar mujarab untuk melacak keaslian identitas yang dipakai di Internet. Orang tua bisa mengusulkan situs Internet masuk ke daftar putih. Mereka juga bisa memblokir akses anaknya ke salah satu situs ataupun konten, sekalipun alamat itu ada di daftar putih.

Orang tua akan selalu mendapat pemberitahuan setiap kali ada orang hendak berkenalan dengan anaknya. Orang tua juga bisa mengatur berapa lama anaknya boleh berselancar di Internet. “Bahkan mereka juga bisa menentukan kata-kata apa saja yang bisa dipakai anaknya dalam fasilitas pencarian,” kata Iqbal.

Sempat tertatih-tatih karena kurang dana, kini setelah mendapat investor baru, Starqle menggeber pengembangan Ruang Main. Mereka memasang target, versi beta Ruang Main akan kelar dalam dua bulan ini. Sehingga pada Januari tahun depan semua anak sudah bisa bermain-main di Ruang Main.

–

Original source of this article can be found here.