2012年03月09日 講義027日目

2012年03月09日
講義027日目
------------------------------1H------------------------------
★職業能力基礎
  ●チームミーティング
    ・半年後に作れるようになりたい物の目標について
      他の人の作りたいものと、それに必要なものをヒアリング
    ・結論→～を作りますという宣言をする
------------------------------2H------------------------------
★ログアウト実装
  ●スタイルシートの適応
      <link href="./CSS/style.css"
          rel= "stylesheet"
          type= "text/css"
          media="all" />

  ●ログアウト実装
      <?php
      session_start();
      if($_SESSION["login"] == "y") {
          $_SESSION = array();
      }

      header("Location:http://localhost/bbs/index.php");
  ●フォルダ構造について
      基本はツリー構造にしながら作る
    ・index.phpのみがホストの直下に存在する
------------------------------3H------------------------------
★twitterのAPI導入
  ●APIについて
    ・処理をまとめたパッケージ
    ・関数と同じ意味で使われる事もある
    ・APIがどんな動きをするか読めるようにする
  ●
    ・index.phpのフォーム部分を改変
        <hr noshade size="1" />

        <div id="contentLeft">
        <form action= "submit.php" method="post" enctype="multipart/form-data">
        内容<br>
        <textarea name="content" cols="60" rows="10"></textarea><br>
        ニックネーム<br>
        <input type="text" name="nickname" size="20"><br>
        url<br>
        <input type="text" name="url" size="60"><br>
        画像<br>
        <input type="file" name="photo"><br>
        <input type="submit" name="send" value="投稿する">
        </form>
        </div>

        <div id="contentRight">
        </div>
        <div class="clr"></div>
    ・style.phpに追加
        #contentLeft {
        background-color:#888888;
        color:#fff;
        padding:20px;
        width:600px;
        float:left;
        height:400px;
        }

        #contentRight {
        background-color:#f4d47f;
        color:#fff;
        padding:20px;
        width:200px;
        float:left;
        height:400px;
        }

        .clr {
        clear:both;
        }
       
  ●twitterのウェジットの実装
      twitter公式のウィジットを生成するページに行く
      ユーザ名を入力して
    ・生成されたソースを
        <div id="contentRight">
        </div>
        の間に追加する
    ・ウィジットに合わせてCSSを調整する
        width:250px;に変更
------------------------------4H------------------------------
★データベースを使ったウェブページの作成実習
  ●作成条件
    ・データベースを使うこと
    ・二箇所以上のテーブルを使うこと
    ・自分で作った関数を使う
    ・作成期間3/15まで
    ・外部に公開できるようなものを目標に
    ・ドキュメントなどは著作権等をクリアしたものを前提に
  ●小テストについて
    ・配列
    ・関数
    ・データベース
    ・htmlも多少入ってくるかも
------------------------------5H------------------------------
★データベースを使ったウェブページの作成実習
  ●テーブル作成の例
    ・購入内容テーブル
        primary id 1
        shohin [1-2,2-5,12-1,18-1,20-4]
        ■resi-toテーブル
        primary id
        日付
        年齢
        合計金額カラム

        ■購入内容テーブル
        primary id 1
        買った人id 13172
        商品カラム　シャーペン
        個数カラム　2

        primary id 2
        買った人id 13172
        商品カラム　ノート
        個数カラム　1

        primary id 3
        買った人id 13172
        商品カラム　消しゴム
        個数カラム　3

        ■商品テーブル
        id 1
        商品命　シャーペン
        価格　300

      どのテーブルを基点にしてデータを管理するか
      実際に使われるデータをどこに配置するか
------------------------------6H------------------------------
★データベースを使ったウェブページの作成実習
  ●作ろうと思ってる内容
      以前のお問い合わせフォーム的なレシート入力サイトのバージョンアップ
      目標の優先順
      サイトの見た目をCSSを使ってある程度整える（CSSの学習）
      レシート画像のアップロード機能の実装
      ログイン画面、ログアウト画面の実装
      ユーザとユーザが入力した情報を管理する連携したテーブルの作成

      ----------------時間的に可能があればやりたいことの壁----------------

      入力した画像をgoogleドキュメントのOCR機能でテキスト化
      テキスト化したものをデータベースに格納

      ----------------やりたいけど技術的に微妙な壁（また次の課題に実装でいいんじゃね？の壁）----------------

      テキスト化したデータをPHPのロジックで分解し、
        各フォームに
            項目を入力
            商品名入力
            金額を入力
        合算する

      各入力されたデータまたは、合算された数字を元に
      PHPでメッセージを振り分けるロジックを作成
      ツイッターアカウントにメッセージを送る機能（送らないも選択可能）の実装
-----------------------------memo-----------------------------
cssへの苦手意識を今回の課題で克服しようと思う
データベースの構築は作りながら考える
危険な予感しかしない