As big music fans at Go Tripod, we’re always recommending and listening to lots of new music. On his personal blog, Colin’s taking part in Music Diary 2012, keeping a log of everything he listens to for the next week. Take a look!

[I first posted this on my personal blog as The Sencha Touch 2 Microloader & Sencha Command]

When examining how to build a new Sencha Touch 2 application for production, I wanted to make sure I wasn’t reinventing the wheel. I’d heard of Sencha’s commandline SDK tools but this gave me cause to look into it more. Now that I’ve done so, I’m impressed, but I think the documentation could be doing with a little more detail. I’m concentrating solely on deployment for now, though the tool supports other scenarios.

There were a few things we wanted to do:

• Build, concatenate and minimise our custom SASS theme
• Resolve dependencies (in order!) for our JS, then concatenate and minimise
• Work out how to incorporate those into our index.html with sensible versioning
• Ensure all our caching policies were optimal

With one exception, Sencha’s tool helps us with that. I recommend getting an overview of how to install the SDK Tools at the Sencha Documentation pages first. That guide also gives an overview of the various facilities the tool provides.

Setup

If you’ve used the sencha command to create a new application then you’re good to go – you have all the files you need to get building. If not, I recommend you use it to create a new, empty application, and copy over the bits you need to get up and running, and to make sure you’re adhering to the correct directory structure. The documentation does give a good overview of the directory structure which is required – take a look at the section “Understanding Your Application’s Structure”.

Once you’re there, you’ll have an app.json in the root of your project. It’s important that you complete this correctly in order to be able to build your project successfully; the “js” section needs to have any extra JavaScript dependencies – such as third-party libraries – entered.

You don’t need to add in all of the files you use in your application. The sencha command will resolve all of those dependencies automatically when you build. You do need to make sure you’re using requires in your application to make the dependency tree clear, but hopefully you’re doing that anyway.

Assuming you’ve got app.json ready to go, we can move on to making a build.

Index.html

Generally you’ll access your project via http://localhost/index.html, or something similar. The app.json file will have asked you to specify this URL, and you should have a template index.html created for you if you used the sencha command to generate your new project. Your index.html should have the following line:

This is a key part of the build process, so you need to leave it intact!

Building

The aspect we’re interested in is run via the command:

sencha app build

If you run it without the parameter you’ll see the following:

This gives you an idea of what’s going to happen. Here’s the way the build process works:

1. Copies required resources
2. Resolves dependencies by firing up a headless web browser and running your app
3. Concatenates and minifies your JS in the correct order
4. Builds a HTML5 cache manifest
5. Generates delta files to minimise what changes get sent to the client
6. Generates a new version of your index.html

There’s lots happening here, and it depends on what environment you specify when you run the command. To be clear, you can always keep using http://localhost/index.html, and that’s your development version.

Testing Environment

Testing creates a /build/testing/ directory, and you can access the build at http://localhost/build/testing/index.html. In the testing environment, JS gets concatenated but not minified. It doesn’t do any of the caching/manifest stuff described above, but does resolve all your dependencies into the concatenated file.

Production Environment

In addition to the steps taken to build for the testing environment, production will also minimise your JS, create a cache manifest, and as the documentation says: “Storing all JavaScript and CSS assets inside Local Storage on first load, and patches them via delta updates between releases”. The Sencha blog post goes into more detail on this subject.

Issues

We’re yet to deploy our application to production, so this post is a work in progress. In particular the testing and production builds highlight code issues that aren’t apparently on development – deprecation warnings become errors, and there are various issues with the order in which our code is included. I’m also a little concerned with the delta update mechanism – I need to do further testing to make sure updates are indeed pushed to clients as expected, as we always want to make sure that they have the very latest code.

You’ll also notice that the sencha command doesn’t do anything with SASS. Hopefully this will come in future, but it’s a simple extra command to generate the theme CSS.

Conclusion

The sencha command has become an integrated part of our build process. I’d like to see more documentation, and the proof will be in our final deployment, but it looks like Sencha have provided another key part of the end-to-end development of a mobile application.

[I first posted this on my personal blog as The Sencha Touch 2 Microloader & Sencha Command]

Go Tripod is growing and as part of that expansion we are looking to take on a Digital Project Manager to join our team and continue our mission in creating web and mobile applications that although technically complex are elegantly simple to use, intuitive and visually stunning.

Digital Project Manager

