dev.enekoalonso.com » code http://dev.enekoalonso.com having fun with code Thu, 02 Sep 2010 13:56:13 +0000 en hourly 1 Link: Whirlpool JS http://dev.enekoalonso.com/2010/08/27/link-whirlpool-js/ http://dev.enekoalonso.com/2010/08/27/link-whirlpool-js/#comments Fri, 27 Aug 2010 20:08:25 +0000 Eneko Alonso http://dev.enekoalonso.com/?p=651 Whirlpool is a very strong hashing algorithm (one way encryption) that encodes any text into a 128 character string (popular md5 generates a 32 byte string).

Looking for the JavaScript version, I had to search on my email inbox for an email I received back in October 2009 to found the link where to download the Whirlpool Hash Javascript Algorithm. It’s kind of surprising that searching in Google for “whirlpool js”, “whirlpool javascript” or “whirlpool hash javascript algorithm” does not return the link.

For the record, here is the url:
Whirlpool Hash Javascript Algorithm

Related Posts:

]]> http://dev.enekoalonso.com/2010/08/27/link-whirlpool-js/feed/ 0 Titanium Developer: love and hate (Part II) http://dev.enekoalonso.com/2010/08/18/titanium-developer-love-and-hate-part-ii/ http://dev.enekoalonso.com/2010/08/18/titanium-developer-love-and-hate-part-ii/#comments Wed, 18 Aug 2010 19:58:52 +0000 Eneko Alonso http://dev.enekoalonso.com/?p=644 For the last four weeks and despite other projects and deadlines, I’ve been working on a mobile app for iPhone and Android, using Titanium Developer from Appcelerator.

I still hate it. And I still love it.

More to come…

Related Posts:

]]> http://dev.enekoalonso.com/2010/08/18/titanium-developer-love-and-hate-part-ii/feed/ 0 Creating QR Codes with Google Charts API http://dev.enekoalonso.com/2010/07/30/creating-qr-codes-with-google-charts-api/ http://dev.enekoalonso.com/2010/07/30/creating-qr-codes-with-google-charts-api/#comments Sat, 31 Jul 2010 05:51:28 +0000 Eneko Alonso http://dev.enekoalonso.com/?p=618 As simple as a URL: http://chart.apis.google.com/chart?cht=qr&chs=250×250&chl=http://dev.enekoalonso.com

Related Posts:

]]> http://dev.enekoalonso.com/2010/07/30/creating-qr-codes-with-google-charts-api/feed/ 1 Titanium Developer: love and hate http://dev.enekoalonso.com/2010/07/30/titanium-developer-love-and-hate/ http://dev.enekoalonso.com/2010/07/30/titanium-developer-love-and-hate/#comments Sat, 31 Jul 2010 04:57:16 +0000 Eneko Alonso http://dev.enekoalonso.com/?p=615 I’ve been using Titanium Developer for a while now, since I installed it to do some mobile app research one or two months ago. But up until now I barely used it again other than to maintain a desktop app I created for a game, which thanks to Titanium runs in both Mac and PC. Thus, up until this week, I hadn’t really get in depth with it.

The good things

Nice, easy and fast. Creating apps is piece of cake, loading JSON feeds from Internet, using local storage, placing buttons and labels on the screen… it’s all easy and it works on both iPhone and Android right away.

The bad things

Titanium Developer looks like an unfinished app. It shouldn’t be version 1.X, not even 0.X. Looks like an alpha, buggy and very easy to get screwed up, specially if you share your projects between Windows and Mac. This time it launches the emulator, this time it does not. This time your project does not load properly. Next time, you try to create a new project and it fails. And the errors are totally useless. Not very helpful.

Conclusion

The idea is great, awesome. The code is clean and using Javascript for development makes it easy for web developers to get easily involved into mobile app development. If only the Appcelerator team could improve their app, we would save a lot of headaches.

Related Posts:

]]> http://dev.enekoalonso.com/2010/07/30/titanium-developer-love-and-hate/feed/ 3 Playing with WebSockets http://dev.enekoalonso.com/2010/05/03/playing-with-websockets/ http://dev.enekoalonso.com/2010/05/03/playing-with-websockets/#comments Tue, 04 May 2010 04:20:37 +0000 Eneko Alonso http://dev.enekoalonso.com/?p=521 Today I spent some time with Tim at work, playing with WebSockets, a new HTML5 feature that only Google Chrome supports so far. WebSockets allow browsers to create and maintain open direct TCP connections to the server, allowing instant communication in both directions. This means that ajax polling is no longer needed to get updates from the server. Instead, the server can send a message directly to the browser at any point in time while the connection is open. Awesome!

Since we are currently working on a C# .Net project, we searched Internet and found this very cool example that we took as a base for a little multiuser game we were working on today: WebSocket Chat


The potential of WebSockets is incredible, specially for online games and multiuser applications.

