MyCause WPF App - One Step Closer to Mobile

In this article I describe the Prototype that I can now (if you let me explain) make available for what I referred to in a companion article as my vision for “Active Wallpaper”.

That vision articulates a solution that has two major pieces: (a) an actual App that runs native — be it on a Windows host (laptop, desktop, tablet) or native on a SmartPhone — and (b) a web-based "Configuration Tool" that is used only by someone who wants to create an instance of “Active Wallpaper” in order to make the App available to people in their MyCause community. I call this 2^nd step "Creating the MyCause metadata" and it's done via the MyCause MVC Web-App.

So by design, the MyCause App is not standalone — it works like a template, meaning that it knows about the overall structure and basic event management, etc. of a WPF^* App, but it knows nothing about what picture or Slogans you might have associated with your MyCause. Instead, the MyCause App must be given "an Access Code" or "a Ticket" when first invoked, and from that it gets all of the metadata via a protocol (an MVC Action with a Ticket ARG) that reaches into The Cloud where the metadata is stored for World-wide availability, returning it as Json to the WPF App. The same interface would apply if it were talking to a true Mobile App or to JavaScript in a Browser via AJAX; that's why I went with this architecture.

Click on the images below to see a slideshow of screen shot images from the MyCause WPF App.

	Each of the images here is a link to a slide show of pictures that are screen shots of the MyCause WPF App invoked with different Tickets. These just happen to be the four Tickets (instances of a MyCause) that I have configured as part of my testing. Hovering over the images will show you "the Ticket" or "Access Code" needed to get the associated metadata if you want to download and Install the WPF App and use it with these Access Codes. Once in the App, click "Start" if you want to enable "Previous" and "Next" navigation Icons at the top left- and right-hand sides of the App screen. Click "Go" when you want the App to run according to the configured wait time between Slogans (unattended). Or just click on the image to watch the MyCause slide show associated with each of my "Testing Tickets".

^*WPF is Microsoft's acronym for "Windows Presentation Foundation".

The intention of this portfolio is that I make my C# code available to others... so if you are interested in getting your hands on this WPF App, simply contact me and we'll have a conversation about that.

Microsoft MVC — .Net / C# Web Technology That's Simple and Intuitive

Recently I was looking for an excuse to create a Web App using Microsoft's MVC technology — not because I hadn't done this before, but it had been a while and I was looking to get hands-on with "something real". In particular, I wanted something "simple, but capable of interacting with a user, being based on a non-trivial data model with Business Objects, and therefore needing to have a database persistence layer". I rejected the idea of using an ORM — even though Entity Frameworks is now an open source object-relational mapping (ORM) framework for ADO.NET — simply because I wanted to get some practice writing a few Stored Procedures using Microsoft's T-Sql. From this came the idea for the MVC Web Application described herein and called “MyCause”.

The purpose of MyCause, as a Web App, is that it provide a globally-accessible mechanism for setting up the metadata for the Mobile App that I call Active Wallpaper. One instance of this App might look like what you see in the mock screen shot, below.

There are two Business Objects with a 0:many relationship between them. The MyCause BO represents the background picture, which is the main part of the App's content — it's just wallpaper — and the collection of Slogan BOs are the Phrases that the designer wants to have displayed in the Marquis area.

Changing the verbiage to reflect the sample shown on the left… “Unitarian Universalism” would be The Cause that this App is in support of, and shown in the graphic is just one of the Slogans (“The inherent worth and dignity of every person”), which according to this link would be referred to as “the Principle of Unitarian Universalism” that the App is currently displaying.

Aside from highlighting the MVC C# piece, the MyCause Web App also features a JavaScript part where AJAX is used to fetch information from the server (from the underlying database) without having to do a resubmit of the page. In the screen shot on the right, first you see only the UU MyCause metadata along with the button "LookUp the Slogans". When you click on that, AJAX (via JavaScript, in the browser) is used to request the Slogans data that is then returned and made visible (the blue background) along with the metadata. So immediately you can see the “Associated Slogans Table” for the MyCause instance you are editing.

The intention of this portfolio is that I make my C# code available to others... so if you are interested in getting your hands on this MVC App, simply contact me and we'll have a conversation about that.

