画 面 構 成 は 次 のとおりですが ここでは 説 明 のため 4つのパートに 分 けます パート1:ヘッダー( このゴミ 燃 えるゴミだっけ から 検 索 バーの 直 前 まで) パート2:リスト( 検 索 バー から 町 内 別 ゴミ 収 集 日 をチェックの 直 前 まで) パート3:フッタ

Transcription

1 他 言 語 版 についても 同 様 の 方 法 で 作 成 ができます その 場 合 はファイル 名 の 末 尾 に pt が 付 いたものが 対 応 します ダウンロード 後 そのフォルダを 開 いてください フォルダ 構 造 やファイルの 役 割 について 説 明 します image フォルダ: 画 像 ファイルが 入 っています gomicalendarimage フォルダ:ゴミかれんだー 用 の 画 像 が 入 っています gomicheckerimage フォルダ:ゴミチェッカー 用 の 画 像 が 入 っています アイコンファイル(gomi_icon.png):ホーム 画 面 に 追 加 した 時 のアイコンです js フォルダ:ゴミチェッカー/ゴミかれんだーを 動 作 させるためのスクリプトファイルが 入 っています text フォルダ:コンテンツパートを 決 めるテンプレートファイルが 入 っています xml フォルダ: 品 目 と 分 類 等 のデータのファイルが 入 っています xmlsakusei フォルダ:xml ファイルを 作 成 するためのエクセルファイルが 入 っています このエクセルにデータを 入 力 していってもらいます gomicalendar.html:このファイルを 開 くとゴミかれんだーが 動 きます gomicalendar_nogps.html:このファイルを 開 くとゴミかれんだー(GPS 無 )が 動 きます gomicalendarpt.html:このファイルを 開 くとゴミかれんだー( 他 言 語 版 )が 動 きます gomichecker.html:このファイルを 開 くとゴミチェッカーが 動 きます gomicheckerpt.html:このファイルを 開 くとゴミチェッカー( 他 言 語 版 )が 動 きます

2 画 面 構 成 は 次 のとおりですが ここでは 説 明 のため 4つのパートに 分 けます パート1:ヘッダー( このゴミ 燃 えるゴミだっけ から 検 索 バーの 直 前 まで) パート2:リスト( 検 索 バー から 町 内 別 ゴミ 収 集 日 をチェックの 直 前 まで) パート3:フッター( 町 内 別 ゴミ 収 集 日 をチェック から Last updated まで) パート4:コンテンツ( Back ボタンを 含 む 画 面 全 体 ) パート1:ヘッダー パート2:リスト パート4:コンテンツ パート3:フッター これらの 各 パートと 次 のファイルが 対 応 しています パート13は gomichecker.html が 対 応 ( 詳 細 は 後 述 ) パート4は text/gomichecker.txt が 対 応 ( 詳 細 は 後 述 ) リスト 及 びコンテンツに 何 が 表 示 されるか? のデータは 次 のファイルが 対 応 していま す ( 詳 細 は 後 述 ) xml/gomi.xml この xml/gomi.xml ファイルを gomichecker.html, text/gomichecker.txt が 読 み 取 るこ とで あなたのまちの このゴミ 何 ゴミ? のごみ 分 別 アプリになります また この xml/gomi.xml ファイルは 次 のファイルから 作 成 することができます ( 詳 細 は 後 述 ) xmlsakusei/gomichecker.xlsx

3 パート13は gomichecker.html が 対 応 しています そのファイルを 右 クリック > プログラムから 開 く > メモ 帳 で 開 きます どこを 変 更 すればいいのかは 次 のルールで 書 いています <!-- 番 号 コメント --> この 記 号 を 探 して 順 番 通 りに 変 更 していってください

4 変 更 方 法 <!-- 1 タイトル 次 の 越 前 市 部 分 をあなたの まち( 自 治 体 )に 直 してください --> <title> 越 前 市 ゴミチェッカー</title> <!-- 2 あなたのまち( 自 治 体 )をゴミチェッカー のロゴの 部 分 の 吹 き 出 しに 表 示 --> <span style="position: absolute; top: 36px; left: 105px;"><font size="2"> 越 前 市 </font></span> 自 治 体 の 文 字 数 に 注 意 して left: XXXpx 値 も 設 定 してく ださい <!-- 3 他 言 語 版 の ゴミチェッカー へのリンク もし 他 の 言 語 版 が 無 い 場 合 は 次 の ここまで を 消 去 してく ださい --> <a href=" tml" target="_blank"> <font size="2">portugues</font> URL の 指 定 と 言 語 を 入 力 してください 他 言 語 版 を 作 成 し ない 場 合 は 消 去 してください <!-- 4 ゴミかれんだー へのリンク もし ゴ ミかれんだー を 使 用 しない 場 合 は 次 の ここまで を 消 去 してください --> <a href=" ml" target="_blank" style="text-decoration:none"> URL の 指 定 をしてください ゴミかれんだーを 作 成 しない 場 合 は 消 去 してください

