Categories
Modern Experience Development

Regtransfers for Windows 8 – Available Now!

Some of you may remember a post from a few months ago about an application I was developing for Windows 8 for the Cherished Number Plate Dealer Regtransfers Ltd. Since then it has been put on the back burner a bit because of other commitment, but as of today you can download it from the Windows Store.

The app has undergone a few changes since I last blogged about it, including replacing the YouTube video feed with a feed of recent celebrity interviews and removing twitter altogether, due to changes in their API. On top of this I have added a name search, which finds numberplates that might interest you based on your name.

Below you can see a gallery showcasing the features of the app:

I really hope people enjoy using the new application, I put a lot of work into making it a nice and native-feeling application. This seems to work because, as of the time of writing, the app has all 5 star reviews.

You can download the application by searching for “Regtransfers” in the Windows 8 Store or by clicking here.

I will be releasing an update on October 16th adding in support for a lot of the new exciting Windows 8.1 features, including being able to embed magazine PDFs directly within the application. Until then, if you have any feedback don’t hesitate to contact me!

Danny

Categories
Microsoft Student Partner

MSP UK Summit 2013

Gordon Walker, MSP Lead, talking about the history of Mobile Phones — No bonus points for spotting me with my blue hair…

A few weekends back was the Microsoft Student Partner UK Summit for 2013. As I’m a first year MSP it was my first experience of such an event and I must say I thoroughly enjoyed it. It was hosted at Modern Jago in the heart of Central London, which is always a nice place to be!

There were lots of inspiring talks from several softies including Andy Wigley talking about porting between Windows Phone 7/8 and Windows 8, Ben Nunney talking about developing a great user experience and marketing your apps, but most interesting to me was a talk presented by Mike Taulty about Windows Azure, particularly Windows Azure Mobile Services — a service which can be used to easily set up database driven RESTful services which integrate easily with Android, iOS and of course Windows Phone 7/8 Applications.

A Nokia Lumia 820 - Image from https://www.t-mobile.co.uk/common/img/products/phones/nokia/lumia-820-lte/lumia_820_lte_SC_large_first.jpg
A Nokia Lumia 820 – Image from T-Mobile

I spent much of the Saturday of the two day event working with Kevin Lewis, the designer I have been working with on the App Builder Rewards website, implementing additional features to the site. I also met up with Paul Lo, the guy in charge of the program who thanked me for my work and gave me a Lumia 820 Windows Phone 8 Device as a thank-you for completing so much work at short notice — which I will review soon. It was really nice to finally meet, in person, the people I had been collaborating with on the project and speaking to constantly through VoIP, Instant Messaging and Email for the previous two weeks — almost like re-meeting people I already knew.

In the evening I made the short train journey to Milton Keynes to meet up with my family and my close friend from back home Sam Marr to see the comedian Harry Hill at the Milton Keynes Theatre and grab some dinner. A great evening was had by all!

Once back in London I joined the aforementioned Ben Nunney and Co. for a few drinks in the hotel Champagne bar before retiring to bed, ready for an early start.

Regtransfer for Windows 8 Main Page
Regtransfers for Windows 8 Main Page

At 9:30 sharp on Sunday Morning we started again, and I spent much of the day working on my Regtransfers Application for Windows 8. Between working on that and networking with my fellow MSPs, in the social sense — not the HTTP sense 😉 — I also continued writing a presentation I intend to present at university called “Developing Windows 8: Live Tiles, Snap View, Search and Share”.

Developing For Windows 8 Presentation Title Slide
Developing For Windows 8 Presentation Title Slide

After mentioning it to Dean Meehan, he suggested I ask Phil Cross if I could present it to the rest of my fellow MSPs. So I did. The presentation went quite well, and I hope that everyone took something away from it. I was particularly pleased because after I’d finished presenting a Mechanical Engineering student came and asked for a copy of the presentation and said it included the best instructions on how to implement the “Live Tiles” feature he’d seen! Always nice to hear! You can view the presentation for yourself here.

Overall I had a fantastic weekend full of catching up with old friends from Dublin, Programming and Comedy, what more could you want? A big thank you to Phil Cross, Ben Nunney and the rest of the Microsoft Staff and presenters involved!

