Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Adobe DPSで電子書籍アプリを作ってApp Storeで販売しよう

5,116 views

Published on

2014年4月6日に開催された「第1回 さいたまデザインDTP勉強会」のセッション3「Adobe DPSで電子書籍アプリを作ってApp Storeで販売しよう」のスライド資料です

Published in: Design

Adobe DPSで電子書籍アプリを作ってApp Storeで販売しよう

  1. 1. Adobe DPSで電子書籍アプリを作って App Storeで販売しよう 第 1 回 さいたまデザイン DTP 勉強会
  2. 2. 目次 1. イントロダクション 2. iOS Developer Program 登録 3. 証明書の作成 4. アイコン作成 5. DPS App Builder 6. App Store に登録 7. 参考資料
  3. 3. ひつゅじとぼくのいっしゅうかん https://itunes.apple.com/jp/app/hitsu-yujitobokunoisshuukan/id698145334?mt=8 さとうゆうすけさん作の絵本(朗読音声付き) App Store で販売中。
  4. 4. ひつゅじとぼくのいっしゅうかん Adobe DPS で制作したアプリを App Store で販売 (EPUB 3 版も iBooks Store で販売中)
  5. 5. Adobe Digital Publishing Suite InDesign で制作する電子書籍アプリのフォーマット 雑誌や企業プロモーション向けの機能が豊富 個人制作でも活用できる
  6. 6. Adobe DPS でのアプリ作成〜公開の流れ iOS Developer Programへの登録 iTunes Connect への登録 証明書の作成 アイコン画像等の作成  コンテンツの作成 DPS App Builderでアプリ作成 動作検証App Storeへ提出〜審査 App Storeで公開
  7. 7. 注意事項 コンテンツの作り方については時間の都合で今回はお話でき ません。InDesign で制作した Adobe DPS 用のコンテンツを、 アプリ化して App Store で公開する部分のお話です。 前提 ・CreativeCloud 契約中であること ・制作できるのは iPad 版 Single Edition 形式 ・作業環境は Mac Apple と Adobe のサービスをいったりきたりします ・ID など混乱しないように(AdobeID/AppleID/AppID)
  8. 8. iOS Developer Program 登録
  9. 9. iOS Developer Program 登録 iOS のアプリを開発/配布するために必要 年間 ¥8,400 https://developer.apple.com/jp/programs/ios/
  10. 10. iTunes Connect App Store で公開するために必要な情報の登録、 および公開したアプリの管理 ・契約/税金/銀行口座 ・アプリ登録/情報管理 https://itunesconnect.apple.com/
  11. 11. POINT 登録する AppleID  ・普段使っている購入用 ID と分けることも可能  ・iBooks Store 販売登録と同じ ID は使用できない 個人として登録する場合  ・氏名が開発者名の所に   表示される
  12. 12. 証明書の作成
  13. 13. 証明書 アプリの開発者やアプリ自身が Apple から承認された ものであることを証明するファイル。アプリ作成時に 読みこませる。 キーチェーンアクセス(Mac 上)と iOS Dev Center (Web 上)を行き来して作成する。
  14. 14. 証明書作成の流れ キーチェーンアクセス.app iOS Developer 証明書リクエスト App ID Device ID(開発版のみ) Certificate AppleWWDRCA Provisioning Profile      .p12 証明書 開発版/配布版 開発版/配布版
  15. 15. 開発版と配布版 開発版(Development)  ・開発途中の動作検証用  ・登録したデバイスにのみインストール可能 配布版(Distribution)  ・App Store で公開する完成版 それぞれ使用する証明書が異なるので注意
  16. 16. アイコン作成
  17. 17. 必要な画像ファイル 29×29 SD用 SD用(1024×768) アプリアイコン スプラッシュスクリーン (起動画面) HD用 58×58 100×100 144×144 (その他)アートワーク:App Store お勧め表示用 512×512, 1024×1024 72×72 50×50 HD用(2048×1536)
  18. 18. DPS Asset Generator http://frischmilch.github.io/DPS-App-Icons-Template/ 必要なアイコン画像などを簡単に作成できるように あらかじめ設定された Photoshop ファイル ・スマートオブジェクトになって いるので Illustrator で編集可能 ・Generator 機能で自動的に必要 な画像ファイルが生成される
  19. 19. DPS App Builder
  20. 20. DPS App Builder とは InDesign コンテンツから DPS アプリを作成するツール インストールされてない場合は、Adobe DPS サイトよりインストーラをダウンロード https://digitalpublishing.acrobat.com/app.html#x=dashboard 将来的には Web サービスに移行
  21. 21. 起動〜ログイン InDesign の Folio Builder パネルのメニューから「App を作成…」で DPS App Builder を起動してログイン
  22. 22. アプリケーションの詳細 アプリケーション名などを登録 (長いと iPad の画面に表示しきれないので注意)
  23. 23. アイコンとスプラッシュスクリーン アイコン画像を登録
  24. 24. 証明書 mobileprovision ファイルを登録
  25. 25. アプリケーションの作成 しばし待つ…
  26. 26. アプリケーションの作成 「開発版アプリケーション(.ipa)」をダウンロード
  27. 27. 開発版アプリケーションのダウンロード 証明書ファイルを登録してダウンロード
  28. 28. iPad での動作検証 ダウンロードした ipa ファイルを iTunes 経由で iPad に インストールして、動作検証する。 (証明書作成時に登録した iPad のみ可能)
  29. 29. 配布版アプリケーションのダウンロード 実機での動作検証で問題がなければ「配布版アプリケー ション(.zip)」をダウンロード このファイルを App Store に登録します
  30. 30. POINT ダウンロードする際にエラーが出る場合 ・システム環境設定の「言語とテキスト」の設定を変更  (「English」をリストの一番上に) ・DPS App Builder を再起動  (メニューが英語になる) (参考:http://helpx.adobe.com/jp/digital-publishing-suite/kb/cq05292143.html)
  31. 31. App Store に登録
  32. 32. アプリ情報を登録 iTunes Connect で登録  ・アプリケーション情報(カテゴリ/レーティング)  ・販売価格  ・メタデータ(アプリの説明/サポート情報)  ・アイコン/スクリーンショット 登録するアプリのステータスが「Waiting For Upload」になっているのを確認
  33. 33. 配布版 zip ファイルをアップロード Application Loader(Xcode に同梱)でアップロード
  34. 34. 配布版 zip ファイルをアップロード Application Loader(Xcode に同梱)でアップロード iTunes Connect 上で、登録するアプリのステータスが 「Waiting For Review」になっているのを確認
  35. 35. Apple の審査 審査に通らないと App Store で公開されません https://developer.apple.com/jp/appstore/guidelines.html
  36. 36. Apple の審査 審査には多少時間がかかります。審査に通らない(リジェ クトされる)場合は、問題点を修正して再度申請 https://developer.apple.com/news/ に 審査の平均進捗率が記載されています
  37. 37. Apple の審査(実例) 今日のスライドをアプリ化して App Store に申請してみました…が
  38. 38. Apple の審査(実例) リジェクトされました…
  39. 39. Apple の審査(実例) 2.21:単純に曲やムービーのアプリは iTunes Store に提出 されるべきである。本のアプリは iBooks Store に提 出しなければならない
  40. 40. App Store で公開 審査に通ると App Store で公開されます iTunes Connect 上で、登録するアプリのステータスが 「Ready for Sale」になっていれば OK
  41. 41. 参考資料
  42. 42. 参考資料 Adobe Digital Publishing Suite Single Edition ステップバイステップガイド(PDF) http://helpx.adobe.com/jp/digital-publishing-suite/kb/cq11041915.html
  43. 43. 参考資料 DPS 入門(Adobe DPS アプリ) https://itunes.apple.com/jp/app/dps-ru-men/id585117564?mt=8
  44. 44. 参考資料 「Adobe DPS をビジネス活用 !    ー iPad、iPhone、Android 対応」 http://qtweb.txt-nifty.com/indesign/2013/04/adobe-dps-ipadi.html
  45. 45. 注意点 資料が古い場合、iOS Developer のメニュー構成が現 在と異なっている場合がありますので、適宜読み替え てください 紹介されている機能の中には Single Edition で利用で きないものも含まれている可能性があります
  46. 46. ありがとうございました

×