# Mothman ###### tags: `portfolio` <center><img style="width:50%;"src="https://i.imgur.com/gWyd3Lg.png"></img></center><center>Mothmanロゴ</center> ## Mothmanとは? Mothmanとは、プレゼンテーションのLIVE配信・アーカイブが可能なWEBアプリケーションです。現在、β版を一部ユーザに提供しております。技術などをブラッシュアップして近日公開予定。 <br> <center> <img style="width:70%;border: 2px #dddddd solid;"src=https://lh3.googleusercontent.com/vsdh-kWzURe_SfWaMzXGqcbRxurcCOTo7LEhC8NHFAozJwkepPmVBShRPrjZkVpYboLMPrWeL3RFJKePmpplWo8YXWVWmRtVtHF9YPRQkRQd4XWAJmiUzONmdzgzfzass4R1ub3Uut0znxprnbMwEZ9qm_nlF4zzje-H46CXAgJqEK1IYukGsWUmDG5jBmir9wgmSEAdZpIsVDyRoOtGPaZBCWK9iwNjdn7lIlVcu0PqUMwe026rnDLYHiiTsh6c0x0kWMrttSh9drnmJeG5IF1xbbjiHlU4hCBYeoG53_m6ikCmrl-fckCGTVrN9WWrBqeCpBPq_4oQi85N2HtIbpvgVFfyOOHVbBsXrUHoCdEwwn4HC064_-rJjDUUzql6UVy4SWdotz3v-C5oZCMgsU4Dtb9iFzQkGOBG5mms1c8dJY0U4x0DbrENanAKLimIK5nSyToiDYAm1AE8tZx_n6-cVai7BkgrZuYKZWLpDwvncMsJea0upx9fYullptgO9BcJvprvVA8Brcue4GMWGb0SpIkZzSz_ncYyFTIQMNMW_0A-99J0mM2_SR4x2_awldo3EVaPTN5W1vOCoLbb7wOGXfovRe49ioS-wXOsQjp1SfSUirZZRYhQgc9dSarT5_Rgq7D7aqNjeGEh_8u_PO1j4aouxN3n4pwXdZJnemTatqBax7u61vFpK2TgV3mE72zkvtZNhZJPVWw6xZ7hzpL1Tw=w671-h503-no "></img></center><center>Mothmanタイトルページ</center> ## 機能 - プレゼンテーションのLIVE配信 - 配信者 プレゼンテーションの動画、スライドをLIVE配信し、リアルタイムにコメント・質疑応答が行えます。 プライバシーを考慮して、動画内プレゼンターを3dアバターに置き換えて配信することも可能です。 - 視聴者 リアルタイムにコメント・質問が行えます。また、Markdown形式でメモを取ることも可能です。 <img style="width:100%;border: 2px #dddddd solid;" src="https://lh3.googleusercontent.com/3o6Bi047YloX8yTJZaqSzu9n6TE6NyETenDXIJ2XN_xEvux1yf7D0RHWeidCw67sQsM8A5qwgoGdhd-pb8nsDnS72_9wYSifW0SaZSv_xcYpzoohOXDf6gIYb9ecOQMLwtlvyoEcjdz_hX_nvd96Sj2EvC-GsyUhhwfvrOs2AMPJHBloa1IVyzv2THTc8CWf0fUp-2JwLATwzp6h6jxl8O5pu0hA4op8jYftJs7ZHb-suV-xfdU-UPNmkKGAX0R3C_sbXPfBaPdQ7TDrdh28An0mLaSp2VrBuKgSyi1CLeEpdLkaLiLnwo3GGZ_RG6bHc_hHrkcn5Vkt0WKiqWpM221ZKO8yqVB8_XiisldyW4X_f2KoYqoKgXgQBwZ6CjK1T3yotM8tMoYwng3B05WXwpQGIo08yThCQtRwtsAX5mpgVzvM7Vry3l6oYltQ6j8cCjPEHNvTpakOIgxX-RKfZN1vOa6tmiXKIzKZaOyw0G202VbuxoBxgIlNHtcUJkyF81PIGo3yDKfww0TEa8Ve2nBJbnlHqvbs0Db5PLYX_-NsgaDY6ZXpjoau5gCoWrVOUNJM_Pq4UNJicrz26uWvb0URUiC_Wu0Ux9n0jQmui1R6tAfmLvxLuhx40X4IwdCeY8BhXOa6SLGB2M_x3hYlEu74AlQNt8gxgWfJcIwWltIVB1v7vjMxsA5iaD0bMt5csweNck06kDDF5EZuV8r77rH8Ww=w725-h437-no"></img><center>配信ページ(視聴者)</center> - プレゼンテーションのアーカイブ 上記ライブ配信の模様をそのままアーカイブとして再現できます。質疑応答はLIVE配信後もできます。また、視聴者は配信中にとったメモを記事として、イベントページに投稿することができます。 <img style="border: 2px #dddddd solid;" src="https://lh3.googleusercontent.com/nOXTWkiJEtnbtSITBL1tBzroZvaobjkrkWBtCY7mAOH5ziJBfj2bxadJig7LbI0vtWboMU8JbH6RiclV5l8ZLTQBRmKu8SXi3ktkDvbKhLKyXjwidQ8CzkgurECrG8W5rzDQlmPZdiDzLVcjT5eLR1DVjoXr4OgL9MeZNDosIHussEd2FqpCupUwp0canatKztv3QEriygJux8MwQ0PNc5kNAljNlfMXn1dSGnkmMIUYkN3JxVPBbOBGvYHB9WD-pl1gQiLb8eU7B6XmaiYXtsXmXDB9oo0d7fdGvYvhnXUR2umYNm4g6nQsB5GuN6ecXFj3L8A2oEXYhgWhcxcz_ObDB7HxuZC-q-EdosGmQRmG6pMWsY5s-7CDTGlX5RL_ZyIpPq6GEyPXhR0-gSLRGh_sk-Ie00SiLGQVqJfY5RXh3MeZ53nptWLHKa4Qtzmodk9-WDHVsGt2wuNHyiRcxJ88vGBxLhpau1JawzPZUxuW2AdPp77SKG_jQ6yWIyKnVirwc0P_k8DpHTBEdcVM6U9ygx91_gFJRKd1wpIaqdhmC-Jc6U__i2yIoUnMk6-1uErddgWjk0k0oolabLSaeCSmFpngVcFP-2npyBWQ5c3O-1XaHgNK1xJIshzq6VtqTdsJV68jYYzjzo97Wnln3FSi-iBoF_ssFJzmrjaIjYJXR5wTSzn_WLURMi5P3TtupWCQtSYJY1Kk_W-p6Zk_sFB05g=w1056-h594-no "></img><center>イベントページ</center> 今までは勉強会を開いても、その動画・スライド・記事・コメント、これらは別々のwebサービスに分散していました。**Mothmanでは、これらを全て一つのサービス内に集約できる**点が特徴となっています。 ## 開発 開発人数:6人 開発期間(β版):約半年 ### 担当箇所 主にスライドデータに関する範囲を担当 - フロントエンド semantic uiを用いた画面構成 - プレゼンテーションの管理 クラウドストレージからのFile Picker,サーバサイドのファイルコンバータ,GCPでストレージ管理,algoria/nodejsを用いた検索システムの構築 - 学術連携機能(β版のみ提供) イベント情報を各学術機関リポジトリにアップロード ## 受賞歴 第29回高専プロコン 自由部門 特別賞 平成30年度起業家甲子園 jig.jp賞 さくらインターネット賞