Microsoft PowerPoint - アプリとHPの関係.pptx

(1)

スマホアプリとHPの関係、役割分担

フロントページ

 ダウンロードしてもらわないと始まらない

 いかにして導くか、工夫必要

 英語不要

プロジェクトのチラシ

× 商品を羅列してある商品リスト

× 文字や情報量が多いチラシ

× 目次でも要約でも抜粋でもない

○ ユーザーのインセンティブ重視

今売っているこの魚はお買い得?

食べても安全?

訴求力

HPの存在を知っている人たち

おもしろ

そう

使ってみ

たい

検索機能・英語も必要

 研究者側が見せたい

もの

 科学的説得力

 情報の質の維持

 資料集の性質も

スマホアプリ

情報の本体

科学データ

論文・報告書

消費者⽬線

こっちからみる

研究者⽬線

こっちから情報公

開すべきだろう！

資料－6

(2)

未確定・検討項目

共通仕様

SHUN プロジェクト

ウェブサイト構成図

● PC、スマホ両レイアウト対応（レスポンシブ）

● 画面横 640px 以下でスマホレイアウト、641px 以上で PC レイアウト。

● PC レイアウトは横幅固定（1000px 程度の予定）。

● ● 英語版はどこまで対応するか？

● 日本語の時、英語（ローマ字）検索に対応する必要があるか？

● 一般的なアクセスログ以外で、取得する項目を検討。個人特定をする必要があるか？

● 頻繁に更新する内容な「お知らせ」だけか？更新のための管理画面が必要か？

● ver 0.1 2016.12.15 小笠原

(3)

ホーム（日本語）

ホーム（英語）

検索

文字検索

検索結果

地域検索（全国）

地域検索（地域）

地域検索（県）

魚名一覧

特定魚一覧

魚詳細

魚詳細（資源）

魚詳細（環境）

魚詳細（管理）

魚詳細（地域）

資料（pdf など）資料（pdf など）資料（pdf など）資料（pdf など）

カスタマイズ

お知らせ一覧

お知らせ詳細

用語詳細

ポップアップ

スライド

SHUN について

用語一覧

お問い合わせ

プライバシー

_ポリシー

ウェブ構成図

0

1

8

11

9

12

13

14

4

5

10

15 15-1

6-1

2

6

7

3

16

17

18

19

(4)

SHUN

検索検索 english home お知らせ SHUN について用語集プライバシーポリシーコピーライトお問い合わせ

SHUN

検索検索 home お知らせ SHUN について用語集プライバシーポリシーコピーライトお問い合わせ

SHUN

検索検索 home お知らせ SHUN について用語集プライバシーポリシーコピーライトお問い合わせ english english

english english english

お知らせイメージ画像イメージ画像 more 検索 SHUN プロジェクトについて お知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせテキスト入力地域から選ぶ魚名一覧テキスト入力地域から選ぶ魚名一覧テキスト入力地域から選ぶ魚名一覧 プライバシーポリシー あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおコピーライトプライバシーポリシー検索 home 用語集お知らせ SHUN についてお問い合わせ

6

4

5

7

用語集一覧お知らせ一覧お知らせ詳細

14

11

魚名一覧地域検索お問い合わせ

トップ画面 (PC レイアウト )

0

0 トップ画面 ( スマホレイアウト )

検索

1

2 SHUN について

3 プライバシーポリシー

● ヘッダーにグローバルメニューを、フッターにその他のメニューを配置。 ● メインイメージは検討中。 ● 検索がメインなので、トップですぐに検索できる状態にしておく。● トップではお知らせの一部を表示し、全体はお知らせページにて閲覧。 ● どのページに行ってもすぐに検索できるように、ヘッダー部に常に検索ボタンを表示。 ●ヘッダーの「english」クリックで英語版に切り替え。どのページにいても英語版のトップページに移動する。 ● スマートフォンサイズにすると、自動でスマートフォンレイアウトに移行（レスポンシブ）。 ● ヘッダー部分にメニューアイコンを設け、タップするとメニューが現れる。 ● 検索（3 種類）を集約。 ● 静的なページ。 ● 静的なページ。 ● 問い合わせ等で取得した内容の取り扱いに関して。

(5)

SHUN

検索検索 home お知らせ SHUN について用語集プライバシーポリシーコピーライトお問い合わせ english english english english english お問い合わせ 用語集 お名前送信メールアドレスあかさ持続性 用語集 あかさ持続性 more 2017/03/31 お知らせ お知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせ more 2017/03/31 お知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせ more 2017/03/31 お知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせ 2017/03/31 お知らせ一覧もどる お知らせ お知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知お知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせらせ ● リストをタップすると説明ウィンドウがオーバラップ表示される。 ● 詳細内容は、タイトルとテキスト分のみ。 ● 魚詳細画面の用語テキスト（下線ありのテキスト）をタップすると、そのページ上に同様の説明ウィンドウが表示される。か 持続性 持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは持続性とは X

