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.

Comments

  1. Nick Collins says:

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

    Very nice job!

  2. Doug McCune says:

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

  3. simply gorgeous ! props to the team

  4. Rob McKeown says:

    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 says:

    asdasd

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

  7. Piotr says:

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

  8. Bill says:

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

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

  11. Boris says:

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

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

  13. Falcon says:

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

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

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

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

  17. Toku says:

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

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

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

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

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

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

  27. Joseph Abenhaim says:

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

    Thanks.

  28. Angel says:

    Really, really beautiful! …
    Great Jobs!

    We wait the source! ;)

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

  29. fred says:

    cool

  30. Bobby Lashley says:

    Awesome app, would like to see the source :)

  31. Dustin says:

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

  32. christophe says:

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

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

  34. 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?

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

  36. Panagiotis says:

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

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

  38. Tapety says:

    Thank you!
    It looks extremely attractive.
    THX and BR

  39. cen says:

    Awesome app, would like to see the source

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

  41. bob says:

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

  42. Awesome app! Really Cool!

  43. bob says:

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

  44. bang says:

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

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

  46. Christophe says:

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

  47. appraisals says:
  48. dfgdfgdfsgsd gdsfgdsf gdsfgdsf gdsfg teeniesexxx

  49. xvideo says:

    gdfgdsf gdfgdsf gdsfgdsf gfdsgs xvideo missing on display

  50. hjhgdf gfhf gdfhgf dghfh hgfh shy teen russian toplist

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

  52. Imxzckdh says:

    nice site dude lolita bbs sites 883

  53. Estate says:

    super sweet.

  54. Sxrcfxnb says:

    Nice stuff, from behind anal
    , ffop,

  55. Jinjylsk says:

    Preved webmastero4ki, dominatrix bdsm sex
    , vpw,

  56. Txcjpxar says:

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

  57. Bdjxstjx says:

    Cool site, crucifixion women bdsm
    , 529,

  58. Uzxvgxup says:

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

  59. Wqpwtxoe says:

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

  60. Erzxhdbp says:

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

  61. Liojygfo says:

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

  62. Pdvwhkmc says:

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

  63. Yirvgnzb says:

    Good luck, 3d ïîðí, 028240,

  64. xtube says:

    nice thanks man xtube big dick

  65. Aqshzjcx says:
  66. Kfgyznbd says:

    Visit this link please, ãåé çíàéîìñòâà, 136844,

  67. Rjufggkz says:
  68. Vroeimxe says:

    Visit this link please, â ïîïó òðàõàòü, csjx,

  69. Luwizmyb says:

    This site is crazy :)

  70. sexmummy says:

    gfhfdghfdg sexmummyy

  71. Uobwuhiu says:

    Cool site, her first painful anal, ohog,

  72. Crjguvms says:

    Cool site, anal intrusions, par,

  73. Rgnwfnlb says:

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

  74. Sndyplhu says:

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

  75. Olquzusi says:

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

  76. Fmhcnhda says:
  77. sohbet says:

    this site is best. thank you site admin.

  78. Mirc indir says:

    thank you site admin

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

  80. Aqacnprj says:
  81. youtubeporno says:

    gdfg hgfh hj ggdgfh fghjgf jdf hfg j youporno adds

  82. Ogiufcba says:

    Cool site, http://akutetekosudyky.narod.ru/page-170.html ÷àñòíûå ïîðíî ôîòî ìîëîäûõ äåâîê, kcesy,

  83. Kksqmago says:
  84. çet says:

    Good work Christopher!

  85. chat says:

    thank you site admin

  86. sohbet says:

    This site is crazy :)

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

  88. comment4, ïîðíî çîîôèëîâ, 3840,

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

  90. name says:

    comment3,

  91. ~.~ says:

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

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

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

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

  95. mirc says:

    thank you site admin

  96. magellan says:

    Great

    I have installed the spftware

    very useful

    Any updates?

    Greeting

  97. drew says:

    Does not work with current version of AIR

  98. ailaic says:

    Hi,

    I was wondering what font did the designers use for the interface?

    Looks great,
    Ai

  99. John800 says:

    Incredible site!
    buy , cheap , buy , , ,

  100. John says:

    Chris, is the skin used for the sales builder application available for download?

    thanks,

    john

  101. Mario says:

    Nice site,well done Chris, this is the best appI ever seen.

  102. Gnixdzyr says:
  103. AİR TECHNICS IS SO HARD

  104. Ukpumulm says:

    comment6

  105. Riko says:

    wdefrgtg online lolicon tgtgtg lolicon sex

  106. Great App!!
    Would be nice if have multiple language support.

  107. Thank you for sharing,
    It is a good article
    I will send this to my friends.

  108. scas says:

    Thank you for sharing,
    It is a good article
    I will send this to my friends.

  109. matbaa says:

    Nice site,well done Chris, this is the best appI ever seen.

  110. thanks for information.good web site

  111. kablo tv says:

    thanks for article

  112. Eliezer Reis says:

    Hi, dude. First of all, very nice application.
    Where did you get these icons?

  113. matbaa says:

    Bing recognizes the complementary benefits of bringing computational knowledge to the forefront of the search experience..

  114. tive a necessidade de criar um painel para acompanhamento de tarefas e me lembrei de um projeto do @ccoenraets que poderia me [...]

  115. Salesbuilder Salesbuilder AIR Application [...]

  116. wuuuuuww mavi ajans matbaa süpersin

  117. Elias Fenney says:

    wonderful submit, very informative. I’m wondering why the opposite specialists of this sector don’t realize this. You must proceed your writing. I’m sure, you have a huge readers’ base already!

Trackbacks

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

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

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

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

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

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

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

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

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

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

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

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

  13. anil4it says:

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

  14. Anilkumar says:

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

  15. Amoxicillin. says:

    Amoxicillin….

    Amoxicillin….

  16. [...] Salesbuilder and MapsCache showed the drag-and-drop desktop integration, creating images and charts on-the-fly that you can drag direct to your desktop as png or jpg files. [...]

  17. [...] tive a necessidade de criar um painel para acompanhamento de tarefas e me lembrei de um projeto do @ccoenraets que poderia me [...]

  18. [...] was requested to create a component to display and manipulate tasks and I just figured out about a project from @ccoenraets that could help [...]

Speak Your Mind

*