New version of Salesbuilder Flex / AIR application

I spent some time improving the Salesbuilder Flex / AIR demo application I posted a couple of weeks ago. This version is a lot more complete and polished than the initial incarnation of the application.

Salesbuilder is a Sales Force Automation application that demonstrates local persistence using the embedded SQLite database, data synchronization, native drag-and-drop, and other features such as direct chart manipulation.

First, I got help from our Experience Design team (special thanks to Ethan Eismann): this is still work in progress, but the design has already been improved significantly.

salesbuilder1.png
salesbuilder2.png
salesbuilder3.png
salesbuilder4.png

I also added a number of new features. For example, you can now create and edit sales opportunities, use the menu bar buttons to access summary screens, etc. One interesting new feature is the direct manipulation options available in the Sales Pipeline bubble chart, and in particular the way data visualization turns into data manipulation/data entry: drag bubbles up, down, left or right to adjust the probability and the expected closing date. The new values are automatically saved to the database.

Click here to install the application.

Follow this guided tour to make sure you don’t miss any new feature.


Credits to Mark Shepherd for the Springgraph component, Doug McCune for the SuperTabNavigator, and Jason Hawryluk for the Flex Rating Component used in this application.

July 16, 2007 | Filed Under Flex 
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • Facebook
  • Google
  • description
  • NewsVine
  • Slashdot
  • Technorati
  • StumbleUpon

Comments

