Project Detail

Description

SilverLight 2.0 Component Art Image Gallery and Management Forms using asp.net 3.5, C#, Linq to XML, and XML files

This is gallery and forms only, each separate pages, no menus, etc.
1. Folder with gallery pages
2. Folder with admin gallery pages

All controls have be component art controls. I have a license, so if you don't have one, just use the demo provided here (http://www.componentart.com/download/webui.aspx, create a account for download trial) for development. http://www.componentart.com/webui/demos/

Download 3.5 version

NO standard servercontrols or ajax toolkit controls unless its an update panel, use component art for gallery and management forms.
NO FLASH

Wanted:

Image Gallery

Gallery is created with componenent art Grid using the serverside template to create layout and positioning. CSS needs to created

Image Gallery Display with 3 areas:
1: Category page
features: Page lists categorys then sub categories under with the ability to show descriptions describing each category and/or subcategory. Each category and/or subcategory links to another page with those items

2. Selected Category or SubCategory page
features: Displays thumb nails of image group main image(images/groups described below) then links to image page. Under each main image is a short description and title.

3. Selected Main image
features: pages displays main image with multiple associated thumbnail images to the sides(allow for configuration of side images). When thumbnail is clicked, the main image is replaced with chosen one. Page also displays main image description and text with an option box displayed for addition description associatied with selected associated images.

All pages should be able use transparent backgrounds or set values, settings set in config file along with display settings and effects that can be used.

I want the gallery designed using

Configuration:

each xml file should be placed in the app_data folder in appropriate folders.
each xml file should also contain an admin page that allows for insert/update/delete.
ex. gallery config file ---> admin/gallerysettings.aspx -----> All methods to manage information.

The same will be for the gallery xml files, but with ability to upload images to the server and auto create nice thumbnails if thumbsnail aren't auto generated at runtime with silverlight. I have sample linq to xml c# insert/update/delete methods to speed the process. I'm using Guid attribute to id each image group with imageGuid attribute to id the images using new guid in the form for easy id creation. The select method then loads the xml into a dataset then binds to the gallery.

the description will be cdata with the http://www.componentart.com/webui/editor.aspx as an input form.

the image upload control is http://www.componentart.com/webui/upload.aspx
upload of image should create a thumb nail that isn't distorted. If a image size needs to be established thats fine, along it looks professional and clear.

so each image group should be
<?xml version="1.0" encoding="utf-8"?>
<gallery>
<imagegroup category="" guid="" url="" folderpath="" thumbnailpath="">
<image guid="" mainimage="yes/no" filename="" thumbnail="" (anyothersettings) url="" folderpath="" thumbnailpath="">
<title>text here</title>
<description><![CDATA[ Stuff from editor ]]></description>
</image>
</imagegroup>
</gallery>

categories (used for drop downs in image management form):
<?xml version="1.0" encoding="utf-8"?>
<categories>
<category guid="" parentcategory="" subcategory="" url="" folderpath="" >
<title>text here</title>
<description><![CDATA[ Stuff from editor ]]></description>
<subcategory guid="" parentcategory="" subcategory="" url="" folderpath="">
<title>text here</title>
<description><![CDATA[ Stuff from editor ]]></description>
</subcategories>
</categories>
</categories>

adjust xml to fit

some of my thought where to have the upload forms upload images to different folders based on the category and subcategory selection. This keeps the files organized.
The images can then be loaded by the folder title using some nice webservice methods(samples: http://www.componentart.com/webui/demos/demos_ajax-techniques/technique3/default.aspx)

Wish List if price isn't high for just this control:

Now the silverlight comes if possible, not required, to add effects to images. I was thinking of a image control that is placed in the server side template that binds to the image. Also if possible have the ability to add a watermark to loaded images using an attribute setting. all effect settings will have a xml file that control loads and if each image has a settings does that too such as hover effect of glow.


sample code for object class:


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data;
using System.Xml.Linq;
using System.Linq.Expressions;

namespace ImageGallery.Web
{
public class News
{
private string fileName = HttpContext.Current.Server.MapPath("~/App_Data/news.xml");
private DataSet ds = new DataSet();
public News()
{
ds.ReadXml(fileName);
}

public DataSet SelectNews()
{
return ds;
}

public void UpdateNews(string GUID, string OrderId, string Title, string Description)
{
if (Description == null)
{ Description = String.Empty; }
XElement xdoc = XElement.Load(fileName);
IEnumerable<XElement> singleNode = (from b in xdoc.Elements("News")
where ((string)b.Attribute("Guid")).Equals(GUID)
select b);
foreach (XElement xe in singleNode)
{
xe.ReplaceNodes(new XElement("OrderId", OrderId),
new XElement("Title", Title),
new XElement("Description", new XCData(Description)));
}

xdoc.Save(fileName);
}

public void InsertNews(string GUID, string OrderId, string Title, string Description)
{
if (Description == null)
{ Description = String.Empty; }
GUID = System.Guid.NewGuid().ToString();
XElement xdoc = XElement.Load(fileName);
XElement newNews = new XElement("News",
new XAttribute("Guid", GUID),
new XElement("OrderId", OrderId),
new XElement("Title", Title),
new XElement("Description", new XCData(Description)));
xdoc.Add(newNews);
xdoc.Save(fileName);
}

public void DeleteNews(string GUID)
{
XElement xdoc = XElement.Load(fileName);
IEnumerable<XElement> singleNode = (from b in xdoc.Elements("News")
where ((string)b.Attribute("Guid")).Equals(GUID)
select b);
singleNode.Remove();
xdoc.Save(fileName);
}
}
}



Additional information submitted:

01/06/2009 at 23:15 EST:
I also wanted to note that using server templates is not a requirement, client templates, or other suggestions are welcome for the gallery display pages.