2014年11月30日日曜日

PICT8 Preview 4

( PICT8 は 2014年12月にリリースされました。Windows ストア からダウンロードできます。)

作成中の画像ビューア+PDF/Zipリーダ PICT8、先週にPreview 3 ベータテストのお願いをした所、数人の親切な勇者の皆様から不具合報告や提案を頂く事ができました。
ありがとうございます。

UserVoice で頂いた報告と、以前からの積み残しだったTask・Bug直しを加えたPreview 4 を作成しました。

お気軽にDLしてちょいと試して頂ければと。
Preview 4はアニメGIFも他のJpeg画像のようにズーム等が出来るようになっています。
アニメGIF見るのに便利な感じになってきました。

この調子で週一くらいで出していけたらなぁと(個人的には、一人作業でも何も考えずに手動かしてればアプリが作れるワークフローの確立が最近の目標です)。


・・・・・・・・・


OpenとWorkingを全部倒す…のは無理なので、製品としてOkな所まで押し込んでいく闇の妖魔ネロ族との戦いは暫く続きます。ルミエール姫を救うその日は未だ遠い。

※ 今下のListを見ていて気づいたのですが…Preview4、FilePickerContract動作時のAnimatedGIFの表示が変になっています。直し忘れた。

PICT8 Preview 4

Download

Test period: Until Dec 8,2014
How to install: Refer preview3 page

Changes from Preview 3
ID Work Item Type Title State Created Date Closed Date
161 Task サムネイルとフォルダの判別が難しい Done 2014/11/24 13:11 2014/11/30 19:03
172 Task 共有サポート Done 2014/11/30 16:24 2014/11/30 19:03
163 Bug AnimeGIFのClipboardCopy、色が変 Done 2014/11/24 13:53 2014/11/30 16:25
168 Task Commander 可動領域の視覚化 Done 2014/11/30 12:05 2014/11/30 13:28
152 Bug ApplicationInsights 起動時に死ぬ Done 2014/11/16 16:29 2014/11/27 22:46
159 Bug gifアニメ表示中にサムネイルon/offが切り替えられない? Done 2014/11/24 8:50 2014/11/27 22:43
160 Task ページ切り替えのアニメーションOnOffが欲しい Done 2014/11/24 13:11 2014/11/27 22:42
164 Bug AnimeGif、Zoomボタン、CyclicZoomボタンが効かない Done 2014/11/24 13:55 2014/11/27 22:41
165 Bug AnimatedGIF, 切り替えが汚い Done 2014/11/24 17:22 2014/11/27 22:40
158 Task Commander hold to moveで可動範囲内に移動 Done 2014/11/18 17:31 2014/11/21 20:20
153 Task Commander CyclicZoom Done 2014/11/17 0:03 2014/11/17 23:15

Working
ID Work Item Type Title State
126 Task Wait表示 In Progress
145 Task キオスクモード In Progress
149 Bug Commander 位置保存がおかしい Committed

Open
ID Work Item Type Title State
131 Bug PageThumb辺り手直し New
155 Task Tileに画像貼り付けが欲しい To Do
156 Task Commander ArchiveOpenで透明度を数秒下げて場所を見せる To Do
157 Task AppBar 整理 To Do
166 Task gvのMultiselect、AppBarとのリンク整理 To Do
167 Bug AnimatedGif、たまに画像クリックで変な状態になる New
169 Task gvGrid サムネイル選択時の動作 To Do
170 Task gvGrid サムネイル動作 To Do
171 Bug Commander Windowモードで起動時のRestoreが変 New


2014年11月26日水曜日

MSCC : 開発手順書を書いてみた

Microsoft Community Champion, MSCC ではWindows / Windows Phone ストアアプリ・Azure上のサービスを作品として提出できるのですが、それらと一緒に「開発手順書」の提出を行うことになっています。

開発手順書テンプレートはMSCCのページからDownloadできるのですが…どうも意図が良く分からない。IEC62304みたいな本式を書けという話でもないはずです。
「これからこんな手順で開発します」程度なのかなぁと思うのですが。

闇の妖魔ネロ族そして魔王オスクリダを打ち倒す強靱なTechパワーとして開発中のアプリ PICT8 現在ベータテスト中です!)は、実のところ2014年4月から続けて作っているものであり、ちょうどMSCCの期間中に完成しそうな塩梅なので応募したものです。
そこで、11月頭に…「既に完成した体で」がーっと書いてみた開発手順書が以下になります。

