Skip to content

Commit 1f27ce4

Browse files
author
石川 真也
committed
docsディレクトリにサンプルを追加した。
1 parent 78f15dc commit 1f27ce4

File tree

576 files changed

+140472
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

576 files changed

+140472
-0
lines changed

‎docs/CameraPage.html

+102
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>DConnect Demo</title>
6+
<meta name="viewport" content="width=device-width, user-scalable=no" />
7+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
8+
9+
<!-- CSS -->
10+
<link href="./vendor/fw/jqm/jquery.mobile-1.4.2.min.css" rel="stylesheet" />
11+
<link href="./vendor/fw/h5/h5.css" rel="stylesheet" />
12+
13+
<link href="./src/css/style.css" rel="stylesheet" />
14+
<link href="./src/css/camera.css" rel="stylesheet" />
15+
<link href="./src/css/loader.css" rel="stylesheet" />
16+
17+
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
18+
</head>
19+
20+
<body>
21+
<!-- CAMERA DEVICES SELECTION -->
22+
<div id="devices" data-role="page">
23+
<div data-role="header" data-theme="b">
24+
<a class="home-btn" id="homeBtn"> <img src="./src/res/icon_hifive.png" alt="Thumb" />
25+
</a>
26+
</div>
27+
<div class="main-content" id="camera_list">
28+
<h2>Camera Devices</h2>
29+
<input type="button" id="refreshBtn" value="Refresh">
30+
<div id="camera_devices"></div>
31+
</div>
32+
</div>
33+
<!-- CAMERA APPLICATION -->
34+
<div id="app_control" data-role="page">
35+
<div data-role="header">
36+
<a href="#devices" class="back-btn" data-icon="carat-l" data-iconpos="notext"></a> <span class="ui-title">CAMERA</span>
37+
38+
<div data-role="navbar">
39+
<ul>
40+
<li><a href="#" class="ui-btn-active" data-href="remote_content">Remote</a></li>
41+
<li><a href="#" data-href="photo_content">Photo</a></li>
42+
<!--
43+
<li><a href="#" data-href="video_content">Video</a></li>
44+
-->
45+
</ul>
46+
</div>
47+
48+
</div>
49+
<div class="main-content" id="camera_control">
50+
<div id="remote_content" class="tab-content">
51+
<fieldset data-role="controlgroup" data-type="horizontal">
52+
    <input data-icon="camera" type="radio" name="shutter-mode" id="shutter-mode-camera" value="camera" checked>
53+
<label for="shutter-mode-camera">Camera</label>
54+
<!-- <input data-icon="video" type="radio" name="shutter-mode" id="shutter-mode-video" value="video"><label for="shutter-mode-video">Video</label> -->
55+
</fieldset>
56+
57+
<a id="shutterBtn"></a>
58+
</div>
59+
<div id="photo_content" class="tab-content"></div>
60+
<div id="video_content" class="tab-content"></div>
61+
<div id="live_content" class="tab-content"></div>
62+
<div id="setting_content" class="tab-content"></div>
63+
</div>
64+
</div>
65+
<!-- CAMERA PLAYER -->
66+
<div id="player" data-role="page">
67+
<div class="main-content" id="camera_player">
68+
69+
<a href="#app_control" data-inline="true" data-role="button" data-icon="carat-l" data-iconpos="left" id="backControl">Back</a>
70+
<a href="#" data-role="button" data-inline="true" data-icon="carat-r" data-iconpos="right" id="vrBtn">VR Mode</a>
71+
<div id="webglviewer">
72+
<div id="webglcontent"></div>
73+
</div>
74+
</div>
75+
</div>
76+
</body>
77+
78+
79+
<!-- JS Framework -->
80+
<script src="./vendor/fw/jquery/jquery-2.js" type="text/javascript"></script>
81+
<script src="./vendor/fw/jqm/jquery.mobile-1.4.2.min.js" type="text/javascript"></script>
82+
<script src="./vendor/fw/h5/ejs-h5mod.js" type="text/javascript"></script>
83+
<script src="./vendor/fw/h5/h5.dev.js" type="text/javascript"></script>
84+
<script src="./vendor/fw/threejs/three.js" type="text/javascript"></script>
85+
<script src="./vendor/fw/threejs/OrbitControls.js" type="text/javascript"></script>
86+
<script src="./vendor/fw/threejs/StereoEffect.js" type="text/javascript"></script>
87+
<script src="./vendor/fw/threejs/DeviceOrientationControls.js" type="text/javascript"></script>
88+
<script src="./vendor/dconnect/dconnectsdk-2.2.0.js" type="text/javascript"></script>
89+
<!-- JS -->
90+
91+
<script src="./src/js/Model/IOTModel.js" type="text/javascript"></script>
92+
<script src="./src/js/Model/IOTFactory.js" type="text/javascript"></script>
93+
<script src="./src/js/Model/MediaStreamModel.js" type="text/javascript"></script>
94+
<script src="./src/js/Model/FileModel.js" type="text/javascript"></script>
95+
<script src="./src/js/Common/Utils.js" type="text/javascript"></script>
96+
<script src="./src/js/Common/DConnect.js" type="text/javascript"></script>
97+
<script src="./src/js/Connector/FileConnector.js" type="text/javascript"></script>
98+
<script src="./src/js/Connector/MediaStreamConnector.js" type="text/javascript"></script>
99+
<script src="./src/js/Controller/VRController.js" type="text/javascript"></script>
100+
<script src="./src/js/Controller/CameraController.js" type="text/javascript"></script>
101+
102+
</html>

