« Flex 4 & Flash Builder 4 are Here! | Main | Flash Embrace – Flash on Chrome: Bravo Google! »
Flash Builder 4: Create a twitter search UI in minutes!
| By Rich Tretola | March 29, 2010 | |
| 11,888 views |
One of the coolest features about the new Flash builder 4 IDE is the code generation abilities for connecting to services and building UI. This was the subject of one of my MAX 2009 sessions and that presentation is still available here.
In this demo,I am going to show how easy it is to create an application that calls twitter search and display the results. I am going to do this without touching the code view within Flash Builder 4.
If you don’t have Flash Builder 4, you can download it for a free trial by visiting http://www.adobe.com/go/try_flashbuilder.
Now simply follow these steps:
Note: The reason we are doing this as an AIR application and not a browser application is due to twitter’s lack of a cross domain policy and not a technical issue with Flash Builder 4.
Within the Operation area, set search as the name and http://search.twitter.com/search.json as the URL. Next click the Add button in the Parameters section and set the name as q. Finally, enter TwitterSearch as the Service name.
OK, so it is clearly not the prettiest twitter search UI I have seen, but it was created in just a few minutes and can easily be skinned into something beautiful. So, if you are so inclined, go ahead and skin the resulting app and I’ll post your screen shots.
Topics: flash builder, Flex, Flex Builder | 13 Comments »
March 29th, 2010 at 12:49 pm
Social comments and analytics for this post…
This post was mentioned on Twitter by richtretola: Blogged: Flash Builder 4: Create a twitter search UI in minutes! http://bit.ly/94ymao...
March 29th, 2010 at 1:33 pm
[...] This post was mentioned on Twitter by Rich Tretola, Mrinal Wadhwa, RJ Jacquez, RJ Jacquez, heathrowe and others. heathrowe said: RT @mrinal: RT @richtretola: Flash Builder 4: Create a twitter search UI in minutes! http://bit.ly/94ymao << data services features in FB4 are awesome ! [...]
March 29th, 2010 at 2:07 pm
Hey Rich – great post, but I thought you might want to know that some links are missing or broken in the first paragraph. I’m on Chrome, but your “view that presentation here” link to your Max 2009 post isn’t a link, and it looks like you intended to link to a trial of FB4 that’s also missing. Obviously you should feel free to blow away this comment if it’s just me or you fix it.
Thanks!
Reply to this comment
Rich Tretola Reply:
March 29th, 2010 at 3:10 pm
I just updated it, sorry about that.
Reply to this comment
RJ Reply:
March 30th, 2010 at 12:40 am
I see the first link now, but I also still see this:
“If you don’t have Flash Builder 4, you can download it for a free trial by visiting .”
Hope this is helpful
Reply to this comment
March 30th, 2010 at 4:36 am
[...] Twitter UI with FB4 March 30, 2010 Leave a comment Go to comments http://blog.everythingflex.com/2010/03/29/flash-builder-4-create-a-twitter-search-ui-in-minutes/#mor... Categories: Flex Comments (0) Trackbacks (0) Leave a comment [...]
May 12th, 2010 at 10:20 am
Thanks Rich,
Your example is working, and by the way, it is a rare example about using json with fb4, maybe the only one available on the net today!
Got a question: what if I don’t want to use a datagrid for my results, how can I access properties inside the results array? for example; I want to tape a query and this query outputs , lets say, from_user, out of the first results row and insert it in a textField?.. in other words, is possible to do something like this:
twitterResults.Results.from_user
I use your example to create a login application that gets jason data :
{“isUserLoggedIn”:1,”message”:”logged in successfully”,”user”:{“id”:”2″,”user_role”:”admin”,”user_email”:”aaa@bbbb.com”}}
and I use vent handler to catch results :
r__checkLogin(event:ResultEvent)
I can access the property “isUserLoggedIn” by:
event.result.isUserLoggedIn
but can’t acess : event.result.user.user_role
sorry for the long message and hope ther’s a fix.
Reply to this comment
Rich Tretola Reply:
May 19th, 2010 at 6:05 am
Sorry for the delay in this response. You can also iterate through the results using a DataGroup. Please see this post:
http://blog.everythingflex.com/2010/05/19/flash-builder-4-twitter-search-ui-updated/
Reply to this comment
May 19th, 2010 at 6:04 am
[...] Rich Tretola | May 19, 20103 views So, back in March, I wrote a post showing how to create a Twitter search UI in minutes with Flash Builder 4. There was a comment asking about how to display the results in a more usable format than the [...]
May 19th, 2010 at 6:09 am
[...] Rich Tretola: So, back in March, I wrote a post showing how to create a Twitter search UI in minutes with Flash Builder 4. There was a comment asking about how to display the results in a more usable format than the [...]
December 29th, 2010 at 6:55 am
hi
nice tuts easy to understand
but in the link “http://search.twitter.com/search.json” why you are using json
Reply to this comment
Rich Tretola Reply:
January 3rd, 2011 at 5:46 am
json is the return type that I chose as it is more efficient than XML.
Reply to this comment
April 20th, 2011 at 7:10 am
Is it possible to display the results in a visualizer and if so how would you do that. I have been trying but have no idea how to pull the data from the table. And how to you set it to refresh the search every minutes. Because I am just trying to search for a specific word.
Reply to this comment