( PICT8 は 2014年12月にリリースされました。Windows ストア からダウンロードできます。)

11月下旬の今まだ出来ていないあたり結構危ないのですが、「既に完成した体で」書いてみると…意外に、作業の見通しが良くなる効果がありました。作業の合間にお勧めです。

(Word文書をそのまま貼り付けているため体裁が所々おかしいのは御容赦下さい。これで丁度5ページです)

--------
Microsoft Worldwide Community Champion 開発手順書

チーム No.
JPAC01066
チーム名
DDLG
参加エリア
(学生・社会人)
社会人
チーム メンバー名
さとう
Windows アプリまたは
Microsoft Azure
の名称
PICT8
作品の概要
画像ビュアー + PDF/Zipブックリーダー
アイデア
1.    開発のポイント
2.    機能

1.       キャッシュと多段階画像デコードによる素早い動作と高品質な画像表示・低メモリ消費を実現するFlipView実装の確立、VirtualizedVectorを用いたFilerUIの実装、Manipulation/Gestureを用いたCommander UIの作成
2.       フォルダ内画像表示、PDF/Zip内画像表示、1P/2P/偶奇のページ切り替え、FilePicker Contractの実装によるプレビュー付きファイル選択機能の他アプリへの提供
商業的な価値
1.    特長
2.    使いみち(シナリオ)

1.       軽快で素早い動作、片手持ちで使いやすいCommander UI、他のアプリからも利用可能
2.       個人ユーザーの画像・自炊本・PDF閲覧、美術館・博物館等でのタブレット端末による画像展示(Assigned Access 環境下での使用を想定した動作モードあり)
開発手順
次頁に示す。
作品の URL





PICT8開発手順

November 11, 2014
さとう (役職 勇者 / 所属チームDDLG)

この文書について


この文書はMSCC規定により、チームDDLGに於いて開発したWindowsストアアプリ「PICT8」の開発手順について説明するものである。手順それぞれの実行結果、アプリケーション仕様・動作等について説明するものでは無いことに留意されたい。

デザイン ポリシーの確認

[Apr - May 2014]
開発を始めるにあたり、これから作成するアプリケーションとは

l  こういうものである
l  こういうものでは無い 

というis/is not Tableを作り、今後の仕様作成・実装に当たって譲れない部分、譲ってもいい部分、無視する部分を明確にする作業を行った。
開発開始当時に作成したis/is not Tableを以下に示す(当時の案であり、現状のアプリ実装状況ではない)。

PICT8とは:
気持ちよく使える画像ビュアー PDF/Zipの本読みもできる 


PICT8 is
Fast and fluid
File BrowseVirtualizedVectorSourceを使用することでPhoto と同等の素早い動作を提供
多段階デコードによる低メモリ使用量とごまかしの無いFlip動作の両立
2画面表示
横持ち用 いつでもページの偶奇・めくり方向を切り替え可能
ファイル名を表示する
現在のMetroUIGuidelineはファイル名表示は必要ないというポリシーであるが、実運用上かなり無理があると感じる。例えばカメラで撮った連版画像を名前で探すといった頻度の高いケースでの対応が困難であり、PICT8ではファイル名表示を既定とする。
PDF/Zip対応

Animation GIF対応
WebViewコントロールを用いる。 futa8で実証済み
片手で全部済む
10インチなら人差し指、8インチなら親指で大体済むUI One handed Commander UI
標準画像Viewer置き換え
を目指す。


PICT8 is NOT
ファイラでは無い
ファイルコピー程度は対応するが基本的にはファイラでは無い。ただファイラとして発展させることは可能なので、別Versionで考える。今回は考えない。
ファイルのDB管理をしない
自前のDBにファイルを登録、サムネイルを記録、的な事は一切行わない。FileSystemのサービスのみを使う。現在のDesktopSearchBindされたFileSystemならば自前DB無しで充分な機能を提供可能である、という自分の考えをPICT8で実証する。また、FileSystem的に無理ならそこは頑張らない。
ただこの場合Zip/Pdf系のArchiveのサムネイルが作れないという問題があるが…今回は我慢。
印刷機能を持たない

