SlideShare a Scribd company logo
1 of 46
Download to read offline
Developers
Summit




             Barcode-punk!
                    O2Oのデザイン
                    by 河村 奨
Developers
Summit




                 誰?
             河村 奨 (かわむら つとむ)
             - 下北沢オープンソースCafe
             - リブライズ ∼すべての本棚を図書館に∼
             - コワーキング協同組合

             CogniTom Academic Design / BookPress / (社) オープンビジ
             ネスソフトウェア協会 / コンクリートファイブジャパン (株) /
             CoderDojo Tokyo
Developers
Summit




              誰?
             河村 奨 (かわむら つとむ)

                           プログラム
                 執筆・授業


                                   成分表

                            デザイン
                カフェのマスター
Developers
Summit




             CoderDojo Tokyo
             毎週日曜!
Developers
Summit




すべての本棚を図書館に。

   Change the world
  into one big library!
5




              months
     within

   >bookspots
     150
> 28,000
      books
Japan... and SF!
Developers
Summit




                今日のお話
             ✴ O2Oをリブライズを例題に理解する
             ✴ RFID vs バーコード
             ✴ Action! : バーコードをWEBへ
Developers
Summit




             デモ
Developers
Summit




             O2Oって...?
Developers
Summit




              O2Oって....?
             ✴ O2O = Online to Offline
             ✴ 狭義には : オンラインから、ユーザを実
              店舗へ導くこと
             ✴ めざすところ : オンラインとオフラインの
              境界がなくなる世界
Developers
Summit




                  4つのO2O
             オンライン            A
                                   オンライン
                          B
             WEBサイト・メール           ECサイトにアクセス・購入

                          C

             オフライン            D    オフライン
              店頭展示・広告              実店舗に来店・購入

                媒体                  アクション
Developers
Summit




             Online → Offline
             ✴   クーポンなどのお得情報
             ✴   ソーシャルメディア上で伝えたくなる何か
             ✴   特定分野の商品・サービスの口コミ
             ✴   店頭価格・在庫の事前確認
             ✴   ゲーミフィケーション
             ✴   出会いや交流
             ✴   ギフト
Developers
Summit




             Online ← Offline
             ✴ QRコードつきのポスター
             ✴ シェアしたくなる「なにか」
             ✴ チェックイン
             ✴ 写真 + コメント
Developers
Summit




                       O2O2O   ファーストフードの場合




             オンライン
              WEBサイト       2
                       1


             オフライン               オフライン
             トレイのチラシ              実店舗で追加注文

               媒体                 アクション
Developers
Summit




                O2O2O
             オンライン          オンライン

             ✴ より一層、不可分に
             ✴ メタデータと物
             ✴ ようこそ、拡張現実へ
Developers
Summit




             CMはオフライン?
             ✴ WEBじゃないものは全て「オフライン」?
             ✴ オンサイト vs オフサイト
             ✴ 物 vs データ
             ✴ 在庫と一対一対応がつく
               = オンラインとオフラインが同期している
Developers
Summit



        現実とオンラインを繋ぐ
        ✴ オンラインから (データ)   ✴ オフラインから (物)
             ✴ PC         ✴ バーコード
             ✴ スマートフォン    ✴ RFID
             ✴ TV         ✴ サイネージ
Developers
Summit




             リブライズ
Developers
Summit




             リブライズとは
             ✴ 本棚を簡単に図書館にするサービス
             ✴ 本棚の内容(本)をオンラインに公開
             ✴ 本棚の内容(本)に情報を付加→拡張現実
             ✴ 貸出履歴
             ✴ 寄贈履歴
Developers
Summit




                       O2O2O   リブライズの場合




             オンライン                  オンライン
              WEBサイト                 行動のシェア
                          1
                                2


                                    オフライン
                                    本を借りる・寄贈

               媒体                   アクション
Developers
Summit




              図書館とO2O
             ✴ OPAC
             ✴ 論文検索
             ✴ 実は、古くからO2Oを当たり前に
              (特に大学と書簡)
Developers
Summit




             Barcode-punk
Developers
Summit




                  タグ
             オフラインの物体を識別するもの。
             SFだと「タグなし」という言葉も有名?

             ✴ バーコード
             ✴ RFID
             ✴ NFC
Developers
Summit




             バーコード
Developers
Summit




             NFC = 近距離無線通信
             Near Field Communication
Developers
Summit




             RFID = 電波で個体識別
             Radio Frequency Identification
Developers
Summit




               RFID ⊃ NFC
             ✴ NFCはRFIDに含まれる
             ✴ NFCは、RFIDの能力を近距離に限定
             ✴ タッチして使うのがNFC
             ✴ 勝手に読み取ってくれるのがRFID
Developers
Summit




             各種タグ比較 (1)
                         価格      リーダ      OS対応

                                        PassBook /
               バーコード    ほぼゼロ    ¥2,000∼
                                           iOS

                NFC    百∼数百円?   ¥4,000∼   Android

                RFID   数十∼数百円? ¥6,000∼
Developers
Summit




             各種タグ比較 (2)
                      読取距離 複数読取 重なり   容量

              バーコード    短い   ×   ×     10B

               NFC     短い   ×   ×     1KB

               RFID    長い   ○   ○     色々
