スライド 1

Size: px

Start display at page:

Download "スライド 1"

たかよしちゅうか
7 years ago
Views:

1 平成 25 年度卒業研究中間発表クラウドを活用したグループ学習システムの開発所属 : 山下研究室指導教員 : 山下茂発表者 : 森崎暉

2 目次研究概要実施環境の全体像 NetCommonsについて HTML5についてクラウドとの同期開発環境最終までの取り組み参考文献サイト

3 研究概要平成 23 年度後期教育情報科学にて大学授業における Twitter クローンの導入による効果という論文を読み, SNS の授業への活用に興味平成 23 年度卒業生末岡泰地氏の HTML5 による学習支援教材の環境開発を参考にマルチメディア的な要素をシステムに組み込みたいと考えるどんなシステムが必要か? 管理者 ( 大学教授 ) が容易に Web サイトを作成コメント機能や SNS をつけ議論の活発化を行えるものポートフォリオとして活用できるものメンターを設定したものクラウドでデータのやり取りができるもの理科の実験授業支援サイト CMS とクラウドを利用

4 クラウド ( 検討中 ) 実施環境の全体像サーバー (Apache) 大学データベース (MySQL) 学校データ同期支援利用

5 実施環境の全体像大学サーバ (Apache) クラウド L M S の利用データベース (MySQL) データ同期学校

6 NetCommons について国立情報学研究所が開発 PHP, MySQL 上で動作 CMS, LMS, グループウェアを統合したコミュニティウェア 30 以上のモジュール ( 機能 ) を同梱多種多様なWebサイトを短時間で構築可能 NetCommons 上のサイトはパブリックルーム ( 外部に公開 ) グループルーム ( 登録ユーザのみにアクセス可 ) プライベートルーム ( 本人のみアクセス可 ) の三種に分類

7 NetCommonsについて mysql sudo apt-get install apache2 mysql-server php5 php5- [sudo] password for morisaki: パッケージリストを読み込んでいます... 完了依存関係ツリーを作成しています LAMP 環境の構築状態情報を読み取っています... 完了以下の特別パッケージがインストールされます : apache2-mpm-prefork apache2-utils apache2.2-bin apache2.2-common L Linux OS libapache2-mod-php5 libapr1 libaprutil1 libaprutil1-dbd-sqlite3 A Apache サーバーソフトウェア libaprutil1-ldap libdbd-mysql-perl libdbi-perl libhtml-template-perl libmysqlclient16 libnet-daemon-perl libplrpc-perl mysql-client-5.1 M MySQL データベース管理システム mysql-client-core-5.1 mysql-common mysql-server-5.1 mysql-server-core-5.1 php5-common P PHP スクリプト言語提案パッケージ : apache2-doc apache2-suexec apache2-suexec-custom php-pear dbishell libipc-sharedcache-perl tinyca mailx php5-suhosin 以下のパッケージが新たにインストールされます : apache2 apache2-mpm-prefork apache2-utils apache2.2-bin apache2.2-common 1 Apache, MySQL, PHP のインスト - ル $ sudo libapache2-mod-php5 apt-get install libapr1 apache2 libaprutil1 libaprutil1-dbd-sqlite3 mysql-server php5 php5- libaprutil1-ldap libdbd-mysql-perl libdbi-perl libhtml-template-perl mysql libmysqlclient16 libnet-daemon-perl libplrpc-perl mysql-client-5.1 mysql-client-core-5.1 mysql-common mysql-server mysql-server-5.1 sudoコマンド特権ユーザ権限でプログラムを実行する mysql-server-core-5.1 php5 php5-common php5-mysql アップグレード : 0 個新規インストール : 25 個削除 : 0 個保留 : 0 個 29.9MB のアーカイブを取得する必要がありますこの操作後に追加で 74.1MB のディスク容量が消費されます続行しますか [Y/n]? Y

8 NetCommons について 2 PHP の設定 php.ini の編集 $ gksu gedit /etc/php5/cli/php.ini

9 NetCommons について 2 PHP の設定 php.ini の編集変更前変更後 [mbstring] ;mbstring.language = Japanese ;mbstring.internal_encoding = EUC-JP UTF-8 ;mbstring.http_input = auto pass ;mbstring.http_output = SJIS pass ;mbstring.encoding_translation = Off ;mbstring.detect_order = auto ;mbstring.substitute_character = none; ;mbstring.func_overload = 0 ;mbstring.strict_encoding = Off コメントを外して変更コメントを外して変更コメントを外して変更コメントを外すコメントを外す