My First Mobile App — Active Wallpaper

The picture on the right gave me the idea for my first Mobile App, so consider this as me just “planting a seed”…

The idea came to me after I bought my first Android SmartPhone. I wanted to come up with a fitting wallpaper for my Pixel, so I did a little graphics editing to put the name of my men's team on a favorite ice climbing picture. And then there was a little whitespace on the cloud, so I wrote in one of our team standards that really speaks to me (and which also goes well with the picture itself) — "Quitting Is Not An Option". Alas, this also was me editing the graphics, so what you see on the right is really just an annotated photo  — your typical Still Wallpaper.
But like most men's teams, we have more than one phrase that describes how we want to be, so I lamented the 'fact' that you can only put one such phrase on a graphic, and that led me to ask: Why can't we change that to be a more Active space — put an App behind it, and have the App cycle thru a set of Phrases … ? — So in the same picture the Phrase changes and you would see e.g. :
The App is very much like ordinary wallpaper except that it wakes up every once in a while to change the picture slightly — by over-writing a different Phrase on a pre-determined Marquis space on the picture…

So this suggests to me a WPF or Xamarin App that (somehow?) gets all the metadata it needs to come up with the picture — along with the collection of Phrases, placement, fonts, and etc. And then when you run the App, what you see is  “Active Wallpaper”.

Details about when and how this might materialize for Mobile are TBS … but click here for details about an “Active Wallpaper” prototype that I created using MVC, JavaScript and AJAX, Sql, WPF (Windows Presentation Foundation), and The Cloud — as a first step towards the Mobile App. (The WPF version runs only on Windows.)

Using C# on Windows to Create Clipboard Cut & Paste Extensions

This article documents a C#/.NET program that I created to provide “a Windows Clipboard Cut & Paste Extension” mechanism. The idea for “Text Transformations” (TT) is simple: (a) you put some text into your Windows Clipboard in any of the ways you can do this, (b) invoke “TT -Flag”, usually by having a ShortCut that encapsulates the details about how to do this — including which “TT -Flag” you want, and (c) after TT runs, it leaves its results in the clipboard so you just “Paste” the text to wherever you want it.

For example, when I do a regular expression search (e.g.“lhsChars.*rhsString”) and it fails, often the very next thing I want is what “TT -Swap” would do: It returns “rhsString.*lhsChars”. The tool is nothing more than a convenience, but for things you do a lot it can be well worth it. Another example that I use when working with Sql starts with selecting a column of strings or numbers from a SELECT grid; after a “TT -InSql_S”, a Paste might return e.g. the Sql snippet: IN ( '3423', '329', '44993', '21812' ) or “TT -InSql_N” would see that all the strings are numeric so it would produce the same thing but without any quotes. If you spend a lot of time editing Sql or C# (or anything), such TTransformations can be very convenient.

A more significant example provides something like Windows File versioning. Using the Windows Explorer right-mouse convenience called “Copy Path”, I can point to a file (put its path into the Paste buffer) and then invoke “TT -Version”. This operation makes a copy of the file, coming up with a variation on the file name so that nothing gets overwritten. e.g. If I started out with a file name like myFile.txt, “TT -Version” would look in the folder where that file resides and the first time I did this it would create: myFile_00.txt   If I already had an “_012” version, the next “TT -Version” file copy would create myFile_013.txt ... and etc.

Some of the other TT transformations read template files and do substitutions on place-holder markers for things like DateTime strings. A specific one of these that I use every day as part of the Agile methodology is “TT -Scrum” — it analyses a fragment of yesterday's scrum sheet and creates a new one, for today!

The intention of this portfolio is that I make my C# code available to others... so if you are interested in getting your hands on TT, simply contact me and we'll have a conversation about that.

The WPF Evolution of my Multimedia Flash Cards App

In a previous post I wrote about an MVVM model that I called “Factoids” and used in an App that I created for learning to speak Italian (before a trip that we took to Italy in 2012). This post is a follow-on to that since a lot of things have changed — most importantly, I switched from Silverlight to WPF to gain access to .NET classes that were not available in Silverlight 5. This has led to a much more powerful and general-purpose tool that runs on a touch screen (Windows 8.1 — not my cell yet) where you can do everything without having to click a mouse.