Developers
Summit       ✴   1948 : RFID 自国飛行機の識別 (イギリス)
             ✴   1949 : バーコードの発明・特許は1952年 (アメリカ)
             ✴   1960年代 : RFID 商品の盗難防止 (アメリカ)
             ✴   1970年代 : POSシステム (アメリカ)

歴史           ✴
             ✴
                 1973 : UPC = (アメリカ)
                 1978 : 牛にRFIDを埋め込む実験 シカゴ大学 (アメリカ)
             ✴   1993 : シボレーのRemote Keyless Entry (アメリカ)
             ✴   1994 : QRコード (日本)
             ✴   2002 : RFID 回転寿司 (日本)
             ✴   2004 : NFC Forum
             ✴   2010 : NFC実装規格 第一世代
             ✴   2011 : NFC第一世代 出荷
             ✴   2012 : NFCにAndroidが対応
             ✴   2012 : リブライズ (日本)
Developers
Summit




             バーコードの未来
              ✴ RFIDは、別路線。物流はRFIDへ。
              ✴ バーコードとNFC、
               どちらでも構わない「どっちもOK」
              ✴ バーコードが浸透するのに、30年
              ✴ そうすると...?
Developers
Summit




         バーコード UI ver.1
Developers
Summit




管理者
ログイン
Developers
Summit



             UIを画面から解放する




              ✴ スクリーンショットのほとんどない説明書
Developers
Summit




             液晶とバーコード
             ✴ レーザータイプはNG
             ✴ 液晶の仕組み
Developers
Summit




             マウスより簡単
              ✴ マウスの位置 ≠ ポインタの位置
              ✴ タッチデバイス
              ✴ バーコードリーダは、
               指示対象が一致
              ✴ ドライバ不要
Developers
Summit




         バーコード UI ver.2
Developers
Summit




             ver.1       ver.2
✴ 物とiPhoneにバーコード     ✴ 物とiPhoneにバーコード
✴ マウスがほとんど要らない       ✴ PC画面にもバーコード
                     ✴ マウスが全く要らない
Developers
Summit




             デモ
Developers
Summit




             O2Oとデザイン
Developers
Summit




    業務システムとデザイン
Developers
Summit



             POS端末、業務システム
Developers
Summit




             何をデザインするか
             ✴ 現実とオンラインの接点
             ✴ 現実の文法をオンラインに → これは普通
             ✴ オンラインの文法を現実に → これが大事
             ✴ メタ情報がついた、拡張現実
             ✴ ユーザインターフェース
Developers
Summit




               WEBに統合
             ✴ 今まで通りのWEBのUI
             ✴ バーコードUI
             ✴ 併用が可能
Developers
Summit




すべての本棚を図書館に。

   Change the world
  into one big library!
Developers
Summit




             ありがとうございました。

More Related Content

What's hot

【14-E-7】Technology Enterprise Development「悪ふざけに関する真面目な話」
【14-E-7】Technology Enterprise Development「悪ふざけに関する真面目な話」【14-E-7】Technology Enterprise Development「悪ふざけに関する真面目な話」
【14-E-7】Technology Enterprise Development「悪ふざけに関する真面目な話」Kent Ishizawa
 
【15-e-7】Kinectから始まったスタートアップ #devsumi
【15-e-7】Kinectから始まったスタートアップ #devsumi【15-e-7】Kinectから始まったスタートアップ #devsumi
【15-e-7】Kinectから始まったスタートアップ #devsumiKaoru NAKAMURA
 
デブサミ2013【15D-3】Azureセッション資料
デブサミ2013【15D-3】Azureセッション資料デブサミ2013【15D-3】Azureセッション資料
デブサミ2013【15D-3】Azureセッション資料Shinichiro Isago
 
モバイル&コンシューマ向けのシステム開発ができるPHP&Javaプログラマの皆様へ
モバイル&コンシューマ向けのシステム開発ができるPHP&Javaプログラマの皆様へモバイル&コンシューマ向けのシステム開発ができるPHP&Javaプログラマの皆様へ
モバイル&コンシューマ向けのシステム開発ができるPHP&Javaプログラマの皆様へekushida
 
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~Masahiro Hidaka
 
人が作るソフトウェア 〜今組織パターンを読む意味〜
人が作るソフトウェア 〜今組織パターンを読む意味〜人が作るソフトウェア 〜今組織パターンを読む意味〜
人が作るソフトウェア 〜今組織パターンを読む意味〜Yukei Wachi
 
Open dataとハッカソンで変わる世界
Open dataとハッカソンで変わる世界Open dataとハッカソンで変わる世界
Open dataとハッカソンで変わる世界Hal Seki
 
Enterpriseでもモバイル開発
Enterpriseでもモバイル開発Enterpriseでもモバイル開発
Enterpriseでもモバイル開発Mitch Okamoto
 
Devsumi2013_15-c-7 アドテク・ターゲティング技術
Devsumi2013_15-c-7 アドテク・ターゲティング技術Devsumi2013_15-c-7 アドテク・ターゲティング技術
Devsumi2013_15-c-7 アドテク・ターゲティング技術Yuichi Ota
 
