My approach to this project is going to be different to the iTunes one. Because of the nature of the original application “Buzzword” I am going to make Silverword a SilverLight only application (as opposed to mixing SilverLight elements with html/Ajax elements on the same base html page) that resizes to fill the entire browser real estate.
I’ve spent about 2 days dissecting Buzzword and working out how to make things work in SilverLight. The prototype that I’m about to show you is only half done but it has many elements that are worth talking about.
Without further adjure here is the link to the prototype for Silverword. It will form the basis of many future post’s, there are many elements in this prototype that still need working out and building, please be patient as it evolves over the following weeks.
SILVERWORD LOGIN – My SilverLight prototype of the cool Buzzword application begins with a login screen, most of the login page is just eye-candy but eventually It will allow text entry into the text areas and integrate with some authentication service. For now just click on the “sign in” button to proceed to the desktop.
SILVERWORD DESKTOP – This is the main work area, here you see the documents that the user has access to. The prototype demonstrates some important points regarding what needs to be built for this application. It shows the need for some common controls like
1) listitem – which in the picture represents a single document
2) top menu
3) context menu – which represents the menu associated to a document
4) toolbar menu – which displays buttons in a horizontal format, can be seen sitting under the top menu
5) button – can be seen at the bottom left “share” button
SILVERWORD DESKTOP 2 – This is another screen shot showing another framework element that will need to be built, the dialog/popup window (modal/non-modal).
My next post will take you through the beginnings of this prototype, the actual SilverLight application canvas and how it resizes to take the full size of the browser real estate. Future post’s will walk thorough each of the elements defined above, the goal is to create some sort of framework of controls that we can reuse across the application.
The prototype will continually evolve over the following days and weeks so keep checking it out!
The link to the sample site is here : SILVERWORD
As always here is the accompanying SOURCE CODE, enjoy and stay tuned for the next posting.