‎docs/HuePage.html

+91
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>Hifve Device Connect Theta Sample</title>
6+
<meta name="viewport" content="width=device-width, user-scalable=no" />
7+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
8+
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
9+
10+
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
11+
12+
<!-- CSS -->
13+
<link href="./vendor/fw/jqm/jquery.mobile-1.4.2.min.css" rel="stylesheet" />
14+
<link href="./vendor/fw/h5/h5.css" rel="stylesheet" />
15+
16+
<link href="./src/css/style.css" rel="stylesheet" />
17+
<link href="./src/css/hue.css" rel="stylesheet" />
18+
<link href="./src/css/loader.css" rel="stylesheet" />
19+
<link href="./src/css/galery.css" rel="stylesheet" />
20+
</head>
21+
<body>
22+
<!--
23+
<div id="hue" data-role="page">
24+
<div data-role="header" data-theme="b">
25+
<a class="home-btn" id="homeBtn">
26+
<img src="./src/res/icon_hifive.png" alt="Thumb"/>
27+
</a>
28+
</div>
29+
<div class="main-content" id="hue_list">
30+
<h2>HUE Page</h2>
31+
<input type="button" id="refreshBtn" value="Refresh">
32+
<div id="hue_devices"></div>
33+
<div id="errors"></div>
34+
</div>
35+
</div>
36+
-->
37+
<!-- HUE Light -->
38+
<div id="hue_light" data-role="page">
39+
<div data-role="header" data-theme="b" class="app-header">
40+
<a href="" id="homeBtn" class="back-btn" data-icon="carat-l" data-iconpos="notext"></a> <span class="ui-title">List
41+
Light</span>
42+
</div>
43+
<div class="main-content" id="theta_player">
44+
<div id="light_list"></div>
45+
</div>
46+
</div>
47+
<!-- HUE CONTROL -->
48+
<div id="hue_control" data-role="page">
49+
<div data-role="header" data-theme="b" class="app-header">
50+
<a href="#hue_light" class="back-btn" data-icon="carat-l" data-iconpos="notext"></a> <span class="ui-title">HUE
51+
Control</span>
52+
</div>
53+
<div class="main-content" id="theta_player">
54+
<div style="text-align: center">
55+
<!-- Bridge -->
56+
<div id="bridge" style="font-size: xx-small"></div>
57+
<!-- 端末 -->
58+
<div id="device" style="font-size: xx-small"></div>
59+
</div>
60+
61+
<div id="hue_content" style="text-align: center" class="ui-grid-a">
62+
<input class="flipswitch" type="checkbox" data-role="flipswitch" /> <input type="range" class='slider_alpha' min='0'
63+
max='100' value='100' />
64+
</div>
65+
</div>
66+
</div>
67+
</body>
68+
69+
<!-- Vendor -->
70+
<script src="./vendor/fw/jquery/jquery-2.js" type="text/javascript"></script>
71+
<script src="./vendor/fw/jqm/jquery.mobile-1.4.2.min.js" type="text/javascript"></script>
72+
<script src="./vendor/fw/h5/ejs-h5mod.js" type="text/javascript"></script>
73+
<script src="./vendor/fw/h5/h5.dev.js" type="text/javascript"></script>
74+
<script src="./vendor/fw/threejs/three.js" type="text/javascript"></script>
75+
<script src="./vendor/fw/threejs/OrbitControls.js" type="text/javascript"></script>
76+
<script src="./vendor/fw/threejs/StereoEffect.js" type="text/javascript"></script>
77+
<script src="./vendor/fw/threejs/DeviceOrientationControls.js" type="text/javascript"></script>
78+
<script src="./vendor/dconnect/dconnectsdk-2.2.0.js" type="text/javascript"></script>
79+
<!-- JS -->
80+
81+
<script src="./src/js/Model/IOTModel.js" type="text/javascript"></script>
82+
<script src="./src/js/Model/IOTFactory.js" type="text/javascript"></script>
83+
<script src="./src/js/Model/MediaStreamModel.js" type="text/javascript"></script>
84+
<script src="./src/js/Model/LightModel.js" type="text/javascript"></script>
85+
<script src="./src/js/Model/FileModel.js" type="text/javascript"></script>
86+
<script src="./src/js/Common/Utils.js" type="text/javascript"></script>
87+
<script src="./src/js/Common/ColorPicker.js" type="text/javascript"></script>
88+
<script src="./src/js/Common/DConnect.js" type="text/javascript"></script>
89+
<script src="./src/js/Connector/LightConnector.js" type="text/javascript"></script>
90+
<script src="./src/js/Controller/HueController.js" type="text/javascript"></script>
91+
</html>

