Project Description

Silver Designer is a designer project in C# / Silverlight and looks like Adobe InDesign Lite. It gives just the basic functionality and runs in the browser.

Demo

At this link http://titan830.startdedicated.com/Silverdesigner/ there is a working instance of the Silver Designer. It is always the last version of the product and available on web. Try and use it, have fun.

What is Silverlight

It is a plugin like Adobe Flash created by Microsoft. Silverlight applications runs in browser like client applications. Necessary languages C# / XAML. Get Started Silverlight from here http://msdn.microsoft.com/en-us/silverlight/bb187358.aspx

Silver Designer IDE

Document Object Model

DOM.png
This project has it's own object model. This software serialize the whole object model into a file with Newtonsoft Json Library https://json.codeplex.com/ when user wants to save the project. Also with the same procedure reads and presents the json file.

Embed in resources

001.png
All image resources would be embeded in the project file and will be seriliazed as base64 string into the json file while saving. So there will be just a single project file, no local image files, paths and no project folder or something like that. This makes projects much more portable, just copy and paste or send via mail or etc...

Document

002.png
Document is top main object of the project. Each project is a document. Document has pages, width and height and orientation.

Page

Pages are the child objects of the Document. Each page has the size of the parent document. Pages are inherited from the container object of the Document object model of the silver designer. So this makes all pages also including the document himself is a container.

Container

003.png
Container is a object that can holds other containers and non-container objects like Text, Video, Image etc... How to draw a container in the page is so easy, select from toolbox the container, the mouse cursor will be changed and draw with left button pressed. The drawn container will be selected automatically. Properties tab in the right pane will be show the properties of the container. Also Container could have a name change from right pane object tree tab.

Image

004.png
As explained before all images could embeded into the project file. In this project we call it resources. User can add an image object in a container (page, document are also containers) from toolbox. Image object will be immediately selected and in the properties tab in the right pane user can give the name of the embeded resource or any kind of url. Ability to give url to the image object is also a important functionality because images could be hosted in a server.

Video

For now videos can be only links. So videos should be stored in a server or local folder and files can be given as source like file:///folder/filename.wmv. But embeded videos in the file will be the incoming feature of this product. By the way product has the capability of playing every format which Microsoft Silverlight supports simultaneously when design time.

Text

005.png
Designer can except in text property of the text component both plain text and html. Also there is in built in TinyMce editor. https://tinymce.codeplex.com/

Document View

006.png
Designer could arrange pages according to the position property of the page.

follow me on twitter: twitter.com/oguzkoroglu

my linked in profile : http://tr.linkedin.com/in/oguzkoroglu/

my personal web site : http://oguzkoroglu.net/

Last edited Apr 11, 2014 at 6:22 AM by ogu, version 10