<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>New Media Labs &#187; Silverlight</title>
	<atom:link href="http://www.newmedialabs.co.za/category/silverlight/feed" rel="self" type="application/rss+xml" />
	<link>http://www.newmedialabs.co.za</link>
	<description></description>
	<lastBuildDate>Thu, 19 Jan 2012 06:00:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Creating the Adora CRM with Global Vision</title>
		<link>http://www.newmedialabs.co.za/silverlight/creating-the-adora-crm-with-global-vision</link>
		<comments>http://www.newmedialabs.co.za/silverlight/creating-the-adora-crm-with-global-vision#comments</comments>
		<pubDate>Tue, 01 Dec 2009 08:46:22 +0000</pubDate>
		<dc:creator>Richard Schroder</dc:creator>
				<category><![CDATA[Agile Development]]></category>
		<category><![CDATA[Content Management Systems]]></category>
		<category><![CDATA[Custom Development]]></category>
		<category><![CDATA[New Media Labs]]></category>
		<category><![CDATA[Silverlight]]></category>

		<guid isPermaLink="false">http://www.newmedialabs.co.za/?p=855</guid>
		<description><![CDATA[Adora is a marketing CMS platform that is currently being developed by Global Vision and is being built to replace their highly successful current offering, Eureka.  The driving force behind Adora is communication, not just marketing, through all effective communications channels.  Using Adora, marketers will be able to communicate effectively with consumers and be able [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Adora is a marketing CMS platform that is currently being developed by<a href="http://www.globalvision.co.za" class="broken_link"> Global Vision</a> and is being built to replace their highly successful current offering, Eureka.  The driving force behind Adora is <em>communication</em>, not just marketing, through all effective communications channels.  Using Adora, marketers will be able to communicate effectively with consumers and be able to maintain a complete picture of consumer relationships to their respective brands.</p>
<p class="MsoNormal" style="text-align: justify;">As <a href="http://www.globalvision.co.za" class="broken_link">Global Vision</a> made the decision to develop the Adora front-end using Microsoft Silverlight (at the time a very brave move – Silverlight 1.1 was VERY limited compared to Silverlight 3!), New Media Labs was asked to provide some assistance in the development process.  With full-time in-house User Experience (UX) designers and interface designers from Stonewall+, this project has really brought to light the power and flexibility of the Silverlight platform.</p>
<h2>Design of Adora</h2>
<p class="MsoNormal" style="text-align: justify;">The application is built along a classic Model-View-ViewModel (M-V-VM) architecture and utilises a custom-built framework for this that supports all the required elements.  We had a number of technical challenges to overcome along the way, mainly related to data storage and using the same Domain model on both the Client- and Server-side.  Most of these issues are posts in their own right and will be covered in the near future.</p>
<p class="MsoNormal" style="text-align: justify;">Adora consists of many layers, each with its own set of technologies.  Starting from the client and working our way to the backend:</p>
<ul style="text-align: justify;">
<li><strong>Client</strong><br />
Silverlight 3, utilising the Silverlight Toolkit and numerous custom-built controls.</li>
<li><strong>Services<br />
</strong>The<strong> </strong>application services are provided by WCF services that are hosted on the server.  These are communicated with using a custom-built data-contract serialiser.<strong> </strong></li>
<li><strong>Data storage<br />
</strong>Data storage is provided by SQL Server 2008 and data goes through many stages of filtering and matching to ensure maximum data integrity.</li>
<li><strong>Messaging<br />
</strong>A messaging and scheduling engine resides on the server side to handle all email and SMS communications with consumers.  Messages received are linked to the consumer’s profile.</li>
</ul>
<h2>The Development Process</h2>
<p class="MsoNormal" style="text-align: justify;">The goal is to deliver a product that is not only scalable, flexible and fast but is also pleasant to use with minimal or no user training.  With a team consisting of UX designers, developers, graphic designers and QA testers, we are continuously and iteratively tweaking the design.  Using an Agile approach has allowed us to make fast-paced design changes whilst ensuring that the end result not only looks good, feels good and performs well but also matches the expectations of the Product Owner.</p>
<p class="MsoNormal" style="text-align: justify;">We currently employ a mix of various established practices – test driven development, peer reviews, daily stand-ups and whiteboard sessions are some of the things that we do every day.</p>
<h3>Interface Design</h3>
<p class="MsoNormal" style="text-align: justify;">Adora’s interface borrows heavily from concepts used by Windows Explorer to allow users to work in a familiar environment.  For example, “folders” represent brands and “files” represent elements such as email lists, creatives or even communication schedules. </p>
<div id="attachment_854" class="wp-caption alignleft" style="width: 310px"><a href="http://www.newmedialabs.co.za/wp-content/uploads/2009/12/explorer.png" rel="lightbox[855]"><img class="size-medium wp-image-854 " title="Adora Explorer" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/12/explorer-300x179.png" alt="Adora Explorer interface" width="300" height="179" /></a><p class="wp-caption-text">Adora Explorer interface</p></div>
<p style="text-align: justify;">Wireframe designs are created by our UX designers and the initial development work to implement functionality is done by the developers and testers.  Whilst this is taking place, the interface design is UAT-tested by the UX designers – the interface is then sent to Stonewall+ for “polishing” and styling.  Due to Silverlight’s dynamic binding model, it is simple for the developers to drop the finished interface on top of the functional elements built.</p>
<p class="MsoNormal" style="text-align: justify;">All work with consumer populations is graphical – that is, instead of reams of confusing numbers that may not appear to have any significant proportions or relationships, Adora presents interactive graphs.  A user with little or no SQL knowledge is able to build up complex queries very quickly with this system and it provides a “quick-glance” overview of the consumers that the user is currently communicating with. </p>
<div id="attachment_856" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.newmedialabs.co.za/wp-content/uploads/2009/12/list_builder_03_portlet_options.jpg" rel="lightbox[855]"><img class="size-medium wp-image-856" title="List Builder Interface" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/12/list_builder_03_portlet_options-300x210.jpg" alt="list_builder_03_portlet_options" width="300" height="210" /></a><p class="wp-caption-text">Marketing List builder interface design</p></div>
<h3>Adora Query Language</h3>
<p class="MsoNormal" style="text-align: justify;">Central to Adora’s success is our own query language that we have developed: Adora Query Language, or AQL.  With a syntax that is similar to SQL, AQL allows developers to retrieve consumer related information using queries that are <em>business oriented</em>.  If that doesn’t excite you, how about this:</p>
<p class="MsoNormal" style="margin-left: 36pt;"><span style="font-family: &quot;Courier New&quot;;">SELECT firstname, lastname, age FROM brandname WHERE gender=’male’ AND age&gt;25</span></p>
<p class="MsoNormal" style="text-align: justify;">The result of this query is a list of consumers within the “brandhouse” brand that are male and over 25 years of age.  A complete subset of SQL is supported, including ORDER BY, GROUP BY, INTERSECT, UNION and many more.  On top of this, we have our own extensions to the language that allow us to apply pagination to data results or to even group data into ranges.  The result?  Our developers can focus on <em>working</em> with data, not on <em>retrieving</em> data.  It is envisioned that future versions of Adora will allow 3<sup>rd</sup> party vendors to create add-ins to the Adora system using AQL.</p>
<h3>What’s next?</h3>
<p class="MsoNormal" style="text-align: justify;">Still to come – details on the technical challenges faced and more screenshots!  Beta 1 is scheduled for release in January 2010. </p>
<div class="wp-caption aligncenter" style="width: 570px"><object width="560" height="340" data="http://www.youtube.com/v/1p4Tm25SmrY&amp;hl=en_GB&amp;fs=1&amp;" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/1p4Tm25SmrY&amp;hl=en_GB&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /></object><p class="wp-caption-text">An introduction to Adora</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.newmedialabs.co.za/silverlight/creating-the-adora-crm-with-global-vision/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aurecon &#8211; Emergency Response and Incident Management Application</title>
		<link>http://www.newmedialabs.co.za/mapping/aurecon-emergency-response-and-incident-management-application</link>
		<comments>http://www.newmedialabs.co.za/mapping/aurecon-emergency-response-and-incident-management-application#comments</comments>
		<pubDate>Tue, 03 Nov 2009 15:28:44 +0000</pubDate>
		<dc:creator>Rogan Flitton</dc:creator>
				<category><![CDATA[Custom Development]]></category>
		<category><![CDATA[Mapping]]></category>
		<category><![CDATA[New Media Labs]]></category>
		<category><![CDATA[Rich Internet Applications]]></category>
		<category><![CDATA[SCRUM]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Software Architecture]]></category>
		<category><![CDATA[Software Development]]></category>

		<guid isPermaLink="false">http://www.newmedialabs.co.za/?p=694</guid>
		<description><![CDATA[Aurecon is a new, innovative, global group created by the recent coming together of 3 world-class companies - Africon, Connel Wagner and Ninham Shand.  They focus on providing professional technical services across a broad spectrum of proficiencies from engineering to information technology.
Aurecon is developing a whole suite of new Incident Management/Emergency Response Software for clients in [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><img class="alignleft size-full wp-image-707" title="aurecon" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/aurecon.png" alt="aurecon" width="210" height="57" /><strong><a href="http://www.aurecongroup.com/" target="_blank">Aurecon</a></strong> is a new, innovative, global group created by the recent coming together of 3 world-class companies - Africon, Connel Wagner and Ninham Shand.  They focus on providing professional technical services across a broad spectrum of proficiencies from engineering to information technology.</p>
<p style="text-align: justify;">Aurecon is developing a whole suite of new Incident Management/Emergency Response Software for clients in areas such as Emergency Services, Disaster Management and Policing.</p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">The Problem</span></strong></p>
<p style="text-align: justify;">New Media Labs came on board specifically to design, develop and implement a system that:</p>
<ul style="text-align: justify;">
<li>can capture all the necessary information needed by an emergency response unit in order to respond to an incident more quickly and efficiently.<img class="alignright size-medium wp-image-755" title="homer" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/homer-300x225.png" alt="homer" width="240" height="180" /></li>
<li>has an easy to understand and operatable Graphical User Interface.  The more “Minority Report” it looked the better, and as the client once put it, &#8220;<em>if we had to put <strong>Homer Simpson</strong> in front of it, he’d know how to operate it.</em>&#8220;</li>
<li>is GIS enabled, so that operators can pinpoint locations easily and relay co-ordinates to responding units.</li>
<li>is easily deployed across various control stations across the country, and ultimately the world.</li>
</ul>
<p style="text-align: justify;">It just so happened that one of Aurecon’s existing clients operates a large CCTV control centre in the City of Cape Town and was in the market for such an application.</p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">The Solution</span></strong></p>
<p style="text-align: justify;">Designed for a call centre/control station environment, our system presents the user with a graphically rich, simple and easy to use User Interface.  Aurecon was adamant that not only should the system work well, but it should also look great, as this would be a large selling point over competing systems.</p>
<p style="text-align: justify;">We implemented a container based UI where functionality is broken up and grouped into several independent, movable, expandable containers/panels.  These panels allow the user to view and work on multiple aspects at once, as well as the ability to drill into one specific section and focus all their attention on that one task.</p>
<p style="text-align: justify;"><object width="560" height="340" data="http://www.youtube.com/v/GNlcMcGbnXE&amp;hl=en&amp;fs=1&amp;" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/GNlcMcGbnXE&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /></object></p>
<p style="text-align: justify;">One of the key aspects to the system is a map - the map gives the user the ability to quickly navigate to a street, intersection, and popular landmark or CCTV camera location.  Designed specifically for a CCTV control station, the system contains a list of hundreds of operational CCTV cameras in and around the City of Cape Town region.  If an operator identifies something on one of their camera monitors, they then pinpoint the location on the map and capture necessary information about the incident so units can be dispatched accordingly.  Ultimately, the information captured in the system is also reported on.  Existing incidents are indicated by a coloured dot on the map depending on the priority of the incident.  CCTV cameras are marked by camera icons.</p>
<p style="text-align: justify;"><object width="560" height="340" data="http://www.youtube.com/v/chYwEgx2O20&amp;hl=en&amp;fs=1&amp;" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/chYwEgx2O20&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /></object><strong></strong></p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">How did we do it?</span></strong></p>
<p style="text-align: justify;">In a nut shell, <strong>Start Lite</strong>, as the system is called, has a 3 tier architecture comprising of:</p>
<ul style="text-align: justify;">
<li>a SQL Server 2008 backend</li>
<li>WCF SOA middle tier</li>
<li>Silverlight UI</li>
</ul>
<p style="text-align: justify;"><img class="alignright size-medium wp-image-709" title="scrum" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/scrum-269x300.jpg" alt="scrum" width="129" height="144" />Working closely with a newly established Aurecon Development Team, we were on site full time for the duration of the project.  We introduced their team to the <strong>SCRUM</strong> methodology and went from initially running all morning stand ups and sprints to SCRUM being fully integrated into the Aurecon staff and their project management processes.  With SCRUM, New Media Labs were able to keep up with the demanding deadlines of the project and finish Start Light on time and successfully.</p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">Database and Web services</span></strong></p>
<p style="text-align: justify;">At New Media Labs, we believe that applying tried and tested patterns and practices is key when building software.  Not only does this accelerate design and development, but it reduces potential risk by ensuring that you’re applying industry standards that other software developers out there are doing as well.</p>
<p style="text-align: justify;">On this particular project we decided to use 2 Microsoft Patterns and Practices: <strong><a title="Repository Factory" href="http://www.codeplex.com/RepositoryFactory" target="_blank">Repository Factory</a></strong> and Web Service <strong><a title="Web Service Software Factory" href="http://www.codeplex.com/servicefactory" target="_blank">Software Factory Modeling Edition</a></strong>.</p>
<p style="text-align: justify;">The Repository Factory is a guidance package that automates creation of entity classes that map to database tables and repository classes to read and write those entity classes.  With it we were able to quickly build our data access and business logic layers.  The Repository Factory creates Business Entity classes from your database schema, generates CRUD (Create, Read, Update and Delete) stored procedures, and ultimately links the two together into ode that is easy to understand and maintain.</p>
<p style="text-align: justify;">With the Web Services Software Factory Modeling Edition, we were able to sit with the project owner and business analysts and graphically model the web services in full view with the use of a projector.  These sessions added incredible value as the whole team (not only developers) was involved and we could brainstorm and discuss more freely.  Once Modeled, the service contracts, message contracts and data contracts are all generated into code that is easily understandable.</p>
<div class="mceTemp" style="text-align: justify;">
<dl id="attachment_759" class="wp-caption alignnone" style="width: 160px;">
<dt class="wp-caption-dt"><a href="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/datacontracts.png" rel="lightbox[694]"><img class="size-thumbnail wp-image-759 " title="datacontracts" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/datacontracts-150x150.png" alt="Modelling data contracts for a web service" width="150" height="150" /></a></dt>
<dd class="wp-caption-dd">Modelling data contracts for a web service</dd>
</dl>
</div>
<p style="text-align: justify;">With the Repository Factory and Web Service Software Factory, New Media Labs were able to maintain a high project velocity whilst simultaneously getting the Aurecon Development Team up to speed with the architecture, patterns and practices.  Using the tools is trivial and the resulting code clear and understandable.</p>
<div class="mceTemp" style="text-align: justify;">
<dl id="attachment_760" class="wp-caption alignnone" style="width: 160px;">
<dt class="wp-caption-dt"><a href="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/servicecontracts.png" rel="lightbox[694]"><img class="size-thumbnail wp-image-760 " title="servicecontracts" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/servicecontracts-150x150.png" alt="Modelling a web service" width="150" height="150" /></a></dt>
<dd class="wp-caption-dd">Modelling a web service</dd>
</dl>
</div>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">User Interface</span></strong> <img class="size-medium wp-image-719 alignright" title="microsoft-silverlight1" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/microsoft-silverlight1-300x225.jpg" alt="microsoft-silverlight1" width="180" height="135" /></p>
<p style="text-align: justify;">Why Silverlight?</p>
<ul style="text-align: justify;">
<li>Silverlight is a cross-browser, cross-platform and cross-device web technology, perfect for Aurecon’s need for a system that is quickly, easily and cheaply deployed.</li>
<li>Deployed on an IIS 7 web server - all the client needs to do is download the Silverlight plugin and start using the system.  It’s that simple!</li>
<li>With Silverlight, we were able to rapidly develop a visually rich user interface and experience.</li>
</ul>
<p style="text-align: justify;">Yes, ok but why not Adobe Flash?</p>
<ul style="text-align: justify;">
<li>Aurecon are already heavily Microsoft with various systems and backend processes already built on Microsoft platforms.  With Silverlight leveraging the .NET framework, we were able to create a system that can wield a rich user experience as well as support and easily integrate with other Microsoft back ends.</li>
</ul>
<p style="text-align: justify;"><img class="alignleft size-full wp-image-724" title="esri_logo_large" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/esri_logo_large.jpg" alt="esri_logo_large" width="72" height="86" />As for the Mapping functionality, we used the ESRI ARC GIS API for Silverlight component on top of Aurecon’s very own ESRI Arc GIS Server.  To avoid taking credit where it’s not due, Aurecon own and manage their own GIS data, New Media Labs just got the map to do all the funky things with the data we wanted it to do on screen.</p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">Worth Mentioning</span></strong></p>
<p style="text-align: justify;">- <strong><a href="http://blogs.msdn.com/brada/archive/2008/05/03/accessing-the-asp-net-authentication-profile-and-role-service-in-silverlight.aspx" target="_blank">Login with ASP.NET Authentication Services</a></strong></p>
<p style="text-align: justify;"><strong><a href="http://blogs.msdn.com/brada/archive/2008/05/03/accessing-the-asp-net-authentication-profile-and-role-service-in-silverlight.aspx" target="_blank"></a></strong><object width="560" height="340" data="http://www.youtube.com/v/VTQhYG_f_UQ&amp;hl=en&amp;fs=1&amp;" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/VTQhYG_f_UQ&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /></object></p>
<ul style="text-align: justify;">
<li>ASP.NET already comes with a huge array of out-the-box Membership, Role and Profile functionality, so why recreate the wheel?  Start Lite leverages this Membership and Role Functionality.  One can simply expose the ASP.NET Authentication system as a WCF web service with a few configuration settings.</li>
</ul>
<p style="text-align: justify;">- <strong><a href="http://www.codeplex.com/blacklight" target="_blank">Blacklight</a></strong></p>
<table style="text-align: justify;" border="0">
<tbody>
<tr>
<td>
<div id="attachment_742" class="wp-caption alignnone" style="width: 250px"><a href="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/2009-07-03_133625-1024x635.jpg" rel="lightbox[694]"><strong><strong><img class="size-medium wp-image-742 " title="2009-07-03_133625" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/2009-07-03_133625-300x186.jpg" alt="Multiple Panels Open" width="240" height="149" /></strong></strong></a><p class="wp-caption-text">Multiple Panels Open</p></div></td>
<td>
<p><div id="attachment_743" class="wp-caption alignnone" style="width: 250px"><a href="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/2009-07-03_133644-1024x635.jpg" rel="lightbox[694]"><strong><strong><img class="size-medium wp-image-743 " title="2009-07-03_133644" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/2009-07-03_133644-300x186.jpg" alt="One Panel Open" width="240" height="149" /></strong></strong></a><p class="wp-caption-text">One Panel Open</p></div></td>
</tr>
</tbody>
</table>
<ul style="text-align: justify;">
<li>For draggable collapsable panelscontainers we utilized the open source Codeplex Blacklight Control suite and customized some of their controls to suit our needs better.</li>
</ul>
<p style="text-align: justify;">- <strong><a href="http://blog.ningzhang.org/2008/11/viewbox-control-in-silverlight-toolkit.html" target="_blank">ViewBox Control</a></strong></p>
<ul style="text-align: justify;">
<li>We decided to use the <strong><a href="http://blog.ningzhang.org/2008/11/viewbox-control-in-silverlight-toolkit.html" target="_blank">ViewBox Control</a></strong> which comes with the <strong><a href="http://silverlight.codeplex.com" target="_blank">Silverlight Toolkit</a></strong> to handle the resizing of our various panel and container contents.  Manually resizing each UI element within a panel’s content when the panel is either maximized or minimized would have been cumbersome to do, and this handy control saved us a lot of time and effort.  It works wonders!</li>
</ul>
<p style="text-align: justify;">- <strong>Announcement and Notifications Engine</strong> <strong></strong></p>
<p style="text-align: justify;">
<p><div id="attachment_731" class="wp-caption aligncenter" style="width: 310px"><strong><a href="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/announcement-1024x518.png" rel="lightbox[694]"><img class="size-medium wp-image-731 " title="announcement" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/11/announcement-300x151.png" alt="Announcement Functionality" width="300" height="151" /></a></strong><p class="wp-caption-text">Announcement Functionality</p></div>
<ul style="text-align: justify;">
<li>It wouldn’t be New Media Labs style without a social media element to it - we custom built an announcements and notifications engine.  Announcements let a user post important messages for others to see, whilst notifications get fired when important things happen within the system such as the creation of an incident.</li>
</ul>
<p>- <strong><a href="http://silverlight.codeplex.com/wikipage?title=Silverlight%20Toolkit%20Overview%20Part%201&amp;referringTitle=Home&amp;ANCHOR#AutoCompleteBox" target="_blank">AutoCompleteBox Control</a></strong></p>
<ul style="text-align: justify;">
<li>In Start Lite, we tried to guide the user as much as possible when entering information. The <strong><a href="http://silverlight.codeplex.com/wikipage?title=Silverlight%20Toolkit%20Overview%20Part%201&amp;referringTitle=Home&amp;ANCHOR#AutoCompleteBox" target="_blank">AutoCompleteBox</a></strong> control is another cool control that comes with the Silverlight Toolkit (http://silverlight.codeplex.com/).  For Example, when searching for an address, the AutoCompleteBox keeps presenting the user with options based on what they’ve typed in thus far.</li>
</ul>
<p>- <strong>Embedding PDF in Silverlight</strong></p>
<p><strong></strong><object width="560" height="340" data="http://www.youtube.com/v/pRObQbQmy7E&amp;hl=en&amp;fs=1&amp;" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/pRObQbQmy7E&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /></object></p>
<ul style="text-align: justify;">
<li>In Start Lite we implemented some magic to embed a PDF document within the Silverlight.  What&#8217;s actually happening though is with java script, we&#8217;ve actually placed a div tag on top of our Silverlight object and that div tag contains the PDF viewer control.</li>
</ul>
<p><strong><span style="text-decoration: underline;">What is next?</span></strong></p>
<p style="text-align: justify;">As they often say, there is no rest for the wicked, and at New Media Labs, building “wicked” software means once we’re finished with one, we’re onto another!</p>
<p style="text-align: justify;">Utilizing elements and components from Start Lite, we helped Aurecon develop a Back Office Incident Logging System, to be utilized by patrol officers and units, who while on patrol and by their own intervention identify or become involved in emergencies and incidents and ultimately resolve the issue then and there.  Upon their return to the station after duty, they can “back” capture such incidents for reference and reporting.</p>
<p style="text-align: justify;">As with all systems, there is always a phase 2 and with Start Lite we’d like to focus more on modularity and being able to plug in or unplug functionality based purely on a particular clients requirement.  Silverlight is always evolving and with the release of Silverlight 3 there are some awesome new technology advancements we’ll be taking into account, specifically:</p>
<p>- <strong><a href="http://msdn.microsoft.com/en-us/magazine/dd458800.aspx" target="_blank">MVVM</a></strong></p>
<ul style="text-align: justify;">
<li>In the case of Slverlight, you run the risk of ending up with code behind mixed with XAML in varying degrees and ultimately a solution which is difficult to maintain, refactor and test.  As with any large application, it is always a good idea to structure ones User Interface into its own subset of layers.  <strong><a href="http://msdn.microsoft.com/en-us/magazine/dd458800.aspx" target="_blank">MVVM</a></strong> (Model-View-View Model) is a Silverlight specific pattern much like MVC or MVP which separates data (the Model) from the UI (the View), and presents the data in a bindable way for the UI (the View Model).</li>
</ul>
<p>- <strong><a href="http://silverlight.net/learn/videos/silverlight-videos/net-ria-services-intro/" target="_blank">RIA</a></strong></p>
<ul style="text-align: justify;">
<li><strong><a href="http://silverlight.net/learn/videos/silverlight-videos/net-ria-services-intro/" target="_blank">Microsoft .NET RIA Services</a></strong> simplifies the traditional n-tier application pattern by bringing together the ASP.NET and Silverlight platforms.  RIA Services provides a pattern to write application logic that runs on the mid-tier and controls access to data for queries, changes and custom operations.  In a nutshell, with RIA Services, we wouldn’t need to build a WCF layer.</li>
</ul>
<p>- <strong><a href="http://www.codeplex.com/CompositeWPF" target="_blank">PRISM</a></strong></p>
<ul style="text-align: justify;">
<li>Ever heard of a Composite Application Block, well that is what <strong><a href="http://www.codeplex.com/CompositeWPF" target="_blank">PRISM</a></strong> is, a Composite Application Guidance Block specifically for Silverlight and WPF which allows one to modularize the UI and build it in such a way so that one can easily load or unload modules at choice.  Ideal for large, ever changing and ever growing applications.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.newmedialabs.co.za/mapping/aurecon-emergency-response-and-incident-management-application/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NML presents Silverlight to Sanlam</title>
		<link>http://www.newmedialabs.co.za/silverlight/nml-presents-silverlight-to-sanlam</link>
		<comments>http://www.newmedialabs.co.za/silverlight/nml-presents-silverlight-to-sanlam#comments</comments>
		<pubDate>Fri, 23 Oct 2009 14:01:06 +0000</pubDate>
		<dc:creator>ElsieVerheye</dc:creator>
				<category><![CDATA[New Media Labs]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[sanlam]]></category>

		<guid isPermaLink="false">http://www.newmedialabs.co.za/?p=583</guid>
		<description><![CDATA[NML is considered by Microsoft as the leading provider of Silverlight skills in South Africa.
We recently gave a talk at Sanlam on Silverlight. We recorded the presentation and I got Elle to create an abridged transcript of the talk [she wasn't very happy with me].
Gareth Saul &#8211; Why
Rogan Flitton &#8211; What
Debbie Derman &#8211; How
Gareth ( http://twitter.com/garethsaul [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">NML is considered by Microsoft as the leading provider of Silverlight skills in South Africa.</p>
<p style="text-align: justify;">We recently gave a talk at Sanlam on Silverlight. We recorded the presentation and I got Elle to create an abridged transcript of the talk [she wasn't very happy with me].</p>
<p style="text-align: justify;">Gareth Saul &#8211; <em>Why</em></p>
<p style="text-align: justify;">Rogan Flitton &#8211; <em>What</em></p>
<p style="text-align: justify;">Debbie Derman &#8211; <em>How</em></p>
<p style="text-align: justify;"><strong>Gareth ( http://twitter.com/garethsaul )- What is Silverlight? 1/2</strong></p>
<p style="text-align: justify;"><strong><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://www.youtube.com/v/Uhici8XzjkE&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/Uhici8XzjkE&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/Uhici8XzjkE&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true" data="http://www.youtube.com/v/Uhici8XzjkE&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1"></embed></object></strong></p>
<p style="text-align: justify;">In order to build rich applications deployed through the browser, you have two options: Flash and Flex or Microsoft Silverlight.</p>
<p style="text-align: justify;">Flash is on 95% of machine today &#8211; if you are predominantly concerned about portability and accessibility then use Flash.</p>
<p style="text-align: justify;">Silverlight is on only about 35% of machines, but Microsoft is heavily pushing to increase this adoption rate and it is now part of updates to Windows machines, but it is still a niche technology &#8211; this is important if looking to build deployable internet applications.</p>
<p style="text-align: justify;"><strong>Gareth &#8211; What is Silverlight 2/2 &#8211; Caching, DataBinding, MVC, MVVM, LinQ, Limitations, Out Of Browser. </strong></p>
<p style="text-align: justify;"><a href="http://www.newmedialabs.co.za/silverlight/nml-presents-silverlight-to-sanlam"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://www.youtube.com/v/_whKtWZCwrY&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="src" value="http://www.youtube.com/v/_whKtWZCwrY&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/_whKtWZCwrY&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" allowfullscreen="true" data="http://www.youtube.com/v/_whKtWZCwrY&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1"></embed></object></a><strong></strong></p>
<p style="text-align: justify;"><strong>Why should we care about Microsoft Silverlight?</strong></p>
<ul style="text-align: justify;">
<li>Simple deployment (no installs; web-based accessibility)</li>
<li>Rapid development (abstract web complexities; leveraging existing .NET capabilities)</li>
<li>XAML in the browser</li>
<li>Portability (1 API, 1 platform across all the different browsers)</li>
<li>Easy coding</li>
</ul>
<p style="text-align: justify;"><strong>What do you need to get Silverlight on a machine?</strong></p>
<ul style="text-align: justify;">
<li>Silverlight pluggin (4mb download (Silverlight3); No reboot required)</li>
<li>Silverlight .XAP file(serve from any web server)</li>
<li>Your favourite browser</li>
</ul>
<p style="text-align: justify;"><strong>Where should you use Silverlight?</strong></p>
<ul style="text-align: justify;">
<li>Streaming video (high definition support; supports dynamic bandwidth scaling)</li>
<li>Rich internet applications</li>
<li>Line of business applications (Silverlight has a wide variety of components to assist with this: DataGrid; Charting; WCF; Isolated storage; Databinding; MVVM; LINQ)</li>
</ul>
<p style="text-align: justify;"><strong>Silverlight limitations</strong></p>
<ul style="text-align: justify;">
<li>Browser sandbox (no desktop integration; strict security model)</li>
<li>Bulky XAP files (typical application = 800kb+ &#8211; Silverlight3 helps)</li>
<li>Platform (No support for PowerPC Mac, Windows 98/2000/ME; Limited Linux support via Moonlight)</li>
<li>Local storage (1mb &#8211; 25mb for out-of-browser) &#8211; can be used for anything you can come up with (it&#8217;s not limited to caching) e.g. a whole copy of a database can be brought across the wire and stored on a local machine &#8211; any interactions the clients make with the database are then synchronised backwards and forewards</li>
</ul>
<p style="text-align: justify;">Off-line modes are available &#8211; one of Silverlight3&#8217;s out-of-browser options key features is a network state connection feature so it knows when you are working in an online/offline mode</p>
<p style="text-align: justify;"><strong>Rogan getting started with Silverlight (development environment)</strong></p>
<p style="text-align: justify;"><a href="http://www.newmedialabs.co.za/silverlight/nml-presents-silverlight-to-sanlam"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://www.youtube.com/v/J_S7YW4JN_8&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="src" value="http://www.youtube.com/v/J_S7YW4JN_8&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/J_S7YW4JN_8&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" allowfullscreen="true" data="http://www.youtube.com/v/J_S7YW4JN_8&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1"></embed></object></a><strong></strong></p>
<p style="text-align: justify;"><strong>Rogan &#8211; Silverlight Hello World and Model/View/View/Model Introduction</strong></p>
<p style="text-align: justify;"><a href="http://www.newmedialabs.co.za/silverlight/nml-presents-silverlight-to-sanlam"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://www.youtube.com/v/la9TndsakLA&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="src" value="http://www.youtube.com/v/la9TndsakLA&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/la9TndsakLA&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" allowfullscreen="true" data="http://www.youtube.com/v/la9TndsakLA&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1"></embed></object></a><strong></strong></p>
<p style="text-align: justify;"><strong>Rogan  &#8211; </strong>Introduction to Model/View/ViewModel pattern<strong></strong></p>
<p style="text-align: justify;"><a href="http://www.newmedialabs.co.za/silverlight/nml-presents-silverlight-to-sanlam"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://www.youtube.com/v/nZq9YZs_-KM&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="src" value="http://www.youtube.com/v/nZq9YZs_-KM&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/nZq9YZs_-KM&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" allowfullscreen="true" data="http://www.youtube.com/v/nZq9YZs_-KM&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1"></embed></object></a><strong></strong></p>
<p style="text-align: justify;"><strong>What do you need to set up the development environment?</strong></p>
<ul style="text-align: justify;">
<li>Visual Studio 2008/Visual Web Developer</li>
<li>Download and install the Developer tools for Silverlight (including the SDK, Visual Studio project templates, and developer runtimes) from Microsoft website</li>
<li>Download and install Expression Blend = an interactive user interface designing tool for designing XAML interfaces (XAML = Extensible Application Markup Language)</li>
<li>Download and install Silverlight toolkit = collection of extended Silverlight controls, components and utilities &#8211; examples included are: TreeView, AutoCompleteBox, Charting, etc (not a minimum requirement, but highly recommended). Important to note is that this is not a 3<sup>rd</sup> party toolkit, but it is rather fully supported by Microsoft &#8211; as they continuously develop the Silverlight framework they are building a more complex and wider set of user controls in order to support it.</li>
<li>Open Visual Studio &#8211; select &#8220;New Project&#8221; &#8211; Visual Studio now allows you to select &#8220;Silverlight application&#8221;.</li>
<li>Select/Create a folder in which you wish to work &#8211; now you have a XAP file, which goes into the ClientBin folder.</li>
<li>It then asks where you would like to host this application and then in the right hand bar, you will see that is has created a new website along with a default page, a Silverlight application, and a couple of XAML files and some code behinds.</li>
<li>The code behind the application is straight C# code.</li>
<li>For bigger projects it is recommended that you use a model view, view model framework, so your code is a bit neater and easier to work with &#8211; split solution into views, view models, interfaces and implementations</li>
</ul>
<p style="text-align: justify;"><strong>Debbie (http://twitter.com/debbiederman)</strong></p>
<p style="text-align: justify;"><strong>Building a Silverlight UI with Blend (1/3)</strong></p>
<p style="text-align: justify;"><a href="http://www.newmedialabs.co.za/silverlight/nml-presents-silverlight-to-sanlam"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://www.youtube.com/v/0lbk_XGbUVA&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="src" value="http://www.youtube.com/v/0lbk_XGbUVA&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/0lbk_XGbUVA&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" allowfullscreen="true" data="http://www.youtube.com/v/0lbk_XGbUVA&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1"></embed></object></a><strong></strong></p>
<p style="text-align: justify;"><strong>Building a Silverlight UI with Blend (2/3)</strong></p>
<p style="text-align: justify;"><a href="http://www.newmedialabs.co.za/silverlight/nml-presents-silverlight-to-sanlam"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://www.youtube.com/v/D-sLQqf0-Ps&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="src" value="http://www.youtube.com/v/D-sLQqf0-Ps&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/D-sLQqf0-Ps&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" allowfullscreen="true" data="http://www.youtube.com/v/D-sLQqf0-Ps&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1"></embed></object></a><strong></strong></p>
<p style="text-align: justify;"><strong>Building a Silverlight UI with Blend (3/3)</strong></p>
<p style="text-align: justify;"><a href="http://www.newmedialabs.co.za/silverlight/nml-presents-silverlight-to-sanlam"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://www.youtube.com/v/2R37e3YFWxE&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="src" value="http://www.youtube.com/v/2R37e3YFWxE&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/2R37e3YFWxE&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" allowfullscreen="true" data="http://www.youtube.com/v/2R37e3YFWxE&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1"></embed></object></a><strong></strong></p>
<p style="text-align: justify;"><strong>Development and Design</strong></p>
<p style="text-align: justify;">With Blend3 and Silverlight, it is possible for the developers and designers to work simultaneously and seamlessly, as the UI and data models are completely separate elements, which can be fused together through DataBinding at any point.</p>
<p style="text-align: justify;">In order for the designers to create the design, especially for controls, they need to have something to bind to but if the models are not yet ready, then there is nothing for them to load into the data control so there is a concept of Design Time Data.</p>
<p style="text-align: justify;"><strong>Design Time Data</strong></p>
<table style="text-align: justify;" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="308" valign="top"><strong>PROS</strong></td>
<td width="308" valign="top"><strong>CONS</strong></td>
</tr>
<tr>
<td width="308" valign="top">Designers don&#8217;t need a whole development environment/setup</td>
<td width="308" valign="top">Incorrect binding names &#8211; runtime bugs (be very specific with your binding names)</td>
</tr>
<tr>
<td width="308" valign="top">Timing &#8211; development doesn&#8217;t need to have started before the designers begin</td>
<td rowspan="3" width="308" valign="top">Designers may get carried away and create their own data models, which will not match up with the developer models &#8211; probably best for the developer to help the designer create some dummy data to start with</td>
</tr>
<tr>
<td width="308" valign="top">Conditional compilation &#8211; during production, it knows not to use the design time data</td>
</tr>
<tr>
<td width="308" valign="top">Great for quick demos</td>
</tr>
</tbody>
</table>
<p style="text-align: justify;"><strong>Default Basic Project Structure</strong></p>
<p style="text-align: justify;">App.xaml &#8211; very key element because stores application wide resources</p>
<p style="text-align: justify;">Main.xaml</p>
<p style="text-align: justify;">ClientBin folder to host .xap file</p>
<p style="text-align: justify;">Default.html &#8211; contains Silverlight object (can add initParameters to pass parameters to Silverlight object)</p>
<p style="text-align: justify;"><strong>Blend</strong></p>
<p style="text-align: justify;">Each style has a target type property/attribute so you can&#8217;t apply a style made for a text box to anything other than a textbox</p>
<p style="text-align: justify;"><strong>Silverlight Resources on the Web</strong></p>
<p style="text-align: justify;"><a href="http://silverlight.net/"><strong>http://silverlight.net</strong></a><strong></strong></p>
<ul style="text-align: justify;">
<li>- <a href="http://silverlight.net/showcase/"><strong>http://silverlight.net/showcase/</strong></a><strong></strong></li>
<li>- <a href="http://silverlight.net/learn/tutorials/"><strong>http://silverlight.net/learn/tutorials/</strong></a><strong></strong></li>
</ul>
<p style="text-align: justify;"><a href="http://www.codeplex.com/Silverlight"><strong>http://www.codeplex.com/Silverlight</strong></a><strong></strong></p>
<p style="text-align: justify;"><a href="http://blogs.silverlight.net/blogs/msnow/"><strong>http://blogs.silverlight.net/blogs/msnow/</strong></a><strong></strong></p>
<p style="text-align: justify;"><a href="http://weblogs.asp.net/scottgu/"><strong>http://weblogs.asp.net/scottgu/</strong></a><strong></strong></p>
<p style="text-align: justify;"><a href="http://timheuer.com/blog/"><strong>http://timheuer.com/blog/</strong></a><strong></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.newmedialabs.co.za/silverlight/nml-presents-silverlight-to-sanlam/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>SmartGuide Tourism Information Portal</title>
		<link>http://www.newmedialabs.co.za/mapping/smartguide-tourism-information-portal</link>
		<comments>http://www.newmedialabs.co.za/mapping/smartguide-tourism-information-portal#comments</comments>
		<pubDate>Fri, 23 Oct 2009 09:41:20 +0000</pubDate>
		<dc:creator>Gareth</dc:creator>
				<category><![CDATA[Content Management Systems]]></category>
		<category><![CDATA[Mapping]]></category>
		<category><![CDATA[Mashups]]></category>
		<category><![CDATA[New Media Labs]]></category>
		<category><![CDATA[Rich Internet Applications]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Custom Development]]></category>
		<category><![CDATA[enterprise2.0]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[Google Maps]]></category>
		<category><![CDATA[mashup]]></category>
		<category><![CDATA[Tourism]]></category>

		<guid isPermaLink="false">http://www.newmedialabs.co.za/?p=546</guid>
		<description><![CDATA[

The Tourist Problem


See it at www.africantourismportal.com
Tourism is, by its very nature, the act of deliberately taking oneself to somewhere foreign and experiencing the new, the different and the unknown.  That said, most tourists are not interested in stumbling blindly – they want to impose some sort of structure on their journey before they begin.  At [...]]]></description>
			<content:encoded><![CDATA[<h2>
<div class="mceTemp">
<div class="mceTemp" style="text-align: justify;">The Tourist Problem</div>
</div>
</h2>
<p>See it at <a href="http://www.africantourismportal.com">www.africantourismportal.com</a></p>
<p style="text-align: justify;">Tourism is, by its very nature, the act of deliberately taking oneself to somewhere foreign and experiencing the new, the different and the unknown.  That said, most tourists are not interested in stumbling blindly – they want to impose some sort of structure on their journey before they begin.  At the least, they book hotels and accommodation.  Many choose a few particular locations they want to visit.  Some even organise complete itineraries, planning their trips down to the hour.</p>
<p style="text-align: justify;">For all of these people, there is a common problem: what is there to do where I’m going?  Frequently, the primary source of information is a tour book or travel guide – a glossy summary of the most popular attractions.  This information is flat, static, and offers little context.  An improvement is to use a tour operator – an agency who can help to guide you to local attractions and areas of interest, and customise suggestions to your interests and accommodation choices.</p>
<p style="text-align: justify;">Wouldn’t it be even better, then, if you could explore the area yourself?  Whilst map-based products that show hotels or tourist locations have existed for a while, they have until now focused too much on either selling accommodation or on highlighting the tourist attractions.</p>
<h2>Our Solution</h2>
<p><object width="425" height="350" data="http://www.youtube.com/v/891p__0NBYE" type="application/x-shockwave-flash"><param name="src" value="http://www.youtube.com/v/891p__0NBYE" /></object> </p>
<p style="text-align: justify;">This is where SmartGuide and New Media Labs have collaborated to bring these two worlds together – building a rich, interactive map that shows visitors where they can stay, and pairs it with a wealth of information about the area they are visiting.  As an interactive map product, tourists gain immediate understanding of the spatial relationships between locations.  They can explore at their leisure, consuming images, descriptions, audio and video about points.</p>
<p style="text-align: justify;">The product we have built acts as a hub for a multitude of players in the tourism space.  Information, locations and content feed into it from local tourism agencies and location promoters.  Tourism and accommodation operators feed their own unique images/video/points into it, improving the quality of the content and highlighting features they consider the most valuable.  Tourists use the map to explore, learn and decide where they wish to visit.  They locate accommodation, restaurants and activities in advance, and feed their choices and preferences back to their tour guides or their queries directly to responsible parties.</p>
<div id="attachment_550" class="wp-caption aligncenter" style="width: 578px"><img class="size-full wp-image-550" title="TIP - Point of Interest" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/10/tip1-small.jpg" alt="TIP playing a promotional video" width="568" height="300" /><p class="wp-caption-text">TIP playing a promotional video</p></div>
<p style="text-align: justify;">One of the dominant problems in providing a system like this is in developing and maintaining a high quality repository of information.  This is a task that is poorly suited to tour operators themselves, and individual local tourism bureaus cannot provide either the necessary funding or a wide enough body of information.  Here, a dedicated provider like SmartGuide has the necessary contacts and experience to compile a body of knowledge that can support both the regional agencies and the tour operators.</p>
<p style="text-align: justify;">When dealing with as much content as this, it becomes necessary to manage the volume of information being presented at any one time.  Especially when people are viewing a map, overloading them with points can rapidly becoming intimidating.  SmartGuide and New Media Labs tackled this from a number of directions.  We manage the display of points, making them visible and hiding them at appropriate zoom levels.  This allows us to begin by presenting high-level information and a minimal selection of locations when the zoom is pulled far out, and still have detailed, local content if a visitor chooses to zoom into an area.  We further extended this by allowing visitors to bring categorised content up earlier.  This helps people locate their particular interests quickly &#8211; beaches, golf courses, family attractions, restaurants &#8211; all of these can be highlighted and explored at will.  Lastly, all points on the map have a context-specific icon, which makes it easy to distinguish the general nature of a location at a glance, and without having to click or interact with it.</p>
<div id="attachment_569" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.newmedialabs.co.za/wp-content/uploads/2009/10/tip7.png" rel="lightbox[546]"><img class="size-medium wp-image-569" title="TIP - Layers" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/10/tip7-300x157.png" alt="Exploring Beaches and Golf Courses" width="300" height="157" /></a><p class="wp-caption-text">Exploring Beaches and Golf Courses</p></div>
<p style="text-align: justify;">This information is fed to tourists through a fully interactive Adobe Flash application, which leverages the exceptional quality of Google Maps for Flash to provide a geospatial display of tourist attractions.  The user interface is built to support simple reskinning by operators, allowing them to imbed the application into their own pages with a fully matching “look and feel”.</p>
<div id="attachment_549" class="wp-caption aligncenter" style="width: 545px"><img class="size-full wp-image-549" title="Customisable Skin" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/10/tip6-strip.jpg" alt="TIP reskinned for Southern Destinations" width="535" height="137" /><p class="wp-caption-text">TIP reskinned for Southern Destinations</p></div>
<div class="mceTemp" style="text-align: justify;"> Together, SmartGuide and New Media Labs made the decision to support as wide a content model as we could.  Thus, the information portal allows any location to have images, videos, YouTube clips, Flickr photo streams, narrated audio, 360o panoramas, textual descriptions, contact numbers, websites URLs, addresses, email links and more.  This is supported by an extensible content model which allows us to grow the feature list as often as we need.</div>
<div id="attachment_553" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.newmedialabs.co.za/wp-content/uploads/2009/10/tip5.png" rel="lightbox[546]"><img class="size-medium wp-image-553" title="TIP CMS" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/10/tip5-300x157.png" alt="Uploading a path from a KML file" width="300" height="157" /></a><p class="wp-caption-text">Uploading a path from a KML file</p></div>
<p style="text-align: justify;">Obviously, managing all of this content requires tools that are up to the job.  Here, New Media Labs built a complete content management solution that allows SmartGuide and their licensed Operators to update and maintain the ever increasing number of locations.  The content manager is designed to make the job of sorting and filtering through the tens of thousands of locations easy.  It fully supports filtering and sorting, and allows the user to customise the information on display.  This allows SmartGuide and their Operators to &#8220;build their own interface&#8221; for the job at hand.  The content manager uses a combination of direct field editing and custom content-specific editors to always present the most useful interface for the moment.  The content manager allows them to not only monitor points, but also to customise the display of recommendations, guides, routes and layers.</p>
<p style="text-align: justify;">It supports importing content from KML documents and route files, and adding additional regional/location information to points through a reverse geocoding service.  It even allows SmartGuide to generate customised HTML pages for their clients on-the-fly, allowing them to run their business without needing to call on New Media Labs for technical support.</p>
<div id="attachment_570" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.newmedialabs.co.za/wp-content/uploads/2009/10/tip8.png" rel="lightbox[546]"><img class="size-medium wp-image-570" title="TIP CMS" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/10/tip8-300x156.png" alt="Checking up on Sky Diving" width="300" height="156" /></a><p class="wp-caption-text">Checking up on Sky Diving</p></div>
<p style="text-align: justify;">The content manager isn&#8217;t limited to in-office use, either.  It is fully supported across the internet - and this often leads to SmartGuide consultants taking their laptops with them on the road, and updating content directly from the local offices of tourism agencies.</p>
<h2 class="mceTemp">Underlying Technology</h2>
<p style="text-align: justify;">New Media Labs has a firm belief in using “the right tool for the job”.  As such, a variety of systems were used together to build the tourism portal.</p>
<p style="text-align: justify;">The front-end application was developed using Adobe Flex technology.  Here, our challenge was to deliver a richly interactive application that would behave consistently across the multitude of browsers currently available.  It would need to provide a user experience that set it apart from the majority of Google Maps-based products currently available.  It would need to consume back-end service feeds and orchestrate them to produce a compelling, responsive interactive map.  Lastly, it would need to be customisable and skinnable enough that operators looking to integrate it fully into their websites had the flexibility to do so.</p>
<p style="text-align: justify;">Our decision to use Adobe Flex was informed by all of these aspects.  With Flash penetration at over 95%, we felt comfortable that it had the portability we needed.  ActionScript CSS gave us a good tool to separate the presentation logic from the underlying behaviour, and native support of web services ensured that we could access our back-end content seamlessly.</p>
<p style="text-align: justify;">Even better – it took us only 4 weeks to build the front-end application!  Our initial prototyping efforts using Microsoft Silverlight meant that we could focus on ensuring the user experience was top notch, instead of simultaneously developing the application logic in conjunction with the user interface.</p>
<div id="attachment_557" class="wp-caption aligncenter" style="width: 550px"><a href="http://www.newmedialabs.co.za/wp-content/uploads/2009/10/flexscreenshot-small.jpg" rel="lightbox[546]"><img class="size-full wp-image-557" title="Flex" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/10/flexscreenshot-small.jpg" alt="Developing TIP in Flex Builder" width="540" height="326" /></a><p class="wp-caption-text">Developing TIP in Flex Builder</p></div>
<p style="text-align: justify;">The back end servers run web services hosted inside of IIS 7, running on Windows Server 2008 with SQL Server 2008 databases.  Whilst we investigated building the services with some of the more popular open-source technologies (PHP, Ruby on Rails), we knew that the long-term strategy for the system would require extensive back-end integration with the systems of existing content providers.  Here, we felt that services built using .NET would give us the best combination of performance, flexibility and rapid development on this project.  Especially, we viewed the introduction of the geographic data types within SQL Server 2008 as being important for the ongoing maintenance and development of the system.</p>
<p style="text-align: justify;">The Content Manager was implemented using Microsoft Silverlight (SL3).  Here, we wanted a powerful and responsive interface that would allow the user to perform complex data manipulation quickly.  Microsoft Silverlight was a natural choice – the multitude of user controls provided helped to massively reduce the amount of work necessary to build a content manager.  By allowing the client to work with the data directly in their browser we allowed them to be much more productive than they could have been with a traditional page based CMS system.</p>
<div id="attachment_551" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.newmedialabs.co.za/wp-content/uploads/2009/10/tip23.png" rel="lightbox[546]"><img class="size-medium wp-image-551" title="TIP CMS" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/10/tip23-300x158.png" alt="Browsing and updating point information" width="300" height="158" /></a><p class="wp-caption-text">Browsing and updating point information</p></div>
<p style="text-align: justify;">Obviously, the CMS needed a way to update the primary data store – we evaluated using a traditional web-service based approach, but we wanted something that gave us a good mix between easy extensibility and strong validation and typing.  In the end, we built a generic dynamic update system that relies heavily on shared WCF contracts and reflection.  It allows us to provide continual, as-you-edit updates and synchronisation between the CMS user interface and the backing data store.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.newmedialabs.co.za/mapping/smartguide-tourism-information-portal/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Life at Aurecon</title>
		<link>http://www.newmedialabs.co.za/mapping/life-at-aurecon</link>
		<comments>http://www.newmedialabs.co.za/mapping/life-at-aurecon#comments</comments>
		<pubDate>Tue, 20 Oct 2009 09:03:11 +0000</pubDate>
		<dc:creator>Rogan Flitton</dc:creator>
				<category><![CDATA[Mapping]]></category>
		<category><![CDATA[New Media Labs]]></category>
		<category><![CDATA[Rich Internet Applications]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Software Development]]></category>
		<category><![CDATA[Emergency Service Software]]></category>
		<category><![CDATA[EMS]]></category>
		<category><![CDATA[ESRI]]></category>

		<guid isPermaLink="false">http://www.newmedialabs.co.za/?p=438</guid>
		<description><![CDATA[Since April ‘09, Christian and I have been based full time at Aurecon. It is about time for the long overdue update.  Here it is!
In a nutshell, the past few months can be summed up as 2 kick ass applications down and more to come!
Aurecon saw the need to develop a whole suite of new [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Since April ‘09, Christian and I have been based full time at <a href="http://www.aurecongroup.com/" target="_blank"><strong>Aurecon</strong></a>. It is about time for the long overdue update.  Here it is!</p>
<p style="text-align: justify;">In a nutshell, the past few months can be summed up as 2 kick ass applications down and more to come!</p>
<p style="text-align: justify;">Aurecon saw the need to develop a whole suite of new Incident Management Software for existing clients in areas such as Emergency Services, Disaster Management and Policing. Once they decided that immersive, graphical user interfaces were a must and Silverlight was to be at the forefront of delivering such an experience to their clients, it was only a matter of time before New Media Labs’ and Aurecon’s paths would cross.</p>
<p style="text-align: justify;">You’re probably wondering what Incident Management has to do with New Media, well for example, imagine the possibilities of an Incident Management system leveraging off of something as simple as geoRSS.  Suddenly your system can subscribe to hundreds of different feed streams giving an Emergency Services Operation Center a wealth of valuable, visual information on a Map type interface. This opens up the possibilities of police officers, firemen, paramedics or even members of the public to be able to publish incident related information from their mobile phones and ultimately a whole range of operating centers can then subscribe to this real time information aiding them to overcome even the most disastrous of emergencies. This is where Incident Management and Social Media meet and ultimately, it is where New Media Labs can build a long term partnership with an awesome company, and use our knowledge and expertise in web technologies to help build awesome software.</p>
<p style="text-align: justify;"><strong>Start Lite</strong> is the first system we helped develop. Without going into too much detail now, and rather saving more techno talk for the official showcase still to come, a high level definition for Start Lite is a lite, easy to use system that can quickly and effectively capture and initiate the start of an incident. It allows the user to pin point an incident on a fully interactive GIS enabled Map, specify the various details about the incident and manage any people or units that have been dispatched to the incident. Designed, developed and rolled out at a CCTV control centre in Cape Town, Start Lite is primarily (as the name says) a “lite” version of Aurecon’s next planned product called Start, which will cater more fully for other industries and clients in the Incident Management and Emergency Services fields.</p>
<p style="text-align: justify;">Next we developed <strong>Back Office</strong>. Often police officers will be out on patrol and come across incidents that weren’t necessarily initiated by dispatch or a control centre, and therefore there is no digital record of such an occurrence and the resolution of it. Back Office caters for this. It allows the user to capture such incidents once they have finished their patrol and can get back to the station.</p>
<p style="text-align: justify;">Both Systems are web based and were built with Silverlight 2 on top of WCF web services and a SQL 2008 Database. Not only are the systems easily deployed to multiple users, they run in a web browser and also look great!  Some of the components we used on both projects were:</p>
<ul style="text-align: justify;" type="disc">
<li>Draggable collapsible panels/containers. We utilized the open source Codeplex Blacklight Control suite and customized some of their controls to suit our needs better.<a href="http://www.codeplex.com/blacklight" target="_blank"> http://www.codeplex.com/blacklight</a></li>
<li>ESRI Silverlight Map Control, GEO Spatial capabilities of SQL Server and the ESRI Server web services. <a href="http://www.esri.com/silverlight" target="_blank">http://www.esri.com/silverlight</a></li>
<li>Repositoy Factory. <a href="http://www.codeplex.com/RepositoryFactory" target="_blank">http://www.codeplex.com/RepositoryFactory</a></li>
<li>Web Service Software Factory Modeling Edition. <a href="http://www.codeplex.com/servicefactory" target="_blank">http://www.codeplex.com/servicefactory</a></li>
</ul>
<p style="text-align: justify;">Kobus Meyer and the rest of the guys at Aurecon have been extremely kind and accommodating in taking us in and making us feel like members of their team. Chris and I both have enjoyed every minute working with them and have also enjoyed enduring the everyday challenges faced when developing cutting edge Incident Management software. I look forward to the future of this ever growing partnership between Aurecon and New Media Labs.</p>
<p style="text-align: justify;">Check out this awesome video by ESRI on leveraging ArcGIS, geoRSS to create situational awareness.<br />
<object width="425" height="344" data="http://www.youtube.com/v/FdKOxZIIKmQ&amp;hl=en&amp;fs=1&amp;" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/FdKOxZIIKmQ&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.newmedialabs.co.za/mapping/life-at-aurecon/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Media Labs win pitch to Develop the Niche Social Network for a South African Bank</title>
		<link>http://www.newmedialabs.co.za/silverlight/new-media-labs-in-pitch-to-develop-the-niche-social-network-for-a-south-african-bank</link>
		<comments>http://www.newmedialabs.co.za/silverlight/new-media-labs-in-pitch-to-develop-the-niche-social-network-for-a-south-african-bank#comments</comments>
		<pubDate>Thu, 14 Aug 2008 10:50:10 +0000</pubDate>
		<dc:creator>Paul Cartmel</dc:creator>
				<category><![CDATA[Agile Development]]></category>
		<category><![CDATA[Content Management Systems]]></category>
		<category><![CDATA[New Media Labs]]></category>
		<category><![CDATA[Niche Social Networks]]></category>
		<category><![CDATA[Rich Internet Applications]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Software Architecture]]></category>
		<category><![CDATA[Software Development]]></category>

		<guid isPermaLink="false">http://www.welove.co.za/?p=101</guid>
		<description><![CDATA[New Media Labs has won a pitch to develop a large niche social network for a South African bank. The project will be developed in conjunction with Stonewall+. Stonewall+ will develop the front end flat designs and NML will convert these flats into Silverlight XAML. Silverlight Rich Internet Application presentation layer was a prerequisite of [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">New Media Labs has won a pitch to develop a large niche social network for a South African bank. The project will be developed in conjunction with <a href="http://www.stonewall.co.za/">Stonewall+</a>. <a href="http://www.stonewall.co.za">Stonewall+</a> will develop the front end flat designs and NML will convert these flats into Silverlight XAML. Silverlight Rich Internet Application presentation layer was a prerequisite of the bank.</p>
<p style="text-align: justify;">The social elements are tied into the business model of this division of the bank, making this a complex development and integration exercise.</p>
<p style="text-align: justify;">This will be NML’s second large Silverlight implementation and is being touted by Microsoft as the largest implementation in the EMEA region. Even thought this project is in the early stages it is being looked at closely as a case study by Microsoft.</p>
<p style="text-align: justify;">Given the number of databases and stored procedures the system has to tie into Microsoft Repository Factory was the natural choice for Middle Tier. The service layer was developed using the Web Service Software Factory and the WCF .NET3.5 implementation technology.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.newmedialabs.co.za/silverlight/new-media-labs-in-pitch-to-develop-the-niche-social-network-for-a-south-african-bank/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Brandhouse Mixology Silverlight Enterprise Web2.0 Portal</title>
		<link>http://www.newmedialabs.co.za/mapping/brandhouse-mixology-silverlight-enterprise-web20-portal</link>
		<comments>http://www.newmedialabs.co.za/mapping/brandhouse-mixology-silverlight-enterprise-web20-portal#comments</comments>
		<pubDate>Sun, 27 Jul 2008 13:12:14 +0000</pubDate>
		<dc:creator>Paul Cartmel</dc:creator>
				<category><![CDATA[Agile Development]]></category>
		<category><![CDATA[Content Management Systems]]></category>
		<category><![CDATA[Mapping]]></category>
		<category><![CDATA[Mashups]]></category>
		<category><![CDATA[New Media Labs]]></category>
		<category><![CDATA[Niche Social Networks]]></category>
		<category><![CDATA[Rich Internet Applications]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Software Architecture]]></category>
		<category><![CDATA[Software Development]]></category>
		<category><![CDATA[enterprise2.0]]></category>
		<category><![CDATA[mashup]]></category>
		<category><![CDATA[media uploader]]></category>
		<category><![CDATA[member comments]]></category>
		<category><![CDATA[member rating]]></category>
		<category><![CDATA[member voting]]></category>
		<category><![CDATA[members lists]]></category>
		<category><![CDATA[mixology]]></category>
		<category><![CDATA[niche social network]]></category>
		<category><![CDATA[tag media]]></category>
		<category><![CDATA[yahoo maps]]></category>

		<guid isPermaLink="false">http://www.welove.co.za/?p=48</guid>
		<description><![CDATA[New Media Labs develops the first silverlight Enterprise Web2.0 portal in South Africa for the brandhouse mixology program. Mixology will use this social networking website to link Mixology members together. And in doing so promote bar staffing as a respectable career. The mixologist will be able to take video footage of themselves &#8220;Flaring&#8221; or mixing [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">New Media Labs develops the first silverlight Enterprise Web2.0 portal in South Africa for the brandhouse mixology program. Mixology will use this social networking website to link Mixology members together. And in doing so promote bar staffing as a respectable career. The mixologist will be able to take video footage of themselves &#8220;Flaring&#8221; or mixing cocktails and upload them to a mixology silverlight video server. Maps will provide locations of each bar with a Mixologist bar staff member, along with links to their profiles or videos they have uploaded. Photographs taken at events will be uploaded to a photo profile for Mixology and only viewable by Mixology members.</p>
<p style="text-align: justify;">The video content was originally going to be provided by youtube. But due to the complex authorisation workflow process brandhouse required, we decided to build our own video encoding and streaming service. The videos were then encoded using the Silverlight2.0 Encoder (apparently the first production purchase of this software in South Africa).</p>
<p style="text-align: justify;">This was a very fun and exciting project. The application has come out of the testing phase so watch this space&#8230;</p>
<dl style="text-align: justify;"></dl>
<div style="text-align: justify;">

<a href='http://www.newmedialabs.co.za/mapping/brandhouse-mixology-silverlight-enterprise-web20-portal/attachment/e5li_media_manager' title='Media Manager'><img width="150" height="150" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/07/e5li_media_manager-150x150.jpg" class="attachment-thumbnail" alt="upload and tag images and video" title="Media Manager" /></a>
<a href='http://www.newmedialabs.co.za/mapping/brandhouse-mixology-silverlight-enterprise-web20-portal/attachment/a1bars-mashup' title='All bars are geotagged on Yahoo Maps'><img width="150" height="150" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/07/a1bars-mashup-150x150.png" class="attachment-thumbnail" alt="find your bar using the maps mashup" title="All bars are geotagged on Yahoo Maps" /></a>
<a href='http://www.newmedialabs.co.za/mapping/brandhouse-mixology-silverlight-enterprise-web20-portal/attachment/b2li_bars_step1' title='Drilling into bars in Cape Town'><img width="150" height="150" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/07/b2li_bars_step1-150x150.jpg" class="attachment-thumbnail" alt="Popups show you the name of the bar and bar details." title="Drilling into bars in Cape Town" /></a>
<a href='http://www.newmedialabs.co.za/mapping/brandhouse-mixology-silverlight-enterprise-web20-portal/attachment/f6li_meetteam__industry_2' title='Meet the Team'><img width="150" height="150" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/07/f6li_meetteam__industry_2-150x150.jpg" class="attachment-thumbnail" alt="Enumerate through the members of the team" title="Meet the Team" /></a>
<a href='http://www.newmedialabs.co.za/mapping/brandhouse-mixology-silverlight-enterprise-web20-portal/attachment/d4li_events' title='Events, with photos, videos and members who attended.'><img width="150" height="150" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/07/d4li_events-150x150.jpg" class="attachment-thumbnail" alt="Events, with photos, videos and members who attended." title="Events, with photos, videos and members who attended." /></a>
<a href='http://www.newmedialabs.co.za/mapping/brandhouse-mixology-silverlight-enterprise-web20-portal/attachment/technologystack' title='Mixology Logical Architecture'><img width="150" height="150" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/07/technologystack-150x150.png" class="attachment-thumbnail" alt="High level logical representation of the technology architecture." title="Mixology Logical Architecture" /></a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.newmedialabs.co.za/mapping/brandhouse-mixology-silverlight-enterprise-web20-portal/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NML commences work on Adora &#8211; The Global Vision marketing automation CRM application.</title>
		<link>http://www.newmedialabs.co.za/silverlight/nml-commences-work-on-adora-the-global-vision-marketing-automation-crm-application</link>
		<comments>http://www.newmedialabs.co.za/silverlight/nml-commences-work-on-adora-the-global-vision-marketing-automation-crm-application#comments</comments>
		<pubDate>Fri, 01 Feb 2008 08:40:40 +0000</pubDate>
		<dc:creator>Paul Cartmel</dc:creator>
				<category><![CDATA[Agile Development]]></category>
		<category><![CDATA[Custom Development]]></category>
		<category><![CDATA[New Media Labs]]></category>
		<category><![CDATA[Rich Internet Applications]]></category>
		<category><![CDATA[SCRUM]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Software Architecture]]></category>
		<category><![CDATA[Software Development]]></category>

		<guid isPermaLink="false">http://www.welove.co.za/?p=85</guid>
		<description><![CDATA[[Edit April 2009] The Adora product has recieved significant investment from Hasso Plattner Ventures Africa. The product is turning out to be the global enterprise CRM/Marketing Automation engine we set out to make it. [End Edit]
New Media Labs will provide architecture and development expertise on Global Vision’s Adora product. Adora is a marketing automation and [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">[Edit April 2009] The Adora product has recieved significant investment from Hasso Plattner Ventures Africa. The product is turning out to be the global enterprise CRM/Marketing Automation engine we set out to make it. [End Edit]</p>
<p style="text-align: justify;">New Media Labs will provide architecture and development expertise on Global Vision’s Adora product. Adora is a marketing automation and CRM tool that will supercede the product built for Diageo (the consumer goods companies with portfolio of world-famous drinks brands).</p>
<p style="text-align: justify;">The application will be built as a Rich Internet Application which will utilize the Silverlight presentation layer technology developed by Microsoft.</p>
<p style="text-align: justify;">Adora is a marketing automation software providing:<br />
1) Multichannel Campaign Management (Distribution)<br />
2) Enterprise Feedback Management (Collection)<br />
3) Business Intelligence (Analysis)</p>
<p style="text-align: justify;">Adora’s goals are:<br />
To become the leading marketing technology provider to CPG / FMCG businesses globally and to become a recognized leader in the marketing technology space as defined by number and caliber of customers, global footprint, industry awards, and industry analyst opinion.</p>
<p style="text-align: justify;">1) Short term: make ADORA one of the top 5 Marketing software products in the Business-to-Consumer space worldwide within the next 3 years.</p>
<p style="text-align: justify;">2) Medium term: make ADORA the accepted leading software product for businesses wishing to extend the marketing capabilities of MS CRM within the next 5 years.</p>
<p style="text-align: justify;">3) Long term: make ADORA one of the top 5 marketing software products in the market worldwide in the next 8 years.
<a href='http://www.newmedialabs.co.za/silverlight/nml-commences-work-on-adora-the-global-vision-marketing-automation-crm-application/attachment/adora360vieofcontact' title='Adora will show a 360 degree view of the Contact'><img width="150" height="150" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/07/adora360vieofcontact-150x150.png" class="attachment-thumbnail" alt="Adora will show a 360 degree view of the Contact" title="Adora will show a 360 degree view of the Contact" /></a>
<a href='http://www.newmedialabs.co.za/silverlight/nml-commences-work-on-adora-the-global-vision-marketing-automation-crm-application/attachment/adora360effective' title='Adora will illustrate a 360 degree view of effectiveness'><img width="150" height="150" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/07/adora360effective-150x150.png" class="attachment-thumbnail" alt="Adora will illustrate a 360 degree view of effectiveness" title="Adora will illustrate a 360 degree view of effectiveness" /></a>
<a href='http://www.newmedialabs.co.za/silverlight/nml-commences-work-on-adora-the-global-vision-marketing-automation-crm-application/attachment/adora360singlecommunicationplatform' title='Adora will be a single communication platform'><img width="150" height="150" src="http://www.newmedialabs.co.za/wp-content/uploads/2009/07/adora360singlecommunicationplatform-150x150.png" class="attachment-thumbnail" alt="Adora will be a single communication platform" title="Adora will be a single communication platform" /></a>
</p>
]]></content:encoded>
			<wfw:commentRss>http://www.newmedialabs.co.za/silverlight/nml-commences-work-on-adora-the-global-vision-marketing-automation-crm-application/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