ウェブブラウザの時代は終わるのか 〜スマホアプリとHTML5の未来〜
ウェブブラウザの時代は終わるのか 〜スマホアプリとHTML5の未来〜ウェブブラウザの時代は終わるのか 〜スマホアプリとHTML5の未来〜
ウェブブラウザの時代は終わるのか 〜スマホアプリとHTML5の未来〜Kazuho Oku
 
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!hmimura_embarcadero
 
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発Naoki Umehara
 
チーム×ツール Team Foundation Server & Service 共感しActionできる開発基盤 アルティメイタム【デブサミ 2013 ...
チーム×ツール Team Foundation Server & Service 共感しActionできる開発基盤 アルティメイタム【デブサミ 2013 ...チーム×ツール Team Foundation Server & Service 共感しActionできる開発基盤 アルティメイタム【デブサミ 2013 ...
チーム×ツール Team Foundation Server & Service 共感しActionできる開発基盤 アルティメイタム【デブサミ 2013 ...智治 長沢
 
【15-B-1】AmazonのDevOpsを支えるAWSクラウド
【15-B-1】AmazonのDevOpsを支えるAWSクラウド【15-B-1】AmazonのDevOpsを支えるAWSクラウド
【15-B-1】AmazonのDevOpsを支えるAWSクラウドYasuhiro Horiuchi
 
でぶさみ夏2013 キーノート オレンジレンジャーの資料
でぶさみ夏2013 キーノート オレンジレンジャーの資料でぶさみ夏2013 キーノート オレンジレンジャーの資料
でぶさみ夏2013 キーノート オレンジレンジャーの資料Tomohiro Fujii
 
プロトタイピングの潮流とデザイナーへの提言
プロトタイピングの潮流とデザイナーへの提言プロトタイピングの潮流とデザイナーへの提言
プロトタイピングの潮流とデザイナーへの提言Shigeru Kobayashi
 
開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけること
開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけること開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけること
開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけることインフラジスティックス・ジャパン株式会社
 
夏サミ 2013 A2 セッション資料 #natsumiA2
夏サミ 2013 A2 セッション資料 #natsumiA2 夏サミ 2013 A2 セッション資料 #natsumiA2
夏サミ 2013 A2 セッション資料 #natsumiA2 智治 長沢
 

What's hot (20)

【14-E-7】Technology Enterprise Development「悪ふざけに関する真面目な話」
【14-E-7】Technology Enterprise Development「悪ふざけに関する真面目な話」【14-E-7】Technology Enterprise Development「悪ふざけに関する真面目な話」
【14-E-7】Technology Enterprise Development「悪ふざけに関する真面目な話」
 
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
 
【15-e-7】Kinectから始まったスタートアップ #devsumi
【15-e-7】Kinectから始まったスタートアップ #devsumi【15-e-7】Kinectから始まったスタートアップ #devsumi
【15-e-7】Kinectから始まったスタートアップ #devsumi
 
デブサミ2013【15D-3】Azureセッション資料
デブサミ2013【15D-3】Azureセッション資料デブサミ2013【15D-3】Azureセッション資料
デブサミ2013【15D-3】Azureセッション資料
 
モバイル&コンシューマ向けのシステム開発ができるPHP&Javaプログラマの皆様へ
モバイル&コンシューマ向けのシステム開発ができるPHP&Javaプログラマの皆様へモバイル&コンシューマ向けのシステム開発ができるPHP&Javaプログラマの皆様へ
モバイル&コンシューマ向けのシステム開発ができるPHP&Javaプログラマの皆様へ
 
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
 
人が作るソフトウェア 〜今組織パターンを読む意味〜
人が作るソフトウェア 〜今組織パターンを読む意味〜人が作るソフトウェア 〜今組織パターンを読む意味〜
人が作るソフトウェア 〜今組織パターンを読む意味〜
 
Open dataとハッカソンで変わる世界
Open dataとハッカソンで変わる世界Open dataとハッカソンで変わる世界
Open dataとハッカソンで変わる世界
 
Enterpriseでもモバイル開発
Enterpriseでもモバイル開発Enterpriseでもモバイル開発
Enterpriseでもモバイル開発
 
Devsumi2013_15-c-7 アドテク・ターゲティング技術
Devsumi2013_15-c-7 アドテク・ターゲティング技術Devsumi2013_15-c-7 アドテク・ターゲティング技術
Devsumi2013_15-c-7 アドテク・ターゲティング技術
 
ウェブブラウザの時代は終わるのか 〜スマホアプリとHTML5の未来〜
ウェブブラウザの時代は終わるのか 〜スマホアプリとHTML5の未来〜ウェブブラウザの時代は終わるのか 〜スマホアプリとHTML5の未来〜
ウェブブラウザの時代は終わるのか 〜スマホアプリとHTML5の未来〜
 
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!
 
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
 
チーム×ツール Team Foundation Server & Service 共感しActionできる開発基盤 アルティメイタム【デブサミ 2013 ...
チーム×ツール Team Foundation Server & Service 共感しActionできる開発基盤 アルティメイタム【デブサミ 2013 ...チーム×ツール Team Foundation Server & Service 共感しActionできる開発基盤 アルティメイタム【デブサミ 2013 ...
チーム×ツール Team Foundation Server & Service 共感しActionできる開発基盤 アルティメイタム【デブサミ 2013 ...
 
