ハルビン絵葉書コレクションシステムの再構築と機能追加 -サーバ側：PHPとMySQLを用いて

Presentation on theme: "ハルビン絵葉書コレクションシステムの再構築と機能追加 -サーバ側：PHPとMySQLを用いて"— Presentation transcript:

1 ハルビン絵葉書コレクションシステムの再構築と機能追加 -サーバ側：PHPとMySQLを用いて
実際のシステムについては短く←さらっと PHP＆MySQLについての説明を長く。 15分発表、5分質疑応答 谷研究室　黒田梨紗子　水谷美香

2 目次 前年度機能概要 今年度機能概要 今年度システム概要 機能追加とその対策 データベース構成 公開ページ 管理ページ まとめ デモ
今後の課題

3 目次 前年度機能概要 今年度機能概要 今年度システム概要 機能追加とその対策 データベース構成 公開ページ 管理ページ まとめ デモ
今後の課題

4 前年度機能概要 公開用 検索の種類 ワード検索 画像検索 マップ検索 画像処理 拡大表示 管理用 追加処理 葉書の追加 付随情報の追加
編集処理 葉書の編集 葉書の削除

5 目次 前年度機能概要 今年度機能概要 今年度システム概要 機能追加とその対策 データベース構成 公開ページ 管理ページ まとめ デモ
今後の課題

6 今年度機能概要 公開用 検索の種類 ワード検索 画像検索 マップ検索 時系列検索 画像処理 拡大表示 画像の詳細情報の付加 管理用
1地点に複数枚 絵葉書の登録 追加処理 地点・葉書・時代の追加 付随情報の追加 編集処理 地点・葉書・時代の編集・削除

7 目次 前年度機能概要 今年度機能概要 今年度システム概要 機能追加とその対策 データベース構成 公開ページ 管理ページ まとめ デモ
今後の課題

8 今年度システム概要 使用言語 データベース 動作環境 対応ブラウザ PHP JavaScript jQuery
ActionScript 3.0 データベース MySQL 動作環境 OS：Ubuntu9.04 Webサーバ：apache2.0 対応ブラウザ Firefox3.0以上、Google Chrome3.0以上、IE８以上、Opera10以上、Safari4以上

9 PHP PHP： Hypertext Preprocessor 動的にWebページを生成するWebサーバの拡張 機能
HTML埋め込み型のサーバサイド・スクリプト 言語 データベースに対応 CGIと比較すると、実行速度が速い プログラムの表記法 C言語 Java Perl PHP独自 SQL文について

10 データベース 今年度：MySQL 無償で入手できる扱いやすい軽快なRDBMS リレーショナルデータベース管理システ ム 高速
RDBMS(Relational Data Base Management System): リレーショナルデータベース管理システ ム 高速 前年度：PostgreSQL MySQLと同じく、無償で入手できるRDBMSのひ とつ 多機能 去年はPostgreSQLを使ったので 今年はMySQLを 今後の研究のためにも比較してみた 現在はMySQL、PostgreSQLに差異は無い

11 SQL SQL： RDBMSにおいて、データの操作や定義を行うた めのデータベース言語(問い合わせ言語)
ソフトウェアからデータベースを操作する場 合には プログラム上でSQL文生成 RDBMSに発行 操作を実行 例)PHP上で実行 $sql = "SELECT * FROM Main ORDER BY id;"; $rs = mysql_query($sql);

12 目次 前年度機能概要 今年度機能概要 今年度システム概要 機能追加とその対策 データベース構成 公開ページ 管理ページ まとめ デモ
今後の課題

13 機能追加とその対策 1つの地点に対し、複数の絵はがきの登録 時系列検索・表示の導入 データベース構成の見直し
管理ページによる登録手順を円滑に 公開ページの改良によって実現 テーブル定義増やした経緯 ex.　1地点に対し複数枚の絵葉書を登録 史学科からの要望 1つの対象に対して多方向から閲覧できるコンテンツ 3Dギャラリー コンテンツの追加 1ポイントに対して複数枚画像を登録 時系列表示 時代検索

14 目次 前年度機能概要 今年度機能概要 今年度システム概要 機能追加とその対策 データベース構成 公開ページ 管理ページ まとめ デモ
今後の課題

