Yet another blog (hopefully a useful one though)
MS Internet Looking back at 2010 and forward to 2011
Dec 20th
MS Internet is Birmingham’s premiere digital agency, and is fast becoming one of the Midland’s biggest business success stories. Since its formation in 2007, this young and innovative company have gone from strength to strength, defying the worldwide economic crisis.
In the last three years, MS Internet has grown three-fold year on year and has won several lucrative contracts and innovation awards, beating larger competitors hands down.
What makes MS Internet stand out from the crowd is its incredibly talented and dedicated staff, highly evolved development process, and shared philosophy that no job is too big or too small.
As well as building websites MS Internet employ experts in search engine optimisation, email marketing, SMS integration into websites, and system management. Not forgetting the company’s highly successful mobile application development department.
We asked MD Martin Saunders what sets his company apart from competitors:
“We have a number of expert staff, all in house, who can competently deal with any requests made by our clients. Our office has a friendly and relaxed atmosphere, and we pride ourselves on taking a sustainable approach to our projects.”
MS Internet’s unbridled success during a time where many similar companies have struggled to stay afloat, proves that hard work, enthusiasm and innovation really do pay.
The last year has been difficult for business because of the global economic downturn but, despite this MS Internet has flourished over the past 12 months. We started 2010 with four members of the company and we have finished with 14. We have also managed to triple our turnover and move from primarily small-scale low budget projects to a much wider spread of projects for SME’s, public corporations and even few celebrities along the way. We have also become a significant player in mobile technology and consultancy now having the ability to produce apps for all native platforms as well as our own mobile web framework.
We hope that 2011 will be as exciting as 2010 and we already have a few interesting projects lined up. We will be launching our mobile web framework in the new year and are looking forward to the first MeeGo apps coming through as well. Another area we are starting to work with is Augmented reality and this will amazing technology will hopefully be big for us next year also.
All in all it has been a fantastic year and whatever 2011 brings it is sure to be just as interesting at MS Internet.
So, what’s this Augmented Reality thing then?
Dec 20th
Augmented reality is set to be the next big thing in digital innovation. AR blends physical and virtual reality and allows the virtual and physical worlds to be linked.
Mobile apps are already utilising AR to a certain extent. Several apps have been developed which overlay information on a real time camera view, such as places to eat and shop, or points of interest in the local environment. There are apps which allow you to measure distances, find the nearest tube station, and even shoot lasers at whoever walks into your phone’s camera frame.
The current apps available are an exciting indication of things to come. MS Internet plan to use their technological know-how and passion for innovation to take AR to the next level. For example, MS Internet plan to design an app which will allow you to scan items in a shop and pick up the best offers and bargains. They also plan to utilise AR to allow gamers to animate their favourite photos and videos. AR will be branching out from the games and entertainment world to take in GPS for cars, medical innovations and near field communication, where information can be passed from one device to another by touching them together.
Augmented Reality is set to be next year’s buzz word in gaming and entertainment, and MS Internet are leading the way from the Midlands.
Exciting new apps for two famous faces
Dec 20th
MS Internet were recently contracted to develop two exciting new apps for some famous faces.
Phil Vickery, well known TV chef and author of numerous cook books, challenged MS Internet to create an iPhone app to coincide with the release of his ‘Seriously Good Gluten Free Baking’ book. The app is aimed at people who have Coeliac disease or are gluten intolerant, or those who simply want to create some delicious gluten free recipes.
Our brief was to design an app that features recipes, a ‘how to’ section, information on Coeliac disease and gluten intolerance, a shopping list section reminding users what ingredients are required for each recipe, and information about Phil Vickery’s other products. All this needed to be presented in an exciting, attractive and up to the minute package, whilst being easy and enjoyable to use.
Olly Smith, Well known columnist, author, TV wine expert and star of ‘Iron Chef Uk’, challenged MS Internet to design and launch an innovative new iPhone app offering advice, information and enthusiasm to anyone who wants to get even more enjoyment from wine.
Our brief was to create a quick and handy application which makes learning about wine fun. The software for this app includes a wine guide, which allows users to choose a wine for the meal they are having, video ‘how to’, ‘wine kit’ and ‘wine styles’ guides, a fun and games section, and a wine hunting tool which allows the user to search for wine in their local area or on the web. The design for this app needed to reflect Olly Smith’s fun, light hearted, larger than life persona, whilst being useful, accessible and attractive.
We carried out extensive research into similar apps on the market and utilised our design and programming experience to create two outstanding apps which were carefully tailored to the target market.
MS Internet’s highly skilled developers hand coded all the app information and created bespoke software, ensuring maximum appeal and ease of use.
Both projects took twelve weeks from initial planning to launch, and complied with all legal and coding requirements. The apps were accepted at the App store on the first attempt, and left our clients more than satisfied with the results. Phil Vickery said:
“A huge thank you to the team at MS Internet for their technical brilliance.”
A look back at MeeGo Conference, Dublin 2010
Dec 20th
MS Internet MD Martin Saunders attended this year’s MeeGo conference in Dublin, along with Senior Developer Tom Clayson. The conference took place in the city’s newly redeveloped Aviva Stadium, and brought together digital experts from across the world. We asked Tom Clayson to tell us more about this exciting event:
What is MeeGo?
Meego is a new Linux operating system for digital devices. The newly developed software is the result of collaboration between Nokia and Intel merging their Maemo and Moblin platforms. An easy way to explain the operating system is to say that MeeGo is to mobiles what Windows is to computers.
Can MeeGo only be used on mobile devices?
No, the really clever thing about the software is that much of its core functionality is shared between different applications, which means that you can use the same software on different devices such as on smart TVs and in-car infotainment systems.
What devices can use MeeGo?
Meego will be available on smart phones, netbooks, tablets, media-phones, connected TV’s and in-vehicle infotainment systems.
What does this mean for the future of digital devices?
MeeGo will allow users to switch between different digital devices made by different manufacturers. So you can go from using an app on a Nokia phone, to an in-vehicle infotainment system made by another manufacturer.
Why choose MeeGo?
MeeGo is the first operating system to target multiple platforms right from the start, which will give it the edge over other software development. The great thing about MeeGo is that it’s an open source project which encourages community contributions. Often this is the best way to ensure that an operating system continues to innovate.
Will MS Internet be using MeeGo?
MS Internet plan to be one of the first agencies to develop apps specifically for the MeeGo platform. We plan to produce apps that will be compatible with mobile devices, netbooks, TV’s, in-vehicle infotainment systems and more in the very near future.
How to (properly) install the MeeGo SDK and Emulator in Ubuntu and Debian Linux
Nov 14th
If you have any trouble, or need any more info then get in contact on twitter: @tclayson or @msinternet and we’ll do what we can to help you.
For the moment the MeeGo wiki and the documentation are surprisingly difficult to navigate and there is a lot of wrong and outdated information on there. Things are changing so fast I’m sure even this will be outdated very soon, but for the time being here is the information you need to get MeeGo SDK and emulator running on Ubuntu and Debian Linux.
Some things you need to know before continuing. At the time of writing the SDK does NOT work on Ubuntu 10.10 or on 64bit systems. Obviously this will change, probably very quickly, but as of today its not the case.
The first thing to do is to enable “virtualisation”. This can be done in your BIOS. I have a Dell Studio laptop and on starting I had to press F2 to enter BIOS. Then navigate down to “POST Behavior”. Expand this by pressing enter. Again navigate down this sublist to “Virtualization”. Press enter, right (to make sure “Enabled” is chosen) and then ESC and remember to save and exit. Other BIOSs might be different.
This allows the QEMU emulator to run the MeeGo Emulator in your Ubuntu installation.
Once Ubuntu or Debian have loaded, the next step is to start downloading the MeeGo SDK. To do this you need to add a repo to your list of sources. Log in to terminal as root user by typing:
$ sudo -i
Now you need to add a line to your sources.list file. So:
# gedit /etc/apt/sources.list
Now add this line at the very end:
deb http://repo.meego.com/MeeGo/sdk/host/repos/${distribution}/${version}/ /
Where ${distribution}/${version} is “debian/5.0″, “ubuntu/09.10″ or “ubuntu/10.04″ depending on what Linux you are using. Save and exit back to terminal.
Now you need to add the “public repo key”. All this does is allow you access to the repo you just added above. So in terminal again write:
# gpg –keyserver pgpkeys.mit.edu –recv 0BC7BEC479FC1F8A# gpg –export –armor 0BC7BEC479FC1F8A | sudo apt-key add -
That will do the trick. The last step of this section is to run an update on apt. This will download the packages needed to get madde (the MeeGo SDK managing program) to install. So just type in:
# apt-get update
There are several points in this tutorial where a lot of information will be downloaded. I think it works out to about 2gig altogether, so it might take quite a long time to download. When you think its finished type:# apt-cache policy maddeThis should print the details of the madde package. If it doesn’t, or if it throws an error message then you’ve done something wrong and you’d best just start again.Now you need to install the MeeGo SDK. This downloads a lot of data again and will probably take quite a while to do. (You should still be in root here. If you are then the character before you start typing should be a # and not a $. If you are not in root then you will need to type sudo -i again and put in your password).
# apt-get install meego-sdk
Once that finishes you need to create your targets. This is one of the bits that I find the most complicated on the wiki page. If you followed the last instruction you will have downloaded both the arm and the ia32 targets ready for creating. This means that there are a total of THREE targets to install. You can check this by running sudo mad-admin list. You will see in that list: meego-core-arm7l-1.1, meego-handset-ia32-1.1 and meego-notebook-ia32-1.1; These are the targets you will need to create. Now this process takes a very long time too. Each target is a few hundred mbs large and (unfortunately) you have to download them one at a time, so if you were thinking of going for the “leave it overnight” solution this will take you three nights to complete. So to create each of the targets you need to run these three lines:This creates the first target:
# mad-admin create -f meego-core-arm7l-1.1
This creates the second one:
# mad-admin create -f meego-handset-ia32-1.1
And then the third and final one:
# mad-admin create -f meego-notebook-ia32-1.1
At that point, if you are trying to install this on a 64 bit system it will fall over. You can test to see if its worked. The first thing is that it took ages to download. This is always a good indicator that it worked. The second is to try and build against a target. Lets choose the meego-handset-ia32-1.1 target:
# mad -t <target> pscreate -t qt-simple qthello
# cd qthello
# mad -t <target> qmake
# mad -t <target> make
# file build/qmake
You should get an output like this when you run the last line:
build/qthello: ELF 32-bit LSB executable, ARM, version 1 (SYSV), dynamically linked (uses shared libs), for GNU/Linux 2.6.25, not stripped
If you get something drastically different then there is a problem. However if you have followed these instructions you shouldn’t have a problem at all.
Now we are going to add the targets to QT Creator. Go Applications -> Programming -> QT Creator (in my Ubuntu this didn’t appear straight away and I had to go into the Menu Manager in the System -> Preferences menu and uncheck & recheck “QT Creator” from the Programming menu).
You need to now select Tools -> Options -> QT 4 -> QT Versions (tab) and press the + button on the right hand side to create a new target. The name doesn’t matter and the QMake location is usr/lib/madde/linux-i686/targets/<target>/bin/qmake. You need to do this for each of the three targets above, substituting in the correct target each time. So here are my names and targets for you. Each time you enter a new one click on rebuild before you press apply and move onto the next one. There is a little red X next to the label Debugging Helper which will go green when you’ve done this.
If you just copy those into your version of QT Creator then this will work.
You can now build against these targets (as you will see later on after we’ve installed the simulator). But for now lets get on with installing the simulator.
Ok open Terminal again. This time you want to log in as root again. Thats
$ sudo -i
and put in your password.
Now we’re going to install the MeeGo simulator images. You can see these by typing mad-admin list in the command line. Right at the bottom of the list you should see:
meego-handset-ia32-qemu-1.1.20101031.2201-sda-runtime (installable)
meego-netbook-ia32-qemu-1.1.20101031.2037-sda-runtime (installable)
These are the images we need to install to use within QEMU emulator. So lets install them:
# mad-admin create -f -e meego-handset-ia32-qemu-1.1.20101031.2201-sda-runtime
# mad-admin create -f -e meego-netbook-ia32-qemu-1.1.20101031.22037-sda-runtime
That will have created the images for you. Now you can make sure they have been installed by running mad-admin list again from the command line and the (installable) after the two simulator images we just installed should have changed to (installed).
You can start the handset runtime image by running this command from the Terminal:
# mad remote -r meego-handset-ia32-qemu-1.1.20101031.2201-sda-runtime poweron
Or to open the netbook runtime image just substitute meego-handset-ia32-qemu-1.1.20101031.2201-sda-runtime for meego-netbook-ia32-qemu-1.1.20101031.22037-sda-runtime.
Last stretch now, I promise! All you need to do is allow QT Creator to access this emulator. Open QT Creator and go to Tools -> Options -> Projects -> MeeGo Device Configurations (tab).
In the dialog box, create a new Device Configuration by clicking on Add, give the new Device Configuration a name in the Configuration Name text field (I called mine MeeGo Emulator), and add the following settings in the other test fields:
- Device type: choose MeeGo emulator
- Authentication type: Password
- Host name: 127.0.0.1
- Ports, SSH: 6666
- Note that the emulator is setup with a redirect from port 6666 on localhost to the SSH port (22) of the emulated device.
- Ports, Gdb Server: 13219 (the default)
- Note: If this port is not free, you can select another one.
- Connection Timeout: 30
- User Name: root
- Password: meego
Click Apply. You can test these settings by choosing the device you just created from the drop down menu and clicking Test to the right. If successful, you’ll see a dialog box with the message “Device configuration successful”. If the message “Could not connect to host” is displayed, check your setting selections and make sure that the network is connected.
Now you should be able to run the emulator from QT. To do this start a new QT Project. It needs to be a Mobile QT Application and it needs to build against all the MeeGo targets. All the other options just leave at default for now. They don’t matter for us. You should notice (as long as the correct project is selected) that there is now a small device-style icon above the hammer icon in the bottom left of the screen. This has a small green circle on it which looks like a smaller “build” icon. Clicking this should open the emulator for you. This is what you will get:
Intel AppUp
Oct 20th
AppUp – an app store for netbooks
There has been a recent trend of creating app stores and with our own interest in Meego the Intel AppUp store begged investigation. There has been a certain amount of initial criticism of the AppUp site and I have to agree that there are quite a few confusing points in the references to Moblin etc but overall I did manage to gain an understanding.
The SDKs
I am a developer so I started with the SDKs. First step was to download the sdk. Simple I thought, lets have a look at the one at the top (C, C++). I clicked the “Download” button and … Nothing happened. I tried again. And again. By the thirty eight’th or so attempt I noticed the little “Login Required” note so I found the little “Register” link at the top of the page and filled in a pretty small form, agreed to some terms and voila the button worked!
Then I spotted the Adobe Air Melrose SDK and thought I’d have a look at that as well. Unfortunately this was not so simple. The button at least worked thanks to my logging in initiative but instead of just downloading the SDK I was presented with another registration process. This was a pretty long winded affair including adding an organisation and members. Then completeing another long process to signup to the AppUp developer program. It was made clear that the program was free but I still had to add a paypal ID. Now, finally I was allowed to download the SDK. My immediate thought was that there was some additional licencing issue with the Air SDK but I am inclined to think that this is not the case and rather, the system is just messy.
So, the next thing to do was to look at the SDK itself. So, Start > All Programs > Intel AppUp Software Developement > ??? There is a debugger tool and some libraries. Where is the SDK?
A bit of reading later it seems that I am supposed to use Visual studio and add the SDK scripts to allow my eventual app to live in the AppUp store. I guess this provides the process that allows the DRM and distribution tracking. More than anything it is all just somewhat confusing. There is documentation but it is not immediately obvious what you are supposed to be doing.
AppUp Itself
(I added the grey border in Photoshop)
So, what is the AppUp centre like as an app store? I downloaded the centre for Windows on my Intel Core 2 Duo laptop even though it is supposed to be targeting Intel Atoms only. Still, it installed and ran fine. My initial reaction to the design was that I did not really like the white design framework because I could not see where AppUp ended and my browser (behind AppUp) started. Also, the panels of content seemed to load very slowly. I navigated to a free game and tried to download.
“You must be registered!” It said so I registered and went back to AppUp.
“You are registered in a different country to the store you installed” it said. I couldn’t recall actually choosing a country but hey. “AppUp will restart in the correct country”. Ok, I thought.
A cup of tea later I decided that AppUp had probably lied to me and was not going to restart so I clicked the program again and it all ran fine. I thought I was still in the US store because all the prices were still in US dollars but no, we have now apparently joined a new global super-currency and dollars are used world-wide. Seriously, for a multi-country store to not have multiple currency support is pretty lax.
Anyway, I finally downloaded an app. Next problem – where is my app? Not on the desktop or in All Programs that’s for sure. Oh, inside AppUp Centre. Fair enough, there is a big old “Launch” button. At this point I expected to crash the app or my laptop due to the lack of atom processor but the app ran perfectly. I then spent the next hour and a half trying to figure out what clay combined with to make bricks bringing a slight pause to proceedings!
Conclusions
Well, sorry Intel but it is a bit of a mess. The site content isn’t as clear as it could be but it is not catastrophic. The different access requirements for different SDK versions is pretty sloppy too. Dollars in a UK store is kinda rude and I actually much prefer the design of the AppUp website to the AppUp centre itself. On the plus side the application I downloaded (Alchemy Classic) worked perfectly and was really addictive.
So, will it work?
From a developer’s point of view it does make netbook distribution pretty simple but developers only get “Up to 70%”. So it is at best the same as Apple. Unlike the Apple app store though there are a lot of ways to get apps so developers may favour other routes.
From a consumers point of view it is a bit fiddly but works ok and the apps themselves are fine.
At the end of the day I think that success depends on volumes. Loads of great apps will bring loads of consumers and vice-versa. The problem I see is that there are now a lot of app distribution routes so this dilutes the apps and the customers. Plus trends seem to suggest that the netbook market is shrinking in favour of tablets. This might mature to a hybrid situation with MeeGo but I think we will know either way in 12-18 months. However, for desktop apps I think the perfect system already exists and this is the package management system in Linux. It is just so easy to search for and download all sorts of software and I think that if this process can be modelled more closely a desktop app store actually stands a chance.
But…
Intel, you are really not helping yourselves with the messy system you have. You give the impression of a disorganised, poorly resourced outfit and this reflects badly on the company as a whole. It should be no more than a few days work for a competent development team to straighten out the website issues and it should all be fixed by now. (Sorry but it’s true and I am saying this for your own good).
The future of eCommerce – mCommerce?
Jun 23rd
I was lucky enough to be invited into the Magento Mobile introductory Webinar which was very interesting and very well put together. The content will shortly be available on the Magento website.
So, what is this mobile commerce, or mCommerce to the cool kids, all about? Well for starters mCommerce sales already account for $2.5 billion per year and this is projected to rise to around $24 billion per year within the next 5 years which would lead it to account for almost 10% of all eCommerce sales. With this sort of sales volume it is not just the big players that should take mCommerce seriously.
Obviously the next question for someone thinking about this is how to get this whole mCommerce thing happening. There are a couple of routes and some pretty big pros and cons here. The biggest difficulty with the mobile world is what us geeks call fragmentation. This is that there are several different platforms, all of which operate differently and even use totally different operating systems.
There are two ways that mCommerce can operate. The first is as a website which is presented differently to mobile devices. This has the advantage that one solution can be accessed on all devices but there are some performance and user-interface sacrifices. At face value the native app just works better in terms of giving a high quality experience. However, the native app route means development costs are much higher and development must be done separately for each device. However, if the initial cost hurdle can be overcome the high quality result can give excellent results. Oasis, for example, reported to break even on their app after only one month.
In terms of the different platforms there are currently:
iPhone (and now iPad; it isn’t a phone so is it just a Smart?) – The daddy of the mobile app world. There had been a bunch of smart phones before the iPhone that had supported third party applications but it was Apple’s App Store that first got peoples attention in a big way. Ironically, Apple were against this idea first and wanted everything to be web based originally. There are currently something like 200,000 iPhone apps and there have been over 2 billion downloads from the App Store. Applications for the
Android – This is the newer open source operating system from Google. There are a very large number of handsets from numerous manufactures from Sony-Erickson, through Samsung to Dell. Android is built on Java which is a language with a fairly large developer community already. Also, Android is pretty flexible so all sorts of different things can be done with Android apps. In the first quarter of 2010 more Android handsets were sold in the US than iPhones and Android shows the fasted rate of growth in uptake of any smart phone OS. However, this is just before iPhone 4 was released so time may tell that this is a little artificial in what it means.
Blackberry – The Blackberry is still the mainstay of corporate types. To now, Blackberry apps have been pretty poor and performance is quite variable. However, RIM (the makers of Blackberry) have recently released a new App World and developer tool set so this is likely to change. In many countries the Blackberry is the most popular smart phone type by a large margin so if the apps could be made to behave there is a big market out there.
Symbian + Maemo – These are two smart phone OS’s with daft names (not that the others are much better) from Nokia. Around the world there are more Symbian smart phones that any other type of smart phone device. At the moment there are some major delivery and consistency issues with Symbian apps and teh handsets are fairly low end. Maemo is newer and is based on Linux. I think it is too early to tell if Maemo will take off but from a developer’s point of view apps for both Symbian and Maemo can be build with the same tool.
Windows Mobile (and Windows Phone 7) – Microsoft were a very early provider of smart phones. There are a fairly large number of business oriented Windows mobile apps but not so many casual apps. Windows Phone 7 may see this change (I personally think it will anyway). Windows Phone 7 uses Silverlight for the simple user interface stuff which is a fairly straight forward thing to use and has some developers already. For games etc XNA studio is used which is the same as for the XBox so again a developer community already exists. Knowing Microsoft Windows phone 7 will be a successful mobile platform and I think it will take off but you never know.
Palm WebOS – Poor Palm, they had the next big thing, it was a revolutionary system. Beautiful to use and easy to develop for. Unfortunately no-one bought one though so they folded. HP bought up Palm so we don’t know yet what will happen so this one is a bit of a watch this space.
Samsung Bada – This is a relatively new mobile OS that lives on the Samsung Wave 2. It is quite a nice OS but for app developers we need to know that there will be a decent sized audience before we start committing resources to the system. There is however a pretty large developer challenge with some nice juicy prizes up for grabs and Samsung are pushing hard to make their new mobile OS stick so this is another wait and see.
So, all together we have eight seperate mobile OS’s to look at for native mobile apps. At the moment you would consider iPhone first but also iPad and Android. Blackberry and Windows mobile (maybe just Phone 7 though as it is coming soon) are a pretty safe bet and plausable for app development. The others really need to prove themselves but all have an audience so if you are Facebook or someone similar and want to target absolutely everyone they are worth considering. Equally if you wish to target a certain country then they are worth looking at. For example China is almost exclusively Symbian.
Ok, so we have looked at what mCommerce is, whether it is best to go for a mobile website or a native mobile app but there is a middle way. This is not something that really works well yet but does offer a compromise. I will not go in to too much detail but essentially a transferable web-based core is embedded into a device specific wrapper. A few platforms exist with PhoneGap being my favourite (it’s free and I’m tight) but you can tell where the web content exists which to me is a fail most of the time. It is a bit like the old Geo-cities sites in the rickety way they sometimes work and for a commercial product I don’t think it is good enough (yet).
I think that for most companies a mobile app is the best bet at the moment. They are a bit expensive but an ROI is pretty much guaranteed. There is still a great PR buzz around them so just the publicity will usually make it worth it. The important thing is too look at how your customers are likely to want to interact with your business on a mobile device. If the mobile application is the product (in the case of a game) the return can be highest but so is the risk. Whatever your business though there is sure to be an app for that 
.
As a foot note we are a mobile application development company as well as a web design company and we can offer development on all platforms as well as strategy / consultancy. See our main site for info or contact details. Also, we are in the UK but can operate globally. I would buy the msinternet.com domain but they want $10,000 and as I already said, I’m tight!
MS Internet Desktop Wallpaper
Jun 22nd
Just a little post for you today. Click below to download our new desktop wallpaper. It is super large so it will look good at most sizes.
Tachodisc iPhone App now available via the app store
Apr 22nd
MS Internet have been working with Tachodisc to develop there new iPhone app for digitach users.
At the April 2010 a CVO Show, Tachodisc unveiled there first iPhone and iTouch App for drivers and operators who want easy and instant access to the latest information relating to Digital Tachographs and Drivers Hours’ Law.
The new ASKTachodisc-Mobile App (now available to download for free from the Apple App Store) has been created by MS Internet to provide users with a handy legal reference guide and a much-needed guidance resource relating to the practical day-to-day operations of digital tachographs.
It will contain bite sized and easy-to-understand reference information on Drivers Hours’ Law, Working Time Regulations and Driver CPC, and will feature Tachodisc’s popular digital tachograph ‘How To’ user guides. The ‘How To’ guides contain helpful information on how to make the transition over to digital and provide a useful referral point for drivers out on the road, and where there is no access to a computer.
The topics featured cover the key operational aspects of using digital tachographs, from a How to Guide to Tachographs which will pictorially illustrate how to operate the three different types of tachographs from VDO, Stoneridge and Actia, to information on Paper and Using Printer Rolls, Pictograms, Data Collection and Analysis. In addition, advice on choosing Downloading Devices and Drivers Aids will be available.
Tachodisc will also send free regular legislative and news updates via the App’s live RSS feed function to ensure users are kept up-to-date with all the latest developments.
In true iPhone fashion, the ASKTachodisc-Mobile App’s navigation will use the famous style slider and incorporate the ‘pinch and stretch’ technology to allow users to zoom in and out of key information.
Karen Crispe, Tachodisc’s Director says; “At Tachodisc we pride ourselves on continually finding new and innovative ways to share our experience and deliver meaningful and beneficial information to our customers. Over the years, especially since all the changes to Drivers’ Hours Law and the introduction of Digital Tachographs, we have given away tens of thousands of printed legislative guides, created www.asktachodisc.co.uk and now, we are very excited about becoming the first to launch an iPhone App solely dedicated to digital tachographs and the law.
We believe, the ASKTachodisc-Mobile App will not only be a valuable ‘one stop’ reference aid for drivers on the move, but it will also be the perfect tool to keep customers proactively informed – it literally will enable us to send the latest Drivers’ Hours Law and Digital Tachograph information right to a drivers finger tips, no matter where they are.” Ms Internet are proud to be apart of such a useful application.
Bt Clicking the link below you will be navigated to the app store to view the iPhone app’s, reviews, ratings and information.
Magento: jQuery Accordian Menu
Mar 6th
Ok here’s how to make a dynamic jQuery sliding accordian menu in Magento, as seen on http://www.waterfrontbathrooms.com/.
Waterfront bathrooms also has a dynamic tree menu system to deal with there being more than 2 levels of categories, but I’ll cover this in a future post.
- Upload jQuery
Upload the latest jQuery version to js/jquery/jqueryfile.js. You can get the latest jQuery file from: http://docs.jquery.com/Downloading_jQuery - Upload ddAccordian
Upload ddAccordian menu script to js/ddaccordian.js. You can get ddaccordian.js from http://www.dynamicdrive.com/dynamicindex17/ddaccordion.js - Call the javascript files from the page head
Open app/design/frontend/yourpackage/yourtheme/template/page/html/head.phtml and put the following lines in anywhere after the default lines of code.
<script type="text/javascript" src="/js/jquery/jqueryfile.js"></script><br /> <script type="text/javascript" src="/js/ddaccordion.js"></script>
- Create the navigation template file [download here]
Create a new phtml file in app/design/frontend/yourpackage/yourtheme/template/catalog/navigation/ You can call this whatever you like, but for the purpose of this post lets call it AccordianMenu.phtml.This would be app/design/frontend/yourpackage/yourtheme/template/catalog/navigation/AccordianMenu.phtml.
In this file you want to put this code. This is what gets all the categories from the database and displays them in a way that ddAccordian can understand.
<?php /* Get the categories that are active for the store */ $_main_categories=$this->getStoreCategories(); /* Get the current category the user is in */ $_default_category=$this->getCurrentCategory(); ?> <div id="leftmenu"> <?php if ($_main_categories): /* This bit cycles through the categories - setting the next one to current */ foreach ($_main_categories as $_main_category): // if(($_main_category->getIsActive()) && ($_main_category->getId() != 37)): // Skip Category with ID of 37 if($_main_category->getIsActive()): $cur_category=Mage::getModel('catalog/category')->load($_main_category->getId()); $layer = Mage::getSingleton('catalog/layer'); $layer->setCurrentCategory($cur_category); ?> <?php $_categories=$this->getCurrentChildCategories()?> <?php if($_categories->count()):?> <div><?php echo $this->getCurrentCategory()->getName();?></div> <div> <ul> <? foreach ($_categories as $_category):?> <? if($_category->getIsActive()): $cur_subcategory=Mage::getModel('catalog/category')->load($_category->getId()); $layer = Mage::getSingleton('catalog/layer'); $layer->setCurrentCategory($cur_subcategory); ?> <li>» <a href="<?php echo $this->getCategoryUrl($_category)?>"><?php echo $_category->getName()?></a></li> <? endif;?> <?endforeach?> </ul> </div> <?else:?> <div><a href="<?php echo $this->getCategoryUrl($_main_category)?>"><?php echo $_main_category->getName();?></a></div> <?endif;?> <?php endif; endforeach; ?> <?php endif; ?> <?php $layer->setCurrentCategory($_default_category); ?> <div><a href="#">Information Page</a></div> <div><a href="#">Information Page</a></div> <div><a href="#">Information Page</a></div> </div> - Refence the AccordianMenu.phtml in catalog.xml
In your main layout file (app/design/frontend/yourpackage/yourtheme/layout/catalog.xml), you need to tell Magento what the Accordian file is, and where to put it. This tutorial isn’t really about covering the workings of your catalog.xml file, you’ll find plenty of tutorials about this if you search around google. The code I use to link the accordian menu to the left column is:
<reference name="left"> <block type="catalog/navigation" name="catalog.accordianmenu" template="catalog/navigation/AccordianMenu.phtml"/> </reference>
- Configure ddAccordian settings
Open your head file again (app/design/frontend/yourpackage/yourtheme/template/page/html/head.phtml) and add the following code underneath where you called the scripts.<script type="text/javascript"><br /> //Initialize first demo:<br /> ddaccordion.init({<br /> headerclass: "navhead", //Shared CSS class name of headers group<br /> contentclass: "navcontent", //Shared CSS class name of contents group<br /> revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"<br /> mouseoverdelay: 400, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover<br /> collapseprev: true, //Collapse previous content (so only one open at any time)? true/false<br /> defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.<br /> onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)<br /> animatedefault: true, //Should contents open by default be animated into view?<br /> persiststate: true, //persist state of opened contents within browser session?<br /> toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]<br /> togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)<br /> animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"<br /> oninit:function(expandedindices){ //custom code to run when headers have initalized<br /> //do nothing<br /> },<br /> onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed<br /> //do nothing<br /> }<br /> })<br /> </script>
You can play with these values to get the desired effect, such as opening the sub categories on mouseover rather than click.
Now hopefully with a bit of styling you should be in business. If you have any questions/problems with this, leave a comment and I’d be happy to help.
Credit for the ddAccordian script goes to the guys at www.dynamicdrive.com. They have some pretty cool scripts over there, you should check it out.
Incase you missed it, you can download my AccordianMenu file from http://www.msinternet.co.uk/AccordianMenu.txt
Ben
Creative Lead
MS Internet