We are seeking a experienced and talented freelance/permanent digital project manager to join our team. Although we advocate remote working you will need to be available to work predominantly from our central Truro office. You must have at least 2 years experience, working on the full lifecycle of digital projects for various types of clients in a creative and fast paced environment.

We expect the following from the successful candidate:

Communicator

You will be a people person who is happy to pick up the phone, as well as travel and have face to face meetings with our clients. You will also need the ability to relay information to the technical and creative teams.

Attention to detail

In a large and complex digital project the number of ‘moving parts’ that need to be co-ordinated and not overlooked can be mind-blowing. Missing just one small thing (oh no, we forgot to change the DNS settings and the site’s due to go live in 2 hours!) can jeopardise the whole project; and not to mention all that hard earned client goodwill. We will expect you to be dotting the I’s, crossing the T’s and stewarding things over the line.

Enabler

It’s stating the obvious — but needs frequently repeating nonetheless — project management is a means to an end not an end in itself. You will organise the schedule so that our developers and designers can have decent blocks of time to work collaboratively on a project whilst at the same time keeping all the other projects in the schedule moving forward.

Methodologies

A good grasp of the main project management methodologies (e.g. waterfall and agile) and an understanding of their pros and cons.

Scoping

You will know what functional and technical specs look like — and even contribute parts of the spec themselves.

Technical know-how

It helps enormously if you are not totally out of your depth when developers start talking tech. At a conceptual level, you need to feel comfortable with the main front and back end technical terminology (e.g. HTML/CSS, AJAX, CMS systems, relational databases, APIs etc) . Ideally you will have a good understanding of other key technical areas such as mobile, accessibility and SEO.

Creative know-how

Core to Go Tripod is the fusion of the technical and the creative. So as well as understanding how developers work, you will know a good deal about the creative process too. Fundamentally, you will appreciate that the creative process doesn’t work in straight lines and have worked out how to accommodate this awkward fact into how they run and deliver projects.

Legal

We expect you to have a good overview of the key legal requirements affecting our industry (e.g. Data Protection Act, Disability Discrimination Act).

Attitude

Above all you will have a thirst for knowledge, be enthusiastic, motivated and positive.

Salary / Rate: Negotiable 

Interested?

Then please email your CV to jobs@gotripod.com.

NO AGENCIES PLEASE.

image by twicepix

Both apps and mobile websites have become increasingly important ways for companies – particularly retailers – to connect with people. However, while there have been good arguments put forward for the benefits of both sides – there has been little cold hard data to really compare how many people are engaging across each channel, nor has there been much analysis of user behaviour within them. So how do mobile apps compare to the mobile web?

New research published by Nielsen is hopefully the beginning of an increase in insight into both apps and the mobile web. The data focuses on the 2011 holiday season in the US and saw that, combined, both apps and mobile websites reached nearly 60% of smartphone users – around 58m people (judging by Edison’s most recent count of the number US people with these devices).

However, looking at apps and mobile websites separately, there is a considerable difference between the penetration of each. During December, mobile websites reached 51% of smartphone users (nearly 50m people) compared to apps which topped out at 28% (around 27m people). This shows mobile websites taking quite a big lead with US shoppers buying Christmas presents, reaching almost twice as many consumers.

Judging by mobile user behaviour in the US, there is clearly more value to be attributed to focusing on mobile web rather than developing an app. After all, a well-designed website that is compatible for web can potentially reach the entire connected smartphone audience, while certain apps are developed with certain devices – such as iPhone or Android – in mind.

For developers such as ourselves, there are a growing array of tools and frameworks helping us design websites for increasingly mobile-orientated web users. Bootstrap is an open source project engineered by Twitter which has evolved to accommodate major browsers across PC, tablets and smartphones. Additionally, Skeleton is a small collection of CSS & JS files that can help us rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone.

For businesses who are looking at campaigns which have to include one or the other, the latest word from Nielsen looks to favour developing a decent mobile website instead of an app. However, further analysis into the data reveals some interesting behavioural trends which we shouldn’t ignore, including that US men are slightly more likely to try mobile apps than women – and those who do use mobile apps spend more time browsing than those using mobile websites. Surely, the battle is not over yet, and if it’s engagement with your brand you really want to push then perhaps a fully-fledged app is still the way to go. But for reach alone, a mobile website is likely to be seen by many more potential consumers.

It’s been a great year for Go Tripod and early plans for 2012 look to be just as exciting for our colleagues and for our clients.