【15-B-1】AmazonのDevOpsを支えるAWSクラウド
【15-B-1】AmazonのDevOpsを支えるAWSクラウド【15-B-1】AmazonのDevOpsを支えるAWSクラウド
【15-B-1】AmazonのDevOpsを支えるAWSクラウド
 
でぶさみ夏2013 キーノート オレンジレンジャーの資料
でぶさみ夏2013 キーノート オレンジレンジャーの資料でぶさみ夏2013 キーノート オレンジレンジャーの資料
でぶさみ夏2013 キーノート オレンジレンジャーの資料
 
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプIndigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
 
プロトタイピングの潮流とデザイナーへの提言
プロトタイピングの潮流とデザイナーへの提言プロトタイピングの潮流とデザイナーへの提言
プロトタイピングの潮流とデザイナーへの提言
 
開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけること
開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけること開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけること
開発生産性、アプリケーションの価値向上に向けてインフラジスティックスがお手伝いさせていただけること
 
夏サミ 2013 A2 セッション資料 #natsumiA2
夏サミ 2013 A2 セッション資料 #natsumiA2 夏サミ 2013 A2 セッション資料 #natsumiA2
夏サミ 2013 A2 セッション資料 #natsumiA2
 

Viewers also liked

ユーザインターフェース10分講座
ユーザインターフェース10分講座ユーザインターフェース10分講座
ユーザインターフェース10分講座Tsutomu Kawamura
 
シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式Tsutomu Kawamura
 
Riot: ver.3 での変更点と、周辺ツールたち
Riot: ver.3 での変更点と、周辺ツールたちRiot: ver.3 での変更点と、周辺ツールたち
Riot: ver.3 での変更点と、周辺ツールたちTsutomu Kawamura
 
Riot + generator で始める新しいデータバインディング
Riot + generator で始める新しいデータバインディングRiot + generator で始める新しいデータバインディング
Riot + generator で始める新しいデータバインディングTsutomu Kawamura
 
インターネットってなんだろう?
インターネットってなんだろう?インターネットってなんだろう?
インターネットってなんだろう?Tsutomu Kawamura
 

Viewers also liked (6)

201311 coworking
201311 coworking201311 coworking
201311 coworking
 
ユーザインターフェース10分講座
ユーザインターフェース10分講座ユーザインターフェース10分講座
ユーザインターフェース10分講座
 
シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式
 
Riot: ver.3 での変更点と、周辺ツールたち
Riot: ver.3 での変更点と、周辺ツールたちRiot: ver.3 での変更点と、周辺ツールたち
Riot: ver.3 での変更点と、周辺ツールたち
 
Riot + generator で始める新しいデータバインディング
Riot + generator で始める新しいデータバインディングRiot + generator で始める新しいデータバインディング
Riot + generator で始める新しいデータバインディング
 
インターネットってなんだろう?
インターネットってなんだろう?インターネットってなんだろう?
インターネットってなんだろう?
 

Similar to Barcode-punk

モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザインモダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザインYasuhisa Hasegawa
 
devsumi2012 17-D-1 Kinectで創る10年後のカタチ
devsumi2012 17-D-1 Kinectで創る10年後のカタチdevsumi2012 17-D-1 Kinectで創る10年後のカタチ
devsumi2012 17-D-1 Kinectで創る10年後のカタチKaoru NAKAMURA
 
PHPにおけるRIA事情と開発
PHPにおけるRIA事情と開発PHPにおけるRIA事情と開発
PHPにおけるRIA事情と開発konekto
 
【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略
【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略
【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略Developers Summit
 
Developer Summit 2013 18-D-1
Developer Summit 2013 18-D-1Developer Summit 2013 18-D-1
Developer Summit 2013 18-D-1Motoaki Nishiwaki
 
【16-D-4】3分ではじめるスマホアプリのビジュアル開発
【16-D-4】3分ではじめるスマホアプリのビジュアル開発【16-D-4】3分ではじめるスマホアプリのビジュアル開発
【16-D-4】3分ではじめるスマホアプリのビジュアル開発hmimura_embarcadero
 
まったりAndroid framework code reading #1
まったりAndroid framework code reading #1 まったりAndroid framework code reading #1
まったりAndroid framework code reading #1 Shinobu Okano
 
【17-E-2】Ruby PaaS「MOGOK」 ~ ソフトウェアエンジニアのためのクラウドサービス ~ 藤原秀一氏
【17-E-2】Ruby PaaS「MOGOK」 ~ ソフトウェアエンジニアのためのクラウドサービス ~ 藤原秀一氏【17-E-2】Ruby PaaS「MOGOK」 ~ ソフトウェアエンジニアのためのクラウドサービス ~ 藤原秀一氏
【17-E-2】Ruby PaaS「MOGOK」 ~ ソフトウェアエンジニアのためのクラウドサービス ~ 藤原秀一氏Developers Summit
 