画像編集機能を持たない
エフェクト・回転等は全て別アプリにやってもらう。ファイル起動か共有で呼べば充分。
データをローカルに溜めない
ファイルは基本そこにあるのをBroker経由で使う。無理に自分のLocalStorageCopyして使う事はしない。(ただしAnimeGIFや、PDF/Zipの一時ファイル等例外もあり)


環境整備

[Apr 2014]
開発環境にVisual Studio 2013 Express , 言語はC#/XAML, ソース・進捗管理にはVisual Studio Onlineを用いた。

他製品調査

[May 2014]
Windowsストア上で提供されている同種の画像ビュアー・ブックリーダー十数種について試用を行い、以下の点について調査した。

l  この種のアプリケーションの多くが有する機能・また特徴的な機能の確認
l  動作感の確認
l  PICT8との比較

UI案の作成

[May 2014]
大まかな画面構成作成を行った。なおここで行ったのは所謂WhiteFrameな部分の作成であり、UI ElementCosmeticな部分は後日行った。

プロトタイプ作成

[Apr - October 2014]
以下四点が今回の開発でのチョークポイントであり、これらが出来ない・上手く動かなければ開発が頓挫する部分であるため先にCodeを作り技術的なFeasibilityの確認を行った。尚、個人プロジェクトが往々にしてそうであるように、今回もプロトタイプがそのまま以降の実コードとなっている。

l  VirtualizedVectorSourceによるFileList表示
l  FlipViewによる1P/2P表示
l  PDF/ZipHandling
l  FilePickerContractの実装


実装


20144月~11月に実装を行った(まだ終わって無い)。

実装開始後の仕様変更

[October - November 2014]
実装開始後にリリース・または気づいた新API・機能等以下3件について評価を行った。

l  Microsoft Windows OCR - ラノベの挿絵ページ自動判別機能として有効であることが確認できたが、API自体がPreview版のため製品に含めるかどうかは未定
l  Assigned Access – 同モードをより有効に使うためのPICT8キオスクモードを実装した
l  .NET Native - 現在のCodeでは却って遅くなる部分も見受けられたため今回は見送り


試用者の意見徴収

[September - November 2014]
l  devcussion
有志による開発者の寄り合い “Devcussion” に於いて開発中のVersionを試用して貰い、使用感・改善希望点等を聞く事ができた。
l  Web上でのOpen Beta Test
BetaTesterを募集し、幾つかの提案・バグレポートを頂く事ができた。


リリース


201411月中のリリースを予定。

()

2014年11月22日土曜日

PICT8 Preview 3 ベータテストのご案内

( PICT8 は 2014年12月にリリースされました。Windows ストア からダウンロードできます。)

作成中の画像ビューア+PDF/Zipリーダ PICT8 について、アプリをインストールして試していただけるベータテストを実施中です。

Note - English description available at the bottom of this post.


PICT8 とは?

近日中にWindows ストアでの販売(売り切り・広告無し)を予定している、画像ビューア+PDF/Zipリーダ アプリです。
特徴は
・軽快な動作、アニメGIF表示可能
・片手持ちでPDF/Zipを読むためのCommander UI
・他のストアアプリでファイルを開く際にPICT8が使えるファイルピッカー機能

現在は初版に予定していた機能がほぼ入り、これからパフォーマンス調整・バグ潰しなどを行おう、という段階になっています。



何をテストするの?

基本一人作業を続けているため、自分だけだとどうしても気づかない所・甘くなっている所が多いです。
なので、お手隙で、このような画像ビューア、自炊本リーダアプリに興味がおありでしたらちょっと試してみて頂いて、ご意見を伺おう、という趣旨です。

また今回、不具合報告や提案等を投稿して頂ける 「UserVoice」 のサイトを用意しました。掲示板のような形式で、提案の投稿や、他の提案への投票が可能になっています。
何かありましたら、こちらに投稿して頂けると有難いです。

DDLG UserVoice
https://ddlg.uservoice.com/

https://ddlg.uservoice.com/

