Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Noodlで受付嬢を創った

maepu
March 24, 2020

 Noodlで受付嬢を創った

 UI/UXのビジュアルプログラミングツール「Noodl」を使用し、受付をサポートするシステムをプロトタイピングしました。

maepu

March 24, 2020
Tweet

More Decks by maepu

Other Decks in Education

Transcript

  1. VIoTLT vol.2 @オンライン
    まえぷー

    受付嬢を創った

    View Slide

  2. 自己紹介
    ・まえぷー
    ・職:組込みソフトエンジニア
    ・Like:コーヒー、モノづくり、出窓菜園
    ・近況:Noodlもくもく会運営
    ProtoOuto Studio 3期生
    @kmaepu

    View Slide

  3. Noodlとは?
    ・UI/UXのビジュアルプログラミングツール
    ・スマホやWebアプリの画面をプロトタイピング
    ・フローベース
    https://tensorx.co.jp/noodl-jp/
    詳しくはこちらを参照

    View Slide

  4. エディタ プレビュー見ながら作れる

    View Slide

  5. Noodlが好きすぎて、
    ユーザコミュニティを作る!
    Noodlもくもく会

    View Slide

  6. 今まで開催したイベント
    ・もくもく会 :2回
    ・ハンズオン :2回
    ・LT懇親会 :1回
    ・Youtube Live:1回
    もくもく会 ハンズオン LT懇親会
    第1回は2019年10月5日

    View Slide

  7. インベントを開催してみて、
    準備や当日回すのが大変!

    View Slide

  8. 受付サポートを作ってみた!
    ・来場したら参加者がスマホで受付する→名前入力
    ・受付にキャラが欲しい→受付嬢
    Copyright (c) 2020 Noodl Japan Community / ミトウユメヒコ
    https://github.com/noodl-community/tbf08-mensho/blob/master/LICENSE https://www.pixiv.net/users/42664948
    カオスキャラ清水さんとコラボ! 清水さんのイラストは
    創作者ミトウユメヒコ氏の意向で、
    MITライセンスで使用できます

    View Slide

  9. 構成
    受付用画面 管理者用画面
    obniz
    ①名前送信
    ②照合
    ③結果通知
    ④制御
    DCモータ
    LEDテープ
    清水さん

    View Slide

  10. デモ
    https://youtu.be/VhehrrlWGhg
    Youtube 動画へのリンク

    View Slide

  11. 技術書同人誌にまとめました!
    https://techbookfest.org/product/5665192939618304

    View Slide

  12. 購入していただいた方が、
    ブラッシュアップしたデモを
    作って公開している!!!!!

    View Slide

  13. @macole

    View Slide

  14. View Slide

  15. https://noodl-tokyo.connpass.com/event/167103/
    3月25日(水)19:00~
    オンラインのハンズオンがあります!

    View Slide

  16. おわりに
    ・フロントエンドの素人でも直感的にUIを作成し、
    それを取り入れたIoTシステムのプロトタイピングができる。
    ・エッジデバイスとの連携が可能!
    ラジコンコントローラとか作れそう。
    ・Noodlにobniz.jsを埋め込んで利用するの面白いです。
    (少しコツがいるようです)
    ・清水さんかわいい

    View Slide

  17. ご清聴
    ありがとうございます
    by 清水
    Copyright (c) 2020 Noodl Japan Community / ミトウユメヒコ
    https://github.com/noodl-community/tbf08-mensho/blob/master/LICENSE

    View Slide