Title: WAIT! I AM A GOOD STUDENT!
Group: Emily & Chloe
Instructor: Cici &Alvin
Project: Interactive Comic
He is a freshman who loves eating, playing and especially, daydreaming. And the whole story is sort of like a portrait of one day of Good’s life. When he is faced with problems, we will offer choicesand it is then up to our userto decide how Good’s destiny will be like, which we think, is very interesting and interactive. We take real life photos and invite our friend Skye to draw characters for the comic. And then we cut it out with Photoshop and use programming to combine them together as well as build some interactions.
Discussion of the process: Firstly, We have divided our project’s work into several parts and I think it really makes us work more efficiently. For example, I am mainly responsible for the detailed transcript, basic image editing and programming part while Chloe mainly focuses on the Photoshop part. And we do the photography and draft transcripts together. And I really think it has improve our ability to cooperate with each other. And later we just carry out the plan as we made at the beginning and we do make a lot of adjustments during the process. As I mentioned above, I am mainly responsible for the detailed transcript, basic image editing and programming part. I have to admit that before the project, I was really bad at programming and knew almost nothing about the complex codes. Thus, I met a lot of problems during the project but I was so happy that I all work them out finally. By referring to those previous exercises along with doing research on my own, I find myself much better at programming than before. Also, I think that my ability to cooperate and compromise is also well strengthened. Because Chloe and I may have different or even contradictory ideas towards one problem so we just have to discuss about the pros and cons for each plan and try to reach a best agreement. I used to be afraid of it but now I really think I am doing much better than before.
How the project works: The structure of our comic is actually simple. On our home page we have six funny emojis buttons (drawn by Skye) and if you click on them, you will be led to different parts depending on which button you have chosen. And one special point our home page is that if you move mouse on the emoji they will turn into the scene of the story which make it to some extent possible for user to preview or guess what the part is about! Then move on to each individual part of the story where we provide various kinds of interesting interactions and stories! For example, part one, part six are similar because they are mainly built like this:
(part 1 screenshot)
you can click on the introduction image to see what is happening through a pop-up window and then you can feel free to “decide Good’s destiny” simply buy clicking on any of the cute buttons down below the pictures. Like this:
(part 6, choice 3)
Besides, we also have audio version parts like part 4 which is read by Siri and part 5 read by Luisa and Chloe. I really like these audio versions because they sound interesting and cool.
(part 5 screenshot)
(part 2 partial screenshot)
And part 3…we have applied function “comments”,which users can type in their own ideas and the details can be seen through the link.
Post-mortem: In general, I do think that our project is quite a success and I am so glad that most of our goals are met! The characters and the backgrounds are exactly like what we had expected while the functions we had designed are mostly done as well. The only part we don’t do well is that we delete one function we wanted to make. We wanted to design a function that the right solution will appear only when user has clicked all the false choices down below. We have tried a lot of times but still couldn’t work that out so we just applied another way. Though it looks still good now, I feel a little pity for it and I will keep seeking the solutions in the future to improve my website one day.