This week was spent brainstorming rough design ideas and layouts. Using the research from last week and the sketches from this week Tony and I decided upon the rough layout for the iPlayer application.
For my independent learning this week I completed chapters 1 - 4 of the Apress text book and watched the first three lectures from the stanford tutorials. The apress book focused mainly on the interface elements of the iOS SDK and how you can use them to work together. The Stanford lectures where more technical and focussed more heavily on the objective-c programming language. Together both resources where a great introduction to iOS development.
The first assignment for the stanford lectures was to create a basic calculator using a stack as the calculator brain. The course provides a detailed walkthrough of how to complete it and I found it to be a great introduction.
Images of calculator app.
This week I began research for the iPlayer design and started looking for resources for the independent learning portion of the subject.
For the iPlayer design I looked mainly at existing video player and news apps in the app store. I was looking for any design features that make an app standout and feel unique, along with ways that other app designers have handled some of the problems I will encounter when developing the iPlayer. As the iPlayer is the first app I will be developing I can’t be sure what these problems will be, though the main design issues I am planning for are:
App Research Review
This app stood out for the way they display the feature video. I think most people would only watch a couple of videos at a time when they are using an app on their phone so having the top stories featured prominently helps people to find the most interesting content. I also like the layout of their ‘navigation page’ the coloured links stand out from the rest of the monotone design.
Another standout was the BBC iPlayer. They opted for side scrolling instead of vertical scrolling and I think it works really well with their layout. They have either one big video or two small video images per view, and it changes as you scroll through their content. I like the design but think having both a top and bottom bars takes up a lot of valuable screen real estate. Also th
I have just finished the CS106A - Programming Methodology course offered online by Stanford, it was awesome and I learned a lot, but completing it on my own was fairly lonely. As the new semester has just started at Stanford it would be an good time to start on another of their computer science classes, and this time around I’m trying to find people to do it with me.
The class I’m going to be following along with CS106B - Programming Abstractions, the website is here if you want more information. Basically you can access all of the assignments and handouts and the lectures are available on itunes.
As far as the study group goes we could get a small forum going or / study groups etc. basically motivation to keep each other going and ask questions. If you interested leave a comment, email me or contact me on twitter and we can get started :)
There are plenty of other guides to getting started with vim but I find most of them to be a bit long or overly complex. If your a beginner developer like me you don’t want to waste hours trying to get vim setup and looking nice.
This guide aims to get vim setup quickly and then point you to some quick tutorials so you can familiarise yourself with the shortcuts and start navigating around your code. Once you are comfortable with the commands you can learn all about the different customisations available.
Step 1: Install
Although vim comes standard on most unix systems I would recommend downloading a GUI version to begin with. I recommend macvim which you can get here: http://code.google.com/p/macvim/
Step 2: Installing Macvim
Install the program as normal and move the script to your PATH (the script lets you open macvim from a terminal window, details below if you need help with that.)
Heres a link to learn more about what your PATH is and what it does : What is my PATH?
If you are unsure what your ‘path’ is, simply type ‘echo $PATH’ into a terminal. It should return something like this: ”/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin:/usr/X11/bin”
Next type ‘cd /usr/bin’ into your terminal followed by ‘open .’
You can then simply drag the script file into the folder you just opened (you might need to enter you system password depending on your user privileges).
Step 3: Get started
Macvim doesn’t look too good out of the box but it is easy to make it look great and people share their customisations frequently.
Now you have vim installed and working, go through a few tutorials to get familiar with how it works.
1. Type ‘vimtutor’ into terminal and work through its excellent tutorial.
2. After you’ve completed that tutorial I HIGHLY recommend the ‘smash into vim’ series from Peepcode. It will get you well on your way to being an expert in vim and provides great insights on how to customise vim to your own tastes.
For those that don’t know Pinspire is a Samwer brothers clone of the exploding Pinterest website.
Today I logged into Pinterest to be met by a strange request from someone asking for my permission to repin a picture to Pinspire.
A quick look around and you can find hundreds of comments exactly like this one, all from accounts with no activity on the Pinterest site apart from comments like these.
Obviously scummy tactics from a crappy clone…
Really great info graphic for App Developers
[Source: iPhone App Design]