Article 13 Tweet

More Screenshots, Code Snippets and Wireframes

By Ryan Carson @ryancarson

12 August 2009 | Category: Code

[Update]: We want to give a big shoutout to @allisterk and @paul_leibowitz who built aseatapart.com which gave us the inspiration for the app. Meant to say that in our first post :)

As you probably noticed, we've been working hard this week on a mini app called Hello. We're trying to be as open and transparent about the process as we can, in the hope of educating, entertaining and amusing you :)

Here is the latest ...

Development

Matt has been pushing updates to the GitHub repository and he’s moving along quite quickly but there’s a huge amount of work to be done (possibly too much) and we’re a bit worried it won’t get done in time. Here’s a quick update from him on the ASP.NET MVC code:

We are using LINQ to SQL for our ORM. Here is an example of how easy it is to use. To grab a list of sessions that have started or start within an hour’s time, and haven’t finished yet, all you have to do is:

var sessions = _repo // _repo is our DataContext
    .Sessions
    .Where(
        s => s.Start < DateTime.Now.AddHours(1) // starts within an hours time
          && s.Finish > DateTime.Now // hasn't finished
    );

Or how about inserting a set of tags pulled out of a tweet:

_repo
    .Tags
    .InsertAllOnSubmit(
        processedTweet // this is a tweet that has been 'processed'
            .Tags
            .Select(tag => new Tag
            {
                Created = DateTime.Now,
                TagName = tag,
                Username = tweet.Username
            })
    );

Easy, huh?!

We’re using a cool tool from Red Gate called SQL Compare which scripts out the structure of the database as SQL files. You can see an example in the GitHub repo.

Wireframing

I moved the wireframe for the home page from paper into Balsamiq, just to give us a more concrete idea of size and spacing.

Paper Wireframe v2

View larger

Balsamiq Wireframe v3

View larger or Download the original Balsamiq file

Design

Here is how the design is progressing for Mike …

Home page header v1

Home page v2, with search results

View full size

Other Posts You Might Find Interesting

• Sorry - No Related Posts Found