用語集一覧

6 お知らせ一覧

4 お知らせ詳細

5 6-1

用語詳細（ポップアップ）

お問い合わせ

7

● 難しい用語の一覧表示。 ● お問い合わせフォーム（内容は要検討）。 ● 確認画面、送信完了メッセージ、メール返信等、要検討。 ● お知らせは、管理画面より更新可能（要検討）。 ● お知らせの詳細内容を表示する。

(6)

SHUN

検索検索 home お知らせ SHUN について用語集プライバシーポリシーコピーライトお問い合わせ english

english english english

english english 検索検索検索検索検索検索テキスト入力地域から選ぶ魚名一覧地域から選ぶマグ地域から選ぶクロマグロキハダ（キハダマグロ）地域から選ぶみや地域から選ぶ宮城県宮崎県地域から選ぶほ地域から選ぶホッケ北海道ミヤ

>

高知ミヤ

>

徳島

>

宮城県宮崎県キハダ

>

高知キハダ

>

徳島

>

文字を入力して Enter キーを押した時

13

地域検索（都道府県）

15

魚詳細

検索

0

8

1 文字検索候補表示

( 魚名 )

8 文字検索候補表示

( 都道府県名 )

8 文字検索候補表示

( 混在 )

(Enter キーを押した時 )

9 文字検索結果

10 特定魚一覧

● 文字入力は魚名、地域名共通。 ● 魚名は標準和名と通称名で検索可能。 ● 文字を入力すると、検索ボタンを押さなくても随時検索が実行され候補が 5 点表示される。 ● 魚名の候補は標準和名と検索している通称名がカッコで表示される。 ● 地域名の候補は、魚名とは違う色で表示。 ● 候補内に魚名と地域名の両方がある場合、色を変えて表示する。 ● 魚名が上側、地域名が下側に表示。 ● 候補は 5 点のみなので、魚名が多い場合は、地域名が出ないこともある。 ● 検索結果の全一覧を表示。 ● 検索結に魚名と地域名の両方がある場合、色を変えて表示する。 ● 魚名が上側、地域名が下側に表示。 ● 項目が多い場合はスクロール。 ● テキスト入力エリアを選択した時点で、8 の画面に移行（google と同様）。 ● 特定魚名の全一覧を表示。 ● 魚名は標準和名で表示。 ● 右側に地域名を表示 ● 項目が多い場合はスクロール。

(7)

SHUN

検索検索 home お知らせ SHUN について用語集プライバシーポリシーコピーライトお問い合わせ english english english english 地域を選択してください四国広域広域高知検索キハダ

>

高知ヒラメ

>

徳島

>

キハダ

>

ヒラメ

>

あかさキハダマグロ標準和名：キハダ

地域検索

₁₂

11 地域検索

( 地域 )

13 地域検索

( 都道府県 )

14 魚名一覧

● 地域を選択すると、右の地域画面に移行。 ● 収録されている魚名の一覧。大量にあるのでスクロール対応。 ● 魚名は通称名がメインで、標準和名も表示させる。 ● 通称名でソートされた一覧表示。 ● 地域の地図になり、その地域の魚名一覧が表示される。 ● 魚名は標準魚名のみ。 ● 県名を選択すると、地図の県が選択状態になり、県の魚名一覧が表示される。 ● 魚名は標準魚名のみ。詳細特定魚一覧

10

15

(8)

SHUN

検索検索 home お知らせ SHUN について用語集プライバシーポリシーコピーライトお問い合わせ english english english english english

天然

クロマグロ（高知）

クロマグロとは

健康・安心・安全

養殖

あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお詳細 > 詳細 > 詳細 > 詳細 >

さらに詳細を見る >

資源の状態

もどる

対象種の資源生産物研究・モニタリング あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお 対象種の資源水準・資源動向 あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお 対象種に対する漁業の影響評価 あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお

さらに詳細を見る >

環境の状態

さらに詳細を見る >

管理の状態

対象種の資源生産物研究・モニタリング あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお 対象種の資源水準・資源動向 あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお 対象種に対する漁業の影響評価 あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいう持続性いうえおあいうえおあいうえお

さらに詳細を見る >

地域の状態

総合評価

関心項目反映

カスタマイズ on oﬀ カスタマイズ キャンセル設定資源弱中強 関心のある項目 環境管理地域安心・安全 ● カスタマイズメニューをクリックすると、カスタマイズ画面が現れる（スライド表示） ● 関心項目の設定。 ● デフォルトはすべて「中」。 ● 設定ボタンを押すと、クッキーにて保存。キャンセルは保存しないで、前設定にもどす。 ● 設定／キャンセルを押すと、カスタマイズ画面が閉じる。

