Educational software

Posted by admin on October 18th, 2009

I’ve been working almost 5 years now on educational software in two companies (first Indie Group, now Televic-Education). We mainly created CD-ROMS (that were enclosed with schoolbooks) and online solutions. All those applications were not built from scratch, instead we created a framework that could read in all exercises and hierarchy of the exercises. Those exercises were created in a back end were you could assemble them in folders and export them in a format for our framework (xml) or other formats like SCORM.

I haven’t got any videos yet on those CD-ROMS, but you can see two of our online solutions in action. The first is Edumatic, the first application that was created and which has some 20 exercise types (multiple choice, fill in, cross word, dragndrop, translate, …). It can be used online or exported to be used in CD-ROMS. On the site of edumatic, you can try out an online example of a multiple set of exercises (for each exercise type there are a lot of exercises). Our senior product manager (;-) Piet Santy) also shows an example each day created with Edumatic which you can follow on Twitter –> link. Please follow and try out his examples! Some of his past examples are shown here and here and here and here(demo). Edumatic back end is created in ASP.NET, the front end in Flash (AS2). Together with Christophe Herreman we created the framework for it, but a lot of other persons contributed to the framework, back end and exercise types like Kristof Neirynck(current technical lead), Bert Vandamme, Piet Santy, Sofie Deparcq and others.

Our other product, which is newer than Edumatic, is called Edumatic Exam. It is now used by three customers and has a lot of potential. It’s more an assessment application than an exercise application and has currently some 15 exercise types. We are striving to support all exercise types from Edumatic, but that’ll take some more time (we’re nearly there). Client side is created in Flex, back end with .NET. This application is used by our government to test the knowledge of applicants. Daily there are multiple sessions with hundreds of candidates. We haven’t got a demo online yet, but if you subscribe yourself at Selor, you can practice some of the language assessments with our application (you need to go to Mijn Selor, subscribe and then choose Taaloefenpakket… all in Dutch or French…) Try it out! The product is also online, but currently you can not register for it. That’ll be something for the future. Currently working most on Edumatic Exam are Bert Vandamme, Sem Dendoncker, Wouter Vanden Berghe and me.

Cheers and practice!

<

Peformance issues IIS7, WebORB, Network, …

Posted by admin on February 21st, 2009

Two weeks ago I had a lot of problems in a project of mine. Often some clients couldn't connect to weborb.aspx (actually 0.01% of the times). After a lot of searching we weren't really able to find the problem. It seemed to me that maybe it was a network issue. The customer had just changed a lot of servers and improved their network. What previously worked didn't seem to work anymore now.

We changed some things after which everything started to work smoothly again:

- When an error is thrown from the server or there's a network problem we invoke the server call again with Credentials. We use authentication, so if at a certain moment in time IIS decides to recycle, the next calls to the server will fail. So we implemented a fallback system. If a fault occurs we authenticate again and try the call a second time. If the second time would also fail, then we give the user an Alert with some information what to do.

- When profiling SQLServer2008 we saw that there were millions of logs being written to the database by WebORB. We had configured WebORB logging with Log4Net and set the Filter in Log4Net on INFO. Basically everything that was logged was written to the database. This meant a lot of overhead. After having put the Filter on Warning connections to database reduced by a factor 100.

Configuring WebORB Logging with Log4Net (in global.asax):

C#:
  1. void Application_Start(object sender, EventArgs e)
  2.     {
  3.         log4net.Config.XmlConfigurator.Configure();
  4.         log4net.ILog log = log4net.LogManager.GetLogger("Global.asax");
  5.         log.Info("Application_Start(" + sender.ToString() + ", " + e.ToString() + ")");
  6.  
  7.         //Configuring WebORB Logging with Log4Net
  8.     try
  9.     {
  10.         Weborb.Util.Logging.Log.addLogger("log4NetLogger", new Edu3.Util.Logger())
  11.                 Weborb.Util.Logging.Log.removeLogger("default");
  12.     }
  13.     catch (Exception exception)
  14.     {
  15.         log.Error("Application_Start", exception);
  16.     }
  17.     }