15 データベース構成 ＜昨年度＞ 1つのテーブルに全ての情報を保持 ＜今年度＞ 対象別の各テーブルにそれぞれの情報を保持
Main：地点に対する付加情報、絵葉書に対する付加情報 ＜今年度＞ 対象別の各テーブルにそれぞれの情報を保持 Main：地点に対する付加情報 Img ：絵葉書に対する付加情報 Era ：時代に対する付加情報

16 データベース構成 旧システム 全ての情報を1つのidで管理 Main id ポイント情報 絵葉書情報

17 データベース構成 新システム 外部キーによって、各テーブルに連関を持たせた Main Img Era id id id 外部キー（Main）
ポイント情報 時代情報 外部キー（Main） 外部キー（Era） 絵葉書情報 絵葉書情報

18 目次 前年度機能概要 今年度機能概要 今年度システム概要 機能追加とその対策 データベース構成 公開ページ 管理ページ まとめ デモ
今後の課題

19 公開ページ

20 公開ページ仕様 公開用ページ画像に合わせて、initialize等の動作を加える プラス 下のスライド達消すなりまとめるなり・・・
データベースにアクセス 初期状態に必要な情報の取得 JavaScript 公開用ページ画像に合わせて、initialize等の動作を加える プラス 下のスライド達消すなりまとめるなり・・・

21 公開ページ仕様 入力された文字列 JavaScript 一致する情報

22 公開ページ仕様 一致する情報 JavaScript 選択された時代

23 公開ページ仕様 IdToContent データベースにアクセス 選択された地点の情報を返す ポイント情報 JavaScript どの地点か？

24 公開ページ仕様 ShowImg ShowImg データベースにアクセス 選択された画像の情報を表示

25 公開ページ仕様 initialize.php idToContent.php showImg.php connect.php
アクセス connect.php アクセス ［ユーザー名・パスワード・データベース名］ MｙSQL＜データベース＞ 全てのPHPページはconnect.phpを介してMySQLへアクセスする connect.phpにはMySQLへのアクセスに必要な情報［ユーザー名・パスワード・データベース名］が指定されている

26 目次 前年度機能概要 今年度機能概要 今年度システム概要 機能追加とその対策 データベース構成 公開ページ 管理ページ まとめ デモ
今後の課題

27 管理ページ

28 管理ページ仕様 公開ページに、ポイント・絵葉書・時代の＜追加・編 集・削除＞機能を追加したもの ポイント情報 編集 画像情報 編集
ポイント情報　編集 画像情報　編集 時代情報　編集

29 情報の登録・編集・削除 地点・絵はがき・時代のそれぞれに、登録・編集・削 除ページを作成 情報の更新ページを利用者が見ることはない
【追加・編集】 編集画面達、スライド３枚くらいにまとめる 【削除】 情報　入力 データベースより情報を取得【編集のみ】 情報の入力 各情報をPOST 入力情報　確認 入力情報の確認 各情報をPOST 情報　更新 データベースの更新 完了後、自動的にトップページへ

30 目次 前年度機能概要 今年度機能概要 今年度システム概要 機能追加とその対策 データベース構成 公開ページ 管理ページ まとめ デモ
今後の課題

31 まとめ＜管理ページ＞ 公開ページを発展させたインターフェース トップページから容易に編集画面へ 利用者が直感的に操作することが可能
このように、管理ページのインターフェースは公開ページを発展させたものとなっている そのため、公開ページと同じ検索機能を使うことが出来る

32 目次 前年度機能概要 今年度機能概要 今年度システム概要 機能追加とその対策 データベース構成 公開ページ 管理ページ まとめ デモ
今後の課題

33 デモ（公開ページ）

34 目次 前年度機能概要 今年度機能概要 今年度システム概要 機能追加とその対策 データベース構成 公開ページ 管理ページ まとめ デモ
今後の課題

35 今後の課題＜検索システム＞ 管理ページの採用 利用者同士による情報の共有が可能に セキュリティ対策の必要性 フレームワーク化
デジタルアーカイブ化の基盤となる

36 ご清聴ありがとうございました。