Using area maps within images in HTML5 web pages

image-map

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

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

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

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

Five Quality Assurance Testing Techniques

test

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

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

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

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

Location aware content in your HTML5 web page

Geolocation

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

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