Joel's SharePoint Architect Blog

SharePoint 2010, MOSS & WSS Tips and Consultancy Tales

Subscribe Subscribe  View Joel Jeffery's profile on LinkedIn
joelblogs.co.uk | joelj.co.uk | joeljeffery.co.uk | jfdiphoenix.co.uk

Category : Development

If you’re creating or editing a JavaScript file in Visual Studio and you would like some help creating Client Object Model code, you’re not alone.

It’s a little bit cryptic, but we can tell IntelliSense to include any JavaScript libraries you have on your development machine.

Simply place the following two lines at the top of your source code (watch out for line breaks!):

/// <reference path="C:\\Program Files\\Common Files\\Microsoft Shared\\Web Server Extensions\\14\\TEMPLATE\\LAYOUTS\\MicrosoftAjax.js" />
/// <reference path="C:\\Program Files\\Common Files\\Microsoft Shared\\Web Server Extensions\\14\\TEMPLATE\\LAYOUTS\\SP.debug.js" />
/// <reference path="C:\\Program Files\\Common Files\\Microsoft Shared\\Web Server Extensions\\14\\TEMPLATE\\LAYOUTS\\SP.Core.debug.js" />

Then, you can get IntelliSense when you need it the most!

Enabling IntelliSense for the JavaScript Client Object Model in SharePoint 2010

Full article on MSDN available here.

Enjoy!

Technorati Tags: Development, SharePoint 2010, SharePoint 2010 Training, SharePoint Developer, SharePoint Training

Microsoft Azure Cloud Hack Event Videos

This year, I was very privileged to be asked to present the Cloud Hack event. In these videos we go behind the scenes and talk to the participants and to the API partners who kindly gave us access to their web APIs for the day.

We set the developers a challenge to build the most imaginative applications they could, using as many of the APIs as possible during the day.

In the second video, we meet the API partners. Thanks to Huddle, PayPal, Network Rail Enquiries and of course Microsoft Bing Maps.

In the third video, we catch up with some of the coders and see what they have managed to build on Azure in the cloud.

Technorati Tags: Azure, Cloud, Development

HTML5 Canvas

I’ve been a massive fan of Silverlight development since it’s first version. But HTML5 is an interesting new challenger to the graphics capabilities of Silverlight.

In this video, the Ubelly team demonstrates the HTML5 Canvas, and show how to animate photos and effects. The underlying techniques to make this happen are pretty cumbersome, but luckily there are freely available JavaScript libraries to help out, such as EaselJS from www.easeljs.com.

<canvas id="myCanvas" width="600" height="480">

If your browser doesn't support canvas, this text will show.

</canvas>

The HTML5 Canvas markup is relatively simple, but it’s the ensuing JavaScript to place and animate pictures, point by point, with each tick of the canvas clock that seems hard.

In this second video, Ubelly shows how Capital FM achieved more effects, such as creating a photo lightbox with rounded corners.

I’m sure when the tooling becomes available, it will make the whole HTML5 development platform more appealing, but in the mean time I think I prefer Microsoft Deep Zoom Composer, Expression Blend and Silverlight.

Technorati Tags: Development, HTML5

HTML5 Video Support

HTML5 offers some interesting features for video, and can render video without requiring plug-ins. This video from Ubelly shows how Sky News are using HTML5 to power their forthcoming video news site. It also shows how you can use IE9′s developer tools to good effect when debugging JavaScript.

Interesting is how easy the HTML and JavaScript is to place a video on a page without plugins, and start, stop, rewind and fastforward through JavaScript. The HTMl5 <Video /> tag is incredibly straightforward to use:

<video id="myVideo" width="600" height="480">

  <source src="myVideo.ogg" type='video/ogg; codecs="theora, vorbis"'>

  <source src="myVideo.webm" type='video/webm; codecs="vp8, vorbis"' />

  <source src="myVideo.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />

</video>

Note, however, as most vendors’ HTML5 browsers won’t be able to display the same kinds of video, you may need to encode your videos in multiple formats.

Technorati Tags: HTML5, JavaScript

I’m presenting at this year’s Microsoft Hack Day. This year’s theme is Microsoft Azure and using cool APIs to write innovative applications for the cloud.

Hooking Stuff Together

The Cloud Hack event is a celebration of all that is good about Web 2.0 development on the Microsoft stack. To paraphrase great all-round architecture dude and high priest of SOA, Microsoft’s Pat Helland, it’s really all about Hooking Stuff Together.

Microsoft Windows Azure gives us a great fabric upon which to deploy services and applications that make the best of Hooking web services Stuff Together. When you sign up for The Cloud Hack, you’ll get a 30-day free subscription to Azure.

The three APIs we’ll be working with on the day include National Rail, Bing Maps and Fantastic Tavern. At the very least, there should be enough API goodness there to plan an impromptu pub crawl. And if that’s not good use of Web 2.0, then feel free to leave comments at the end of this blog post and tell me what is. Smile

Getting There

If you’re reading this before the event, you can get free tickets here: http://www.thecloudhack.com/pages/get-a-ticket/

The location for the day is the Vibe Bar at the THE BREWERY, 52 CHISWELL STREET, EC1Y 4SD.


View Larger Map
The schedule for the has been published too:http://www.thecloudhack.com/pages/schedule/

Technorati Tags: Azure, Cloud, Development, Microsoft Architecture, Microsoft Azure