I disappeared into some new technologies...

by Ishai Hachlili 14. May 2008 23:29

I've been MIA from my blog for a while, too many new technologies and libraries that I want to learn...

I've been playing around with upgrading the application the AJAX search page sample was based on to use WCF and EXTJS.

The WCF part was easy, it's not that different from ASMX when you want to do basic stuff. The main difference is you have to create a data contract, which can be done by simply adding a [ServiceContract] tag to the class and [OperationContract] tags to each exposed method.
The better way is to create a separate interface that will be used for the data contract, but if you want to upgrade an existing ASMX service, you might want to take the easy way out...
The other thing you have to do is add the serviceModel section to the web.config.

The cool thing about WCF is that I no longer have to worry about how the data is converted to JSON, with WCF it's simply a definition in the web.config, so changing between XML and JSON can be done at any time without changing code and deploying it. Also, you can have more than one access point to the same class, so you can actually return both formats from the same code.

Changing my code to WCF took a couple of hours, half of it to learn about WCF basics and the rest to copy over the code to a new class, but WCF can go a lot further with it's extensibility.

WCF also let me create the javascript proxy classes including classes for the data contracts (server side objects I want to send to and from the client side). So I don't need to use the Asp.Net AJAX GenerateScriptType anymore.

EXTJS - An AJAX and UI JavaScript Library
This is currently the best UI library out there. initially I wanted to use their grid instead of the WebFX grid I've been using, but after a short time playing with it I decided to try and create a while application with extjs for the entire UI.

This library supports using other libraries for the communication layer, so if you're already using prototype or jquery, you can use extjs just for the UI components. It does have it's own AJAX implementation, so you don't have to use other libraries and if you don't need anything else from these other libraries, it's best not to use them (too heavy and eventually too many libraries will have to mean conflicts)

So I started a new project without the MS Asp.Net AJAX. Passing objects between the client and server was easy with the WCF data contracts generating javascript classes for me, which is why I haven't blogged for a while.

the extjs community is excellent, there are a lot of additional UI controls and plug ins created by the community.
One of them is a form generation class that creates a form from some json. I created something similar for my search pages (with a lot more layout support that was required by the specs). The class is called MetaForm you can find it at Saki's extension page along with some other great controls.

I will eventually return to that series of posts and recreate it, if I don't jump to some other technology by then (I have been thinking about doing something similar with silverlight, we'll see where that goes).

As always, web technology is moving fast and new things are coming out all the time, it's hard to keep up...


Silverlight - RIAs don't have to be that hard to create

by Ishai Hachlili 12. April 2008 15:03

I remember a time when rumors about Microsoft buying Macromedia were circulating, it was obvious why they would want to buy Macromedia, Flash was THE rich interactive web application standard, and it was beginning to dominate online video as well.

As someone who suffered a lot with the Flash studio (being a programmer and not a designer or animator) I was happy with the idea of getting that side of Flash fixed. If there's one thing the folks at MS know how to do well, it's their dev tools and the support for this tools.
Flash was felt limited to me, both in the way you had to develop for it and in the way you communicate with the hosting page or the server.
You had to do very complicated solutions for very simple tasks.

When Adobe ended up buying Macromedia, I was disappointed, another designer's company meant the environment and tools won't get much better.
I was surprised MS didn't try to get flash until they revealed their own solution for RIA, online video and animation. I guess they also didn't like a lot of things about flash and decided to simply create their own plugin and it was called WPF/E, at least until the PR guys woke up and renamed it Silverlight.

I haven't worked with flash for a couple of years, and I'm sure a lot of the things that were bothering me were solved, maybe, but recently someone tried to convince me that Silverlight was terrible and had no chance of besting Flash.

So this is what I see as advantages for silverlight:

  • Use JavaScript to write you client side code. the upside here is big, every web developer (should) know JavaScript, there's no need to learn another programming language or work with another set of tools. this also means the same developers can do the standard javascript programming, AJAX programming and RIA programming but it also means integrating silverlight into your AJAX apps should be easy.
  • Silverlight 2.0 adds support for .Net on the client side. This means a lot of things including better performance, support for other languages (C#, Ruby, python, VB.Net, etc...). This also means all the .Net developers can now work on RIAs, so it's not only those who know JavaScript.
  • XAML. Having an XML based format means you can very easily generate it on the run, on the server side or on the client side. If you need to customize a page based on database results or if you want to allow users to create XAML snippets and add them to a page, it's all just xml and should be pretty easy to do. This also means other tools for creating XAML should be available from 3rd parties (like the export plug ins from illustrator and flash)
  • Video using wmv. I never liked FLV, the quality is bad and I just didn't see any reason for it to exist (remember, when it came out we had quicktime, wmv, and real media videos)
  • Microsoft is behind it. This puts the flash has 98.5% install base claims to bed, at least for me. If it was some new, small, no-name company, it would've been hard, even with a better product, but I'm pretty sure MS will make sure it's on every computer and it looks like they learned from their mistakes, instead of just making it part of an update you must install or shipping it with windows, they're getting big content providers to use it. After the summer Olympics, when NBC will be using Silverlight to broadcast thousands of hours on the internet, I'm sure a lot more people will have the plug-in installed (and no, silverlight won't cause a crash, the media servers might, but that has nothing to do with silverlight).
  • Silverlight is available for IE, FireFox, and Safari on the Mac (and at least on FireFox it works well for me). Another lesson learned by MS. No linux support from MS, but I think there's a plug-in in the works by someone else (ehh, who cares, it's not like a lot of the RIA users will be using linux anyway, they don't like pretty things...)

As with previous Microsoft efforts, when they show up late, they learn from others' mistakes and make a better product.
This happened with .Net, which basically took JAVA and did it the right way, or C# which eliminated a lot of problems VB, C++, JAVA and JavaScript had, and now with Silverlight.

I've only played around with SilverLight for a few days, but it's such a better experience compared to working with Flash and I have to say that as a team leader I like the fact that my team members, who all work with .Net and JavaScript, will be able to learn silverlight programming very quickly.


Ajax Data Controls (Repeater, Data List and Grid View)

by Ishai Hachlili 18. February 2008 13:14

ADC is a set of data controls that try to mimic the Asp.Net controls using Asp.Net AJAX Extensions.

I'm looking at the GridView in particular, although I never really liked the Asp.Net control, the AJAX version might work well for my search pages.
For the current project I'm working on I won't be using the server side wrapper, just the client side code.

The grid view control supports paging, sorting, column dragging, links, checkboxes and in-place editing.

I'm going to try it out, see if it takes the places of my upgraded WebFXColumnList...

check it out at Ajax Data Controls - Home


AJAX | Asp.Net | Javascript

About Ishai

Ishai is the founder of Smart Trivia, Inc. where he builds trivia games for smartphones using MvvmCross and Xamarin. He's also running the Silicon Valley Mobile/Cross Platform .Net Meetup and helps other companies build mobile apps using Xamarin as a consultant

Recent Tweets

Twitter October 23, 05:22
@BenThePCGuy a standard where that doesn't matter is better. One more reason to get the #Lumia920, wireless charging, no need for microUSB

Twitter October 23, 05:21
@ManMadeMoon where they dance around the issues and don't really talk about them

Twitter October 23, 05:20
@BenThePCGuy are you a @wpdev ?

Twitter October 23, 04:17
@JonahLupton But if it's black it's usually better

Twitter October 23, 02:58
@jongalloway next time ask your 5 year old how to spell