forked from UTA-Mobi/Mobi_Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
OurProjects.html
156 lines (122 loc) · 8.17 KB
/
OurProjects.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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <title>Sample Page</title>
<link href="styles/styles.css" media="screen" rel="stylesheet" type="text/css" />
<script src="js/script.js" type="text/javascript"></script>
</head>
<body>
<!-- Top nav bar -->
<div class="navbar navbar-fixed-top">
<div class="navbar-header">
<center>
<button type="button" class="navbar-toggle btn-custom" data-toggle="collapse" data-target=".navbar-collapse" id = "button" style="text-color:white;">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Mobi</a>
</center>
</div>
<div class="navbar-collapse collapse">
<center>
<ul class="nav navbar-nav">
<li><a href="#" id="tiki">OUR PROJECTS </a></li>
<li><a href="GetInvolved.html" id="tiki">GET INVOLVED</a></li>
<li><a href="Resources.html" id="tiki">RESOURCES</a></li>
<li><a href="AboutUs.html" id="tiki"> ABOUT US</a></li>
</ul></center>
</div><!--/.navbar-collapse -->
</div>
<!-- end top nav bar -->
<!-- Side nav bar (stacked) -->
<div class ="row">
<div class="col-md-3 visible-lg">
<ul class="nav nav-stacked" id="StackedNavBar">
<li><a href="#Campus Synergy">Campus Synergy</a></li>
<li><a href="#UTA Radio App">UTA Radio</a></li>
<li><a href="#WebXCavate">WebXCavate</a></li>
<li><a href="#Campus Synergy 2">Campus Synergy-First Thoughts</a></li>
</ul>
</div>
<!-- body -->
<div class = "col-md-9" id = "MainText">
<p id = "Campus Synergy"></p>
<br>
<h1>Campus Synergy</h1>
<span style="margin: 3px 0px 0px; padding: 0px; border: 0px; outline: 0px; font-size: 13px; font-family: Helvetica, Arial, sans-serif; vertical-align: baseline; line-height: 17px; display: block; color: #999999;" >May 2013 – Present </span>
Campus Synergy is an event sharing application. SAAMD sat in front of the whiteboard for months
trying to revolutionize how events are publicized on campus. This application attempts to use
software to provide a more interactive bridge to connect organizations with students. This app
does not aim to put chalking, flyers, nor emails out of business. Campus Synergy will make event
sharing more interactive and fun. The campus synergy (whiteboard days) design tried to revolutionize
all student communication. With this new Campus Synergy, our aims are to concentrate on improving
just the event sharing aspect of campus life.
<p id ="UTA Radio App"></p>
<br>
<h1 >UTA Radio App</h1>
<span style="margin: 3px 0px 0px; padding: 0px; border: 0px; outline: 0px; font-size: 13px; font-family: Helvetica, Arial, sans-serif; vertical-align: baseline; line-height: 17px; display: block; color: #999999;">November 2012 – March 2013 </span>
<p class="description">
The broadcasting station at UTA wanted us to make an app for them. This would be a cross-platform
web app that would stream audio over http and rtmp, integrate twitter, facebook, and allow users to
request songs in realtime.<br />
<br />
responsibilities: social media integration (twitter and facebook), meeting with UTA radio, creating
an easy to use and smooth UI experience, and streaming audio over http and rtmp.<br />
<br />
Frameworks: Phonegap, jQuery Mobile<br />
Languages: HTML5, Javascript, and CSS</p>
<span>
<a href="utaRadioWebBeta/UTARadio.html" target="_blank">
<img src="http://i.imgur.com/sQPv01Q.png" title="UTARadio web environment" /></a>
<strong> click to access the UTARadio web environment </strong>
</span>
<p class="description" style="margin: 10px 0px 0px; padding: 0px; border: 0px; outline: 0px; font-size: 13px; font-family: Helvetica, Arial, sans-serif; vertical-align: baseline; line-height: 17px;">
<img alt="UTA Radio App Experience Day" border="0" class="img-rounded" height="640" src="http://i.imgur.com/ih4gVLH.jpg?1" style="border: 0; vertical-align: text-top;" width="478" /></p>
<p id ="WebXCavate"></p>
<br>
<h1>WebXCavate</h1>
<span style="margin: 3px 0px 0px; padding: 0px; border: 0px; outline: 0px; font-size: 13px; font-family: Helvetica, Arial, sans-serif; vertical-align: baseline; line-height: 17px; display: block; color: #999999;">August 2012 – August 2012 </span>
webXcavate is a caching game. The users of this app tag an eLocation with helpful hints, a question, and an answer. Users that want to play then would view a snapshot of the eLocation, read the hints, and surf the Web following the hints in order to name that eLocation.
<p>Project Members:</p>
<ul>
<li>
Thaddeus Madison: Android Developer for 4.0.3 platform and team coordinator</li>
<li>
Tony Kieu: Android Developer for 4.0.3 platform and parse expert</li>
</ul>
The Concept:
<a href="http://i.imgur.com/OXFpJ.png" title="WEBXCAVATE CONCEPT"><img alt="WEBXCAVATE CONCEPT" border="0" height="350" src="http://i.imgur.com/OXFpJ.png" width="423" /></a>
<h2>Click Here for: <a href="https://docs.google.com/open?id=0B7rItfGsNyoWbWVpeFpwRkRfSlU" target="_blank" title="WebXCavate Walkthrough">The THOROUGH RUNDOWN! </a></h2>
Click Here to: <a href="https://projeqt.com/embed/v2/39810-a63b435b78d26cd8dabe366c5c0b9e77/" target="_blank" title="WebXcavate Project Viewer">Track Project Progress</a>. Made with <a href="http://projeqt.com/" target="_blank" title="Projeqt Homepage">Projeqt</a> - See our explanation of <a href="/index.php/resources" target="_blank" title="TO our resources page">Projeqt</a>! :)
<p id = "Campus Synergy 2"></p>
<br>
<h1 > Campus Synergy-First Time Around</h1>
<p style="color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal;">
Campus synergy is an interactive mobile application for college events. The application has a lot of
features that would transform campuses into socially aware entities. There are a lot of common
features between campus synergy and other official university apps yet campus synergy will change
the way students interact with these apps; from an informative tool into an immersive experience.
We will hold back on the details until the app is ready for prime time!</p>
<p style="color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal;">
Project Members:
<ul style="color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal;">
<li> Essa Haddad: Iphone IOS5 developer and team coordinator</li>
<li>Tuan Ngyen: Google App engine Database developer</li>
<li>Christopher Palmer: Android developer</li>
</ul>
This project was laid to rest, and preserved as case study.</p>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/BootStrap.js"></script>
</body>
</html>