Related Posts:

]]> http://dev.enekoalonso.com/2010/05/03/playing-with-websockets/feed/ 2 Having fun with Mooml & Twitter http://dev.enekoalonso.com/2010/02/19/having-fun-with-mooml-and-twitter/ http://dev.enekoalonso.com/2010/02/19/having-fun-with-mooml-and-twitter/#comments Fri, 19 Feb 2010 20:43:54 +0000 Eneko Alonso http://dev.enekoalonso.com/?p=472 Mooml is a templating engine for Mootools. With it, you can create HTML from Javascript using a very clean syntax. Plus, it is extremely useful when you have to generate repeating elements, since Mooml automatically renders arrays of data multiple times. Let’s see an example.

Searching Twitter

Nowadays there are a lot of APIs out there that support JSON or JSONP, which we can use directly from the front end using Javascript. Also, there are other APIs that return tons of JS data, like Google Maps. In this example we are going to be searching Twitter and displaying the search results in a container div, properly rendered as HTML.

The url for searching Twitter is http://search.twitter.com/search.json?q=mootools&show_user=true (searching for Mootools in this case). Check the output:

  1. {
  2.   "results":[
  3.     {
  4.       "profile_image_url":"http://a3.twimg.com/profile_images/547672997/twitterProfilePhoto_normal.jpg",
  5.       "created_at":"Fri, 19 Feb 2010 17:08:55 +0000",
  6.       "from_user":"digitalr3bel",
  7.       "to_user_id":1212494,
  8.       "text":"@davidwalshblog Hi David – im a big fan of your site! Can you recommend a good MooTools tutorial for someone who can already program? thx",
  9.       "id":9343656026,
  10.       "from_user_id":23704390,
  11.       "to_user":"davidwalshblog",
  12.       "geo":null,
  13.       "iso_language_code":"en",
  14.       "source":"<a href="http://apiwiki.twitter.com/" rel="nofollow">API</a>"
  15.     }
  16.     // More results here…
  17.   ],
  18.   "max_id":9343656026,
  19.   "since_id":0,
  20.   "refresh_url":"?since_id=9343656026&q=mootools",
  21.   "next_page":"?page=2&max_id=9343656026&q=mootools",
  22.   "results_per_page":15,
  23.   "page":1,
  24.   "completed_in":0.0352710000000001,
  25.   "query":"mootools"
  26. }

We want to render each result inside out container div. On this example, we will just render the user name, user image and message text. Here is our Mooml template:

  1. Mooml.register('twitter-search-result', function(entry) {
  2.   div({id: "tweet-" + entry.id},
  3.     img({src: entry.profile_image_url, alt: entry.from_user}),
  4.     span(entry.from_user),
  5.     p(entry.text)
  6.   );
  7. });

Since all results are returned into an array, we can pass it directly to Mooml which will render all of the elements in it:

  1. // Data is the JSON response from Twitter
  2. Mooml.render('twitter-search-result', data.results);

So, let’s do a live test. Type something you want to search for and hit the search button to see Mooml in action :)

Search:

How cool is that?

The code

Ok, so here is the whole code I have used in this post for this mini-demo:

  1. <script type="text/javascript" src="http://enekoalonso.com/lib/mootools-1.2.4-core-nc.js"></script>
  2. <script type="text/javascript" src="http://enekoalonso.com/lib/mooml.js"></script>
  3. <script type="text/javascript">
  4. Mooml.register('twitter-search-result', function(entry) {
  5.   div({id: "tweet-" + entry.id},
  6.     img({src: entry.profile_image_url, alt: entry.from_user}),
  7.     span(entry.from_user),
  8.     p(entry.text)
  9.   );
  10. });
  11.  
  12. function searchTwitter() {
  13.   new Element('script', {
  14.     type:'text/javascript',
  15.     src:'http://search.twitter.com/search.json?q={text}&show_user=true&callback=renderData'.substitute({
  16.       text:$('twitter-mooml-search').get('value')
  17.     })
  18.   }).inject(document.head);
  19. }
  20.  
  21. function renderData(data) {
  22.   $('mooml-twitter-demo').empty().adopt(Mooml.render('twitter-search-result', data.results));
  23. }
  24.  
  25. $('twitter-mooml-search-btn').addEvent('click', searchTwitter);
  26. searchTwitter();

As you can see, the code is very basic and so is the Mooml template. The coolest thing here is that you don’t need to iterate over the results to render each element.

Have fun!

Related Posts:

]]> http://dev.enekoalonso.com/2010/02/19/having-fun-with-mooml-and-twitter/feed/ 0 MyGameOfLife source code http://dev.enekoalonso.com/2008/11/28/mygameoflife-source-code/ http://dev.enekoalonso.com/2008/11/28/mygameoflife-source-code/#comments Sat, 29 Nov 2008 06:11:25 +0000 Eneko Alonso http://dev.enekoalonso.com/?p=40 Almost a year ago I was learning some Cocoa and I decided it will be fun to implement a Cocoa based version of Conway’s Game of Life. Back then I didn’t publish the source code, not for any special reason. So now I have just uploaded it to Google Code. It’s not fully functional, since the last time I worked on it I was creating an structure editor. My idea was to create a library of structures, with drag&drop and import/export options.

If you are interested on working on the project, let me know :)

http://code.google.com/p/my-gameoflife

My Game of Life

Related Posts:

]]> http://dev.enekoalonso.com/2008/11/28/mygameoflife-source-code/feed/ 0