First off, I’m pleased to say that our team is expanding again. We have just hired a new office manager, Sophie Yule. As our client base continues to grow, Sophie has joined the Cornwall team to assist us in ensuring our services are delivered as efficiently as possible.

Secondly, to allow for our growth down in Cornwall we have moved to new premises in the centre of Truro. Our new offices are located on St George’s Road, opposite The (famously excellent) Cheese Shop.

To celebrate, the team got together at The Cove, in Maenporth, near Falmouth in Cornwall to have a great meal and one or two drinks.

So, on into 2012. The new year will bring with it a new website design for gotripod.com – allowing for easier scalability as we evolve on into the future. The new design will still incorporate the best bits of the current WordPress functionality, but if you notice anything that doesn’t appear to be working or any other bugs after the new design is launched please let us know.

Additionally, for those of you who may not know, we have a newsletter with our Christmas edition coming out this week. Feel free to subscribe for news, updates, offers and everything else Tripod-related and you’ll be sure not to miss anything.

Finally, we wish all our blog readers, clients and colleagues a very happy Christmas and all the best for 2012.

We have just rolled out an update to Stubmatic. Although on the surface stubmatic looks the same we have made some major changes to the underlying logic in preparation for some future enhancements that we are working on.

For now one of the biggest changes you will notice is we have updated the way events are published. We have changed the terminology from “published” to “listed” and events can now be listed and delisted from your box office at any time. For example, previously when an event was cancelled or sold out it remained on your box office, you can now optionally de-list these.

In addition to this we have made several fixes and tweaks to the system, including:

1. Sold out events now correctly show as available if more tickets are added
2. Layout tweaks to assist navigation.
3. For new events created from today: Have made it clearer and simplified which email address PayPal payments are being sent to.

We are centralising product blogs back to our main blog so all updates to Stubmatic will be posted here from now on.

As mobile and smartphone camera technology continues to become more powerful, there has been increased speculation into the usefulness of camera phones for driving consumers of offline marketing towards digital content via scannable tags, codes and images.

Mobile tagging adoption

From crowd-sourcing reviews and comments of physical products via barcode scanning, to embedding URLs in QR codes, there is certainly a lot of scope for methods of delivering relevant information to mobile users more efficiently than depending on them to type in a web address or make a Google search.

Yet, despite success in Asia (particularly Japan, where QR codes were created by Denso) since 2003, adoption in the West has been relatively subdued. According to research conducted by Toluna Quick, just 19% of UK consumers have scanned in a QR code (11% have done so in the US, say Simpson Carpenter) and 31% know what they are (36% in the US).

Problems?

There are numerous possible reasons for the relatively lacklustre uptake of mobile tagging to date, such as:

• Lack of standard code. The numerous different types of 2D barcodes available may be confusing and/or off-putting to potential users. For instance, in the US Data Matrix codes are also popular while in the UK, QR codes dominate. Most mobile users need to download either paid or free apps before they can attempt to scan the tag they see (although some handsets, such as Android, come equipped with QR/image recognition tool Google Goggles). There have also been a number of other niche codes released, such as Microsoft Tags.
• Not quick enough. Despite the supposed simplicity and efficiency of using a camera phone to read a tag (QR stands for ‘Quick Response’), scanning can be tricky. If tags aren’t clear enough (particularly when there is little light) it can take a few attempts for scans to work – and certain phones are equipped with better cameras than others.
• Content not worth the effort. It might also be argued that content that is most often beyond the code or tag is rarely of any more interest to the consumer than what can be found at the website anyway. There have even been reported examples of tags leading to websites which aren’t optimised for mobile.

Already beyond codes?

Mobile tagging technology is undoubtedly moving quickly, and it may even be argued that we are moving into a post-QR era, even before they really took hold. Recently launched, Blippar is an app which uses the camera on smartphones or mobile devices to unlock digital content simply by recognising the imagery – be it an ad in a newspaper or even a product itself.

By eliminating the need for a code or tag at all, services such as Blippar (other Augmented Reality tools, such as the Layar browser, exist too) have overcome the hurdle of the lack of a standard barcode. And although it remains to be seen whether ‘blippable’ content imposes any restriction on what can be included in the image, it is likely that many designers will be keen to see an alternative to the ugly black and white pixel boxes of QR codes.

Real opportunity?

