<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.1/js/bootstrap.min.js"></script>

2013年android实训 新浪微博

Smart Hue 智能灯光控制系统

系统主要功能（必须要配合飞利浦灯泡一起使用）

1. 登陆注册：登陆系统，系统会根据无线环境进行无线网设置连接提醒，进入主界面
2. 添加模板：用户可以使用默认图片，也可以添加图片：从手机选择图片、拍照。通过设置灯泡的颜色，调节灯泡的亮度来控制场景，并且进行模板保存
3. 摇一摇：摇一摇手机，自动切换模板，快捷新颖
4. 设置模板：单击模板，用户可以选择所喜欢的的模板进行使用，长按模板，可以选择“删除”或者“修改”模板

UI界面

• 				<dl>
  					<dt>
  						wifi连接提示
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/SmartHue1.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  			<li>
  				<dl>
  					<dt>
  						wifi设置
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/SmartHue2.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  			<li>
  				<dl>
  					<dt>
  						按下按钮提示
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/SmartHue3.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  			<li>
  				<dl>
  					<dt>
  						主界面
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/SmartHue4.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  			<li>
  				<dl>
  					<dt>
  						显示“+”功能的主界面
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/SmartHue5.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  			<li>
  				<dl>
  					<dt>
  						添加模版
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/SmartHue6.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  			<li>
  				<dl>
  					<dt>
  						添加图片
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/SmartHue7.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  			<li>
  				<dl>
  					<dt>
  						裁剪图片
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/SmartHue8.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  			<li>
  				<dl>
  					<dt>
  						长按弹出操作对话框
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/SmartHue12.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  			<li>
  				<dl>
  					<dt>
  						修改模版
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/SmartHue13.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  			<li>
  				<dl>
  					<dt>
  						摇一摇
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/SmartHue%E6%91%87%E4%B8%80%E6%91%871.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  			<li>
  				<dl>
  					<dt>
  						摇一摇
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/SmartHue%E6%91%87%E4%B8%80%E6%91%872.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  		</ul>
  	</div>
  </div>
  <h4 class="alert alert-info text-center">MyMoment</h4>
  <a href="http://bingoshare.u.qiniudn.com/MyMoment.apk">下载</a>
  <div class="panel panel-success" style="margin-top: 10px;">
  	<div class="panel-heading">
  		<h3 class="panel-title">UI界面</h3>
  	</div>
  	<div class="panel-body">
  		<ul class="list-inline">
  			<li>
  
  				<dl>
  					<dt>
  						欢迎界面
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/MyMoment1.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  			<li>
  				<dl>
  					<dt>
  						主界面
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/MyMoment2.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  			<li>
  				<dl>
  					<dt>
  						记录时光
  					</dt>
  					<dd>
  						<img src="http://bingoshare.u.qiniudn.com/MyMoment3.png?imageView/2/w/320/h/480" class="img-thumbnail">
  					</dd>
  				</dl>
  			</li>
  		</ul>
  	</div>
  </div>