In the screen shot on the left you can see a number of conceptual & usability improvements — starting with the name: Now it's “Flash And Learn”, as you see in the title bar. Below that is a title that shows you the foreign language that your flash cards are for, since I've realized my original vision of making the Word-of-the-Day eMail parser be table-driven and have done this for Italian, French, Dutch and Spanish. What I formerly called “Context” is now “Learning Objective”, and the name of the current objective, “Understand The Phrase”, appears on that title line. At the bottom of the screen a new Status Line tells you what's going on.

Within a Learning Objective you can categorize every word in the Vocabulary by assigning it a “Proficiency”, and one of the most useful new additions to the App is that it can draw a Pie Chart, shown on the right, so you can see exactly how much progress you've made on that objective. Since everything in this App is data-driven, you can have as many Learning Objectives as you want, and you can freely make up the names you want for the Proficiencies.

The primary paradigm for this App is that you use Viewing Rules to pare down and specialize which cards are visible, and then via simple Navigation within those cards you use the multimedia information derived from the cards to help you learn. For example, on the left a small deck has been specialized via rules that say: Only cards which are for Adjectives where the Proficiency is “New”. Appropriate to a Learning Objective such as “English Word Listening to Audio”, the right-hand panel is set up to show the Foreign Language card without any English. Typically, the drill would be (a) spin — do a (random) navigation, (b) click the Icon to listen to the audio, (c) update the Proficiency for that card and (d) spin again.

There are several ways to introduce new Vocabulary. The one on the right called “Create Vocabulary Alias”, shows you the currently-selected flash card and lets you create a new one with the only constraint being that the two must share the same audio and phrases. This is very useful when you get a sentence that has a word you don't know — you can just make a card for it directly. Another way to get more Vocabulary is a new command that gets the Word-of-the-Day for Today so you don't need to deal with eMail at all.

The future: My goal all along has been to make this App run on my Windows Phone, so I've looked into Microsoft's new “Universal App” model for which I at least get to keep my Xaml UI — but no Silverlight, WPF, or ActiveX controls. At least my understanding is that if I target WinRT it's more likely that in the future this can be not only a Windows 8.1 Metro App, but also deployed on iPhone and Android mobile devices.

Flash Cards & Factoids — Learning To Speak a Foreign Language

Factoid (Italian) - Full Vocabulary

A while ago I stumbled upon a way to receive a daily eMail delivering a Word Of The Day in various languages — as a learning tool — and I soon realized that without any way to manipulate these "Factoids", they were soon going to go the way of all my other by-gone eMail. Yet I had a burning desire to make use of this rich source of information and training — because it actually speaks the language — so I decided to use my favorite set of Microsoft technologies to provide this "deck of cards" in a way that I felt would best suite my personal learning style — hence "Factoids".

In this article I'm going to talk about a .Net prototype I've created using the MVVM design pattern, called Factoids. This Silverlight tool is aimed at helping ordinary people create and organize multi-media Flash Cards and to then use them for anything that fits the familiar paradigm such as — in the case of my prototype — learning to speak Italian. You use the cards (The Factoids App)  in a wide variety of workflows all aimed at helping you to (a) see one side of "the card", and then (b) recall what's on the other side of the card.

Pure WPF — What a Joy!

Having worked a lot with Silverlight, I recently decided to take one of my favorite applications (pixRename) and convert it from Silverlight to “Pure Windows Presentation Foundation” or “WPF ”, as it's called... and what a huge relief it is to be freed up from the constraints of an OOB application. Since this application is all about managing the reNaming of picture files stored on your local computer, I guess the bottom line is that it was a mistake to have used Silverlight for that in the first place. But I did it because I really wanted to get my feet wet with Silverlight, and from that perspective it was a really great exercise. But for end users — as I quickly discovered — the constraint of only being able to reference files in "My Documents" or "My Pictures" was just NOT justified; I found that people didn't want to use pixRename solely for that reason. And they were right.

So this article announces the availability of “pixRename (WPF) ” which you can download here. Most people will find this install very simple because I used Microsoft's ClickOnce (software publishing) Technology.