Danny

Categories
Programming

Project Regtransfers

In between my Networking Coursework and going to lectures I’ve been working on an application for my uncles company Regtransfers, on both the Windows 8 and Windows Phone platforms.

The application allows you to:

  • Search for Personalised Numberplates
  • Submit and enquirey about any plate
  • Purchase a plate
  • Read any edition of “The World of Personalised Number Plates” — The Regtransfers Magazine
  • View all the videos on the Regtransfers YouTube Page
  • Read all the status updates on the @Reg_Transfers Twitter Account

Windows 8 App

Regtransfer for Windows 8 Splashscreen
Regtransfer for Windows 8 Splashscreen

The Windows 8 version of the application runs on both Tablets and traditional PCs. It is an out-and-out “Modern Experience” application, including support for Live Tiles, the Search and Share charms and Snap View.

The Main Page

The main page of the application displays the cover of the latest magazine as well as buttons which navigate you to pages where you can subscribe to physical editions of the magazine, read all editions of the magazine in PDF version and read more information about the magazine. Clicking the cover of the latest magazine opens a page showing more information about it, from which you can choose to read a PDF version of it.

This slideshow requires JavaScript.

Searching

At the top of the main page is the Regtransfers Logo and a search box. You can search for anything, including your name or initials and the application will return to you a list of relevant number plates. It will also allow you to filter your search results from some price brackets, so you can find plates more suited to your means.

Regtransfers for Windows 8 Search Charm
Regtransfers for Windows 8 Search Charm

As you can see from the above screenshot, you can also invoke the search page using the search charm. The search charm is  a way of searching any application, file or setting from anywhere within the operating system. This means that even if you’re in another app or on the start screen you can still search for numberplates by calling in the charm bar and selecting the Regtransfers app from the list of apps underneath the search box.

Viewing a Plate

When you select a number plate from the search page, or select a recently viewed plate from the main page you are shown the View Plate page. From here you can customize the acrylic plate you can optionally choose to purchase with said numberplate.

Regtransfers for Windows 8 View Plate Page
Regtransfers for Windows 8 View Plate Page

The page allows you to view both sides of the plate — the front, white plate of course having no flag –, choose which flag to have on the plate, choose a border and decide if you want to buy a set of acrylic plates with the number plate or not. If not you’ll receive your plate on a retention certificate.

Sharing a plate to Mail
Sharing a plate to Mail

From here you can also Share your plate using the built in share charm, above you can see an example of me sharing to the mail app, but you can share the plate to any app that accepts share using HTML, RTF or Text data. This includes posting to facebook using the people app, or twitter using MetroTwit.

Buying a Plate

The process of buying the plate is dealt with by an embedded web form. All data is transferred over a secure HTTPS connection, and the Regtransfers website is PCI Compliant, so all credit card details are totally safe 🙂

Buy plate
Buy plate

Making an Enquiry

Making an enquiry is  a simple case of filling in a form and hitting submit

Enquire about a  plate
Enquire about a plate

Watching a YouTube Video

Using the fantastic “MyToolkit” library I work out the location of the YouTube .mp4 file and embed it directly within the application using a custom video player which I made to be themed the same as the rest of the application. As with the rest of the application this works in both snapped view and full screen mode.

This page also allows you to share a link to the YouTube video, and gives you the option to view the video in your default browser if you would prefer.

Subscribing to Regtransfers: The World of Personal Number Plates Magazine

One of the most important parts of the application is the magazine sign up. This is why its displayed front and center on the main page, when customers sign up for a magazine they also receive a personalized list of plates they might like to purchase by email. Signing up is dealt with by a simple form:

Subscription Page
Subscription Page

Reading PDF’s of the Magazine

As well as being able to subscribe to the magazine people might want to be able to read back-issues of the magazine. They can do this by tapping the “Read Other Issues” which brings them to the below page:

All Editions of RT Magazine Page
All Editions of RT Magazine Page

