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.
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.
109 Comments
So… when can we expect to see the updated source? :-)
Very nice job!
Very nice! Best use I’ve seen of the flexlib tab navigator component.
simply gorgeous ! props to the team
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.
asdasd
Wow! I’m really diggin’ this design. Quite inspirational. Very nice job!
The App looks really greate! Love the design of it. It looks so easy so use. Great work!
Excellent design. Will you be posting the updated source as well?
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 ;-)
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!!
WOW – it’s the best AIR-Application i’ve ever seen – your unbelievable Christophe
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… ;-)
Is there actually a chance we can get source code for this? That’ll be awesome!
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
Hi Christophe,
Well done!
As a side question, do you still have the sql database for your old flexstore ruby on rails tutorial?
-m
How do you get this thing to run? I downloaded the Zip, but it’s only got 2 swfs and some supporting files.
Nevermind, figured it out, for some reason, it was DL’ing as a .zip, renamed to .air and it worked. Thanks!
Hi!
your app is outstanding, you really saved me, what a beautiful interface. loving it
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.
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.
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
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.
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
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.
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!
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!
Really well done, out of curiosity what icon library are you using, or is it a custom made one ?
Thanks.
Really, really beautiful! …
Great Jobs!
We wait the source! ;)
One question, Yet persist the memory leaks when open windows, and clote it?.
;)
cool
Awesome app, would like to see the source :)
Awesome app, id really like to check out he source.
Dustin,
I posted the source code here: http://coenraets.org/blog/2007/08/salesbuilder-source-code-available/
Christophe
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!
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?
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
You guys are doing a really good job! Best real-world example of Flex I’ve seen since the first beta.
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
Thank you!
It looks extremely attractive.
THX and BR
Awesome app, would like to see the source
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!
Gv7ITQ hi great site thx http://peace.com
Awesome app! Really Cool!
PeQM7C hi nice site thx http://peace.com
Qj1EtM great site man thx http://peace.com
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]
Neil,
The AIR 1.0 version is available here: http://coenraets.org/blog/2008/02/salesbuilder-for-air-10/
Christophe
thanks good rolex vintage festival
dfgdfgdfsgsd gdsfgdsf gdsfgdsf gdsfg teeniesexxx
gdfgdsf gdfgdsf gdsfgdsf gfdsgs xvideo missing on display
hjhgdf gfhf gdfhgf dghfh hgfh shy teen russian toplist
19 Trackbacks
[...] Christophe Coenraets » New version of Salesbuilder Flex / AIR application very nice UI design [...]
[...] [...]
[...] Christophe Coenraets » New version of Salesbuilder Flex / AIR application very nice UI design [...]
[...] Christophe Coenraets » New version of Salesbuilder Flex / AIR application very nice UI design [...]
[...] Christophe Coenraets » New version of Salesbuilder Flex / AIR application very nice UI design [...]
[...] 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) [...]
[...] Christophe Coenraets » New version of Salesbuilder Flex / AIR application [...]
[...] Nice article @ http://coenraets.org/blog/2007/07/new-version-of-salesbuilder-flex-air-application/ [...]
[...] 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 [...]
[...] Christophe Coenraets » New version of Salesbuilder Flex / AIR application [...]
[...] Christophe Coenraets – автор довольно интересного примера RIA приложения: Salesbuilder Flex по всей видимости не прочь поэксперементировать в области UI инноваций, и у него, замечу – получилось не плохо. Обратите внимание на Dashboard Pipeline: Радиус “пузырька” – бюджет проекта; горизонтальное скролирование; перетаскивая “пузырек” по оси X мы изменяем его свойства. [...]
[...] SalesBuilder [...]
[...] Christophe Coenraets – автор довольно интересного примера RIA приложения: Salesbuilder Flex по всей видимости не прочь поэксперементировать в области UI инноваций, и у него, замечу – получилось не плохо. Обратите внимание на Dashboard Pipeline: Радиус “пузырька” – бюджет проекта; горизонтальное скролирование; перетаскивая “пузырек” по оси X мы изменяем его свойства. [...]
[...] 3. Sales BuilderAIR的SQLite整合應用範例，非常值得參考 [...]
[...] Salesbuilder Salesbuilder AIR Application [...]
[...] Salesbuilder Salesbuilder AIR Application [...]
[...] Salesbuilder Salesbuilder AIR Application [...]
Amoxicillin….
Amoxicillin….
[...] 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. [...]