The screen shot on the left shows the main page of the app with one of the things that's new for the WPF version - tailor made .Xaml windows that are used to display the "Help Topics" that, in the Silverlight version, were pretty ugly Message Boxes. Look at all of these help screens (via a Flickr slide show) or scan them individually: “Save Settings”, “Composition”, “Date/Time Adjust”, “Folder Location”, “Event Description”, “Change Settings Dialog”, “Naming Pattern” or “reName Semantics”… to get a sense of how pixRename (WPF) works.

There are a number of other User Interface improvements made in this version, but its main claim to fame is simply that you can access picture files that reside anywhere on any of your computer's hard drive(s) because WPF frees you up from the Silverlight restrictions detailed in that link. For more details, visit the FAQ (Frequently-Asked Questions) page — http://bit.ly/pixRenameFAQ — which, for now, describes both the Silverlight and the WPF versions of this .NET Desktop application.

Harvard University Chooses Panorama from Digital Media Magik.com

If you've spent any time on my company (DigitalMediaMagik.com) web site, you've likely seen the gallery of panoramas and you may even have seen (on my first business cards) the “Harvard Yard in Fall” one that I have inserted at the bottom of this posting. What you have probably not seen is this "same picture" being used as the masthead on a new publication of the Harvard College Writing Program — their “Harvard Guide to Using Sources” web site.

Since I do not know how long Harvard University will continue to use my panorama on their site… on the right is a screen shot that I captured (and then annotated slightly to highlight the credit to "Kevin G. Pammett" + the simple URL) to show off my panorama on one of the pages from Harvard's new web site. For a better look… the click-thru on that screen shot takes you directly to their site, but note that it may show different content from time to time. The arrangement with DigitalMediaMagik.com simply gives Harvard University the right to use it in their masthead (on all pages) for the entire site.

Below is a thumbnail of the “Harvard Yard in Fall” panorama … or, iff you have Java, click here to see the same picture in a pop-up panorama viewer that shows the image rotating thru 360° — demonstrating that there is no right-hand or left-hand edge to this picture; the two edges automagically connect to form a seamless image.

In October 2008 I took the 27 snapshots that you see above, auto- stitched  into a single 6175 x 833 pixel image. The resulting “Harvard Yard in Fall” panorama captures the New England Fall beauty of Harvard University from the center of the courtyard known as "Harvard Yard" on the campus of Harvard University in Cambridge, Ma.

If you are interested in engaging DigitalMediaMagik.com to create — or to help you create — panoramas of your own favorite vistas… please contact me (Kevin Pammett) at your earliest convenience.

Making Use of Silverlight Technology — A Digital Picture Renaming Tool

In a previous article I introduced the Silverlight App that I call pixRename, and herein I'm announcing the "version 1.0" release of this tool.  To try it out on any computer that can run Microsoft's .NET Framework, follow the instructions at: http://bit.ly/pixRenameV1

Aside from wanting a "modern" version of my reName tool — I really do use it to process digital camera pictures — the other reason I created this was to get hands-on experience with the following Silverlight 4.0 technologies:

• Isolated Storage — relative to browser-based cookies, this persistence mechanism is a huge step for a pervasive development technology because it essentially gives you a database that's built-in. I use this to persist tool options and 1:many relationships that are really named sets of  (name,value) pairs — the so-called "Settings" or "[camera] profiles".
• Windows Presentation Foundation (WPF) is a modern technology for creating, persisting, connecting and deploying UI components  — app controls  — which I use for buttons, labels, radio controls, checkboxes, special-purpose combo boxes and dynamic controls that reflect the end user's personalizations.
• Child Windows which share data with the main App, greatly simplifying the UI that you normally see, providing mechanism for a "Splash screen", the log for a "Preview" command, & general-purpose dialogs.

The "Change Settings" PopUp

Demonstrate an Object Oriented design, implemented with C#, lots of encapsulation, developed following the Agile paradigm. Uses ExifLib — an external .NET library that I adapted to work with Silverlight, described in this article. Gain expertise using Silverlight to make OOBs — like "desktop apps" — that run outside of the browser. Doing something significant with the .NET framework, including the System.IO classes that allow direct access to files and folders on the local computer's hard drive. I created a "Browse Folders" User Control because Silverlight 4.0 has an OpenFile dialog but you can only use it for files (not folders). Handling a multi-page .xaml application with dynamic pages.

