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

Slides:



Advertisements
Similar presentations
TCP/IP によるチャットプログラ ム 薄井 秀晃. 基礎知識編 TCP/IP とは? IP とは・・・ Internet Protocol の略称であり通信方法の技術的なルールで あり、実際にデータを送受信する前にデータを小さなデータ に分割し、それに発信元と受信先の IP アドレスを付加させて.
Advertisements

静岡大学情報学研究科 戸根木千洋 ユーザーイメージ収集 インターフェースの開発. 2 目次 背景と目的 研究の構成 研究の詳細 イメージ収集インターフェースの提案 映画イメージ収集システムの開発 システムの評価 今後の課題.
1 ブログ操作マニュアル 2008 年 2 月 15 日作成:株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
Internet Explorer 障害解析 最初の一歩 - IE のトラブルを理解する -. 概要 Internet Explorer を使用中に発生するトラブルの 種類と、調査のための切り分け方法を紹介します! (以降は IE と略称で表記します) よくあるお問い合わせ Web ページの表示が白画面のまま完了しない.
オープン&ビッグデータ活用・地方創生推進機構 事務局 オープン&ビッグデータ活用・地方創生推進機構 評価版ツールの状況報告 平成26年度第3回 技術委員会 資料3-1.
カーリルを利用した 書籍活用 / 蔵書管理システム 研究者: J0639 山中勇太 指導教員:越田高志.
北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 中村 有佑
ユーザーイメージ収集 インターフェイスの開発
フォトブックサイト企画提案書 『モバフォトBook』
「図書管理」のための Webアプリケーション開発 -Apache/Tomcat/MySQL/Java on Windows XP-
DB(データベース)のおはなし 作成者:小野正広 DBと言っても、  ドラゴンボール ではないですぞ! 3/1/2017.
Webアプリケーション開発の 基本的なポイント
第3回参考文献発表 PHP言語 岩永逸平.
情報理工学部 情報システム工学科 3年 H 井奈波 和也
JPAを利用した RESTful Webサービスの開発
Flashプレイヤーを使った動画配信 情報工学科 宮本 崇也.
WEBから確認できる 駐車場管理システムについて
3-1 MySQLについて 発表者:藤村元彦 自然言語処理研究室.
MySQLに接続するデータベースプログラム
PHPエディタによる 情報システム演習 01.
「絵葉書を通じてのハルビンの 街の印象調査」システムUIの iPadアプリ化 谷研究室  飯 祐貴.
ケータイキット for Smarty のご紹介
Digital Network And Communication
SQL J2EE I 第3回 /
Webアプリケーション.
第4回 個人の動画配信補足のためのWeb構築
「まめだくん Ver.1.0」 特徴と利用方法.
Webサイト運営 09fi118 橋倉伶奈 09fi131 本間昂 09fi137 三上早紀.
Web App Semi 2008 #1 Web App Semi 2008 #1.
JavaScript Language Update
webブラウザ proxy設定 (HTTP1.0)
研究基盤総合センター 応用加速器部門 木村博美
卒業研究 PHPによるGoogleMapAPI を利用した 喜田村緑郎日記システムの 試作 平成19年2月10日 情報システム解析学科
Visual Studio LightSwitchの概要
インターネット活用法 ~ブラウザ編~ 09016 上野喬.
Webを利用した授業支援システムの開発 北海道工業大学 電気電子工学科 H 渋谷 俊彦.
JQueryでAjax 藤田@ジャストプレイヤー ※参考しまくり文献 jQuery日本語リファレンス.
Web上で管理・利用できる 面接予約データベースシステムの構築
Day3 Day4 Day3 Day4.
サーバ構成と運用 ここから私林がサーバ構成と運用について話します.
2009/5/22 けーちゃん カンタン  Wikiで情報共有 あいさつ 2009/5/22 けーちゃん
(B2) 親: minami, kazuki 多様な認証機器に対応する 認証システム (B2) 親: minami, kazuki.
GoogleMapsを利用した コレクションシステムの試作
データベース設計 第9回 Webインタフェースの作成(1)
マイクロソフト Access での SQL 演習 第1回 SQL問い合わせ(クエリ)
管理画面操作マニュアル <ユーティリティ> 第8版 改訂 株式会社アクア 1.
実際にたたいてAPI APIの初歩からプログラムまで使用方法のAtoZ.
(ご参考)各種SNSをSHIFTに連携させる方法 「facebook」「YouTube」「Instagram」「Twitter」
第8章 Web技術とセキュリティ   岡本 好未.
11.Webサイトとデータベース, Webサイト+ブログシステムの開設手順例
Office IME 2010 を使う.
理学部 情報科学科 指導教官 千葉 滋 助教授 学籍番号 03_03686 内河 綾
対応可否 スキル一覧 株式会社エージェント 2015年10月7日 Ver.1.0.
ご利用説明 2018年10月 (株)紀伊國屋書店.
利用説明 2018年9月 (株)紀伊國屋書店.
スマートデバイスのビジネス活用を支援する法人向けファイル共有サービス
すぐできるBOOK -基本設定編-.
Webセキュリティ 情報工学専攻 1年 赤木里騎 P226~241.
クイックガイド <キーワードによる検索方法>
DynaMed 新しい検索インターフェースについて support.ebsco.com.
すべて読む Microsoft SharePoint ニュース
データベース設計 第7回 実用データベースの運用例 クライアント=サーバシステム(1)
Firebaseを用いた 位置情報共有システム
Flashを用いたゲーム制作 05A1304 鈴木 浩高.
Microsoft SharePoint Online の Web サイトを カスタマイズする方法
Googleマップを活用した 生物調査データベースの構築
CO-Client Opeartion 1.1 利用履歴データベースの設計 (スキーマ バージョン 対応)
第2回 Webサーバ.
SQL J2EE I (データベース論) 第3回 /
SQL データベース論 第11回.
Presentation transcript:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

公開ページ

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

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

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

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

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

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

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

管理ページ

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

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

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

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

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

デモ(公開ページ)

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

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

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