Web App Semi 2008 #1 Web App Semi 2008 #1.

Slides:



Advertisements
Similar presentations
セッション管理 ソフトウェア特論 第 8 回. ここでの内容 セッション管理の基本を知る。 HttpSession の使い方を知る。
Advertisements

コンピュータ基礎実習 ( 上級 ) 第二回 ウェブページの作成について 清水淳紀. ウェブページとは  ウェブ (Web) は正式名称を World Wide Web という。  文字や画像、動画等を簡単に扱うことができる。  [ リンク ] を介してページ同士がつながっているのが 特徴。 ページは.
IBMユーザ研究会九州研T3 3.Web2.0を実際に使ってみた. Web2.0を実際に使ってみました 研究会をプロジェクトに見立 てて “ Google SpreadSheet ” で会議を開く “ SNS ” でコミュニケーションを補助する “ Wiki ” で成果物を共有する.
1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
Word で XML マニュアルを編集 し、 XML を自動組版する 1. XML の自動組版概要 2. Word での原稿入力 アンテナハウス株式会社 2004/09/03.
1 ブログ操作マニュアル 2008 年 2 月 15 日作成:株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
Web アプリケーション開発 ~図書館管理システム~ 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 高橋 隼.
オンラインレポート管理シス テムの開発 藤村研究室 1DS04167N 稲益晃仁. 発表内容 研究の背景 システムの提案 関連研究 システム利用図 利用の流れ ( 管理者、教員、学生 ) 考察.
WWW のおはなし 神戸大学理学部地球惑星科学科 4 回生 佐伯 拓郎 (地球および惑星大気科学研究室) 藤田 哲也 (宇宙物理学研究室)
情報基礎A 情報科学研究科 徳山 豪.
DB(データベース)のおはなし 作成者:小野正広 DBと言っても、  ドラゴンボール ではないですぞ! 3/1/2017.
ハルビン絵葉書コレクションシステムの再構築と機能追加 -サーバ側:PHPとMySQLを用いて
Flashプレイヤーを使った動画配信 情報工学科 宮本 崇也.
WEBから確認できる 駐車場管理システムについて
授業の概要と実習環境説明 担当 岡村耕二 月曜日 2限 平成20年度 情報科学III (理系コア科目・2年生)
情報処理基礎 2006年 6月 1日.
WordPressの基礎.
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
PHPエディタによる 情報システム演習 01.
HTMLの記述と WWWにおける情報公開 遠藤
Day3 Day4 Day3 Day4 Copyright (c) 2009 Fusic Co.,Ltd.
エンタープライズアプリケーション II 第10回 / 2006年7月23日
Servlet入門(2) 入力フォームをつかったWebアプリ
ネットワークプログラミング論 平成27年10月12日 森田 彦.
Digital Network And Communication
ホームページの作り方.
EpWWWサーバ 北海道大学 理学院 宇宙理学専攻 M1 古田裕規.
PHP 概要 担当 岡村耕二 月曜日 2限 平成21年度 情報科学III (理系コア科目・2年生)
WWW (=World Wide Web)とは
ファイルの場所に関して.
JavaServlet&JSP入門 01K0018 中村太一.
「コンピュータと情報システム」 07章 インターネットとセキュリティ
第4回 個人の動画配信補足のためのWeb構築
SMSを利用した コミュニケーションシステムの開発
担当教官:大月 美佳(佐賀大学) 2001年度 総合科目
セッション管理 J2EE I 第9回 /
アプリケーション共有機能 〈参考〉 (図1) (図2)
Webを利用した授業支援システムの開発 北海道工業大学 電気電子工学科 H 渋谷 俊彦.
JQueryでAjax 藤田@ジャストプレイヤー ※参考しまくり文献 jQuery日本語リファレンス.
Curlの仕組み.
Day3 Day4 Day3 Day4.
PHP 概要 担当 岡村耕二 月曜日 2限 平成20年度 情報科学III (理系コア科目・2年生)
HTTPプロトコル J2EE I 第7回 /
経済学のための情報処理 ホームページの作成.
コンピュータ基礎実習上級 #10 絶対パスによる指定
Day3 Day4 Day3 Day4.
Day3 Day4 Day3 Day4.
サーバ構成と運用 ここから私林がサーバ構成と運用について話します.
ネットワークプログラミング論 平成28年10月17日 森田 彦.
ネットワークプログラミング論 平成28年12月12日 森田 彦.
管理画面操作マニュアル <ユーティリティ> 第8版 改訂 株式会社アクア 1.
Javaによる Webアプリケーション入門 第9回
第8章 Web技術とセキュリティ   岡本 好未.
2003年度 データベース論 安藤 友晴.
メールの利用1 Webメールの利用方法.
HTTPとHTML 技術領域専攻 3回 中川 晃.
Webセキュリティ 情報工学専攻 1年 赤木里騎 P226~241.
情報スキル活用 第2週 基礎技術ー2 : Webページの基本形.
Webデザイン入門 Expression Web 解説
ファイルのアップロード HTMLファイルをWebサーバにアップロード 名商大のWebサーバ(opinion.nucba.ac.jp)
コンピュータ プレゼンテーション.
PHP 概要 担当 岡村耕二 月曜日 2限 平成22年度 情報科学III (理系コア科目・2年生)
データベース設計 第7回 実用データベースの運用例 クライアント=サーバシステム(1)
個人の動画配信のためのWebサーバ構築 06A1058 古江 和栄.
コンピュータにログイン 第1章 コンピュータにログイン 啓林館 情報A最新版 (p.6-13)
Webアプリケーションと JSPの基本 ソフトウェア特論 第4回.
第14回放送授業.
使用する CSS・JavaScrpitも指定
第2回 Webサーバ.
Webプロキシ HTTP1.1 ヒント CS-B3 ネットワークプログラミング  &情報科学科実験I.
Presentation transcript:

Web App Semi 2008 #1 Web App Semi 2008 #1

#1の概要 Web(World Wide Web)を知る HTMLを知る Webアプリケーションとは何かを知る PHPを知る Web App Semi 2008 #1

World Wide Webとは ブラウザから「http://www.~」と入力することでいろいろなWebページを見せているしくみ。 Web App Semi 2008 #1

Webページの表示の仕組み(1/2) 1 “http://www.yahoo.co.jp/index.html”の ページ内容をリクエスト ページ内容をレスポンスとして返す 表示 3 Web App Semi 2008 #1

Webページの表示の仕組み(2/2) 1 “http://www.yahoo.co.jp/index.html”で 指定されるファイルをリクエスト index.html Webサーバ 2 “index.html”ファイルを レスポンスとして返す 3 “index.html”ファイルを 整形(レンダリング)して 表示 Web App Semi 2008 #1

HTML(1/2) Webページを作成するためのマークアップ言語。 index.htmlはHTMLで書かれたテキストファイル。 Web App Semi 2008 #1

HTML(2/2) ハンズオン Web App Semi 2008 #1

もっと綺麗にしたいとき(HTML) Web App Semi 2008 #1

Webアプリケーションとは (Webページをただ表示するだけでない)Webの機能や特徴を利用したアプリケーション。 例えば、、、 データを登録していつでも参照できるようにできる。 Blog ログイン機能を持たせて会員しか表示しないようにする。 SNS Web App Semi 2008 #1

Webアプリケーションの 処理の仕組み(1/2) “http://www.yahoo.co.jp/index.php”の ページ内容をリクエスト リクエストを元に処理をする Webサーバ 2 処理の結果を レスポンスとして返す 表示 3 Web App Semi 2008 #1

Webアプリケーションの 処理の仕組み(2/2) 1 “http://www.yahoo.co.jp/index.php”の ページ内容をリクエスト リクエストを元に処理をする (データの登録、編集、閲覧、削除) Webサーバ 2 処理の結果をindex.phpとして レスポンスとして返す “index.php”ファイルを 整形(レンダリング)して 表示 3 Web App Semi 2008 #1

Webアプリケーションを作成するには リクエストとレンダリングはブラウザが担当します。 レスポンスはWebサーバが担当します。   リクエストとレンダリングはブラウザが担当します。   レスポンスはWebサーバが担当します。   処理をプログラムとして書く必要があります。 Web App Semiでは プログラミング言語としてPHPを選択し、 実際にWebアプリケーションを作成することで 理解を深めます。 Web App Semi 2008 #1

PHP Webアプリケーションの処理の部分を書くことができるプログラム言語の1つ。 Web App Semi 2008 #1

PHP(2/2) ハンズオン Web App Semi 2008 #1

もっと高機能にしたいとき(PHP) Web App Semi 2008 #1