Any comments or feedback please contact me (Kevin Pammett, © 2010 DigitalMediaMagik.com)

Silverlight Technology — Runs in ANY Browser

One of the really great things about Silverlight Technology is that it literally runs in any browser — at least any browser running on an operating system that runs the .NET platform.

In this article I describe an expense reporting application that I wrote from scratch to demonstrate .NET technology being used with Silverlight, and deployed on a web site (which will be at TBD once I do the deployment). For now, I'll just include three (one is linked) screen shots of the application running on a local web server.

I was given this sample programming problem and decided to take it on as requirements for a "Silverlight application" to add to this portfolio because it's a useful way to demonstrate an Object Oriented design, coded in C#, with a .xaml front end.  The main application screen, shown on the left, is not very fancy; that's because the assignment called for most of the action to be in the "Expense Item (Details)" screen, shown on the right, below.

The "Expense Item" screen is designed to be very dynamic — to fully encapsulate all the low-level mechanisms called for in the requirements. One of the comboBox controls is static, but the other (where you pick a currency type) is 100% generated by C# code behind the scenes. Moreover, depending on what you do on the screen… many other UI elements change to "show you" what is allowed and what isn't. For example, the "Save" button doesn't enable until all of the required parameters have been specified; the "Override Exchange Rate" button is disabled if the "From" and the "To" currencies are the same (it would be nonsensical, otherwise). Each time you select a different currency all of the calculated fields on the form are updated. If you change any of the calculated values, the "label" that shows you which currency you are using is modified to show that the rate has been "hand modified" … and many more… All of this is pretty easy in Silverlight because creating "next-generation, rich User Interfaces" is one of the main goals of this technology.

I'll finish this description once I find a site to host this application so that you can experience the joy of Silverlight in action.

My First Silverlight Application — pixRename

Building upon my initial success working with Silverlight, I set about creating “an App for that ” which I am now calling “pixRename”. It's aimed at owners of Digital Cameras who copy snapshots (picture files) onto their computer hard drives… and for that reason — since this application deals directly with files — it only runs in so-called OOB (or "Out of Browser") mode — on Windows, on Mac OS X, and on many other platforms.

To see pixRename in action… click thru the screen shot on the right.

PixRename is a simple utility that helps you do "bulk" renaming of the files created by your Digital Camera. It presupposes that you have copied these files onto your hard drive, and that you have put them into folders where there is already a commonality associated with all of the files in any given folder — they are already set up as "albums". In that context, pixRename gives you fine-grained control over how the information in the .jpg Exif properties can be used in reNaming those files. e.g. For most people, those names are probably something like IMG_01709.jpg — where 'everyone' knows that the "709" is the picture number (or "ordinal") and 'no one' has any idea what the rest of that name refers to. Most people do see what I've shown in the picture in my related blog article when you let your mouse hover over one of these file names and automagically a Tool Tip appears showing you various things about the picture — most notably the date and time when the snapshot was taken. This is how, in the example shown in the picture above, that file ended up with the name “709-Frank'sBirthday-Sep-30-2007-17-03-16.jpg”. If you are curious… it is the "mask" in the "Picture Pattern" field let lets you specify that the picture number you are interested in is only the right-hand 3 digits (the "709") of what one otherwise might consider the actual ordinal shown in this example — that's intended, and is just one of the more subtle features of pixRename.

There are lots more things that pixRename can do. But — for now at least — why not just get the beta version of pixRename, play with it, and send me feedback so that I can continue to make this utility more robust and more useful. I haven't decided yet if I will provide free access to the C# source for this Silverlight application. Free free to post comments on this article or on pixRename, below.

reWorking: ExifLib — A Fast Exif Data Extractor for .NET and Silverlight

As soon as I began to get what a fabulous new technology Microsoft have developed in Silverlight, I decided to come up with something useful that I could implement with it — mostly just to get hands-on experience with the technology. Most people know that you can use Silverlight to create Rich Internet Applications (RIAs) and also "Apps" that run in smart phones… but one of the most intriguing things about Silverlight is that with the click of a configuration checkbox that same code can also run standalone — in so-called OOB (or "Out of Browser") mode —  on Windows, Mac OS X, and on many other platforms. So from the beginning I set my sights on creating “an App for that” which would do something useful with snapshots produced by digital cameras.