All 30 editions of the RT Magazine are available here. To read one or find out more information about one the user just has to tap the relevant magazine cover. Once they have done so they are shown a page like the one below, which displays information on the featured celebrity, main stories and provides a button which downloads the PDF of the magazine in the default browser. I would have liked to embed the PDF within the application but unfortunately this isn’t supported in the Windows RT API’s unless you purchase Foxit Embedded Reader.

Magazine Issue #13 - Vinnie Jones
Magazine Issue #13 – Vinnie Jones

Snapped View

One of my favorite features of Windows 8 is snapped view. Microsoft’s implementation of Multi-tasking in the Modern Experience Environment. Snapped view allows you to view two apps at once, pinning one to either the left or the right in a 320 pixel wide box and allowing the other to fill up the rest of the space as if it was in full-screen mode. Every page within the Regtransfers application supports snap-view, and every snap view has full feature parity with the full screen mode rather than just showing a logo – as some applications do.

Main Page Panormaic Snap View
Main Page Panormaic Snap View

Because I have an awful lot of content on the Main Page it was a bit of a challenge to fit it all onto a small 320 pixel wide window, but I achieved this with some inspiration from the pivot page used in many Windows Phone applications. Using a <FlipView> XAML element I have made it so that you can swipe between 5 different views. The Magazine View, Recent Plates View, Recent Search View, YouTube View and Twitter View.  The Regtransfers Logo and Search bar are always present.

On the other pages elements are simply resized and reordered to make more sense on a smaller screen. Some examples are shown below.

Some of the snap views in the Windows 8 App, from left to right: View all Magazine Issues Page, The View Plate Page, The Enquiry Page, The Search Page, The YouTube Page
Some of the snap views in the Windows 8 App, from left to right: View all Magazine Issues Page, The View Plate Page, The Enquiry Page, The Search Page, The YouTube Page

Windows Phone 8 App

Making the snap views for Windows 8 was a huge help in designing the pages for the Windows Phone 8 application, which sports all the features of the desktop app including search, twitter, youtube and magazine subscription and e-reading. I’ve only just started this so there isn’t too much to show. But below is a picture of the main page of the app and the search page with filters.

Regtransfers - Windows Phone 8 App
Regtransfers – Windows Phone 8 App

I will of course keep this blog updated with my progress.

Danny

Categories
Life

What have I been up to?

I haven’t posted since I received my results and felt it was time for an update.

Since I got back from Hull I’ve been working at my uncles company, Regtransfers.co.uk, who are the leading supplier of personal number plates. I’ve had several roles including contacting websites about Internet marketing opportunities, finding companies that have names relevant to number plates we own and want to sell and, most interestingly, a Windows Phone 7 application.

Regtransfers already have an iPhone application and a “HD application” for iPad as well as an Android app available on Google Play. My aim was to make an application that offered all the same functionality of the other applications:

  • Search for number plates
  • Select a number plate and choose options for the acrylic plate (Flag icon, border colour) and see both the front and back plates (white and yellow)
  • Make Enquiries about selected number
  • Buy selected number using secure form
  • Order the Regtransfers Magazine
  • View the Regtransfers Youtube Videos

I also added a twitter feed which is not present in the other applications since the company has started to have a bigger social media presence recently.

The application isn’t finished but below you can see some comparison between the WP7 application I developed and the iPhone version which was outsourced:

Windows  Phones vs iPhone plate search comparison
Windows Phones vs iPhone plate search comparison
Windows Phone vs iPhone build plate comparison (WP7 version incomplete)
Windows Phone vs iPhone build plate comparison (WP7 version incomplete)

As you can see, I’ve taken quite a native look putting a lot of emphasis on the simplicity and “flat look” Windows Phone users expect in their applications — though I’m not sure I’m entirely happy with the background at the moment — it looks nice but it can make some of the text a bit hard to read.

Here are some more images of the WP7 application

Home Page - Emphasizing Search
Home Page – Emphasizing Search
Order a magazine
Order a magazine
Twitter Integration
Twitter Integration
Enquire about a Plate
Enquire about a Plate

What else have I been doing? Well, I’ve realised I’m not back for long so I’ve been spending a lot of time with my friends, family and girlfriend. I’ve also done a bit of work on my brothers website and a few secret projects ill be announcing soon 😉

Danny