92 Responses to “New version of Salesbuilder Flex / AIR application”

  1. Nick Collins on July 16th, 2007 9:07 am

    So… when can we expect to see the updated source? :-)

    Very nice job!

  2. Doug McCune on July 16th, 2007 11:17 am

    Very nice! Best use I’ve seen of the flexlib tab navigator component.

  3. Benoit Jadinon on July 16th, 2007 3:48 pm

    simply gorgeous ! props to the team

  4. Rob McKeown on July 16th, 2007 8:13 pm

    The app looks great. I can’t wait to see the source. One comment though from the user experience perspective. Many of your screens have “Save” and “Save and Close” buttons which is nice. However, a “Cancel” button would be nice. Users feel “safe” when they can cancel out of a screen.

  5. asdge asd on July 17th, 2007 2:16 am

    asdasd

  6. Tapety na pulpit on July 17th, 2007 2:54 am

    Wow! I’m really diggin’ this design. Quite inspirational. Very nice job!

  7. Piotr on July 17th, 2007 2:56 am

    The App looks really greate! Love the design of it. It looks so easy so use. Great work!

  8. Bill on July 17th, 2007 9:00 am

    Excellent design. Will you be posting the updated source as well?

  9. Benjamin Dobler on July 17th, 2007 2:57 pm

    The app looks really sweet. I think using the few new classes isn`t such a big problem but designing great looking applications is much more a problem. I really hope for some articles from the Experience Design Team - and for the sources ;-)

  10. Vivek on July 17th, 2007 11:15 pm

    Hi,

    I can say this is awesome enough, I LOVE the UI (User Interface) design… I can say this is very inspirational to everyone… Good Job!!

  11. Boris on July 17th, 2007 11:28 pm

    WOW - it’s the best AIR-Application i’ve ever seen - your unbelievable Christophe

  12. Mark on July 18th, 2007 7:26 am

    I’ll join the chorus of those who are really impressed - what an impressive integration of Flex and AIR capabilities!

    And, I’ll join the other chorus of people who are begging for the source… ;-)

  13. Falcon on July 18th, 2007 8:04 pm

    Is there actually a chance we can get source code for this? That’ll be awesome!

  14. Roman on July 20th, 2007 4:13 am

    Hi Christophe,

    this is awesome. And I really like how you styled the SuperTabNavigator.

    Do you think you might be willing to share the CSS you used to get the tabs and the whole bar look like yours?

    THX
    Roman

  15. mpm on July 20th, 2007 1:12 pm

    Hi Christophe,

    Well done!

    As a side question, do you still have the sql database for your old flexstore ruby on rails tutorial?

    -m

  16. Toku on July 20th, 2007 2:22 pm

    How do you get this thing to run? I downloaded the Zip, but it’s only got 2 swfs and some supporting files.

  17. Toku on July 20th, 2007 4:19 pm

    Nevermind, figured it out, for some reason, it was DL’ing as a .zip, renamed to .air and it worked. Thanks!

  18. Daily misery » Blog Archive » Links for 7.17.2007 through 7.20.2007 on July 20th, 2007 5:35 pm

    [...] Christophe Coenraets » New version of Salesbuilder Flex / AIR application very nice UI design [...]

  19. Syed Mazhar Hasan on July 21st, 2007 9:04 am

    Hi!
    your app is outstanding, you really saved me, what a beautiful interface. loving it

  20. Doc on July 21st, 2007 9:18 pm

    Hi Chris, nice app. Are you planning to make some of the components used in the SalesBuilder available on sites like flexLib etc?

    Namely the iTunes like search and so on?

    Thanks for the great example.

  21. Bambarbia Kirkudu on July 23rd, 2007 9:06 am

    Thank you!
    It looks extremely attractive. I was roving around Eclipse RCP and Tapestry, and finally discovered Flex.
    I don’t need any FLEX books now, your samples are the guide.

  22. christophe on July 23rd, 2007 10:23 am

    Thanks all for the nice comments. I will definitely make the source code available after cleaning it up a little when back from my vacation.
    Christophe

  23. dougmccune.com » Blog Archive » FlexLib in the wild on July 24th, 2007 6:24 pm

    [...] [...]

  24. Daily misery » Blog Archive » Links for 7.17.2007 through 7.23.2007 on July 25th, 2007 7:21 am

    [...] Christophe Coenraets » New version of Salesbuilder Flex / AIR application very nice UI design [...]

  25. Daily misery » Blog Archive » Links for 7.17.2007 through 7.23.2007 on July 25th, 2007 7:21 am

    [...] Christophe Coenraets » New version of Salesbuilder Flex / AIR application very nice UI design [...]

  26. Daily misery » Blog Archive » Links for 7.17.2007 through 7.23.2007 on July 25th, 2007 7:21 am

    [...] Christophe Coenraets » New version of Salesbuilder Flex / AIR application very nice UI design [...]

  27. links for 2007-07-26 | The Marketing Technology Blog on July 26th, 2007 11:22 am

    [...] Christophe Coenraets » New version of Salesbuilder Flex / AIR application Salesbuilder is a Sales Force Automation application that demonstrates local persistence using the embedded SQLite database, data synchronization, native drag-and-drop, and other features such as direct chart manipulation. (tags: AIR design Ajax flex adobe apollo salesforce) [...]

  28. Rowan on July 26th, 2007 1:46 pm

    I’d give the left part of something off my anatomy for that skin - I have an open source supply chain /eCommerce app I’m working on that desparately needs some UI love.

    If there’s any chance on Gods green earth then please let me know.

  29. Manish Sood on July 27th, 2007 10:53 am

    Hi Chris,

    The work is very impressive. I am looking for some recommendations on some product development work that I would like to get done. What would be the best way to contact you.

    Thanks

  30. links for 2007-07-26 on July 27th, 2007 11:03 pm

    [...] Christophe Coenraets » New version of Salesbuilder Flex / AIR application [...]

  31. Salesbuilder Flex / AIR application | Adobe AIR Tutorials on July 27th, 2007 11:14 pm

    [...] Nice article @ http://coenraets.org/blog/2007/07/new-version-of-salesbuilder-flex-air-application/ [...]

  32. marco on July 31st, 2007 1:04 am

    Good work Christopher!

    I have a simple question. I am interested in the integration between Flex and Rails application. I found an article of yours in the net “Flexstore on Rails” but I cannot download the source code of this project

    I know that this is not the right way to contact you for this problem, but I only found this way.

  33. Chuck on August 1st, 2007 6:51 am

    Wonderful UI ! Like everyone else, I hope you issue the source code on this elegant style. If Adobe started releasing beautiful skins like this, the developer community would get even more excited than they already are. People are really hungry for gorgeous graphics (IPHONE, Vista) and this would feed that hunger. The developers could more easily excite their prospects and win contracts with this level of appearance. I’m a commercial building architect and have worked with many programmers over the last 25 years and they usually lack serious graphic design / UI skills (no offense to anyone, but that’s been my personal experience). This would help them tremendously. So far, I’ve seen very few pre-designed skins that impressed me. This one definitely did!

  34. Big Fan on August 1st, 2007 2:26 pm

    Just like the rest have said.. thats an amazing looking UI. Id love to take a look at your code just to learn from. Whether you choose to share the source or not can you tell me what you used to skin the app e.g. Programmatic, css, flash all of the above? Wow!

  35. Joseph Abenhaim on August 5th, 2007 4:26 pm

    Really well done, out of curiosity what icon library are you using, or is it a custom made one ?

    Thanks.

  36. Angel on August 7th, 2007 1:10 am

    Really, really beautiful! …
    Great Jobs!

    We wait the source! ;)

    One question, Yet persist the memory leaks when open windows, and clote it?.

    ;)

  37. Flex vs HTML part 2 .. how big ? on August 9th, 2007 4:53 am

    [...] Any comments would be appreciated; again all of the source is going to be freely available to everyone by a Mozilla Public License, so anyone who’s thinking of going down this path and wants to contribute please feel free to leave a comment (big *hint* if there’s any Flex UI designers out there - I would absolutely love to have a clean skin like this one…http://coenraets.org/blog/2007/07/new-version-of-salesbuilder-flex-air-application/ world fame could be yours ) No Comments, Comment or Ping [...]

  38. fred on August 11th, 2007 3:03 pm

    cool

  39. Bobby Lashley on August 19th, 2007 9:31 am

    Awesome app, would like to see the source :)

  40. Dustin on August 23rd, 2007 1:52 pm

    Awesome app, id really like to check out he source.

  41. christophe on August 23rd, 2007 1:58 pm

    Dustin,
    I posted the source code here: http://coenraets.org/blog/2007/08/salesbuilder-source-code-available/
    Christophe

  42. Just Flashing - Today’s Top Blog Posts on Flash - Powered by SocialRank on October 1st, 2007 2:12 am

    [...] Christophe Coenraets » New version of Salesbuilder Flex / AIR application [...]

  43. Визуализация Данных или новые UI концепции « Zatvornitskiy Blogs on October 25th, 2007 12:42 am

    [...] Christophe Coenraets - автор довольно интересного примера RIA приложения: Salesbuilder Flex по всей видимости не прочь поэксперементировать в области UI инноваций, и у него, замечу - получилось не плохо. Обратите внимание на Dashboard Pipeline: Радиус “пузырька” - бюджет проекта; горизонтальное скролирование; перетаскивая “пузырек” по оси X мы изменяем его свойства. [...]

  44. Payophavy on November 1st, 2007 5:50 am

    ONLINE - DRUGSTORE!
    PRICES of ALL MEDICINES!

    FIND THAT NECESSARY…
    VIAGRA, CIALIS, PHENTERMINE, SOMA… and other pills!

    Welcome please: pills-prices.blogspot.com

    NEW INFORMATION ABOUT PAYDAY LOANS!

    Welcome please: payday-d-loans.blogspot.com

    GOOD LUCK!

  45. Phil on November 15th, 2007 9:59 am

    So maybe I am a complete tard, but how do I get an AIR app out of what I just downloaded? Do I need to compile it myself or something? I am seeing a salesbuilder.swf file, mimetype file, META-INF folder, data folder, and assets folder. What gives?

  46. Olumide Otuyelu on November 15th, 2007 7:23 pm

    This has such a clean interface. Used the code from his AIR/SQLite admin http://coenraets.org/blog/2007/10/new-air-sqlite-administration-app-with-source-code/ to base my AIR applications

    Thanks Christophe Coenraets for all the code you share

  47. Panagiotis on November 19th, 2007 8:00 am

    You guys are doing a really good job! Best real-world example of Flex I’ve seen since the first beta.

  48. Ruby on Rails Guys on December 7th, 2007 3:41 pm

    Man it looks fantastic. The interface is clean and I love the screenshot were you can connect your contacts. Absolutely beautiful, which by the way, is very difficult to say about a sales application.

    Cheers,

    Jenn

  49. Tapety on December 27th, 2007 11:52 am

    Thank you!
    It looks extremely attractive.
    THX and BR

  50. Rags to Riches » Blog Archive » My 10 favourite Flex RIAs of 2007 on January 1st, 2008 10:49 am

    [...] SalesBuilder [...]

  51. cen on January 10th, 2008 6:16 pm

    Awesome app, would like to see the source

  52. black jack for kul on February 17th, 2008 4:30 pm

    Great Website! It helps me a lot with my tough homework. I’m not so hot in that class :-) Thanks for the hard work, keep it up!

  53. bob on February 21st, 2008 3:19 am

    Gv7ITQ hi great site thx http://peace.com

  54. Bildschirmschoner on February 27th, 2008 10:18 pm

    Awesome app! Really Cool!

  55. bob on March 24th, 2008 10:44 am

    PeQM7C hi nice site thx http://peace.com

  56. bang on March 24th, 2008 10:44 am

    Qj1EtM great site man thx http://peace.com

  57. Neil Hinrichsen on April 19th, 2008 3:58 am

    This app looks amazing - but unfortunately when I downloaded it, the AIR installer gave me the following error:

    This application requires a version of Adobe AIR which is no longer supported.

    [I'm using the latest release of AIR]

  58. Christophe on April 19th, 2008 9:29 pm

    Neil,
    The AIR 1.0 version is available here: http://coenraets.org/blog/2008/02/salesbuilder-for-air-10/
    Christophe

  59. Aleksey Zatvornitskiy » Blog Archive » Визуализация Данных или новые UI концепции on April 26th, 2008 1:56 pm

    [...] Christophe Coenraets - автор довольно интересного примера RIA приложения: Salesbuilder Flex по всей видимости не прочь поэксперементировать в области UI инноваций, и у него, замечу - получилось не плохо. Обратите внимание на Dashboard Pipeline: Радиус “пузырька” - бюджет проекта; горизонтальное скролирование; перетаскивая “пузырек” по оси X мы изменяем его свойства. [...]

  60. [研討會]-Adobe AIR與Flex3技術研討會 « [MitchBox] - 米奇的藏寶箱 on May 2nd, 2008 1:53 am

    [...] 3. Sales BuilderAIR的SQLite整合應用範例，非常值得參考 [...]

  61. appraisals on May 22nd, 2008 3:12 am

    thanks good rolex vintage festival

  62. teengalleries on May 25th, 2008 8:10 am

    dfgdfgdfsgsd gdsfgdsf gdsfgdsf gdsfg teeniesexxx

  63. xvideo on May 29th, 2008 3:01 pm

    gdfgdsf gdfgdsf gdsfgdsf gfdsgs xvideo missing on display

  64. celebrities nudity on May 31st, 2008 4:37 pm

    hjhgdf gfhf gdfhgf dghfh hgfh shy teen russian toplist

  65. Paul on May 31st, 2008 5:56 pm

    Great application. Thanks.
    I am wondering how printing capabilities could be added? For example if you want to print reports from the application. The AIR documentation is poor on that. What approach would you use?

  66. Imxzckdh on June 9th, 2008 5:31 am

    nice site dude lolita bbs sites 883

  67. Estate on June 10th, 2008 4:00 pm

    super sweet.

  68. Sxrcfxnb on June 12th, 2008 8:33 am

    Nice stuff, from behind anal
    , ffop,

  69. Jinjylsk on June 12th, 2008 11:01 pm

    Preved webmastero4ki, dominatrix bdsm sex
    , vpw,

  70. Txcjpxar on June 12th, 2008 11:51 pm

    This is a best site, bdsm saline inflation
    , rrg,

  71. Bdjxstjx on June 13th, 2008 9:26 am

    Cool site, crucifixion women bdsm
    , 529,

  72. Uzxvgxup on June 14th, 2008 8:53 am

    good post man thx http://google.us/group/xteens naturist preteen 737432

  73. Wqpwtxoe on June 14th, 2008 9:08 am

    great work man thx http://google.us/group/steens lil amber pre teen model ksl

  74. Erzxhdbp on June 14th, 2008 7:03 pm

    Thanks funny site http://google.us/group/qteens tinyteentitties 130405

  75. Liojygfo on June 14th, 2008 7:05 pm

    hi nice site thx man http://google.us/group/yteens fere pictures of drunk ebony teen girls fucking 9398

  76. Pdvwhkmc on June 14th, 2008 7:12 pm

    good work man http://google.us/group/hteens aqua teen hunger force :-P

  77. Yirvgnzb on June 17th, 2008 6:57 am

    Good luck, 3d , 028240,

  78. xtube on June 22nd, 2008 5:53 pm

    nice thanks man xtube big dick

  79. Aqshzjcx on June 25th, 2008 9:15 pm

    Nice stuff, , 96216,

  80. Kfgyznbd on June 26th, 2008 11:44 pm

    Visit this link please, , 136844,

  81. Rjufggkz on July 2nd, 2008 2:52 pm

    Preved webmastero4ki, , 964732,

  82. Vroeimxe on July 3rd, 2008 12:30 pm

    Visit this link please, , csjx,

  83. Luwizmyb on July 5th, 2008 9:32 pm

    This site is crazy :)

  84. sexmummy on July 7th, 2008 7:02 am

    gfhfdghfdg sexmummyy

  85. Uobwuhiu on July 15th, 2008 4:40 pm

    Cool site, her first painful anal, ohog,

  86. Crjguvms on July 17th, 2008 7:00 pm

    Cool site, anal intrusions, par,

  87. Rgnwfnlb on July 18th, 2008 2:12 am

    This is a best site, http://sites.google.com/site/analcreampiemovies1/roccos-true-anal-stories oriental anal video, >:(,

  88. Sndyplhu on July 18th, 2008 7:11 am

    This is a best site, http://sites.google.com/site/analcreampiemovies1/lesbian-anal-movies roccos true anal stories, 119558,

  89. Olquzusi on July 18th, 2008 3:31 pm

    Visit this link please, free anal pics gallery
    , rzqi,

  90. Fmhcnhda on July 18th, 2008 5:26 pm

    Sorry, http://ujoukokohicihy.narod.ru/porno-video-i-foto-bez-platno-i-bez-kodov-59.html , 9386,

  91. sohbet on July 21st, 2008 4:05 am

    this site is best. thank you site admin.

  92. Mirc indir on July 21st, 2008 6:44 am

    thank you site admin

Leave a Reply