<?php
require_once './honoka_format.php';
honoka_head_top("Top");
honoka_css();
honoka_head_end();
honoka_head_menu(0);
echo <<<_aaaa
<div class="jumbotron special">
<div class="sysdiv"></div>
<div class="container">
<div class="row">
<div class="col-xs-12 outline">
<h1>部屋紹介システム</h1>
<p>本システムでは3Dモデルを使った、より豊かな自己表現を提供します。</p>
<div class="download">
<a href="./howto/" class="btn btn-warning btn-lg"><i class="fa fa-video-camera"></i></i> How to Use ?</a>
<a href="./upload/" class="btn btn-success btn-lg"><i class="fa fa-upload"></i> Upload Video</a>
</div>
<div class="basedon small">
*iPhone5s/iPhone6/iPhone6s/iPad2 Airのいずれかの端末が必要です。
</div>
</div>
</div>
</div>
</div>
<section class="section section-default point">
<div class="container">
<div class="row">
<div class="col-xs-12 subtitle">
_TABLE;
echo_footer();
honoka_end();
exit(1);
}
honoka_head_top("ROOM LIST");
honoka_css();
echo <<<_TABLE_CSS
<style type="text/css">
.table th{
background-color: #cccccc;
}
</style>
_TABLE_CSS;
honoka_head_end();
honoka_head_menu(4);
echo <<<_FIRST
<div class="container lined pad-end">
<div class="col-lg-12">
<div class="page-header">
<h1 id="tables">Room List</h1>
</div>
</div>
_FIRST;
$db_server = mysql_connect($db_hostname, $db_username, $db_password);
if (!$db_server) {
error_500("Unable to connect to MySQL: " . mysql_error());
}
if (!mysql_select_db($db_database)) {
error_500("Unable to select database: " . mysql_error());
}
<?php
require_once '../honoka_format.php';
honoka_head_top("Top");
honoka_css();
honoka_head_end();
honoka_head_menu(1);
echo <<<_aaaa
<div class="container lined pad-end">
<div class="col-lg-12">
<div class="page-header">
<section>
<h1 id="type">About</h1>
</section>
</div>
</div>
<div class="col-lg-12">
<section>
<div class="bs-component">
<h2>システム概要</h2>
<p> 本システムは<abbr title="Large-Scale Direct Monocular SLAM">LSD-SLAM</abbr>を利用した部屋紹介システムです。</p>
<p> iOS端末<sup>*1</sup>を用いて室内を撮影した動画を本サイトにアップロードすることにより、3Dモデルに変換し共有をすることができます。</p>
<p> 本システムにおいては色情報を扱うよう拡張したLSD-SLAMで生成したマップをより見やすいように処理し、3Dモデルとして表示します。</p>
<p> 単眼カメラを用いたSLAM技術はまだ研究中の分野であり、正しいモデルが生成されないことがあります。</p>
<p> 詳細な使い方については <a href="../howto/">HowTo</a> を参照してください。</p>
<p class="help-block"><small>*1. 現在対応している端末は iPhoneシリーズ: 5s/6/6s, iPadシリーズ: 2 Air の4種</small></p>
</div>
</section>
</div>
<div class="col-lg-12">
.fileUploder .uploader{
position:absolute;
top:0;
right:0;
z-index:99;
width:100%;
height:100%;
font-size:315px;
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"alpha(opacity=0)";
}
</style>
_END1;
honoka_head_end();
honoka_head_menu(3);
echo <<<_END2
<div class="container lined pad-end">
<div class="col-lg-12">
<div class="page-header">
<h1 id="type"> Upload </h1>
</div>
</div>
<div>
<div class="col-lg-12">
<h3>下記フォームよりアップロードできます</h3>
<p> 必須なのは撮影したiPhoneのモデルと動画ファイルだけです。</p>
<p> オプションでタイトルやユーザ名、コメントを利用できます。</p>
</div>
<div class="col-lg-12">
<div class="well bs-component">
function error_mysql($log_mes)
{
$error_title = "MYSQL ERROR";
echo_error_box($error_title, $log_mes);
error_log($log_mes);
echo <<<_TABLE
</div>
_TABLE;
echo_footer();
honoka_end();
exit(1);
}
honoka_head_top("VIEWER");
honoka_css();
honoka_head_end();
honoka_head_menu(-1);
echo <<<_VIEWER
<div class="container lined pad-end">
<div class="col-lg-12">
<div class="page-header">
<section>
<h1 id="type">Viewer</h1>
</section>
</div>
</div>
_VIEWER;
if (isset($_GET['id'])) {
$link = mysql_connect($db_hostname, $db_username, $db_password);
if (!$link) {
error_mysql('接続失敗です。' . mysql_error());
exit(1);
<?php
require_once '../honoka_format.php';
honoka_head_top("Howto");
honoka_css();
honoka_head_end();
honoka_head_menu(2);
echo <<<_aaaa
<div class="container lined pad-end">
<div class="col-lg-12">
<div class="page-header">
<section>
<h1 id="type">How To Use</h1>
</section>
</div>
</div>
<div class="col-lg-12">
<section>
<div class="bs-component">
<h2>利用に必要な環境</h2>
<p> 本システムを正常に利用するためには以下に示す要件が必要となります。</p>
<p> それ以外の環境では正常に動作しない場合があります。</p>
<h4> ファイルのアップロード利用</h4>
<p> iPhone 5s以降のiPhoneシリーズ・iPad Air2</p>
<h4> ビュワーの利用</h4>
<p> Firefox / Chrome / Safari / iOS Safari</p>
</div>
</section>
</div>