- We profiled IIS7 with some tools that were proposed on StackOverflow. These tools were very interesting, but still I thought to get much more information. Strange that there's not a professional profiling tool for IIS7. We used Administration Pack for IIS 7.0, the stackoverflow question is at link. The strange thing was that in 0.01% of the requests a 404 was returned. Even after having enabled Failed Request Tracing in IIS7, I couldn't find the reason for the 404.

- Recycling happens automatically @ 23 hours. (this was allready done earlier when I had problems in November).

After these tweaks everything is working fine again. Those 404's remain a mystery...

Ciao, Lieven Cardoen

<

POD component – Dashboard

Posted by admin on January 10th, 2009

Yesterday I was looking for a way to show multiple statistics next to each other. I had a component in mind that could contain Panels. The Panels would have to be divided over the available space. If there was one Panel, it would get all the space, with two Panels the space would be divided in two, ... Also you need to maximize, restore and minmize the Panels.

Thx to Tom Van den Eynde from VDE Projects I found a very nice example of such a component.

Here is the link: http://www.adobe.com/devnet/flex/samples/dashboard/dashboard.html. The Panels are also draggable.

I haven't begun to use it but I'm sure this will be a great example to start from.

Thx, Lieven Cardoen

<

Rounding Up 2008

Posted by admin on December 24th, 2008

I started this year by taking over the lead of a big project for the Belgian government. The project is an e-learning environment created mainly with Flex, WebORB, .NET, MSMQ and MSSQLServer 2005. Daily hundreds of candidates go to Brussels were they are being tested by our software. Typically some 300 candidates start off at the same time to take a test.

So what have I learned this year (some of the things ;-) ):

Database

  1. Indexes are very important because they can speed up things a lot. However they can also be misused!!! So read about them.
  2. Stored Procedures made it easy to quickly write logic (transaction scripts). However it's hard to maintain these Stored Procedures and Cache dependencies don't work with complex Stored Procedures.
  3. MetaData was a very usefull mechanism to add new logic in Flex without having to change table designs.
  4. We also used MetaData for tags which wasn't the best choice.

.NET

  1. I didn't have a lot of experience in the beginning of this year so things kind of moved in the direction of Transaction Scripts. They aren't a bad choice but as the project gets complexer, transaction scripts are difficult to maintain.
  2. SubSonic (o/r mapping tool) did it job very good but I'm not very pleased with the lack of documentation, tutorials and clear explanations. I will certainly look into nHibernate and Entity Framework and see how they work with some of the patterns described in 'Patterns of Enterprise Application Architecture' by Fowler. In the future the project will certainly need to be scalable so things will have to change.
  3. Visual Studio is a great IDE.

IIS and ASP.NET

  1. By default IIS recycles application pools every 29 hours (will come back to that later because this caused a lot of problems).
  2. HttpHandlers are great.
  3. Cache is a very important feature if you want to speed up your application.

Flex

  1. Very good choice for our client side development. Application development however is far more complex than writing web pages in .NET. If you need your code to be maintainable you need to know about design patterns, frameworks, refactoring, architecture, ... Those things are mainly things you learn after having used them a couple of years.
  2. We now work with modules but in the future we will have to check out those shared libraries as well. Our application is now 2mb big so some kind of intelligent caching will be needed.
  3. Prana is great to configure your application externally. Check it out!
  4. The Flexbuilder Eclipse Plugin is a waste of memory and I hope Adobe tries to improve this in the future. Building our project takes far too long.
  5. Resource bundles could be made easier.
  6. Designing a Flex application is a hard thing because you really need a designer who knows some basic things about Flex.
  7. Implementing Pessimistic Concurrency with Messaging was a very hard one this year!
  8. Looking forward to create a desktop application version of our project.

WebORB

  1. Great product. FluorineFX is the open source alternative, but WebORB has a lot more features. Without a support plan however some things are really hard to debug.
  2. Authentication and Authorization is worth to take a look at, but it's important to fully understand it.
  3. WebORB messaging integration with MSMQ is great to let other applications know what's happening.

