Posts Tagged ‘showcase’

15 Mar 2012
2

Use YSlow to measure your Site’s performance and more

Hi Everyone.  Here’s a quick post that I’m sure will make all the difference in your Web Dev Life.

There is a Browser plug-in called YSlow. You can install it on Firefox, Chrome, Safari, Opera and more. I’m going to use the Firefox plug-in for this example.

NOTE: For Firefox, you need to install Firebug to use this plug-in, as it’s an extension to Firebug.

Once you’ve installed the Firebug and YSlow plug-in, and restarted your Browser, do the following:

1. Open your Website. In my example I’m using my XPages Showcase for this example.

2. Push F12 on your keyboard. This will open the Firebug Window at the bottom of the Browser.

3. Click on the YSlow Tab. You’ll see an introduction Page, and a button at the bottom that says “Run Test”. This takes about 2-5 seconds to run.

 

 

4. Once completed, YSlow returns a set of results. You’ll get an overall Grade with a Performance score. (Please don’t judge me for getting a C. YSlow’s moaning at me for not optimizing CSS and JS files,  but there’s a reason for that…)

5. If you take a look at the 3rd Red Arrow on the Image, you’ll see it’s pointing to the Ruleset List. This is pretty awesome, because you can set the rules and benchmark for how your site should be measured. There is a YSlow Add-On called Web Metrics Framework, which is a ruleset that measures your Website according to Google’s Standards.

6. If you go into each of the sections that’s returned….e.g. Content…..you’ll get a second set of Tabs that Score you according to individual operations….See image below.

 

 

7. YSlow also comes with quite a bit of useful Hints, Tips and supporting documentation.

This add-on is easy to navigate, and very very useful. I hope it helps. Thanks Yahoo.

 

Cheers for now.

John

12 Jan 2012
4

Automated Testing in XPages

Greetings everyone. I am very happy to announce that I have found a way to automate testing in XPages.

I attended Microsoft’s Tech Ed Event last year, and one of the tools that impressed me heavily, was Visual Studio’s Unit Testing Automation. What I enjoyed most was how you could setup a Test Case by recording what you were doing on the Screen, and then playback that Test Case. What was even more impressive was when the Test Case failed. When this happened, Visual Studio would take you to the line in your code where the Test Case failed.

Now, this is probably old news for Visual Studio Developers, but it’s quite rare for Domino Developers to have this capability. I’ve searched online and have not found any Testing Automation Toolkit for the physical Lotus Notes Client as yet, but I did stumble upon Selenium, which I am now using to automate testing in my XPages Applications.

 

What Is Selenium

The following extract is from Selenium’s Home Page:

Selenium automates browsers. That’s it. What you do with that power is entirely up to you. Primarily it is for automating web applications for testing purposes, but is certainly not limited to just that. Boring web-based administration tasks can (and should!) also be automated as well.

Selenium has the support of some of the largest browser vendors who have taken (or are taking) steps to make Selenium a native part of their browser. It is also the core technology in countless other browser automation tools, APIs and frameworks.

 

For our purpose though, Selenium provides a means of recording your Xpages Testing, and then re-running that test or tests. The below video will show you how I setup and run a Test Case using Selenium IDE on our Online XPages Showcase. You’re more than welcome to use our Showcase to test Selenium. The below video was published through David Leedy’s NotesIn9 Series. Be sure to check out more videos from his Website, or through iTunes.

 

A few important Notes when Testing with Selenium

1. Selenium IDE is a Firefox Add-On. I’m not aware of any other Add-On for IE, Chrome, etc.

2. From what I’ve read, Selenium IDE gives you a small taste of what Selenium can actually do. I’ve however not had the time to explore this product any further.

3. From the feedback I’ve received and from my own tests, it seems that Selenium struggles a bit when it comes to testing certain Dojo and JQuery Controls. I will be testing this further, and will update this Blog Post as soon as I find a way around this. I am also expecting a lot of feedback from the Community, who I hope will also list many Tips, tricks etc.

That’s it from me. Enjoy the Video, and please leave feedback if and when you have time.

Cheers :)

 

5 Jan 2012
2

Video Demo: Updated Ukuvuma XPages Showcase

Hi Everyone. It’s been quite a while since my last post. I apologize for that. Holiday season and all :).

So, i decided to kick-off this lovely year by upgrading our online XPages Showcase. The initial version (Version 1) was designed using Notes/Domino 8.5.2 and made use of the oneuiv2 Theme. Now that we’re running Notes/Domino 8.5.3, I’m using some of the cool features that Xpages provides. An example of this is the Javascript and CSS optimization and the oneuiv2.1 Theme.

So, long story short, we now have a Version 2 XPages Showcase. I created a short Demo Video that gives you a walk-through of some of the features that I use.

To access the Showcase, simply Click Here, and login using the Username “guest” and Password “guest“.

Please feel free to leave any feedback. It’s always appreciated and welcome.

I’ll soon be adding many more features and samples to our XPages Showcase, including a JQuery Accordion Control, Dojo Grids, our new JQuery Mask Control that we’ll be submitting on OpenNTF very soon, and much much more.

We’ll also very soon be launching our .Net Showcase. I’m very excited about this. Sorry to all the IBMers, but trust me, you’ll see what mean when it’s launched.

Until next time. Enjoy :)

21 Nov 2011
0

XPages Video Tutorial: Boosting Performance with 1 click

Hi all. So my latest video just got released on NotesIn9 by David Leedy. It shows you how to boost the performance of your XPages Application just by enabling 1 option in your Application’s Preferences.

Sadly, you’ll need Notes and Domino version 8.5.3 to take advantage of this enhancement, but I highly recommend upgrading.

I’m planning a few more video tutorials this year still including “Dynamic View Panels”, “Rolling out the Extension Library using the Update Site Application”, “Creating and Managing Response Docs”, and maybe even one on the mobile side.

Until then, enjoy this video and happy coding.

John

28 Oct 2011
4

XPages Tip: Open Links in Own window in Ext Lib App Layout

Hi Everyone. I recently found a way to have links in the Application Layout that comes with the Xpages Extension Library, to open in their own Window if you so wish. You can see a working example of this on my Xpages Showcase. Below I explain how I achieved this.

Let’s say you created a Footer Link in the Properties of the Application Layout Custom Control called “My Page“, and the href parameter is “http://www.mypage.com“, it would look something like this:

This will work perfectly, except that it will open the URL in the current window, overwriting your Xpage.

So, to open the link in its own window, you will use a simple JavaScript Function: window.open(“http://www.mydomain.com”, “_blank”);

Now, if you try to add this to the href property, it will not work, because it would be regarded as a link and not a JavaScript Function. So, to achieve the desired result, you will need to add the JavaScript Function to the onClick property. Please take note of the following 2 conditions:

1. Make sure that the href property is empty. Otherwise it will take preference over the onClick property.

2. Don’t make the onClick property computed and then add the JavaScript, otherwise it will run the Function as SSJS, which won’t work.

Simply paste the JavaScript Function as a string value in the onClick property. See below:

And that’s it. I hope this all made sense. Until next time….Happy Coding.

John

12