必要なもの


  • Windows 8.1 / 8.1 RT
  • Microsoft アカウント … 後述の開発者アカウント作成に必要です。
  • 開発者アカウント … 今回はストアを通さない配布のため、この「開発者アカウント」を作成して頂く必要があります。料金は掛かりません。アカウントを持っていない場合、インストール中にアカウント作成の案内が出ますのでそれに従ってください。
  • 何か気の付いた事があったらUserVoiceに投稿してくださる施しの心(任意です)

ダウンロード

http://1drv.ms/1yyRw2u

インストール方法

  1. パッケージのZipファイルをダウンロードします。
  2. Zipファイルをローカルフォルダにすべて展開します(Zipのままではダメです)。
  3. ファイル Add-AppDevPackage.ps1 を右クリックし、「PowerShell で実行」をクリックします。
  4. PowerShell が開きますので、以降画面の指示に従います。
Zipを全部展開して、
Add-AppDevPackage.ps1 を右クリックして、
「PowerShell で実行」をクリック

PICT8 の使い方

Help等はまだ出来ていません。説明なしで一発使ってみて、わからなかったらわからんとUserVoiceに投げるなりして頂けると助かります。


備考


  • 今回のVersionはアプリ内部で使用期限を12月1日までに設定しています。12月1日を越えると起動できません。
  • PICT8 は Microsoft Application Insights を使用しています。これはアプリケーションの使用状況を個人を特定できない形で収集し、アプリケーションの品質向上・改善のために利用するものです。今回はApplication Insights 標準のデータに加え、フォルダ・PDF・Zipを開く際のItem・Page数情報を収集しています。

---------

PICT8 Preview 3 Beta Test

What is 'PICT8' ?

PICT8 is Picture Viewer + PDF/Zip reader application.
Features:

  • First and fluid experience, Animated GIF support
  • New commander UI for one-handed reading.
  • File Picker Contract support - You can use PICT8 from any other Windows Store Apps as Preview-enabled File Picker.

Release date is not determined yet.

If you have suggestions...

You can post your suggestions to our UserVoice page. Your suggestions would be really appreciated.

DDLG UserVoice
https://ddlg.uservoice.com/

Prerequests


  • Windows 8.1 / 8.1 RT
  • Microsoft Account
  • Developer Account - This is required because this beta version is distributing at outside of Windows Store. But you can create it during installation, without fees.

Download

http://1drv.ms/1yyRw2u

Install procedure


  1. Extract downloaded .zip file to your local folder.
  2. Right-click the file 'Add-AppDevPackage.ps1' then click 'Open by PowerShell'.
  3. Follow the instructions.


Notes


  • This test period will ended at Dec 1, 2014.
  • PICT8 use Microsoft Application Insights service. This service collects usage of apps in a way that can not identify the individual user to improve this application.


2014年11月3日月曜日

MSCC に参戦しています

Microsoft Community Champion 、略称 MSCC に参加しています。

Microsoft Community Champion
https://microsoft-worldwide-community-champion-ja-jp.azurewebsites.net/Home

台湾Microsoft が主催するアプリケーション・サービスのコンテストで、台湾・マレーシア・日本、3つの国と地域で共催されます。
詳しい所は上のURLでわかるとして、一番大事なバックストーリーをTextに起こしますと、

戦いのはじまり

遥か昔に封印された闇の妖魔ネロ族が、復讐の欲望を満たすべく自らその封印を破り、
光の王国エスポワールに侵入した。

民衆の希望であった王国の姫ルミエールが、闇の魔王オスクリダの手により誘拐され、
混乱に乗じた略奪と侵略により荒廃し、闇に陥るエスポワール王国…

王国に光を取り戻すべく、ルミエール姫を救出するために勇者たちが立ち上がり、
強靱な Tech パワーで闇の妖魔ネロ族と、
すべての闇を支配する魔王オスクリダの討伐に向かう。

コンテスト参加者は勇者であり、強靱なTechパワーで魔王オスクリダを倒すのです。

私は「チームDDLG」で独り参戦しています。
闇の妖魔ネロ族そして魔王オスクリダに立ち向かう得物は、今作っている途中の 画像ビュアー+PDF/Zipリーダー「PICT8」です。


このPICT8で!必ずや絶世の美女にして超可愛いくてアニメ声のルミエール姫を救い!お礼に姫様にチューとかして貰って!!エスポワール王国に光を!取り戻そうではないか!!!


参戦している様子(イメージ映像)