10 NetCommons について 3 MySQL Enter password: の設定 morisaki@morisaki-desktop:~$ mysql u root p Welcome to the MySQL monitor. Commands end with ; or g. Your MySQL connection id is 2757 Server version: ubuntu (Ubuntu) MySQL root ユーザのパスワード設定 $ mysqladmin password ****** Copyright (c) 2000, 2013, Oracle and/or its affiliates. All rights reserved. Oracle is a registered trademark of Oracle Corporation and/or its affiliates. Other names NetCommons may be trademarks of データベースの作成 their respective owners. Type 'help;' or ' h' for help. Type ' c' to clear the current input statement. NetCommons データベース ncdb mysql> CREATE DATABASE ncdb DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci; Query OK, 1 row affected (0.00 sec) NetCommons ユーザ ncuser ユーザパスワード mysql> GRANT ALL PRIVILEGES ON ncdb.* TO ncuser@localhost IDENTIFIED BY '11111'; Query OK, 0 rows affected (0.00 sec) mysql> use ncdb Database changed mysql> exit Bye mysql> morisaki@morisaki-desktop:~$

11 NetCommons について NetCommons のインストール

12 NetCommons について DocumentRoot の /var/www/ に移動 $ sudo mv /home/morisaki/netcomonns /html /var/www/ 移動元移動先 Firefox でを開く

13 NetCommonsについて chmod 777 コマンドで webapp/uploads webapp/templates_c htdocs webapp/config/install.inc.php の読み書き権限をすべてのユーザに変更

NetCommons について mysql> CREATE DATABASE ncdb DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci; Query OK, 1 row affected (0.00 sec) mysql> GRANT ALL PRIVILEGES ON ncdb.

14 NetCommons について mysql> CREATE DATABASE ncdb DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci; Query OK, 1 row affected (0.00 sec) mysql> GRANT ALL PRIVILEGES ON ncdb.* TO ncuser@localhost IDENTIFIED BY '11111'; Query OK, 0 rows affected (0.00 sec)? MySQLにログインし mysql> use ncdb Database changed mysql> exit Bye mysql> morisaki@morisaki-desktop:~$ 再度 NetCommonsのデータベース ncdb を作成 drop database ncdb で NetCommonsのデータベース ncdb を削除

15 NetCommons について NetCommons の設定

16 NetCommons についてメンバーの追加

17 NetCommons についてトップページプライベートページグループページ

18 HTML5 について Drag and Drop API ブラウザ上のHTMLドキュメント内のコンテンツローカル端末に保存されているファイルブラウザ上の HTML ドキュメントにドラッグ & ドロップすることが可能 draggable 属性の指定 <html> <div id= foo draggable= true > ここはドラッグできます </div> </html>

19 HTML5 について

20 HTML5 NetCommons への組み込み

21 HTML5 NetCommons への組み込み

22 クラウドとの同期 1 Dropbox を iframe のリンク先にする空白で表示されない iframe は HTTPS が実装されているページの表示が不可能

23 開発環境 OS Ubuntu サーバーソフトウェア Apache データベース管理システム開発言語 MySQL HTML5 PHP5

24 最終までの取り組み 10 月 iframe のソースコードの研究モジュール開発の学習 11 月メンターのシステム利用方法についての検討 NetCommons 上のサイトの内容の充実 12 月最終審査

25 参考文献サイト HTML5+JavaScript Q&A75 発園田誠著 HTML5 逆引きポケット辞典園田誠著私にもできちゃった! NetCommons で本格ウェブサイト新井紀子著 IT 用語辞典 e-words IT 用語辞典バイナリ BINARY NetCommons インストール LAMP 編株式会社テクネコ om_id=1&cabinet_id=1&file_id=14&upload_id=121 Ubuntu/LAMP 環境の構築 9.html 管理者マニュアル NetCommons2.0 オンラインマニュアル管理者マニュアルユーザーマニュアル NetCommons2.0 オンラインマニュアルユーザーマニュアル

HeartCoreインストールマニュアル（PHP版）

HeartCoreインストールマニュアル（PHP版） HeartCore インストールマニュアル (PHP 版 ) October 2013 Ver1.1-1 - 改訂履歴改訂日改訂内容 Ver1.0 2013 年 07 月新規作成 Ver1.1 2013 年 10 月フォーマット改訂 - 2 - 目次 1. 本文書の目的と対象... - 4-1.1. 概要説明... - 4-2. インストールの流れ... - 4-3. 定義ファイルの確認...