An all out hands on lab for Windows Live has been published on codeplex at http://www.codeplex.com/liveinabox.

If you're an enthusiast and would like to contribute more sample code etc. please let us know on codeplex.

!!Posted from Lat:47.678608220772595 Lon:-122.131022360348 Address:'redmond'!!

Together with Danny Thorpe (red circle on the right) and Gabriel Corvera Ortiz (my partners in crime),

we finally have the presence view of the Windows Live Contacts control out - it's taken much more time than we originally anticipated due to people going on vacations :P, server configuration issues, and SSL problems. Either way, sorry for being dark recently - we're busy coding/testing/localizing/and releasing.

The tile view is essentially a 'share this' feature which makes it super easy for you to share the current context (the web page you are viewing) with your friends either thru IM or email. Note the IM capability only works if you

1. are logged into Windows Live Messenger
2. browsing in Internet Explorer

As the publisher of content (the web page), you benefit from getting more traffic thru 'word-of-mouth' viral advertising by your viewers.

This capability is a reuse of much of the infrastructure that the spaces team built up. Yes we're all about leveraging what's available. 

Gadgets

registerNamespace("Koji");

Koji.MyFame = function(p_elSource, p_args, p_namespace)
{
 // 1. declare a local variable for the instance of an input box
 var elSearch;
 
 Koji.MyFame.initializeBase(this, arguments);

 this.initialize = function(p_objScope)
 {
    Koji.MyFame.getBaseMethod(this, "initialize", "Web.Bindings.Base").call(this, p_objScope);

    // 2. document.createElement an input and assign to elSearch
    elSearch = document.createElement("input");

    // 3. attachEvent onkeypress to a function
    elSearch.attachEvent("onkeypress", doPress);

    // 4. appendChild the created element as a child to p_elSource
    p_elSource.appendChild(elSearch);
 }

 Koji.MyFame.registerBaseMethod(this, "initialize");

 this.dispose = function(p_objScope)
 {
    Koji.MyFame.getBaseMethod(this, "dispose", "Web.Bindings.Base").call(this, p_objScope);
    // 5. detachEvent from the element
    elSearch.detachEvent("onkeypress");
 }
 Koji.MyFame.registerBaseMethod(this, "dispose");

    // 6. declare a funtion to respond to the event
 function doPress()
 {
    alert("do something");
 }
}
Koji.MyFame.registerClass("Koji.MyFame", "Web.Bindings.Base");

Messenger

Virtual Earth

What I did to demo VE was to get a PC with the following setup:

* Visual Web Developer Express Edition from http://msdn.microsoft.com/vstudio/express/vwd/

* SQL Server Express Edition from http://msdn.microsoft.com/vstudio/express/sql/

* SQL Server Express Edition Starter Kit from http://msdn.microsoft.com/vstudio/express/sql/starterkit/default.aspx

Now after getting all these installed and running, I just created a new Personal Web Site (you have to have an IIS box somewhere).

Then nuking a lot of the unncessary text in default.aspx, and adding the following code snippets in after the ObjectDataSource which we hi-jacked for our purpose.

---- code snippet for default.aspx ----

// this is for getting the VE map control into the page

<link href="http://dev.virtualearth.net/standard/v2/MapControl.css" rel="stylesheet"

type="text/css" />

<script src="http://dev.virtualearth.net/standard/v2/MapControl.js" type="text/javascript"></< font>script>

<div id="map" style="overflow: hidden; width: 430px; height: 320px; position: absolute;

left: 400px; top: 325px;">

</< font>div>

// this is to boot strap the VE map control

<script language="javascript" type="text/javascript">

var map = null;

var params = new Object();

params.latitude = 47.64;

params.longitude = -122.13;

params.zoomlevel = 4;

params.mapstyle = 'h';

params.showScaleBar = true;

params.showDashboard = true;

params.dashboardSize = "small";

params.dashboardX = 3;

params.dashboardY = 3;

map = new Msn.VE.MapControl(document.getElementById("map"), params);

map.Init();

</< font>script>

// this is to style the pushpins used to show the photos in the SQL database

<style media="screen" type="text/css">

--

.pin

{

width: 100px;

height: 75px;

font-family: Arial,sans-serif;

font-weight: bold;

font-size: 8pt;

color: white;

overflow: hidden;

cursor: pointer;

text-decoration: none;

text-align: center;

background: #00F;

border: 1px solid #F00;

z-index: 5;

}

-->

</< font>style>

// this was the actual meat where we created pushpins from every photo record - note the geo encoding was done in the caption of the photo as a hack for the demo purpose - the proper way to do this is to add a column in the SQL database and modify the photo upload form ... i might do a proper version and then post somewhere ...

<script language="javascript" type="text/javascript">

var pattern = "(\\w+[^\\sLat]+)\\sLat+([^\\sLong]+)\\sLong+([^\\s]+)\\s";

var target;

var result;

id="rep"

runat="server"

datasourceid="ObjectDataSource1">

target = "";

result = target.match(pattern);

if (result)

{

map.AddPushpin('',

result[2],

result[3],

198,

100,

'pin',

'&Page=\'>' +

'

!!Posted from Lat:48.14048249097205 Lon:11.575788383638297 Address:'munich'!!