So I read with great interest the article by Simon McKenzie from Oct 2009 called “ExifLib — A Fast Exif Data Extractor for .NET 2.0” because “Exif Data” refers to the metadata stored in picture files by most digital cameras. Examples of this metadata are the properties that record what the camera settings were plus the date/time when the snapshot was taken — as you see in the ToolTip screen shot on the right. So imagine my disappointment when the article said that this ExifLib wouldn't work with the .NET libraries found in Silverlight 4 (because Silverlight comprises only a subset of the 'full' .NET platform). In McKenzie's defense, he did outline what one would have to do in order to "bridge the gap", so I set about doing exactly that; hense my release of the Silverlight version of this C# library which I recently posted back to the forum (www.codeproject.com) from whence it came.

To download the C# + Visual Studio 2010 project for this library, see: http://bit.ly/Exif-Silverlight-zip

Working on this project… I spent a majority of my time finding a panoply of different .jpg's from many different digital cameras — old and new — to make sure that my modifications not only worked for my pictures, but also for "everything" I could get my hands on. So aside from the code changes, in the new project, I've included this set of .jpg's (Big-endian and Little-endian) along with all of the regression testing data that I accumulated to ensure that the Silverlight and non-Silverlight versions of this library produce exactly the same results. From my project you can build either version of the library by just defining a conditional compilation that I made up.

Of course… please contact me if you find any flaws in this library since I am in the process of using it for a new Silverlight Application that — after its Bastille Day beta test began — I have now written about, here.

GiveCamp — Learning Silverlight and “Coding for Charity”

Last weekend I had the distinct privilege of being part of the 1^st annual New England 2010 GiveCamp hosted by Microsoft in Cambridge, Ma. For those who've never heard of GiveCamp, it is a weekend-long event where technology professionals — from designers, developers and database administrators to marketers and web strategists — donate their time to provide solutions for non-profit organizations. For my part, it was somewhat from altruism… but mostly I stepped up for the 48-hour marathon because it gave me an opportunity to join the Silverlight team so that I could hone my skills using this latest and greatest technology from Microsoft.

On the right you see a screen shot of what my team produced: CHaD.Chatter, so named because our non-profit — who we did the Silverlight project for — was Children's Hospital at Dartmouth (CHaD). The "Get Well Messages presented in floating balloons" paradigm was the perfect project — enabling us to delve into numerous aspects of this .NET technology, and to showcase Silverlight in all its glory… even though the truth is that we didn't finish it in the time allotted; that's why there was only one message-carrying balloon animation in the final presentation we made to the larger group.

Since the CHaD team has decided to regroup and finish working on CHaD.Chatter, stay tuned for a subsequent blog article where I will write about — and probably present — a fully working version of this web-based, interactive, database-driven, Silverlight application.

DigitalMediaMagik.com 2010 Business Cards

During 2009 I got an excellent response to the panorama format that I used for my 2009 DigitalMediaMagik business cards, so this year I decided to do something very similar except that I used a different panorama. Shown on the right, my 3^rd-generation card design features a countryside vista from small town Vermont. For more details click thru the graphic on the right or click here to see that panorama in the Panorama Viewer.

Following last year's paradigm, the goal with the 2010 card was to deliver a more accurate picture of what DigitalMediaMagik.com is all about. The card reflects the two aspects of my business as they have evolved — website design and working with digital media. In addition, this year's card presents my LinkedIn profile (www.LinkedIn.com/in/KevinGenePammett) in an effort to further promote my services as a Principal C#, .Net and Java software engineer — possibly outside of the context of my own company.

As I expected last year, creating the design for these cards — the dilemma of which panorama to use — gave me the idea of using multiple panoramas in a new masthead for my company site which has featured a panorama animation since April '09 when I came out with a face lift for my DigitalMediaMagik.com web site.

Using Seasonal Panoramas to Promote Health & Fitness

