Noodlで受付嬢を創った

E6c980b93d086e757643971b318a40a9?s=47 maepu
March 24, 2020

 Noodlで受付嬢を創った

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

E6c980b93d086e757643971b318a40a9?s=128

maepu

March 24, 2020
Tweet

Transcript

  1. VIoTLT vol.2 @オンライン まえぷー で 受付嬢を創った

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

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

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

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

  6. 今まで開催したイベント ・もくもく会 :2回 ・ハンズオン :2回 ・LT懇親会 :1回 ・Youtube Live:1回 もくもく会

    ハンズオン LT懇親会 第1回は2019年10月5日
  7. インベントを開催してみて、 準備や当日回すのが大変!

  8. 受付サポートを作ってみた! ・来場したら参加者がスマホで受付する→名前入力 ・受付にキャラが欲しい→受付嬢 Copyright (c) 2020 Noodl Japan Community /

    ミトウユメヒコ https://github.com/noodl-community/tbf08-mensho/blob/master/LICENSE https://www.pixiv.net/users/42664948 カオスキャラ清水さんとコラボ! 清水さんのイラストは 創作者ミトウユメヒコ氏の意向で、 MITライセンスで使用できます
  9. 構成 受付用画面 管理者用画面 obniz ①名前送信 ②照合 ③結果通知 ④制御 DCモータ LEDテープ

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

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

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

  13. @macole

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

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

  17. ご清聴 ありがとうございます by 清水 Copyright (c) 2020 Noodl Japan Community

    / ミトウユメヒコ https://github.com/noodl-community/tbf08-mensho/blob/master/LICENSE