Other tools that have been very usefull are CvsDude, Trac, Mylyn, SubVersion, Charles, SQL Compare, SQL Data Compare, ant, cruisecontrol, Linq, SilverLight (very promising), Spring,...

Ciao!

<

Stress Testing with WebORB

Posted by admin on November 19th, 2008

Yesterday and today I worked on a performance issue where 350 candidates had to wait more than a minute before their data was loaded. The 350 candidates start their exam simultaenously so the server is heavily loaded at that time. I had a couple of ideas in mind like caching certain things but how was I going to test this. I haven't got 350 computers at my desk, I just have one laptop (and a development server).

A first tool I got from an answer on StackOverflow. AB is a tool for benchmarking apache server, but it can be used to benchmark any url(in my case local IIS). To do this I created an aspx page that loaded the same data that was loaded by one candidate. I then used AB to call that page multiple times. With this tool I already got a good idea how good my caching was working but I didn't know if WebORB was also causing performance problems.

Since the last update we put on the development server of the customer, candidates had to wait much longer to get started. My guess was that it had to do with WebORB authentication. I now had to find a way to test my services by using the WebORB gateway. Asynchronous Unit Testing with FlexUnit had to be one of the answers. So I got started and two hours later I had my test. I did however had to try three different things.

In the first try I created a Test and added it a hundred times to the TestSuite. This wasn't so usefull because the next Test starts only if the previous had ended. I needed simulteanously remote calls, parallel, not serial.

In the second try I created a Test that does a remote call a hundred times and is added only once to the TestSuite. This second try looks like this:

Actionscript:
  1. package {
  2.     import flexunit.framework.Assert;
  3.     import flexunit.framework.TestCase;
  4.    
  5.     import mx.rpc.AsyncToken;
  6.     import mx.rpc.Fault;
  7.     import mx.rpc.IResponder;
  8.     import mx.rpc.Responder;
  9.     import mx.rpc.remoting.mxml.RemoteObject;
  10.    
  11.     public class LoadExamSessionTest extends TestCase  {
  12.        
  13.         private var remoteObject:RemoteObject;
  14.        
  15.         override public function setUp():void {
  16.             remoteObject = new RemoteObject("GenericDestination");
  17.             remoteObject.source = "Edu3.ApplicationTestServices.LoadExamSessionBenchMarkTestService";
  18.             remoteObject.endpoint = "http://localhost/edumatic3/local/weborb.aspx";
  19.             // This is needed because the weborb authentication is enabled on the server side.
  20.             remoteObject.setCredentials("credentials", "credentials");
  21.            
  22.         }
  23.        
  24.         public function testLoadExamSessionTest():void {
  25.             for(var i:int ; i <200 ; i++){     
  26.                 loadExamSession();
  27.             }
  28.         }
  29.        
  30.         public function loadExamSession():void{
  31.             var token:AsyncToken = remoteObject.LoadTest();
  32.             var responder:IResponder = new Responder
  33.             (
  34.                 addAsync(onLoadExamSessionResult, 1000000),
  35.                 null
  36.             );
  37.             token.addResponder(responder);
  38.         }
  39.        
  40.         public function onLoadExamSessionResult(data:Object):void {
  41.             assertNotNull(data.result);
  42.         }
  43.     }
  44. }

This worked like a charm, but Authentication on the server side is only done once with the frist call because I'm using the same Remote Object every time. You should also check Charles to see what happens because it's very interesting. Apparently the there are only two calls to weborb.aspx. The first call is the one that will trigger my custom authentication handler, the next call has packages 199 calls to the service... I won't put a screenshot here because testing it is so much cooler. You can actually see in Charles that the server has started 199 threads and you can follow how much of the amf package is downloaded.

But this wasn't what I needed because all 350 candidates are authenticated seperately. To simulate this I just create a new remote object for each call. Class now looks like this:

Actionscript:
  1. package {
  2.     import flexunit.framework.Assert;
  3.     import flexunit.framework.TestCase;
  4.    
  5.     import mx.rpc.AsyncToken;
  6.     import mx.rpc.Fault;
  7.     import mx.rpc.IResponder;
  8.     import mx.rpc.Responder;
  9.     import mx.rpc.remoting.mxml.RemoteObject;
  10.    
  11.     public class LoadExamSessionTest extends TestCase  {
  12.        
  13.         private var remoteObject:RemoteObject;
  14.        
  15.         override public function setUp():void {
  16.         }
  17.        
  18.         public function testLoadExamSessionTest():void {
  19.             for(var i:int ; i <200 ; i++)
  20.             {         
  21.                 loadExamSession();
  22.             }
  23.         }
  24.        
  25.         public function loadExamSession():void{
  26.             remoteObject = new RemoteObject("GenericDestination");
  27.             remoteObject.source = "Edu3.ApplicationTestServices.LoadExamSessionBenchMarkTestService";
  28.             remoteObject.endpoint = "http://localhost/edumatic3/local/weborb.aspx";
  29.             // This is needed because the weborb authentication is still enabled on the server side.
  30.             remoteObject.setCredentials("credentials", "credentials");
  31.            
  32.             var token:AsyncToken = remoteObject.LoadTest();
  33.             var responder:IResponder = new Responder
  34.             (
  35.                 addAsync(onLoadExamSessionResult, 1000000),
  36.                 null
  37.             );
  38.             token.addResponder(responder);
  39.         }
  40.        
  41.         public function onLoadExamSessionResult(data:Object):void {
  42.             assertNotNull(data.result);
  43.         }
  44.     }
  45. }

Now you'll see 200 calls to weborb.aspx in Charles and my custom WebORB authentication handler will be called 200 times. This is somewhat the customers case I wanted to simulate.

What did I find out, well, for 200 remote calls, the third scenario (200 times weborb authentication) takes double as long as the second scenario (once weborb authentication).

The Caching on the server times now speeds up the loading of the data five times!

ps: I do need to dig in a little deeper in the addAsync from FlexUnit because when I add another addAsync for my fault event in the Reponder, things get messy... Will keep you posted on this.

Ciao! Lieven Cardoen aka Johlero

<

WebORB Authentication Issue

Posted by admin on November 16th, 2008

Imagine you have a Flex Applicatin using WebORB Authentication. When the first Remote Call is done you supply the Remote Object with credentials. The server authenticates and from then on you don't need to supply credentials anymore. The server side session will remembler who you are.

But if for some reason your server side session is ended (to to session timeout, applicatin pool recycling, ...) the next Remote Call will get a Weborb Security Error.