魚詳細

15 魚詳細

（カスタマイズ）

15-1

16

17

18

19 魚詳細 ( 資源 )

魚詳細 ( 環境 )

魚詳細 ( 管理 )

魚詳細 ( 地域 )

● タブで天然、養殖を切り替え。 ● 4 つのアイコンクリックでページ内リンク（スクロール移動）。 ● 4 つのアイコンは魚の数（1∼3）で値を表現。 ● 上部の「関心項目反映」を on にすると、カスタマイズで設定した値で重み付けした総合評価にかわる。 ● 「さらに詳細を見る」は pdf 等へのリンク。 ● 「もどる」は 15 の魚詳細ページへ移行。用語詳細（ポップアップ）

6-1

(9)

イラスト候補魚種一覧

評価基準点数

輸入は扱わない

5 優先順位1位

No.

大分類

No

魚種名

4 優先順位2位

49 その他追加

95 キアンコウ

3 優先順位3位

50 その他追加

96 エゾボラ

2 優先順位4位

51 その他追加

99 ウスメバル

52 その他追加

100 イサキ

No.

大分類

No

魚種名

53 希少魚種

97 アオギス

1 生鮮冷凍魚介類（天然） 5 カツオ

54 希少魚種

98 メガネモチウオ

2 生鮮冷凍魚介類（天然） 9 ブリ

3 生鮮冷凍魚介類（天然） 24 サンマ

55 生鮮冷凍魚介類（天然） 12 シロギス

4 生鮮冷凍魚介類（天然） 31 サケ類：シロザケ（トキザケ） 56 生鮮冷凍魚介類（天然） 15 カレイ類：アカガレイ

5 生鮮魚介類（養殖）

70 ギンザケ

57 生鮮冷凍魚介類（天然） 16 カレイ類：マコガレイ

6 生鮮冷凍魚介類（天然） 3 マグロ類：キハダ

58 生鮮冷凍魚介類（天然） 17 カレイ類：ソウハチ

7 生鮮冷凍魚介類（天然） 6 マアジ

59 生鮮冷凍魚介類（天然） 18 カレイ類：マガレイ

8 生鮮冷凍魚介類（天然） 10 マダイ

60 生鮮冷凍魚介類（天然） 19 カレイ類：ムシガレイ

9 生鮮冷凍魚介類（天然） 11 ヒラメ

61 生鮮冷凍魚介類（天然） 20 カレイ類：イシガレイ

10 生鮮冷凍魚介類（天然） 13 マダラ

62 生鮮冷凍魚介類（天然） 21 カレイ類：ヤナギムシガレイ

11 生鮮冷凍魚介類（天然） 22 マサバ

63 生鮮冷凍魚介類（天然） 23 ゴマサバ

12 生鮮冷凍魚介類（天然） 32 イカ類：スルメイカ

64 生鮮冷凍魚介類（天然） 26 キンメダイ

13 生鮮冷凍魚介類（天然） 37 タコ類：マダコ

65 生鮮冷凍魚介類（天然） 33 イカ類：ケンサキイカ

14 生鮮冷凍魚介類（天然） 53 二枚貝：アサリ

66 生鮮冷凍魚介類（天然） 34 イカ類：ヤリイカ

15 生鮮冷凍魚介類（天然） 1 マグロ類：クロマグロ

67 生鮮冷凍魚介類（天然） 35 イカ類：アオリイカ

16 生鮮冷凍魚介類（天然） 2 マグロ類：メバチ

68 生鮮冷凍魚介類（天然） 38 タコ類：ヤナギダコ

17 生鮮冷凍魚介類（天然） 7 マイワシ

69 生鮮冷凍魚介類（天然） 39 タコ類：ミズダコ

18 生鮮冷凍魚介類（天然） 14 スケトウダラ

70 生鮮冷凍魚介類（天然） 43 エビ類：イセエビ

19 生鮮冷凍魚介類（天然） 27 スズキ

71 生鮮冷凍魚介類（天然） 46 カニ類：ケガニ

20 生鮮冷凍魚介類（天然） 29 カタクチイワシ

72 生鮮冷凍魚介類（天然） 47 カニ類：ガザミ

21 生鮮冷凍魚介類（天然） 30 サワラ

73 生鮮冷凍魚介類（天然） 48 シャコ

22 生鮮冷凍魚介類（天然） 44 カニ類：ズワイガニ

74 生鮮冷凍魚介類（天然） 49 ウニ類：キタムラサキウニ