‎docs/PumpPage.html

+96
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>Pump Page</title>
6+
<meta charset="UTF-8">
7+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
8+
<!--<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi"/>-->
9+
<meta name="viewport"
10+
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densitydpi=device-dpi" />
11+
<meta name="apple-mobile-web-app-capable" content="yes">
12+
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
13+
14+
<link href="./vendor/fw/jqm/jquery.mobile-1.4.2.min.css" rel="stylesheet" />
15+
<link href="./vendor/fw/h5/h5.css" rel="stylesheet" />
16+
<link href="./src/css/style.css" rel="stylesheet" />
17+
<link href="./src/css/pump.css" rel="stylesheet" />
18+
<link href="./src/css/loader.css" rel="stylesheet" />
19+
</head>
20+
21+
<body>
22+
<div id="pump" data-role="page">
23+
<div data-role="header" data-theme="b">
24+
<a class="home-btn" id="homeBtn"> <img src="./src/res/icon_hifive.png" alt="Thumb" />
25+
</a>
26+
</div>
27+
<div class="main-content">
28+
<div id="descriptionContainer">
29+
<div id="descriptionContent">
30+
<div id="description">
31+
<h1>Pump</h1>
32+
<p>端末を振ると風船が膨らみます。</p>
33+
</div>
34+
<div id="device_status">
35+
<h1>ライト状態</h1>
36+
<p id="device_name"></p>
37+
<p id="connect_status"></p>
38+
</div>
39+
<div type="BUTTON" name="start" id="startButton">はじめる</div>
40+
</div>
41+
</div>
42+
<div id="main">
43+
<div class="balloonContainer hidden">
44+
<svg id="stringSvg">
45+
<line id="string"></line>
46+
</svg>
47+
<div class="balloon"></div>
48+
</div>
49+
<div id="pumpPicContainer">
50+
<div class="pumpPic pumpPic1"></div>
51+
</div>
52+
<audio id="shooSound" src="src/res/sound/shoo.mp3" preload="auto" type="audio/mp3">
53+
</audio>
54+
<audio id="bangSound" src="src/res/sound/bang.mp3" preload="auto" type="audio/mp3">
55+
</audio>
56+
</div>
57+
<div id="messageContainer" class="hidden">
58+
<div id="messageContent">
59+
<div id="message">
60+
<h1>おめでとう！</h1>
61+
</div>
62+
<div type="BUTTON" name="restart" id="restartButton">もう一度はじめる</div>
63+
</div>
64+
</div>
65+
<!--
66+
<div id="counter">
67+
0
68+
</div>
69+
<div id="debugWindow"></div>
70+
<button class="shakeButton">デバッグ用ボタン</button>
71+
-->
72+
</div>
73+
</div>
74+
</body>
75+
76+
<!-- リリース時はmin版（h5-1.1.14.js）を読み込むようにしてください -->
77+
<!-- min版ではログ出力が抑制され、高速に動作します -->
78+
<script src="./vendor/fw/jquery/jquery-2.js" type="text/javascript"></script>
79+
<script src="./vendor/fw/jqm/jquery.mobile-1.4.2.min.js" type="text/javascript"></script>
80+
<script src="./vendor/fw/h5/h5.dev.js" type="text/javascript"></script>
81+
<script src="./vendor/dconnect/dconnectsdk-2.2.0.js" type="text/javascript"></script>
82+
83+
<script src="./src/js/Model/IOTModel.js" type="text/javascript"></script>
84+
<script src="./src/js/Model/IOTFactory.js" type="text/javascript"></script>
85+
<script src="./src/js/Model/LightModel.js" type="text/javascript"></script>
86+
<script src="./src/js/Common/Utils.js" type="text/javascript"></script>
87+
<script src="./src/js/Common/DConnect.js" type="text/javascript"></script>
88+
<script src="./src/js/Connector/LightConnector.js" type="text/javascript"></script>
89+
90+
<!-- ここで作成したjsファイルを読み込む -->
91+
<script src="src/js/Balloon/ShakeController.js"></script>
92+
<script src="src/js/Balloon/PumpController.js"></script>
93+
<script src="src/js/Balloon/BaloonController.js"></script>
94+
<script src="src/js/Balloon/PageController.js"></script>
95+
96+
</html>

