Willustrator Drawing tool on the Web

Slides:



Advertisements
Similar presentations
Silverlight Producer コンテンツ作成 第一回 GKB48 セミナー 「学習型クラウド共有スペース GKB コモンズは何を目指すか」 2013.oct.30.
Advertisements

農業・食品産業技術総合研究機構 中央農業総合研究センター 天敵・害虫関連情報の共有環境 「天敵 Wiki 」の構築 菅原幸治 * ・木浦卓治 * ・田中 寛 ** ・関塚知己 *** * 農研機構・中央農業総合研究センター ** 大阪府立食とみどりの総合技術センター *** 神奈川県西湘地域県政総合センター.
第2回 太猫会資料 文責:岩田拓也. 2006年10月28日 岩田拓也 オンラインミーティング ノ 第一部:Wikiの紹介と活用法 第二部:Blogの活用法と著作権問題 ~情報共有のお誘い~
UGUI を 使ってみよう ( 導入・紹介?編 ) 1. uGUI とは O Unity 4.6 から使えるようになった UI (ユー ザーインターフェース)システム O 8 月: Unity4.6 β uGUI 試用版公開 O 11 月: Unity4.6 uGUI 正式版公開 正式版公開で、 機能紹介ブロ.
2.Web2.0 とは. 2-1. Web とは Web とは・・・インターネットなどのネットワークに接続されているコンピュータを利用して、 誰もが情報を閲覧することができるように公開する システム 1989 年に欧州核物理学研究所 (CERN) の Berners-Lee が学術論文や資料の管理を.
6. WEKO コンテンツ 個別登録 マニュアル Version 年 9 月 16 日 国立情報学研究所.
Copyright © Kazuhito HAMANO 2007 all Rights Reserved. 1 情報基礎( Week4 ) ≪ WWW で展開される新しい技術≫ 非常勤講師 濱野和人 2007/5/8 火曜 1,2,3 限
RSS,Atom の動向 理工学部 情報学科 3 年 片山友輝. 発表内容 ・ RSS,Atom おさらい ・なぜ Atom ができたか? ・ Atom の特徴 ・ Atom の動向 ・ Atom フィードの記述方法 ・ Atom 対応ツール ・参考文献・資料.
RSS & Atom API 理工学部 情報学科 3 年 片山友輝. 発表内容 ・ RSS とは? ・ Atom とは? ・ RSS 対応ツール ・ RSS の研究室での利用価値 ・今後の課題 ・参考文献・資料.
絵コンテの描き方 II-4C プロジェクト 担当:清水. 目次  絵コンテの必要性  絵コンテの目的  絵コンテ用紙と使い方  絵の描き方  絵コンテに起こす  「動き」の描き方  参考資料.
オープンソースの諸問題 於: OSSAJ オープンソースビジネスセミナー 2005 年 5 月 30 日(月) 風穴 江(かざあな こう) TechStyle 編集長、コラムニスト
Flash SWF ファイル書き換え PHP extension 2008 年 7 月 21 日 よや.
Processing + WiiRemote
プログラミングとは Q.プログラムとは何か? A.コンピュータを制御するための,コンピュータに対する命令(指示)の集まり.
情報検索(7) 消費者生成メディアの最近 教員 岩村 雅一
本気で導入するOpenOffice.org 3つのポイント
Flash 書き換え PHP extension “SWF Editor”
Flex “30分でわかるFlex”.
情報技術演習Ⅰ 人文学研究のための情報技術入門 2015/07/02
PowerPointによるスライドの作成 文教 花子
オペレーティングシステムⅡ 第11回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト.
AMA Manual of Style 利用ガイド
「携帯待ち受けギャラリー」 環境情報学部3年 深澤 洋介.
情報技術演習Ⅰ 人文学研究のための情報技術入門 2013/06/26
SPA 報告
統計遺伝勉強会 新ログページ Quick start v2
情報技術と著作権.
CG作品展示サイト”Fragments” ~ 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン~
Ver Manual 2010 Tanaka.
ただで使えるソフトウェア ーインストールとお絵かきー
コンピュータ・リテラシ b 第12回 簡単な画像処理.
簡単な画像処理 通信教育学部 コンピュータ演習 遠藤美純.
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
プログラミングとは Q.プログラムとは何か? A.コンピュータを制御するための,コンピュータに対する命令(指示)の集まり.
Flash 書き換え PHP extension “SWF Editor”
Web App Semi 2008 #1 Web App Semi 2008 #1.
Piggy Bank: Experience the Semantic Web Inside Your Web Browser
Real Time Graph 指定された計測のデータを実時間収集サーバ(LABCOM)から取得し、リアルタイムにグラフとして表示する。
アプリケーション共有機能 〈参考〉 (図1) (図2)
チュートリアル EBSCOhostの概要
コンピュータ基礎実習上級 #10 絶対パスによる指定
On Digital Tools for Language Documentation 言語記録保存のためのデジタルツールについて
2009/5/22 けーちゃん カンタン  Wikiで情報共有 あいさつ 2009/5/22 けーちゃん
汎用オープンソースCMS 「Magic3」デモ
情報技術演習Ⅰ 人文学研究のための情報技術入門 2017/07/06
「串刺し」研究アプローチの例 e-learning e-space 動画配信 システム SOI Smart Web ストリーミング技術
Rの図表の保存はメタファイルが便利です (Windows限定).
ホームページ作成・更新講座 夏のコンピュータ学習会 画像
11.Webサイトとデータベース, Webサイト+ブログシステムの開設手順例
GIMP をこよなく愛する会 北海道大学大学院理学院宇宙理学専攻支部長 徳永義哉
売れるためのWEBサイト構築.
- 新しいコンテンツ 作成の在り方 -.
情報スキル活用 第2週 基礎技術ー2 : Webページの基本形.
7-0.SWORD Client for WEKO インストールマニュアル Version 2.2
Htmlの基本.
サーバ・クライアントシステム ( X Window System) 2006/01/20 伊藤 和也 original: 前坂たけし
サーバ・クライアントシステム (X Window System )
図形再現アクティビティ 一人が目を伏せた状態で、ある図形をもう一人が見て記憶し、時間内に伝えます。聞き手はその図形を紙の上に再現します。
Processing Processingでお絵かき.
様々なデータの蓄積,共有が簡単操作で可能に!
図の作成・編集のこつ By 小笠原 適当に加筆修正すべし.
必要項目を入力するだけで、プレーンなプレゼン用スライドの完成!
Webアプリケーションと JSPの基本 ソフトウェア特論 第4回.
公共データWGにおける 利用条件等に関する検討状況等について
必要項目を入力するだけで、カジュアルなプレゼン用スライドの完成!
売れるためのWEBサイト構築.
【GeoAFM】オリジナルの探針形状データの作成/使用 1/2
Processing Processingでお絵かき.
著作権とライセンス.
キャッチコピー Works Blog Profile Works Blog Profile TOPページ 実績 ブログ 人物
Presentation transcript:

Willustrator Drawing tool on the Web 神原 啓介 Keisuke Kambara

Willustrator (ウィラストレーター) とは Web上で使えるドローツール http://willustrator.org/ Web上で直接絵を描き、 Web上で保存・共有することで 絵を再利用をできるようになる 例えば、 他の人の描いたクリップアートや図に ちょっと描き加えて使える。

バイナリの画像だけでなく 絵のソースも共有 Web上で手軽に絵を描ける 絵のオープンソース化 絵もブラウザ上で直接編集 ブログやWikiで もっと図や絵を使えるように 絵を再利用する ドローツールなので 再編集しやすい ペイントツールは 再編集には向かない Web上で共有 バイナリの画像だけでなく 絵のソースも共有

Tools Save Button Canvas Property Pane Canvas Scale

Rect Circle Selection Save Button Text Polygon & Bezier Freehand

Draw Editor Box (Circle, Rect) Inner text Bezier curve Copy & Paste Freehand bezier curve Scaling Grid & Snapping

Save & Export Export PNG and SVG. Images used in Blog, Wiki and some Web services (example)

Derivative image (Link) Derivation (=派生機能) Copy button Derivative image (Link)

Derivation (=派生機能) Original Image

CCを採用した理由 コンテンツのライセンスとして有名で 認知されている (というか他によく知らない) 自由な派生を許した上で、 著作者の権利を守りたい 面倒なのは嫌

CC採用で? (1/2) CC対応って 具体的に何をすればいいの? CCロゴは貼らないといけない? クレジットには何を書かないといけない? クレジット内にリンクは必要?

CC採用で? (2/2) Willustratorで自分が描いた絵を 他の人が日記で使ったとき その日記のライセンスはどうなるの? ロゴやクレジットをいれないといけない?どこに? たくさん絵を使ったらその分クレジットを書かないといけない?(面倒だ。。。) リンクとメタデータがあればいいじゃん!と言いたい > CCの偉い人

http://willustrator.org/