PortfolioClick here to return to the portfolio › Web TechnologiesClick here to view all projects within the parent category "Web Technologies" › Database driven (SQL/ASP) › Jewelry Design
Client:
Michal Dagan Designs
Synopsis:
Created a database-driven website with administrative panel access to images, product descriptions and pricing with online integration with PayPal.
About This Client
Michal Dagan's signature leather flowers decorate the varying products she designs such as handbags and hats. Her fashionable wear has made cameo appearances in YM Magazine, Jane Mazazine, Nylo, ABC's Good Morning America and The Washington Post.
About This Project
The purpose of developing this website was to allow the client to self-manage the website without the need for further intervention by 6FootMedia. The requirements were simplicity, manageability and power features. The website was also integrated with PayPal for online payment processing.
Using several server-side components, the website provides flexible features that make it extremely easy to add images while delivering optimum performance.
Technical Details
Image Serveup: The client uploads images in any dimension and resolution using a standard web browser. Images are dynamically rescaled by the server as needed. This is accomplished by using a server component and server side scripting. Thus a 3Mb JPG will end up as a 55Kb JPG when delivered to the browser. Conversely, when visitors view the catalog of products, displayed as icons, they are again, dynamically rescaled by the server to icon size, and then streamed to the browser.
Dynamic Image Cleanup: The server side script and component perform several image touchups before streaming the image to the client. These include slight brightness adjustment, applying a sharpening filter and 15% JPG compression for improved performance.
Dynamic Image Cropping: The site allows for database-driven image cropping in order to display products in the most appealing light.
Auto Inscription: A copyright notice (highlighted in blue here) is graphically placed on each image as it is displayed by the visitor. This notice is graphically embedded by the server to preserve copyrights, so that if the image is saved to the user's disk, the copyright notice is visible. By drawing the notice on the server's side we save the need to touch-up each image individually to add the copyright notice.
Embedded Fonts: In order to give the site a personalized look, we used Microsoft's embedded font technology (WEF). This technology allows us to specify cursive fonts on the web pages we design, and the client browser, if needed, downloads the font from a special embedding file stored on the server. This technology reduces the need for graphically generated web pages in order to use custom fonts not readily available on the client system.
Full Database Access: Through the data interaction panel, the designer can edit each data field.
- ItemCode: Inventory control item identification.
- Type/Subtype: Used to place the product in the corresponding menu structure of the website.
- Prices: Will be displayed along with the product for consumers to view.
- Hide this Item: Allows the item to remain in database for future use, but will not display it for visitors.
Available Colors: By entering a list of RGB colors, a box will be drawn on the images depicting available color combinations. Although these colors are displayed graphically, they can be changed at any time by the client and will be redrawn when a user chooses to view the product.