‎docs/index.html

+76
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>DConnect Demo</title>
6+
<meta name="viewport" content="width=device-width, user-scalable=no" />
7+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
8+
9+
<link rel="manifest" href="manifest.json">
10+
11+
<!-- CSS -->
12+
<link href="./vendor/fw/jqm/jquery.mobile-1.4.2.min.css" rel="stylesheet" />
13+
<link href="./src/css/style.css" rel="stylesheet" />
14+
<link href="./src/css/menu.css" rel="stylesheet" />
15+
16+
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
17+
</head>
18+
19+
<body>
20+
<div id="home" data-role="page">
21+
<!--
22+
<div data-role="header" data-theme="a">
23+
<img src='./src/res/hifive_logo.png'></img>
24+
</div>
25+
-->
26+
<div class="becon"></div>
27+
<div class="main-content">
28+
<img class="logo_panel" src='./src/res/hifive_logo.png'></img>
29+
<div class="menu-tile">
30+
<figure class="app_item">
31+
<span> <img src="./src/res/camera_icon.png" alt="Thumb" />
32+
</span>
33+
<figcaption>
34+
<h3>CAMERA 360</h3>
35+
<div>360°リアルな世界を記録、再現する。</div>
36+
<a id="thetaBtn" data-role="button" data-ajax="false" data-icon="arrow-r" data-iconpos="right" value="theta">Launch</a>
37+
</figcation>
38+
</figure>
39+
<figure class="app_item">
40+
<span> <img src="./src/res/pump_icon.png" alt="Thumb" />
41+
</span>
42+
<figcaption>
43+
<h3>Pump Light</h3>
44+
<div>端末を振ると風船が膨らみます。</div>
45+
<a id="balloonBtn" data-role="button" data-ajax="false" data-icon="arrow-r" data-iconpos="right">Launch</a>
46+
</figcation>
47+
</figure>
48+
<figure class="app_item">
49+
<span> <img src="./src/res/hue_icon.png" alt="Thumb" />
50+
</span>
51+
<figcaption>
52+
<h3>Hue Lights</h3>
53+
<div>スマートライトのHueアプリ。</div>
54+
<a id="hueBtn" data-role="button" data-ajax="false" data-icon="arrow-r" data-iconpos="right" value="hue">Launch</a>
55+
</figcation>
56+
</figure>
57+
</div>
58+
</div>
59+
<div data-role="footer" class="footer">
60+
<h1>Copyright (C) 2012-2017 NS Solutions Corporation, All Rights Reserved.</h1>
61+
</div>
62+
</div>
63+
</body>
64+
65+
<!-- JS Framework -->
66+
<script src="./vendor/fw/jquery/jquery-2.js" type="text/javascript"></script>
67+
<script src="./vendor/fw/jqm/jquery.mobile-1.4.2.min.js" type="text/javascript"></script>
68+
<script src="./vendor/fw/h5/h5.dev.js" type="text/javascript"></script>
69+
<script src="./vendor/dconnect/dconnectsdk-2.2.0.js" type="text/javascript"></script>
70+
71+
<!-- JS -->
72+
<script src="./src/js/Common/Utils.js" type="text/javascript"></script>
73+
<script src="./src/js/Common/DConnect.js" type="text/javascript"></script>
74+
<script src="./src/js/main.js" type="text/javascript"></script>
75+
76+
</html>

0 commit comments

Comments
 (0)