5 <!-- 5 各 自 治 体 のオープンデータのポータルサイ トへのリンク 次 の 越 前 市 の 部 分 を 直 してください もし ない 場 合 は 次 の ここまで を 消 去 してください --> <a href=" -data-echizen.html" target="_blank"> 越 前 市 オープンデータ オープンデータ 越 前! </a> URL の 指 定 をしてください もしない 場 合 は 消 去 してくだ さい <!-- 6 著 作 権 表 示 次 の 越 前 市 ぷらぷらぼ の 部 分 を 直 してください --> <font size="2"> 越 前 市 ぷらぷらぼ</font> <!-- 7 最 終 更 新 日 次 の 日 付 の 部 分 を 直 して ください --> <font size="2">last updated[2014/04/20]</font> 以 上 インターネットに 接 続 した 状 態 で ここまでの 結 果 を 画 面 で 確 認 してみてください もし 次 のメッセージが 出 たら 許 可 してください

6 パート4は text/gomichecker.txt が 対 応 しています そのファイルを メモ 帳 で 開 きます( 通 常 の 開 くで OK だと 思 います) 変 更 方 法 # 以 下 を 変 更 してください <h4>の 中 の<br>は 改 行 です <h3> 品 目 :${dataroot.gomi[%d].name}</h3> <h3> 区 分 :${dataroot.gomi[%d].kubun}</h3> <p> 条 件 :${dataroot.gomi[%d].zyouken}</p> <h4><br> 資 源 を 次 の 世 代 に </h4> # 黄 色 以 外 のプログラムのところは 変 更 しないでください 資 源 を 次 の 世 代 に のところで 2 行 以 上 にしたい( 改 行 したい) 場 合 は 改 行 を<br>としてください 例 ) 資 源 を 次 の 世 代 に<br> 残 しましょう

7 以 上 2 章 と 3 章 でゴミチェッカーのフレームにあたる 部 分 を 変 更 してきました この 4 章 では その 中 身 何 が 表 示 されるか? にあたる 部 分 を 変 更 します パート4は xml/gomi.xml xmlsakusei/gomichecker.xlsx が 対 応 しています xml/gomi.xml xmlsakusei/gomichecker.xlsx と 書 いたのには 理 由 があります それ は xmlsakusei/gomichecker.xlsx のエクセルから xml/gomi.xml を 作 成 することができ るからです ということで xmlsakusei/gomichecker.xlsx のファイルを 開 きます 元 データ 入 力 画 面 こちらでデータを 入 力 したり 更 新 したりします 日 本 語 版 他 言 語 版 xml 出 力 画 面 こちらにコピーをしてから xml エクスポートを 行 います タブで 切 り 替 えます

8 元 データ 入 力 画 面 ( 初 期 データ)B 列 H 列 が 日 本 語 版 I 列 O 列 がポルトガル 語 版 になっています 他 言 語 版 の 利 用 をしない 場 合 は I 列 以 下 を 削 除 してしまっても 構 いません I 列 以 降 の 他 言 語 版 を 利 用 する 場 合 は 日 本 語 の 変 更 に 合 わせて 他 言 語 も 変 更 してください xml 出 力 画 面 xml 出 力 は 1 種 類 の 言 語 ずつのみ 出 力 可 能 です 日 本 語 版 を 出 力 する 場 合 は 元 データ 入 力 画 面 の B 列 から H 列 をコピーして この xml 出 力 画 面 にペーストしてください そのうえで xml 出 力 をしてください 2 種 類 以 上 ある 場 合 は それぞれ データをコピーして xml 出 力 してください xml 出 力 の 方 法 開 発 タブ> エクスポート 日 本 語 版 の 場 合 ファイル 名 は gomi.xml となるようにしてください 開 発 タブが 見 つからない 場 合 は 次 のようにすることで 表 示 されます ファイル タブ> オプション > リボンのユーザー 設 定 > 開 発

9 以 上 4 章 が 中 身 の 何 が 表 示 されるか? にあたる 部 分 でしたので 分 別 データのないま ちの 方 には 大 変 だったかもしれませんが これでゴミチェッカーのデータは 全 てそろいま した 確 認 もう 一 度 確 認 しますと 次 の 部 分 の 変 更 を 行 いました 3 章 パート4 4 章 gomi.xml の 出 力 4 章 データ 作 成 2 章 パート13 Web サーバーにアップロードする 前 にもう 一 度 gomichecker.html を 開 いてゴミチェッカ ーが 動 かしてみてください 以 上 あとは Web サーバーを 用 意 して アップロードソフトでアップしてください