There is also increased versatility with non-code mobile tagging, giving advertisers and marketers the scope to develop impressive augmented reality animations and games as well as links to URLs and more compelling content such as discount vouchers.

With more opportunity for developing inventive examples of augmented reality, Blipper and others look likely to become quite significant, particularly for multichannel and mobile commerce campaigns by larger organisations and businesses which can afford to develop such ads. If this happens, then mobile tagging will certainly reach a larger audience, and QR codes may continue to have a place too – with their remaining sole USP as the mobile tag which anyone can generate.

One of the biggest stories in the world of the iPad last month centred on the success of the app released for The New Yorker.  By turning their back on interactive features and the ‘Bells & Whistles’ approach to digital versions of offline media, The New Yorker’s developers essentially put all of their efforts into making the app clean and readable.  Simple, huh?

Impressively so.  With over 100,000 readers (and 20,000 paying in excess of $50 for subscriptions) these numbers are dwarfing those being reported for others in the magazine app category and are signalling to developers that app consumers – for all our keenness to adopt emerging technologies and try new things – are still creatures of simple tastes.

So, is simplicity the key to a hit app?  And if so, why?

These are intriguing questions.  After all, in this era of ‘the long tail’ do we really care about hits anymore?  Surely, there are as many folk buying a variety of the numerous niche and complex magazine apps available as there are buying The New Yorker for iPad.  With no limitations of shelf-space in an increasingly niche-orientated world, developers, in theory, could invest the same amount of time and money into a variety of non-simple magazine apps to similar success as they might putting the same efforts into one very simple hit app.

I needed to do a little more research so I reached for my iPhone 4, clicked through to the App Store and went in search for the hit app of the moment.  Although I wasn’t expecting something overly complicated, I was perhaps expecting something kind of new – or at least something with more than one function.  But lo and behold, at the time of writing this, the top free app (and second to top paid-app) on the iPhone is none other than… Snake ‘97 – not only a very simple app (it doesn’t even have a menu screen), but a version of perhaps one of the simplest games that remains popular to this day (at least 30 year since its original release).

Unsurprisingly, the trend is similar across paid and free apps on different devices and I believe if we were to take all the applications produced to date and plotted them on a graph, the left side (head) of the curve would be home to more of the simpler apps, while the tail would be where we’d see the non-simple apps.

So, is the reason for this simply because the majority of app buyers are keen on simple things – in the same way that the straightforward pop of Justin Bieber appeals to more people than the latest prog-funk album by Destroyer?

Maybe.  Yet additionally, I think the fact that apps are still a new media to most people means that when we start searching around the market (where we are, of course, initially presented with ‘the hits’) we’re keen to test it out with things we can understand quickly.  What might be a surprise to developers, is that this young market may need to go through a period of hit making with ultra-simple apps – especially when looking at emerging app categories like magazines – before ‘the tail’ is long enough to really invest in ‘non-simple’ niche apps.

How amalgamating social media might be able to help you get more from your feeds and highlight those networks which aren’t delivering on value

There has been much written recently (this post and this one at Econsultancy are good examples) about the difficulties businesses, marketers and individuals have in being able to quantify and analyse the actual value of social media as a marketing or promotional tool.  In simple terms it is still very hard to see whether 100 ‘likes’ on Facebook leads to a worthwhile number of conversions on your site, and even if you do have 1000+ followers on Twitter does the ROI come anywhere close to that of more traditional (but less sexier) online marketing methods such as email and search?

It is unlikely that any ‘social media expert’ will admit that the benefits of email, search and most other online marketing is a darn sight easier to see than social.  He/she will also not be likely to highlight the experimental and largely trial-and-error nature of social media marketing – and without being aware of this nugget of truth from the outset, anybody with a fledgling online presence can easily end up with a confusing mess of distracting feeds, fruitless cyber-buddies and half-maintained profiles scattered across the web.  So is social media amalgamation a viable route back towards order, and value?

Introducing social media amalgamation – making things more manageable

When thinking about making our social feeds more manageable, tools which offer us an overview of the activities of those across our networks are the ones that usually spring to mind.  Friendfeed, launched in 2007, was something of a pioneer of this.  It gives users a real time overview of Facebook updates from friends, tweets, posts from blogs they have subscribed to and countless others, as well as a simple front page in which you can interact with everything without having to open numerous tabs and logging into separate channels.  The growth of Twitter during 2008 saw the emergence of more microblogging orientated amalgamation tools both in-the-browser (such as Hootsuite) and as standalone programs (such as Tweetdeck).