At DigitalMediaMagik.com we create marketing and promotional materials using the latest in digital imaging techniques, as we describe in this article.
The thumbnail you see on the left is an 8.5" x 11" flyer I was asked to make for an event my client calls “The Big Rocks Mile, 2010”.

Part of their organization's Health & Fitness program, this "running a mile" was to be a 3-part event and I was asked to create a flyer to promote this 1-mile run happening at the beginning, ending, and mid-point juncture of a 6-month training period.

What came to mind immediately was to use panoramas — from my Panorama Gallery — to communicate the “Spring, Summer, Fall ” timeline that was to be the framework for this 'event'.

Being many times wider than they are tall, panoramas fit perfectly onto a horizontal flyer page leaving room for captions under each picture to achieve the other goal of the flyer — to convey that this 'event' was actually going to be 3 events, taking place over the period of 6 months. In addition, the captions convey the context for the event — “Every Man Wins” — because this was not to be a traditional man-against-other-men race, but rather that each man trains throughout the 6-month period, sets a baseline for himself in the Spring, shows progress with more training until Summer arrives, and then experiences the full benefit of the training in the Fall when he realizes that this Health & Fitness program is just the beginning — there's much more ahead.

The final piece was to create a simple URL that points to the flyer: BigRocks-Mile2010, and to encourage people throughout the organization to use that as a link in their communications about the event.

Picture Stamps — Gifts that Get Given Away Twice

Have you ever heard of Stamps.com — in the USA — or its Canadian counterpart ? Click thru for details, or… the take away is that you can create your own US or Canadian postage stamps which can then be used exactly like real stamps. You can do this for any number of promotions / reasons, including that they make excellent gifts, as I did for my extended family last Christmas.

So… what's the connection with DigitalMediaMagik.com ?

Following the tagline “You Imagine it… We make it Happen !! ” — on your behalf, we could do all of the image-editing and other cyberspace work to create one or more stamps from pictures that you provide. When the gift arrives, it looks like the familiar 'book' of stamps shown on the right.
























A step beyond the stamps themselves — also available as a DigitalMediaMagik.com service — would be that I/we create a web page using the wildly flashing 3D cube navigator shown on the left, the idea being that "the story", as told by this "experience", is part of your promotion or gift. Of course… that 6-chapter story could be anything that you can imagine.

Shown here purely as an example of such a story… use the 3D cube navigator (on the left) to explore the set of stamps I created :
• Move your mouse into the center of the green background frame (to the left) to “drive” and “look at” each of the images.
• As you move the mouse (within the 3D cube frame) you are in “drive mode” — doing manipulation via mouse movement, without mouse clicks. E.g. move the mouse towards any corner of the frame and the cube begins rotating in that direction. The rotation follows you around as you move the mouse, and is faster/slower depending on how close you are to the center of the cube.
• Click on any cube face; it "zooms out", showing you the stamp image. A subsequent single click continues the rotation.
• Double Click on an image face to 'read that chapter'. In this case more detail means you see the picture the stamp was made from). When finished, your browser's "Back" button returns you to the cube navigator.
• In “drive mode” the rotation stops whenever you move the mouse outside of the green background space, and resumes when you re-enter it.

For an example where the 'chapters' are real stories, check out my "life story" done with the 3D cube navigator.

Coming Soon — TheGypsyCafe.com

It is my pleasure to announce the official opening (here) of “The Gypsy Café ” — the follow-on to “The Café @ Groton Trading Co.”, represented by my first .NET web site until my clients closed up shop at the end of Februrary 2009. In its next reincarnation, with a new style and gypsy flair, the new café (physically) will be at 112 Main St., (Paugus Mall, Route 113), Pepperell, Ma.

In cyberspace, the new site will be my first opportunity to demonstrate the re-usable blueprint that I created using Microsoft's .NET technology to increase my productivity at creating one rich web site from another.

The picture to the left features the new logo (just the top part) — the harbinger of an exciting new beginning for my clients, Keith and Christina Doucette. I added a border and address/contact information to that, ostensibly for presentation (to make it more square) but also to make it more standalone.

Further details are available in the "Testimonial" that I wrote in the old web site to point the way to the new web site: TheGypsyCafe.com (officially opened June 3^rd) to encourage customers to give it a try.

DigitalMediaMagik.com Gets a Facelift