Embedded Webで加速するWeb of Things
Embedded Webで加速するWeb of ThingsEmbedded Webで加速するWeb of Things
Embedded Webで加速するWeb of ThingsFutomi Hatano
 
DSF実行委員長_酒井様_講演資料
DSF実行委員長_酒井様_講演資料DSF実行委員長_酒井様_講演資料
DSF実行委員長_酒井様_講演資料直久 住川
 
【de:code 2020】 あらゆるエンジニアを支援! VS Code Meetup の紹介とハンズオンで活躍するテクニック集
【de:code 2020】 あらゆるエンジニアを支援! VS Code Meetup の紹介とハンズオンで活躍するテクニック集【de:code 2020】 あらゆるエンジニアを支援! VS Code Meetup の紹介とハンズオンで活躍するテクニック集
【de:code 2020】 あらゆるエンジニアを支援! VS Code Meetup の紹介とハンズオンで活躍するテクニック集日本マイクロソフト株式会社
 
Htmlコーディングの効率化 前編
Htmlコーディングの効率化 前編Htmlコーディングの効率化 前編
Htmlコーディングの効率化 前編Yasuhito Yabe
 
MSBプレ講座ノーコード開発
MSBプレ講座ノーコード開発MSBプレ講座ノーコード開発
MSBプレ講座ノーコード開発Kentaro Murata
 
HTML5時代のWebデザイン
HTML5時代のWebデザインHTML5時代のWebデザイン
HTML5時代のWebデザインmasaaki komori
 
Movable Type Data API Swiftアプリ作成事例
Movable Type Data API Swiftアプリ作成事例Movable Type Data API Swiftアプリ作成事例
Movable Type Data API Swiftアプリ作成事例FromF
 
エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)
エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)
エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)Hiroyuki Yamaoka
 
[デブサミ2015]Androidで広がる世界&エンジニアとしての歩み
[デブサミ2015]Androidで広がる世界&エンジニアとしての歩み[デブサミ2015]Androidで広がる世界&エンジニアとしての歩み
[デブサミ2015]Androidで広がる世界&エンジニアとしての歩みKenichi Kambara
 

Similar to Barcode-punk (20)

モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザインモダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
 
devsumi2012 17-D-1 Kinectで創る10年後のカタチ
devsumi2012 17-D-1 Kinectで創る10年後のカタチdevsumi2012 17-D-1 Kinectで創る10年後のカタチ
devsumi2012 17-D-1 Kinectで創る10年後のカタチ
 
PHPにおけるRIA事情と開発
PHPにおけるRIA事情と開発PHPにおけるRIA事情と開発
PHPにおけるRIA事情と開発
 
Devsumi2013 14
Devsumi2013 14Devsumi2013 14
Devsumi2013 14
 
【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略
【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略
【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略
 
Developer Summit 2013 18-D-1
Developer Summit 2013 18-D-1Developer Summit 2013 18-D-1
Developer Summit 2013 18-D-1
 
【16-D-4】3分ではじめるスマホアプリのビジュアル開発
【16-D-4】3分ではじめるスマホアプリのビジュアル開発【16-D-4】3分ではじめるスマホアプリのビジュアル開発
【16-D-4】3分ではじめるスマホアプリのビジュアル開発
 
まったりAndroid framework code reading #1
まったりAndroid framework code reading #1 まったりAndroid framework code reading #1
まったりAndroid framework code reading #1
 
【17-E-2】Ruby PaaS「MOGOK」 ~ ソフトウェアエンジニアのためのクラウドサービス ~ 藤原秀一氏
【17-E-2】Ruby PaaS「MOGOK」 ~ ソフトウェアエンジニアのためのクラウドサービス ~ 藤原秀一氏【17-E-2】Ruby PaaS「MOGOK」 ~ ソフトウェアエンジニアのためのクラウドサービス ~ 藤原秀一氏
【17-E-2】Ruby PaaS「MOGOK」 ~ ソフトウェアエンジニアのためのクラウドサービス ~ 藤原秀一氏
 
Embedded Webで加速するWeb of Things
Embedded Webで加速するWeb of ThingsEmbedded Webで加速するWeb of Things
Embedded Webで加速するWeb of Things
 
Lt40
Lt40Lt40
Lt40
 
Nfc lab浜松勉強会
Nfc lab浜松勉強会Nfc lab浜松勉強会
Nfc lab浜松勉強会
 
DSF実行委員長_酒井様_講演資料
DSF実行委員長_酒井様_講演資料DSF実行委員長_酒井様_講演資料
DSF実行委員長_酒井様_講演資料
 
【de:code 2020】 あらゆるエンジニアを支援! VS Code Meetup の紹介とハンズオンで活躍するテクニック集
【de:code 2020】 あらゆるエンジニアを支援! VS Code Meetup の紹介とハンズオンで活躍するテクニック集【de:code 2020】 あらゆるエンジニアを支援! VS Code Meetup の紹介とハンズオンで活躍するテクニック集
【de:code 2020】 あらゆるエンジニアを支援! VS Code Meetup の紹介とハンズオンで活躍するテクニック集
 
Htmlコーディングの効率化 前編
Htmlコーディングの効率化 前編Htmlコーディングの効率化 前編
Htmlコーディングの効率化 前編
 
