-
Notifications
You must be signed in to change notification settings - Fork 1
/
challenge.html
105 lines (90 loc) · 5.92 KB
/
challenge.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Applicant Challenge Project</title>
<link rel="stylesheet" type="text/css" href="css/app.css">
<script src="https://use.typekit.net/oki2uhq.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-49802010-3', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<header>
<div class="row">
<div class="columns small-12 medium-3-alt medium-offset-1 title">
<a href="/">Open Web</a>
</div>
<div class="columns center small-12 medium-7-alt text-center right-nav trans2">
<div class="fade-left"></div>
<div class="scrollable">
<a href="about">About</a>
<a href="resources">Resources</a>
<a href="workshop">Workshops</a>
<a href="join">Join</a>
</div>
<div class="fade-right"></div>
<div class="fade-bottom"></div>
</div>
</div>
</header>
<section class="content">
<div class="row">
<div class="columns medium-7 medium-offset-1">
<h1>Applicant Challenge Project</h1>
<h2>Due September 23rd, 2016</h2>
<p>
Hi there!
</p>
<p>
Thanks for applying to join Open Web. Before we take a look at your application, we are asking all applicants to complete a small project as part of the on-boarding process. This is to get a sense of how you structure your work.
</p>
<p>
Essentially what you will be doing is creating a prototype application. A prototype application is a rough outline of the app's layout and functionality. No programming or design experience is required. As with many Computer Science classes at BU, reasoning and logic is emphasized in this project.
</p>
<p>
The application you will be using to build this prototype is called "Marvel" and is available on the iOS and Google Play stores for free.
</p>
<p>
<a target="_blank" href="https://itunes.apple.com/us/app/marvel-app/id765801658?mt=8">Download Marvel for iOS</a><br>
<a target="_blank" href="https://play.google.com/store/apps/details?id=com.marvelapp">Download Marvel for Android</a>
</p>
<p>
If you do not own an iOS or Android device, please reach out to one of the Open Web members, and they will help you out.
</p>
<h1>Before Starting Your Project</h1>
<p>To get an idea of what we are looking for, view this example prototype on your computer or mobile device: <a href="https://marvelapp.com/b52bd9" target="_blank">https://marvelapp.com/b52bd9</a></p>
<p>
Before beginning, please watch this introduction to wireframing video: <a target="_blank" href="https://www.youtube.com/watch?v=PmmQjLqJQlY&feature=youtu.be">CharliMarie TV How to wireframe a website</a>. This video shows how to wireframe a personal website, but the skills learned here can easily be adapted to mobile or web apps.
</p>
<p>If you would like a more in-depth look at wireframing, feel free to check out the <a target="_blank" href="https://youtu.be/PQO47_AP6lo">DevTips Wireframing</a> video or read <a target="_blank" href="https://www.uxpin.com/wireframing-hands-on-guide?section=intro">Wireframing: The Hands-On Guide</a>.</p>
<h1>Instructions for Project:</h1>
<ol>
<li>Download Marvel on your iOS or Android device
</li>
<li>Come up with an app idea to work on! You can make a web, iOS, or Android app. If you are unable to think of an idea, you can prototype an expense tracking app for managing money.
</li>
<li>Prototype your application! It is recommended that you use the <a href="https://marvelapp.com/static/site/downloads/devices.pdf" target="_blank">device template provided by Marvel</a> for sketches. (Use the first page of iPhones)
</li>
<li>Use your device's camera to scan in each page.</li>
<li>Link all of your slides together using hotspots. Be sure to add some animations!</li>
<li>Preview your prototype by tapping the blue play button.</li>
<li>When you are finished, tap the "Save/Share" button in the top right. You will need to create a free account.</li>
<li>On the Share screen, tap the "Copy Url" option.</li>
<li>Send an email to <a href="mailto:[email protected]">[email protected]</a> with your submission. The subject line should be "Challenge Submission" and the body of the email should include your full name, your BU email, and the link to your prototype.</li>
</ol>
<p>Once we receive your prototype, we will look at both the prototype and your application and get back to you shortly! Please note that not everyone who completes this project will get accepted. Use this as your motivation to really "wow" us!</p>
<p>If you are in need of assistance in creating your prototype, you can send a Facebook message to either <a href="https://www.facebook.com/Liamdebeasi" target="_blank">Liam DeBeasi</a> or <a href="https://www.facebook.com/lluo96" target="_blank">Lawrence Luo</a>.</p>
<p>We look forward to seeing your prototypes!</p>
<p>-The Open Web Team</p>
</div>
</div>
</section>
</body>
</html>