Getting around distraction

Getting all your most important feeds in one place is a great way to save time that might be spent flitting between profiles.  The tendency to be distracted by social media, however, can still be a problem – and new services are striving to address this.  Launched in 2010, Rockmelt is an entire browser dedicated to getting the most from your social media networks.  By allowing the user to amalgamate feeds direct into the architecture of the browser, they do not even need to navigate away from pages in order to network.  In addition, the service also provides a customizable quiet mode to minimize distraction at the user’s request.

Amalgamating on your site, to help your site

Social media value can also be improved by how we amalgamate our networks on our websites.  Including your feeds such as Twitter and Facebook directly on to your homepage can not only increase the likelihood that visitors will want to connect, but it also helps deliver the freshest content to your site – a positive thing in the eyes of Google and other search engines.  The evolution of this comes with services such as Flavors.me which seamlessly integrates the social networks of its users as a basis for a simple and useful website.

More valuable?

Like all that is social, precisely how valuable amalgamation can be to your overall campaign is difficult to quantify exactly.  Yet, being able to see all your networks side by side is a great way to gather insight into where the most worthwhile conversations are happening and via which channels followers and fans are being most receptive.  In addition, working to cut out as much of the distractive elements of social media is no doubt a step toward value.  And by ensuring as much of your network action is assisting the relevancy of your website in both the eyes of your visitors and search engines is certainly a positive thing.  With decent amalgamation, users are likely to be in a far better position to tweak, amend and refine their social media activities.

As social networking continues to become a key strategy for businesses and start-ups to promote themselves online, photo sharing is an activity which seems second nature to some but almost entirely ignored by others.  So – from a business point of view – is it worth downloading the latest photo app, snapping away at every opportunity, then posting the results to Facebook or Flickr?

Photo sharing to ‘blend in’

It’s a question which has garnered considerable discussion online recently, not least on the newly launched service Quora.  The most popular answer came from VC Simon Olson who argues that photo sharing can form the ‘base activity of the “social” pyramid’ and that ‘it is one of the most popular activities that users engage in on social networks.’  With this in mind, it then seems logical for anyone eager to establish themselves on any social network to spend some time doing what everyone else is doing, not least to align yourself with the audience you are hoping to communicate with, as well as to highlight that you know what social media is all about, i.e. sharing, not promotion.

So just how big is photo sharing online?

Photo sharing has certainly seen fantastic growth over the last few years.  Perhaps unsurprisingly, Facebook has been the key player, increasing its lead as top photo sharing site (ahead of Photobucket, Picasa and Flickr) at the end of 2008 with users now uploading more than 3 billion pictures each month.  Yet, as Facebook’s dominance may have been seen to be making life difficult for other photo hosting sites such as Flickr, whose traffic started to decline by early last year, the site now boasts five billion photos and has increased steadily at 25% over the last 12 months.

The impact of apps and technology

Of course, photo-orientated smartphone apps and the increasing number of camera phones is having a positive effect on photo sharing – and making it easier for all of us to take better looking pictures and upload them quicker than ever before.  Instagram, Hipstamatic and PhotoShop Express all allow photos to be tinted etc. without the need to upload to your desktop or laptop beforehand.  Following this, it makes even more sense that Facebook is winning the photo sharing race with more than two hundred million users accessing the site via mobile – it figures that we want to put our pictures on this network first straight from our phones.

The case for…

For some, photo sharing is a great way to naturally instigate communications on social networks (especially at the start of a SM campaign), and it is becoming an increasingly quick and easy way to do this.  But is photo sharing worthwhile for any business or start-up with a fledgling web presence?  From an online content point of view, I would add two additional reasons why it may well be: fresh content and transparency.  In simple terms, fresh content is good for keeping both your audience and Google interested in your presence.  If you are active, even with only one piece of content a day – then a photo can be a quick way to achieve that daily goal to remind everyone that you’re still there.

The latter reason, transparency, relates to the earlier point of ‘aligning yourself with the audience you are hoping to communicate with.’  One of the ways businesses and start-ups really succeed with social media is by highlighting the human side of the organization behind the corporate persona which is often presented on the website.  Simply put, evidence of staff events and non-work activities showing that your organization is a diverse bunch of real people is much easier to see in photos rather than text-based blog posts, status updates or tweets.