MSBプレ講座ノーコード開発
MSBプレ講座ノーコード開発MSBプレ講座ノーコード開発
MSBプレ講座ノーコード開発
 
HTML5時代のWebデザイン
HTML5時代のWebデザインHTML5時代のWebデザイン
HTML5時代のWebデザイン
 
Movable Type Data API Swiftアプリ作成事例
Movable Type Data API Swiftアプリ作成事例Movable Type Data API Swiftアプリ作成事例
Movable Type Data API Swiftアプリ作成事例
 
エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)
エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)
エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)
 
[デブサミ2015]Androidで広がる世界&エンジニアとしての歩み
[デブサミ2015]Androidで広がる世界&エンジニアとしての歩み[デブサミ2015]Androidで広がる世界&エンジニアとしての歩み
[デブサミ2015]Androidで広がる世界&エンジニアとしての歩み
 

More from Tsutomu Kawamura

Espresooと始める適材適所のアプリ利用術
Espresooと始める適材適所のアプリ利用術Espresooと始める適材適所のアプリ利用術
Espresooと始める適材適所のアプリ利用術Tsutomu Kawamura
 
「デザイニング・インターフェース」勉強会 - 第7章
「デザイニング・インターフェース」勉強会 - 第7章「デザイニング・インターフェース」勉強会 - 第7章
「デザイニング・インターフェース」勉強会 - 第7章Tsutomu Kawamura
 
OpenSource Cafe @ PAX Jelly #20
OpenSource Cafe @ PAX Jelly #20OpenSource Cafe @ PAX Jelly #20
OpenSource Cafe @ PAX Jelly #20Tsutomu Kawamura
 
【17-E-7】デブサミ2011 LT 「WEBにスタッフロールを!」
【17-E-7】デブサミ2011 LT 「WEBにスタッフロールを!」【17-E-7】デブサミ2011 LT 「WEBにスタッフロールを!」
【17-E-7】デブサミ2011 LT 「WEBにスタッフロールを!」Tsutomu Kawamura
 
教育ガラパゴスは必要ですか?
教育ガラパゴスは必要ですか?教育ガラパゴスは必要ですか?
教育ガラパゴスは必要ですか?Tsutomu Kawamura
 
SugarCRM勉強会#010 美容室からお寺まで、Sugarで顧客管理10業種
SugarCRM勉強会#010 美容室からお寺まで、Sugarで顧客管理10業種SugarCRM勉強会#010 美容室からお寺まで、Sugarで顧客管理10業種
SugarCRM勉強会#010 美容室からお寺まで、Sugarで顧客管理10業種Tsutomu Kawamura
 
SugarCRM勉強会#010 Q&Aセッション
SugarCRM勉強会#010 Q&AセッションSugarCRM勉強会#010 Q&Aセッション
SugarCRM勉強会#010 Q&AセッションTsutomu Kawamura
 
SugarCRMへのアプローチ
SugarCRMへのアプローチSugarCRMへのアプローチ
SugarCRMへのアプローチTsutomu Kawamura
 
Sugar CRMへのアプローチ
Sugar CRMへのアプローチSugar CRMへのアプローチ
Sugar CRMへのアプローチTsutomu Kawamura
 
SugarCRM勉強会#006 OSCミナー配布資料
SugarCRM勉強会#006 OSCミナー配布資料SugarCRM勉強会#006 OSCミナー配布資料
SugarCRM勉強会#006 OSCミナー配布資料Tsutomu Kawamura
 
SugarCRM勉強会#003 新テーマシステムを読み解く
SugarCRM勉強会#003 新テーマシステムを読み解くSugarCRM勉強会#003 新テーマシステムを読み解く
SugarCRM勉強会#003 新テーマシステムを読み解くTsutomu Kawamura
 

More from Tsutomu Kawamura (19)

Oss cafe usp友の会lt
Oss cafe usp友の会ltOss cafe usp友の会lt
Oss cafe usp友の会lt
 
OSSCafe USP友の会 LT
OSSCafe USP友の会 LTOSSCafe USP友の会 LT
OSSCafe USP友の会 LT
 
Espresooと始める適材適所のアプリ利用術
Espresooと始める適材適所のアプリ利用術Espresooと始める適材適所のアプリ利用術
Espresooと始める適材適所のアプリ利用術
 
CoderDojoの始め方
CoderDojoの始め方CoderDojoの始め方
CoderDojoの始め方
 
「デザイニング・インターフェース」勉強会 - 第7章
「デザイニング・インターフェース」勉強会 - 第7章「デザイニング・インターフェース」勉強会 - 第7章
「デザイニング・インターフェース」勉強会 - 第7章
 
Canvas勉強会
Canvas勉強会Canvas勉強会
Canvas勉強会
 
PaaS祭り - pagoda box
PaaS祭り - pagoda boxPaaS祭り - pagoda box
PaaS祭り - pagoda box
 
OpenCola
OpenColaOpenCola
OpenCola
 
OpenSource Cafe @ PAX Jelly #20
OpenSource Cafe @ PAX Jelly #20OpenSource Cafe @ PAX Jelly #20
OpenSource Cafe @ PAX Jelly #20
 
