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.

  • Digg
  • del.icio.us
  • Facebook
  • Google
  • description
  • LinkedIn
  • Pownce
  • Slashdot
  • StumbleUpon
  • Technorati
  • TwitThis

115 Comments

  1. Nick Collins Says:

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

    Very nice job!

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

  3. simply gorgeous ! props to the team

  4. 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. Wow! I’m really diggin’ this design. Quite inspirational. Very nice job!

  6. Piotr Says:

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

  7. Bill Says:

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

  8. 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 ;-)

  9. Vivek Says:

    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!!

  10. Boris Says:

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

  11. Mark Says:

    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… ;-)

  12. Falcon Says:

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

  13. Roman Says:

    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

  14. mpm Says:

    Hi Christophe,

    Well done!

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

    -m

  15. Toku Says:

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

  16. Toku Says:

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

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

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

  19. Doc Says:

    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.

  20. 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.

  21. christophe Says:

    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

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

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

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

  25. [...] 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) [...]

  26. Rowan Says:

    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.

  27. Manish Sood Says:

    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

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

  29. marco Says:

    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.

  30. Chuck Says:

    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!

  31. Big Fan Says:

    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!

  32. Joseph Abenhaim Says:

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

    Thanks.

  33. Angel Says:

    Really, really beautiful! …
    Great Jobs!

    We wait the source! ;)

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

    ;)

  34. [...] 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 [...]

  35. Bobby Lashley Says:

    Awesome app, would like to see the source :)

  36. Dustin Says:

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

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

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

  39. Payophavy Says:

    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!

  40. Phil Says:

    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?

  41. 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

  42. Panagiotis Says:

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

  43. 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

  44. Tapety Says:

    Thank you!
    It looks extremely attractive.
    THX and BR

  45. cen Says:

    Awesome app, would like to see the source

  46. black jack for kul Says:

    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!

  47. bob Says:

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

  48. Awesome app! Really Cool!

  49. bob Says:

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

  50. bang Says:

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

  51. 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]

  52. Christophe Says:

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

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

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

  55. dfgdfgdfsgsd gdsfgdsf gdsfgdsf gdsfg teeniesexxx

  56. xvideo Says:

    gdfgdsf gdfgdsf gdsfgdsf gfdsgs xvideo missing on display

  57. Paul Says:

    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?

  58. Estate Says:

    super sweet.

  59. Jinjylsk Says:

    Preved webmastero4ki, dominatrix bdsm sex
    , vpw,

  60. Uzxvgxup Says:

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

  61. Wqpwtxoe Says:

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

  62. Erzxhdbp Says:

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

  63. Liojygfo Says:

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

  64. Pdvwhkmc Says:

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

  65. Yirvgnzb Says:

    Good luck, 3d , 028240,

  66. Aqshzjcx Says:

    Nice stuff, , 96216,

  67. Kfgyznbd Says:

    Visit this link please, , 136844,

  68. Rjufggkz Says:

    Preved webmastero4ki, , 964732,

  69. Vroeimxe Says:

    Visit this link please, , csjx,

  70. Luwizmyb Says:

    This site is crazy :)

  71. Olquzusi Says:

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

  72. sohbet Says:

    this site is best. thank you site admin.

  73. Mirc indir Says:

    thank you site admin

  74. Abhay Tamboli Says:

    Hi
    I downloaded the zip file ..but when i am trying to open the .swf file..it is giving me an error saying that”VerifyError: Error #1014: Class flash.events::NativeWindowBoundsEvent could not be found.”
    Any Clue…how to solve this error

  75. Aqacnprj Says:

    Good luck, , cvko,

  76. gdfg hgfh hj ggdgfh fghjgf jdf hfg j youporno adds

  77. çet Says:

    Good work Christopher!

  78. chat Says:

    thank you site admin

  79. sohbet Says:

    This site is crazy :)

  80. 0hI’ll thingk about it.1d I compleatly agree with last post. vmf
    ламинированный паркет 1i

  81. Says:

    comment4, , 3840,

  82. Says:

    comment5, , =-P,

  83. john Says:

    Palin Links Iraq & 9/11 | McCain: Link Is ‘Naive’ voices.washingtonpost.com/the-trail/2008/09/11/palin_endorses_idea_mccain_cal.html

  84. [...] Salesbuilder Salesbuilder AIR Application [...]

  85. anil4it Says:

    [...] Salesbuilder Salesbuilder AIR Application [...]

  86. Anilkumar Says:

    [...] Salesbuilder Salesbuilder AIR Application [...]

  87. Amoxicillin….

    Amoxicillin….

  88. ~.~ Says:

    This application requires a version of Adobe AIR which is no longer supported. Please contact the application author for an updated version.

  89. Migo Says:

    Am also getting this error.

    This application requires a version of Adobe AIR which is no longer supported. Please contact the application author for an updated version.

  90. I am not quite familiar with the software but I think I can recommend this to one of my friend who has a spice factory

    David

  91. Krlos Says:

    Hey dude!
    It looks like is very useful and impressive!
    but theres a little trouble!
    AIR says that is no longer compatible with the new version of AIR… so i couldnt watch it or test it…. (sorry)
    Could u please compile it for the new version of AIR?

    Greetings!

  92. mirc Says:

    thank you site admin

Leave a Comment