This is a XKCD and Flickr visualizer mobile app. So, this app is used to show the famous XKCD comic and display images from Flickr that are
https://www.youtube.com/watch?v=_qnAdQBV3tg
Untitled file
Warning: Embedding code files within the project story has been deprecated. To edit this file or add more files, go to the "Software" tab. To remove this file from the story, click on it to trigger the context menu, then click the trash can button (this won't delete it from the "Software" tab).
Steven Walentino
CS 160
Spring 2015
This is a XKCD and Flickr visualizer mobile app. So, this app is used to show the famous XKCD comic and display images from Flickr that are related to the XKCD image.
It is fairly simple to use this app. When we open the app, we will be shown our first XKCD image. Also, we can see the Flickr images related to this XKCD image on the left and right side of the XKCD image. The title of the current XKCD, the comic number and the year that XKCD was created are also shown above the image. Then, we can see at the bottom of the XKCD image, there are 3 buttons: Prev, Random, Next. If we click "Prev", then it will display the previous XKCD, if we press "Next" will display our next, and the last one is "Random" which will generate a random XKCD image for us. Also, when we click any of these buttons, the flickr images, title, comic number, and the year that XKCD was created will be directly changed based on the current XKCD image displayed.
Extra Credit:
-Creative display of the flickr image. The way I display the images is by putting them on the left and right side of the XKCD image, so that it doesn't disturb the XKCD image. Also, if we pay attention, it is located on the light gray area. So, it makes the users know that the center of attention is the XKCD image. Also, I put it not in line, the images are in zig zag position which makes it more beautiful.
-Add a "random" button to generate a random xkcd comic. I implement it. We are able to generate a random XKCD comic by pressing the "Random" button
-Include other information about the comic in a clever and non-interruptive manner. Besides the XKCD image, I also put the title, the year it was created, and the comic number of the current XKCD comic. It is non-disruptive since it was put above the XKCD image. Also, I used some font styling that makes those information displayed beautifully.
-Extra attention to design. I make it so that we know that out focus is the XKCD image and the Flickr images are there to make it beautiful. Also, the color that I used are black, white, light gray, and blue which all work well together. I also put the XKCD logo at the top to make it clear that this app is a XKCD visualizer. Also, the flickr logos are shown at the bottom left and right which also adds the beautiness of the look.
1 / 5
Steven Walentino
CS 160
Spring 2015
This is a XKCD and Flickr visualizer mobile app. So, this app is used to show the famous XKCD comic and display images from Flickr that are related to the XKCD image.
It is fairly simple to use this app. When we open the app, we will be shown our first XKCD image. Also, we can see the Flickr images related to this XKCD image on the left and right side of the XKCD image. The title of the current XKCD, the comic number and the year that XKCD was created are also shown above the image. Then, we can see at the bottom of the XKCD image, there are 3 buttons: Prev, Random, Next. If we click "Prev", then it will display the previous XKCD, if we press "Next" will display our next, and the last one is "Random" which will generate a random XKCD image for us. Also, when we click any of these buttons, the flickr images, title, comic number, and the year that XKCD was created will be directly changed based on the current XKCD image displayed.
Extra Credit:
-Creative display of the flickr image. The way I display the images is by putting them on the left and right side of the XKCD image, so that it doesn't disturb the XKCD image. Also, if we pay attention, it is located on the light gray area. So, it makes the users know that the center of attention is the XKCD image. Also, I put it not in line, the images are in zig zag position which makes it more beautiful.
-Add a "random" button to generate a random xkcd comic. I implement it. We are able to generate a random XKCD comic by pressing the "Random" button
-Include other information about the comic in a clever and non-interruptive manner. Besides the XKCD image, I also put the title, the year it was created, and the comic number of the current XKCD comic. It is non-disruptive since it was put above the XKCD image. Also, I used some font styling that makes those information displayed beautifully.
-Extra attention to design. I make it so that we know that out focus is the XKCD image and the Flickr images are there to make it beautiful. Also, the color that I used are black, white, light gray, and blue which all work well together. I also put the XKCD logo at the top to make it clear that this app is a XKCD visualizer. Also, the flickr logos are shown at the bottom left and right which also adds the beautiness of the look.
Comments
Please log in or sign up to comment.