【17-E-7】デブサミ2011 LT 「WEBにスタッフロールを!」
【17-E-7】デブサミ2011 LT 「WEBにスタッフロールを!」【17-E-7】デブサミ2011 LT 「WEBにスタッフロールを!」
【17-E-7】デブサミ2011 LT 「WEBにスタッフロールを!」
 
ModernAqua
ModernAquaModernAqua
ModernAqua
 
教育ガラパゴスは必要ですか?
教育ガラパゴスは必要ですか?教育ガラパゴスは必要ですか?
教育ガラパゴスは必要ですか?
 
Sugar CRM Q&A (2)
Sugar CRM Q&A (2)Sugar CRM Q&A (2)
Sugar CRM Q&A (2)
 
SugarCRM勉強会#010 美容室からお寺まで、Sugarで顧客管理10業種
SugarCRM勉強会#010 美容室からお寺まで、Sugarで顧客管理10業種SugarCRM勉強会#010 美容室からお寺まで、Sugarで顧客管理10業種
SugarCRM勉強会#010 美容室からお寺まで、Sugarで顧客管理10業種
 
SugarCRM勉強会#010 Q&Aセッション
SugarCRM勉強会#010 Q&AセッションSugarCRM勉強会#010 Q&Aセッション
SugarCRM勉強会#010 Q&Aセッション
 
SugarCRMへのアプローチ
SugarCRMへのアプローチSugarCRMへのアプローチ
SugarCRMへのアプローチ
 
Sugar CRMへのアプローチ
Sugar CRMへのアプローチSugar CRMへのアプローチ
Sugar CRMへのアプローチ
 
SugarCRM勉強会#006 OSCミナー配布資料
SugarCRM勉強会#006 OSCミナー配布資料SugarCRM勉強会#006 OSCミナー配布資料
SugarCRM勉強会#006 OSCミナー配布資料
 
SugarCRM勉強会#003 新テーマシステムを読み解く
SugarCRM勉強会#003 新テーマシステムを読み解くSugarCRM勉強会#003 新テーマシステムを読み解く
SugarCRM勉強会#003 新テーマシステムを読み解く
 

Recently uploaded

IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptxIoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptxAtomu Hidaka
 
プレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツールプレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツールsugiuralab
 
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ       2024/04/12の勉強会で発表されたものです。新人研修のまとめ       2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。iPride Co., Ltd.
 
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By DanielPostman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Danieldanielhu54
 
プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価sugiuralab
 
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。iPride Co., Ltd.
 
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000Shota Ito
 
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directoryosamut
 

Recently uploaded (8)

IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptxIoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
 
プレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツールプレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツール
 
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ       2024/04/12の勉強会で発表されたものです。新人研修のまとめ       2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
 
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By DanielPostman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
 
プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価
 
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
 
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
 
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
 