We have solved this by catching this error in the OnFault event from the responder and retrying the remote call again with the credentials. However, this wasn't as easy as we thought. Apparently the client side code remebers that it's been authenticated and will not re-authenticate automatically (because the client doens't know the session has ended). First we tried to call logout() on the remote object but that didn't work (we got an error saying that logging out and setting the credentials couldn't be done simultaenously). We then tried disconnect() and this worked like a charm. After the disconnect() on the remote object we resetted the credentials. If we then called a server side function, WebORB would re-authenticate again. Without the disconnect() WebORB would'nt re-authenticate again (apparently the remote object holds some flags which tell WebORB to authenticate or not). We do need to go and find out the difference between the logout() and the disconnect().

I will definetily come back to this because it isn't a hundred procent clear to me.

Ciao, Lieven Cardoen aka Johlero

<

IIS Recycling

Posted by admin on November 16th, 2008

Last week I got a call from a big customer saying that the 100 of the 200 candidates had just received an error log window in our Flex Application. I knew that this could happen someday, but what had caused this error log...?

After a lot of searching in the logs of the two servers at the customer, I found out that at a certain time on one of the two servers all sessions and application pool were ended. Why? Well, after again a lot of searching I found out that IIS recycles an application pool every 29 hours... Man, why is this default enabled???

Apparently a lot of these recycle events are nog logged by default. Only the 29 hour recycle event apparently is logged by default. As for now I haven't found this log yet, so I will have to enable all those logs to find the actual reason why the application pool recycled...

That's done by this command on IIS6:

cscript %SYSTEMDRIVE%\inetpub\adminscripts\adsutil.vbs Set w3svc/AppPools/LogEventOnRecycle 255

On IIS7 you can enable them in the Advanced Settings of the application pool.

The problem with our Flex Application was that it uses WebORB Authentication. This authentication is done by the first remote call after which the server side session remembers the credentials. After the recycle the sessions were gone and 100 candidates received a WebORB Security error... We have already solved this problem by re-authenticating when this happens but I'm also really hoping to find out why the application pool recycled in the first place... Any suggestions are welcome... (memory?, too mucht connections?, database problem?, ...).

Ciao, Lieven Cardoen aka Johlero

<

SilverLight

Posted by admin on October 18th, 2008

The last couple of days I played around with Silverlight 2.0 and it's the first time I really enjoy it! That's probably mainly because doing SilverLight in VS2008 works great. Installing all the things I needed was another thing. I had to uninstall several things, examples created in beta versions of VS2008 didn't work, ... Anyway, if you start off at http://silverlight.net/GetStarted/ and google for some blogs on installing it, you should be fine after while!

I'm currently using the book Introducing Microsoft Silverlight 2 to get started and it isn't bad. Some examples though have mistakes (never understood how one can put code in a book that has mistakes and doesn't build...). After finishing the book I'll start off with some examples on the site of silverlight.

The coolest thing for me is debugging with Visual Studio. Until a year ago I mainly programmed in Flex, which also has a great debugger, but not like VS2008. When doing Flex together with WebORB and .NET (ASP, C#) I could easily debug in Flex and in ASP.NET but still needed to IDE's. With Silverlight I only need one IDE, VS2008, where the debugger is awesome.

There are lots of discussions about Flex vs. Silverlight but I guess the truth is just that SilverLight has a lot of catching up to do. Components need to be created, bugs will need resolving, something like AMF would be great (I know WebORB is working on SilverLight support), ... I think SilverLight is finally at a point where it becomes interesting to grab a book and play around with it!

The only thing that's strange to me is the lack of sites, games, examples in silverlight on the internet. I have found some but they are just extremely simple. Would like to see some examples of silverlight sites that can be compared to business solutions in Flex.

I also installed Expression Blend and I don't like it at all. Maybe because I'm a programmer and not a designer, but still, I found Flash more intuitive. And what is all that black doing there in Blend... Hopefully it's just me feeling novice in Blend but if not, then I hope they will improve Blend a lot.

Be well! Lieven Cardoen

<

Using Zinc with Flash9/Flex AS3 Swf’s

Posted by admin on December 20th, 2007

I had a Zinc project which worked fine on PC but showed absolutely nothing on Mac. I just got a nice Window with nothing in it. Even a swf with a simple button wouldn't load on Mac.

After an hour of searching I saw that in a Mac Zinc Project, you can choose the Embedded Flash Control in the Flash Settings tab. If you want your executable to work on Mac, you better set this on Flash 9...

ZincAs3EmbeddedFlashControl

Yeah, life can be hard.

<

Sending Arrays instead of ArrayCollections in Fluorine & FluorineFX

Posted by admin on December 17th, 2007

In Fluorine:

<classMappings>

 <classMapping>

  <type><![CDATA[System.Collections.Generic.List<T>]]></type>

  <customClass>Array</customClass>

 </classMapping>

</classMappings>

In FluorineFX:

In services-config.xml

<channels>

 <channel-definition id="my-amf" class="mx.messaging.channels.AMFChannel">

  <endpoint uri="http://{server.name}:{server.port}/context.root}/Gateway.aspx"  class="flex.messaging.endpoints.AMFEndpoint"/>

   <properties>

    <legacy-collection>true</legacy-collection>

   </properties>

  </channel-definition>

<!--

<channel-definition id="my-rtmp" class="mx.messaging.channels.RTMPChannel">

<endpoint uri="rtmp://{server.name}:2037" class="flex.messaging.endpoints.RTMPEndpoint"/>

<properties>

<idle-timeout-minutes>20</idle-timeout-minutes>

</properties>

</channel-definition>

-->

</channels>

<

Copyright © 2007 Johlero – Cardoen Lieven. All rights reserved.