The website is not completely finished yet, but the facelift is pretty much complete so I will take the "Easter / Holy week milestone" as my cut-off point to declare the facelift complete.

• Cross-browser support: The site (and blog) now work with a very broad spectrum of popular browsers including IE (Microsoft's Internet Explorer), FireFox (Mozilla), Safari (Apple), and Chrome (Google). Up-to-date browser usage statistics peg this coverage at 97%.



• A panorama animation on DigitalMediaMagik.com gives the pages a "constant width" and showcases one of my services — making panoramas from multiple digital snapshots



• To accomodate smaller screens, there is an "X" action on the right-hand side of the panorama animation which makes it disappear and the page redraws so you can read more without having to scroll.



• The former "menu tree", on the left-hand side of all the pages, has been replaced with something much simpler. The "Community / TalkAbout" icon — an extension of that menu — was reworked to 'fit' better and to reflect the new DigitalMediaMagik.com logo.



• I elaborated the previously-empty page about my StoryBoard (video) product, celebrating a project I did for my sister's 60^th birthday.



• My "community" space — these pages — still have the same web address (blog.DigitalMediaMagik.com) but the blog has been rehosted, I got caught up wrt my backlog of articles, and I created a customized template to give the blog a much more pleasing and accessable format. For comparison, the old blog is still there… but there are no links to it ☺; the final article therein details the rehosting.



• There are a number of new "Page Elements" in the blog sidebar, including my DigitalMediaMagik.com Twitter "feed" and more About Me.
  

My New Business Cards

Coincident with “The Ides of March”… as of today I can present a sneak preview of my new business card, shown on the right. My 2^nd-generation design, the goal with this card was to deliver a more accurate picture of what DigitalMediaMagik.com is all about. The card reflects the two aspects of my business as they have evolved — website design and working with digital media. Some website designs call for both of these activities, but basically they are two different lines of business. Likewise my products vs consulting activities are just another way to reach a larger clientele.

Because the art of creating panoramas is typically just a little beyond the reach of most individuals, I have long wanted a business card that features a panorama, even though there is a huge difference in the typical print size for the two formats. Be that as it may, I was pleasantly surprised to see that even the panorama caption comes out readable on the card itself, which you can clearly see if you click thru the above graphic.

Creating the design for these cards — the dilemma of which panorama to use — gave me the idea of using multiple panoramas in a new masthead for my company site where I plan to feature a panorama animation. As an added bonus, the back side of each card shows the year in which DigitalMediaMagik.com is going to burst onto the multimedia scene as a powerhouse of personal expression and communication.

Official Opening of The Café Website

Though my first client web site, “The Café @ Groton Trading Company ”, has been accessible on the web for quite a while, today marks the official opening of the site, a snapshot of which you see here on the right. The site features the full menu for The Café, broken down into "food category" in the left-hand menu, and then a set of "pages" within each category which you navigate via a top-of-page menu — all of which I designed to convey the web experience, even though the actual menu is really a "huge long .pdf document" designed to be glossy-printed for hand viewing at your table.

More traditional features of the website include "customer feedback" where clients can tell us what they think as well as sign up for the newsletter, “Daily Specials ” on a chalkboard background (to match what is actually in The Café), and a Flickr-hosted "Photo Gallery" which we wanted in order to take advantage of The Café being inside an antique store making its ambiance is truly unique.

Customer Testimonials : Another unique feature of this web site is what you see on the left — the page that I called "Community". At a glance, it is a set of "feedback stories", each one generally displayed with a thumbnail picture of the client who submitted the feedback by going to another page (not shown) where you sign up for a newsletter and/or write whatever "story" you want to submit regarding your experience at The Café. Therein, a checkbox lets the author of such feedback consent to having his feedback made public on the “Community ” page, which is generated as dynamic content from the database each time someone brings up the page. For more details see moderated testimonials described here.

On a different technical note… I designed and built this website, soup-to-nuts, using Microsoft's .NET technology primarily because that way I end up with a site implementation that is fluid and completely under my control. Moreover, since extensive use is made of “page templates ”, even pervasive changes to the site — as clients get a better idea of the look and feel they want — sitewide changes can be made quickly and reliably.