Posts Tagged Android App Market

Sencha Touch, Admob & Phonegap

Android Market

Image via Wikipedia

I recently created a small Android mobile app using Sencha Touch & Phonegap. The app was always going to be free as it does  little more than give website owners the ability to check how their website is performing from a SEO and Social Media point of view.

I thought I might as well try and make a few bob from the app (oh the app is called My Web Performance and is available on Android Market) so the obvious option was sponsored adverts. And no place more obvious to use for sponsored ads, that Google. Google offer a program for mobile developers called Admob. Admob works pretty much along the same lines as Google Adsense in that you place Google Adsense on your website and you earn a % of the amount the advertiser is paying to place their ads on Google. Admob does this for mobile websites and applications etc.

The dilemma was that I couldn’t find out how to get this to work with Sencha Touch and Phonegap. I figured out a little hack in the end that seems to be working out for me so far. So for all you Sencha Touch users, here’s how I did it…

  1. Admob Set Up
    In Admob – when adding a site, choose “Smartphone Web App”. This will present you with Javascript that we can use later.
  2. Sencha Touch
    Ok, the idea is to basically create a new toolbar that uses an iFrame to pull in a separate html file that contains the Admob code. So firstly, create a new HTML file called adverts and paste your Admob code into it.Then in your Sencha Touch application js file add the iFrame code where-ever you think it will sit best. My panel looks like this:

            var content = new Ext.Panel({
                fullscreen: true,
                id: 'content',
                scroll: 'vertical',
                dockedItems: [{
                    id: 'status',
                    xtype: 'toolbar',
                    dock: 'top',
                    title: "My Web Performance"
                	},
    				actionPanel,
    				{
    					title: 'The Latest',
    					html: '<iframe src =\"adverts.html" width=\"100%\" height=\"48\" frameBorder=\"0\" scrolling=\"no\"></iframe>',
    					id: 'feedTab',
    					border: false,
    					dock: 'bottom',
    				}
    			]
            });


  3. Phonegap
    There’s really nothing out of the ordinary to do here – follow the usual steps and you should be laughing!

Enjoy!

 

Enhanced by Zemanta

Tags: , , , , , , ,

11 Comments

NCT Centre Finder App for Android (iPhone too!)

 

If you have ever worked close to an NCT Centre, you are probably familiar with constantly being asked for directions to the nearest NCT Centre. Our offices are based right next door to one very busy centre, Deansgrange NCT Centre. In fairness, it’s not the most obvious of locations and until a couple of months ago, the estate didn’t even exist on Google Maps.

It became quite frustrating when every day on my way to lunch I would be stopped and asked for directions,  when the person asking was parked literally right in front of it. Maybe it’s just my old age, but I ended up resorting to just pointing a finger in the direction of the centre to anyone that started slowing down as I passed their car – I just knew what they were going to ask.

So when at a meeting with a local client who also works from Deansgrange Business Park, discussed the annoyance of this in, they suggested “wouldn’t it be great if their was an app for directions to NCT centres…”!!

We thought this was a great idea and set out to design and develop it as our first Android App.

So here it is!!

The NCT Centre Finder App is FREE and available on the Android App Market. Just search for “NCT” in the market place and you should be able to find it quite easily.

Currently the app is very simple, it lists NCT Centres by county and A-Z. We’ve built it in such a way that most functions can be run offline without a connection to the Internet. So you can see simple maps and addresses etc. Another simple tool we added was a “Checklist”. The checklist is a simple tool that lists all the items needed in preparation for your NCT test.

We wanted to do so much more with this app, but thought we should let it fly first and see if anyone is interested in using it. Please email us with any suggestions or items you’d like added and we’ll see what we can do!

The App is also available for the iPhone, simply visit www.2bscene.ie/nct on your iPhone Web Browser and it will run from there. You can also add it to your desktop on your iPhone, which will mean you will have a lovely glossy icon on your desktop.

And of course – if you’d like an iPhone or Android app for your business – why not call us and see what we can do for you!

P.S. For those who just want to have a nosey look, you can visit www.2bscene.ie/nct in Safari Browser to get an idea of what the App does.

Related Articles

 

Enhanced by Zemanta

Tags: , , , , , , , , , , , , ,

4 Comments