|
|
| (One intermediate revision by the same user not shown) |
| Line 1: |
Line 1: |
| ===Concept===
| |
| This semester, I began to develop an app for the iPhone and iPad, called <i>Appropriator</i>. This app provides the user with a library of selected elements from famous paintings throughout history, which can then be incorporated into the user's own personal image and shared via a variety of social networks. I collaborated with Ian Morrison to design and develop a promotional web site for <i>Appropriator</i>, which is still in progress. The live-site-in-progress can be seen here:
| |
| <br><br>
| |
|
| |
|
| ===Link===
| |
| [http://doubledi.com/appropriator/AdvWebAppII/index.html Appropriator Web Site]
| |
| <br><br>
| |
|
| |
| ===Interactive iPad Snapshots===
| |
| http://doubledi.com/appropriator/AdvWebAppII/img/01.gif
| |
| <br><br>
| |
| http://doubledi.com/appropriator/AdvWebAppII/img/02.gif
| |
| <br><br>
| |
|
| |
| ===Interactive Functionality===
| |
| The interactive iPad section of the site utilizes two JQuery functions: one that slides through a small selection of background images, and the other that clicks through a small library of artwork elements. Once the artwork element is selected, the user can click and drag the element to place it within the bounds of the iPad screen.
| |
| <br><br>
| |
| This interaction can currently be accessed through the "Artwork" and "Background" text at the top of the site; however, these buttons will soon be incorporated into animated CSS buttons and redesigned into the page.
| |
| <br><br>
| |
|
| |
| ===Technologies===
| |
| The interactive area of the web site is enabled via Javascript and JQuery. All of the positioning on-page was done via CSS. The iPad and iPhone shells were designed as vectors in Illustrator. The font is taken from the Google Web Fonts collection.
| |
| <br><br>
| |
|
| |
| ===In-Progress===
| |
| The next step for us is to design and implement the buttons for the interactive iPad area, so that the functionality becomes clearer to the user. Additionally, the slideshow background images and iphone screenshots currently on-page serve as placeholders for final images. Background texture and final text are also still pending.
| |
