Tuesday 20 May 2014

An MP Came Visiting

23:04 Posted by Unknown , , No comments
Back at the end of March I was lucky enough to be invited by Code Club to attend Parliament and be part of a drop in session for MPs. I was 1 of 5 volunteers who got to talk to MPs about what a great thing Code Club was and what the children were learning from it. Along with the volunteers being invited, the volunteers local MPs were also invited to find out what was being taught in their constituencies, for me this was Harriett Baldwin MP. I had a fantastic meeting with her in Portcullis House where she showed interest in the whole subject area and could see the benefits the children were getting. Before she left she asked if it would be possible to visit my Code Club back in Malvern and meet the children herself. After checking with the school that it was ok a visit was scheduled for Friday 16th May.

On the day of the visit there was much excitement within the club with everyone waiting for our guest to arrive, some having stories to recall about them or another family member meeting Harriett. She arrived with her Senior Parliamentary Assistant Edward Davies and was soon being introduced to everyone. I quickly showed her the progression the children had made during this academic year, showing her examples projects first from scratch, then HTML & CSS before finishing on the Python project that they were working on that week. She was amazed by the creativity shown by the children, all starting on the same project but including their own interpretations by the end. She was also pleased to see girls learning to coding too and was eager to encourage more girls to learn theses skills. She talked to everyone and really engaged with the children finding out what each of them was doing and how they were finding the club.

All too quickly we were at the end of the club. She thanked the children for showing her their club and they thanked her for visiting too. Before Harriett had even arrived she had already got 2 more Malvern schools interested in running a Code Club and she asked me what else was needed. I replied with Code Club providing all the required projects and support for free all the was needed was more me's! Other volunteers with IT backgrounds that are enthusiastic about wanting to teach Computational Thinking and coding to the next generation of children. So to help towards this she said that she would talk to other IT companies on the Malvern Hills Science Park (where she has her constituency office) and also other companies that she came in contact with. In the days after the visit a press release was written to publicize the visit and the benefits the children were get from the club. Hopefully the local press will pick this up and even more people will hear about Code Club.

Additional links
HarriettBaldwin.com - MP meets new generation of Malvern’s brilliant brains

Friday 9 May 2014

Keeping the Code Club Projects With You

13:34 Posted by Unknown , , , No comments
Having a copy of the Code Club projects to hand can be really useful. Sometime you might want to look something up while another time you might want to show a potential volunteer how great the resources are. Originally I had a copy of all the project PDFs on my Nexus 7 and could access them via a shortcut on my home screen that would take me to the top folder. This method was ok but with all the projects getting refreshed and being hosted on GitHub I thought that there must be a better way.

With the ability to download a zip file containing the projects area of the Code Club website from GitHub (https://github.com/CodeClub/CodeClubUK-Projects) I decided that this was what I wanted loaded on my tablet. After expanding the zip file I place a shortcut to the top webpage page on my home screen using ES File Explorer (as I had done with my previous solution). Again this was ok but  but I wasn't quite happy with the result. While previously I was left with a folder structure to navigate through this time I was given a generic html icon that I thought could look better.

After a bit of investigation I came across an interesting feature that was released with build 31 of the Chrome browser for Android (https://developer.chrome.com/multidevice/android/installtohomescreen). When you view a webpage through Chrome you can choose to place a shortcut on your home page that when clicked takes you directly to that page. Even better than that was you could have the page opened in full screen (like an application) and have a personalised image used for the shortcut icon on your home screen. All this is controlled by three extra lines in the head section of the page your interested in linking to.

So I edited the top index.html file in projects zip file downloaded from GitHub. Just below the existing meta tags in the header section I added the following;

<meta name="mobile-web-app-capable" content="yes">

This would open the page in full screen. For the personalised icon I had to provide an image at two sizes (128x128 pixels and 196x196 pixels). This would allow the best icon to be used dependant on what the screen resolution of the device being used was. Copies of my images can be found at the following links;

ccuk_logo_128x128.png
ccuk_logo_196x196.png

I placed copies of these images in the img folder found along with the index.html file. Next I inserted references to the images in the index.html file. Just below the existing link tags in the header section I added the following;

<link rel="icon" size="128x128" href="./img/ccuk_logo_128x128.png">
<link rel="icon" size="196x196" href="./img/ccuk_logo_196x196.png">

Next I had to open the index.html file in Chrome, not as easy as it sounds. The method I used was to open ES File Explorer, select the file, chose to open as, when presented with a list of what to open it as to choose other and finally when presented with a list of applications to choose Chrome. Now this will open the page like normal, not full screen just yet. Next from the drop down menu I chose to Add to home screen and from the dialogue that appeared I named it UK Projects. After clicking add I got a Code Club logo on my home screen that when clicked launches like application. Unfortunately it is slightly spoilt by a line appearing at the top showing that page is being loaded directly from the internal memory. You can get rid of it but you have to load the pages through a local HTTP daemon and I'm not that bothered by the text.