23 生鮮冷凍魚介類（天然） 58 二枚貝：ホタテガイ

75 生鮮冷凍魚介類（天然） 50 ウニ類：エゾバフンウニ

24 生鮮魚介類（養殖）

66 カンパチ

76 生鮮冷凍魚介類（天然） 51 二枚貝：アカガイ

25 生鮮魚介類（養殖）

75 マガキ

77 生鮮冷凍魚介類（天然） 52 二枚貝：バカガイ(アオヤギ)

26 その他追加

87 ニシン

78 生鮮冷凍魚介類（天然） 55 二枚貝：ハマグリ

27 その他追加

88 タチウオ

79 生鮮冷凍魚介類（天然） 56 二枚貝：チョウセンハマグリ

28 その他追加

89 イカナゴ

80 生鮮冷凍魚介類（天然） 57 二枚貝：ウバガイ(ホッキガイ)

29 生鮮冷凍魚介類（天然） 4 マグロ類：ビンチョウマグロ

81 生鮮冷凍魚介類（天然） 60 二枚貝：タイラギ

30 生鮮冷凍魚介類（天然） 8 マアナゴ

82 生鮮冷凍魚介類（天然） 61 巻貝：サザエ

31 生鮮冷凍魚介類（天然） 25 ハモ

83 生鮮冷凍魚介類（天然） 62 巻貝：クロアワビ

32 生鮮冷凍魚介類（天然） 28 ホッケ

84 生鮮冷凍魚介類（天然） 63 巻貝：メダカアワビ

33 生鮮冷凍魚介類（天然） 36 イカ類：ソデイカ

85 生鮮冷凍魚介類（天然） 64 巻貝：トコブシ

34 生鮮冷凍魚介類（天然） 40 エビ類：クルマエビ

86 生鮮冷凍魚介類（天然） 65 巻貝：バイ(バイガイ)

35 生鮮冷凍魚介類（天然） 41 エビ類：ホッコクアカエビ

87 生鮮魚介類（養殖）

68 シマアジ

36 生鮮冷凍魚介類（天然） 42 エビ類：サクラエビ

88 生鮮魚介類（養殖）

71 トラフグ

37 生鮮冷凍魚介類（天然） 45 カニ類：ベニズワイガニ

89 生鮮魚介類（養殖）

72 クエ

38 生鮮冷凍魚介類（天然） 54 二枚貝：シジミ（ヤマトシジミ 90 生鮮魚介類（養殖）

Microsoft PowerPoint - アプリとHPの関係.pptx

スマホアプリとHPの関係、役割分担

フロントページ

 ダウンロードしてもらわないと始まらない

 いかにして導くか、工夫必要

 英語不要

プロジェクトのチラシ

× 商品を羅列してある商品リスト

× 文字や情報量が多いチラシ

× 目次でも要約でも抜粋でもない

○ ユーザーのインセンティブ重視

今売っているこの魚はお買い得?

食べても安全?

訴求力

HPの存在を知っている人たち

おもしろ

そう

使ってみ

たい

検索機能・英語も必要

 研究者側が見せたい

もの

 科学的説得力

 情報の質の維持

 資料集の性質も

スマホアプリ

情報の本体

科学データ

論文・報告書

消費者⽬線

こっちからみる

研究者⽬線

こっちから情報公

開すべきだろう！

資料－6

未確定・検討項目

共通仕様

SHUN プロジェクト

ウェブサイト構成図

● PC、スマホ両レイアウト対応（レスポンシブ）

● 画面横 640px 以下でスマホレイアウト、641px 以上で PC レイアウト。

● PC レイアウトは横幅固定（1000px 程度の予定）。

●

● 英語版はどこまで対応するか？

● 日本語の時、英語（ローマ字）検索に対応する必要があるか？

● 一般的なアクセスログ以外で、取得する項目を検討。個人特定をする必要があるか？

● 頻繁に更新する内容な「お知らせ」だけか？更新のための管理画面が必要か？

●

ver 0.1 2016.12.15 小笠原

ホーム（日本語）

ホーム（英語）

検索

文字検索

検索結果

地域検索（全国）

地域検索（地域）

地域検索（県）

魚名一覧

特定魚一覧

魚詳細

魚詳細（資源）

魚詳細（環境）

魚詳細（管理）

魚詳細（地域）

資料（pdf など） 資料（pdf など） 資料（pdf など） 資料（pdf など）

カスタマイズ

お知らせ一覧

お知らせ詳細

用語詳細

ポップアップ

スライド

SHUN について

用語一覧

お問い合わせ

プライバシー

ポリシー

ウェブ構成図

0

1

8

資料（pdf など）資料（pdf など）資料（pdf など）資料（pdf など）

_ポリシー