Web Applications

Web applications (or web aps) come in all shapes and sizes, and can be adapted to suit a particular website's requirements, or built completely from scratch. As well as the page on the website that a visitor might see, there are often other 'hidden' pages, where the site manager can update and influence what is on view.

  • Gallery
  • Webshop
  • Availability Dates
  • Links Page
  • Events Listing
  • Membership Database
  • Herd Management
  • Blog

Screenshot of Family History Gallery

An online gallery can range from a page of set photos, to a large database of images, with thumbnails and high resolution versions, managed completely by its own admin page.

Depending on the number of thumbnail images, it is oftn helpful to have the gallery split over different pages. In this example there are 12 images per page. As the number of images in the gallery increases, so do the pages.

Large image

By clicking on a thumbnail, an enlargement of the picture appears, in its own window, which can have notes and information attached to it. If the gallery is part of a webshop, the image can also link to a shopping cart.

Admin Screenshot

Behind the scenes lies the admin page, where the photo and thumbnail is selected for uploading to the gallery, and information about the picture can be input.

Most gallery situations will have some common elements, but usually they will require customisation in some way.

 


Stone Shop Window

Most people will be familiar with e-commerce websites, which involves a shopping cart, an online store and checkout. I use PayPal for online transactions, but there are many other options.

On the main page, it can be as simple as a list of items, or a more user-friendly layout of images and search options. Obviously, who your potential customer is a very important factor here.

On selecting a product, a new window can provide a larger image, more information, and more options.

Admin Page

All e-commerce pages have admin pages, where the site manager can set prices, add extra items and keep track of orders.

Whilst most online shops have features in common, I don't believe his means they all have to look the same. The nature of the business and the products will play a very important part in the design and planning of the online shop.


Screenshot - availability calendar

An availability calendar for a holiday accomodation business.

A customer can see the dates that are available, with cost and any special notes. They simply select the required dates using the checkbox.

A comments or special request box could be added, if more flexibility is required.

Once a booking has been requested, it can be displayed as either taken or pending.

Online payment facilities can be included.

Screenshot - enter dates

Of course, behind the scenes the site manager has access to all information regarding the booking.

SCreenshot - view dates

The site manager can set which dates are available, or not, with specific notes for each date if required.

A 'View Bookings' screen gives access to a more detailed view about each individual booking, or customer, providing a complete online solution for bookings and customer records.


Screenshot - links

Very useful for the site visitor, looking for related information and ancillary services.

The site manager can upload logos and images as well as the URL and a description of the linked site.

Screenshot - Links Edit

For sites that use a lot of links, a categories option could be added, so that visitors can search and sort the links for easier browsing.


Screenshot - events listing

The perfect web app for any organisation that has scheduled events - galleries, arts studios, theatres, clubs ... It could be linked to a separate venue and /or artist database, depending on the context.

The admin pages allow events to be fully edited, or course, and switched 'on' or 'off'.

Different display formats can be included.

Screenshot - Events Admin Page


Screenshot - club

For a club or society.

This can be very complex, offering all sorts of facilities for both the visitor and the site manager.

It may be that an entire section of the site is password-protected to make it members-only accessible.

Online profiles, noticeboards, and forums are just some of the possible options.

Screenshot - Noticeboard


A more unusual example that demonstrates how flexible web apps can be (coming soon).

As well as make website, we look after alpacas here. This web app allows us to keep a record of what is going on in our herd, in terms of treatments, matings, fleece statistics etc.

Some of this information is viewable to site visitors, some is purely for our own use.


Screenshot - Blog

A weblog can be an effective way of keeping in touch with friends, as well as creating a dynamic journal, as private or as public as you like.

Site vistors can leave comments, or not.

Screenshot - blog entry

Screenshot - lsit of entries