Using area maps within images in HTML5 web pages


One of the features of HTML5 that interested me is the area maps that you can plot on an image. This allows you to include functionality that you would normally find within a hyperlink. Such as clicking or mouse-over to produce previously difficult to achieve effects. This article covers the basics of HTML5 image area maps and the different type of areas that you can have within an image. It also walks through an example usage of area maps to find locations on an image map and give feedback on the web page. What is an area map? An image embedded within a web page will cover a rectangular area

Setting up agile projects with functional teams

functional teams to agile project teams

Introducing the agile software development methodology to companies or even to individual projects sometimes proves difficult. You might think it would be easy in a small company as there are less minds to change but it is often easier in a large company. In this article, I will share my experience of how and why to restructure your development resources for small or large software development departments. It’s written from a point of view of the person responsible for organising the resources and projects at a company and introducing agile teams to take on the work. Getting Started If you don’t already have it, the first thing that you will

How to hide the keyboard on return for Swift Xcode apps

Xcode with Swift

Today, I will look at hiding the soft keyboard from the screen when entering information into a text field. It’s not a problem if you have a hardware keyboard which is the default for the Xcode simulator on the Mac or when you run on a device with a Bluetooth keyboard as the soft keyboard does not show. The issue is that once you are in a UITextField, the keyboard does not get dismissed by default and takes up the bottom section of the viewing area which quite often hides other controls. When I have finished with the form and select “Return” I expect the keyboard to vanish until I

Getting started with HTML5 offline web applications

HTML5 Offline

This article explains the HTML 5 “offline” feature, which gives website creators an easy method to dictate what a browser should store for use when internet (network) connectivity is unavailable. It explains the default HTTP caching method that browsers use and then how to use the HTML 5’s application cache, with a short example web application that shows an offline mode image if there is no network connection. In this article, I’ll use “application” to mean any website, game or other type of product that is delivered via the internet to your browser. I will use “network” to mean a connection to the server that hosts the application (which would

Five Quality Assurance Testing Techniques


We had a very minor release of an application last week as the front end application and the back end procedures were operating double standards. The front end was asking for a value greater than or equal “>=” to a certain value and the back end said the rule only applied to values greater than this amount “>”. It took hours to figure out what was wrong and a minute to fix it. We were looking at the changes that we made in the last release suspecting that a bug must have been introduced at that time. This is because the issue had never occurred before and the application is

Entity Framework Code First Example

Entity Framework Code First

In this article, I will walk through an example in an attempt to show Entity Framework Code First. In this Code First exercise, I will install SQL Server LocalDB, create a Visual Studio project, install Entity Framework and then create the database objects (including some test data) through the Visual Studio project using Entity Framework Code First. To start off it is probably worth mentioning what the Entity Framework is and why it is important in software development and also what Code First means. In the past, developers coded either directly from their application to a database. The application would either populate tables or call database server functions or procedures

Determining file suitablility before uploading using HTML5 File API

File Upload Information

Today I wanted to write about HTML5’s File API. In the past, a developer would generally write code to determine if a file type was appropriate after the file had been uploaded. This would quite often be annoying for a user especially if the file was large and they only find out that it is inappropriate after it has finished uploading. Now, using the File API, the web page can determine if a file is acceptable before the user uploads it. In fact, not only can you gather the file type but you can find out other information about a file before committing to upload, such as the file size

Project planning using the time-boxing method

Time Boxing

Quite often in the lifetime of a product’s development something unexpected will happen that will throw your project plan out of the window and you will have to reorganise your resources respectively. This could be the customer changing their mind on some included functionality, adding additional requirements or the priority of requirements. In this article I will continue the development journey with project planning using a time-boxing method to make sure everyone stays on schedule, interruptions are minimised and the customer gets what is most important to them. I actually wrote this back in April but didn’t publish as I thought it could do with some graphics to break up

Location aware content in your HTML5 web page


I know this is not very spooky post for Halloween. Unless, of course, you were sitting there this evening thinking to yourself, I wonder how you make a web page location aware and happened across my post. Anyway, back to the subject. Using HTML 5 you can now include the user’s location within your application. The Geolocation API was included in HTML5 although not strictly as part of the HTML5 specification. You can now use the power of a location aware device to know where your user is and provide content relevant to them. It is quite simple to do and this article explains the code that you need to

Working with large data sets in Excel powered ASP.NET websites

Data Loading

Working with large amounts of data can be slow going using Microsoft Excel’s internal lookup functions which is amplified if you are publishing lookup results on the internet dynamically. In this example, I have created a large(ish) table of sales data that I want to be able to pick from using some specified criteria. All of the information in this table is dummy data and even the specified criteria are probably not what a sales manager would be looking for. The purpose of this data is to show that handling large data sets is best accomplished outside of Excel especially if you want to display it on the web. This