Final booklet

Spread 1

Added rotation and green color change to the main title “Webapp” to invoke more interest.  Second spread and following have reduced the width of comments from the previous critique.

Spread 2

Each code page have a snippet showing the progress of when that specific code was written.  Statistics include date, time taken, lines of code, and emoticon for mood.

Spread 3

Same style as above.

Spread 4

Final back cover includes the same style comments like interior, but differentiates by having a green outline indicating uniqueness of author bio.  ASCII picture of myself is left in due to popular requests.

PDF: Booklet Final Spread

Cover ideas

Cover Idea 1

Wanted to have the front cover to give an indication of the content inside the booklet so the homepage of the web application and title in code are used.  On the back, staying true to the comment style explanation of the interior, explains the author of the booklet and portrays code in 10’s.

Cover Idea 2

This front cover assumes readers won’t care exactly what the code exactly implements, but instead just informs it’s code.  The design writes out code in ASCII letters to make it look even more retro.  The back is similar to Cover Idea, but instead overlays a photo of myself formed using ASCII characters like the front.

Cover Idea 3

Unlike the first two designs which used a lot of black, this last design keeps it clean and simple with part code style and ASCII rendering of myself.  Additionally, it includes “Webapp” to denote the main point of the code as opposed to having the emphasis on code.  This is the design used for the rough draft.