Barcode-punk

  • 1. Developers Summit Barcode-punk! O2Oのデザイン by 河村 奨
  • 2. Developers Summit 誰? 河村 奨 (かわむら つとむ) - 下北沢オープンソースCafe - リブライズ ∼すべての本棚を図書館に∼ - コワーキング協同組合 CogniTom Academic Design / BookPress / (社) オープンビジ ネスソフトウェア協会 / コンクリートファイブジャパン (株) / CoderDojo Tokyo
  • 3. Developers Summit 誰? 河村 奨 (かわむら つとむ) プログラム 執筆・授業 成分表 デザイン カフェのマスター
  • 4. Developers Summit CoderDojo Tokyo 毎週日曜!
  • 5. Developers Summit すべての本棚を図書館に。 Change the world into one big library!
  • 6. 5 months within >bookspots 150 > 28,000 books Japan... and SF!
  • 7. Developers Summit 今日のお話 ✴ O2Oをリブライズを例題に理解する ✴ RFID vs バーコード ✴ Action! : バーコードをWEBへ
  • 9. Developers Summit O2Oって...?
  • 10. Developers Summit O2Oって....? ✴ O2O = Online to Offline ✴ 狭義には : オンラインから、ユーザを実 店舗へ導くこと ✴ めざすところ : オンラインとオフラインの 境界がなくなる世界
  • 11. Developers Summit 4つのO2O オンライン A オンライン B WEBサイト・メール ECサイトにアクセス・購入 C オフライン D オフライン 店頭展示・広告 実店舗に来店・購入 媒体 アクション
  • 12. Developers Summit Online → Offline ✴ クーポンなどのお得情報 ✴ ソーシャルメディア上で伝えたくなる何か ✴ 特定分野の商品・サービスの口コミ ✴ 店頭価格・在庫の事前確認 ✴ ゲーミフィケーション ✴ 出会いや交流 ✴ ギフト
  • 13. Developers Summit Online ← Offline ✴ QRコードつきのポスター ✴ シェアしたくなる「なにか」 ✴ チェックイン ✴ 写真 + コメント
  • 14. Developers Summit O2O2O ファーストフードの場合 オンライン WEBサイト 2 1 オフライン オフライン トレイのチラシ 実店舗で追加注文 媒体 アクション
  • 15. Developers Summit O2O2O オンライン オンライン ✴ より一層、不可分に ✴ メタデータと物 ✴ ようこそ、拡張現実へ
  • 16. Developers Summit CMはオフライン? ✴ WEBじゃないものは全て「オフライン」? ✴ オンサイト vs オフサイト ✴ 物 vs データ ✴ 在庫と一対一対応がつく = オンラインとオフラインが同期している
  • 17. Developers Summit 現実とオンラインを繋ぐ ✴ オンラインから (データ) ✴ オフラインから (物) ✴ PC ✴ バーコード ✴ スマートフォン ✴ RFID ✴ TV ✴ サイネージ
  • 18. Developers Summit リブライズ
  • 19. Developers Summit リブライズとは ✴ 本棚を簡単に図書館にするサービス ✴ 本棚の内容(本)をオンラインに公開 ✴ 本棚の内容(本)に情報を付加→拡張現実 ✴ 貸出履歴 ✴ 寄贈履歴
  • 20. Developers Summit O2O2O リブライズの場合 オンライン オンライン WEBサイト 行動のシェア 1 2 オフライン 本を借りる・寄贈 媒体 アクション
  • 21. Developers Summit 図書館とO2O ✴ OPAC ✴ 論文検索 ✴ 実は、古くからO2Oを当たり前に (特に大学と書簡)
  • 22. Developers Summit Barcode-punk
  • 23. Developers Summit タグ オフラインの物体を識別するもの。 SFだと「タグなし」という言葉も有名? ✴ バーコード ✴ RFID ✴ NFC
  • 24. Developers Summit バーコード
  • 25. Developers Summit NFC = 近距離無線通信 Near Field Communication
  • 26. Developers Summit RFID = 電波で個体識別 Radio Frequency Identification
  • 27. Developers Summit RFID ⊃ NFC ✴ NFCはRFIDに含まれる ✴ NFCは、RFIDの能力を近距離に限定 ✴ タッチして使うのがNFC ✴ 勝手に読み取ってくれるのがRFID
  • 28. Developers Summit 各種タグ比較 (1) 価格 リーダ OS対応 PassBook / バーコード ほぼゼロ ¥2,000∼ iOS NFC 百∼数百円? ¥4,000∼ Android RFID 数十∼数百円? ¥6,000∼
  • 29. Developers Summit 各種タグ比較 (2) 読取距離 複数読取 重なり 容量 バーコード 短い × × 10B NFC 短い × × 1KB RFID 長い ○ ○ 色々
  • 30. Developers Summit ✴ 1948 : RFID 自国飛行機の識別 (イギリス) ✴ 1949 : バーコードの発明・特許は1952年 (アメリカ) ✴ 1960年代 : RFID 商品の盗難防止 (アメリカ) ✴ 1970年代 : POSシステム (アメリカ) 歴史 ✴ ✴ 1973 : UPC = (アメリカ) 1978 : 牛にRFIDを埋め込む実験 シカゴ大学 (アメリカ) ✴ 1993 : シボレーのRemote Keyless Entry (アメリカ) ✴ 1994 : QRコード (日本) ✴ 2002 : RFID 回転寿司 (日本) ✴ 2004 : NFC Forum ✴ 2010 : NFC実装規格 第一世代 ✴ 2011 : NFC第一世代 出荷 ✴ 2012 : NFCにAndroidが対応 ✴ 2012 : リブライズ (日本)
  • 31. Developers Summit バーコードの未来 ✴ RFIDは、別路線。物流はRFIDへ。 ✴ バーコードとNFC、 どちらでも構わない「どっちもOK」 ✴ バーコードが浸透するのに、30年 ✴ そうすると...?
  • 32. Developers Summit バーコード UI ver.1
  • 34. Developers Summit UIを画面から解放する ✴ スクリーンショットのほとんどない説明書
  • 35. Developers Summit 液晶とバーコード ✴ レーザータイプはNG ✴ 液晶の仕組み
  • 36. Developers Summit マウスより簡単 ✴ マウスの位置 ≠ ポインタの位置 ✴ タッチデバイス ✴ バーコードリーダは、 指示対象が一致 ✴ ドライバ不要
  • 37. Developers Summit バーコード UI ver.2
  • 38. Developers Summit ver.1 ver.2 ✴ 物とiPhoneにバーコード ✴ 物とiPhoneにバーコード ✴ マウスがほとんど要らない ✴ PC画面にもバーコード ✴ マウスが全く要らない
  • 40. Developers Summit O2Oとデザイン
  • 41. Developers Summit 業務システムとデザイン
  • 42. Developers Summit POS端末、業務システム
  • 43. Developers Summit 何をデザインするか ✴ 現実とオンラインの接点 ✴ 現実の文法をオンラインに → これは普通 ✴ オンラインの文法を現実に → これが大事 ✴ メタ情報がついた、拡張現実 ✴ ユーザインターフェース
  • 44. Developers Summit WEBに統合 ✴ 今まで通りのWEBのUI ✴ バーコードUI ✴ 併用が可能
  • 45. Developers Summit すべての本棚を図書館に。 Change the world into one big library!
  • 46. Developers Summit ありがとうございました。