スマートフォン対応 Webシステム アプリケーション開発基礎 女性学び直し事業 2014 年度テキスト 2014.11 1 1
目的 クラウドシステムを用いたスマートフォンにも対応したシステムの 基礎技術要素を習得 Webベースのモバイル対応の簡単なコンテンツを作成しつつ 基礎的なクラウドツールの概要と 一般的に利用される技術要素 構成要素等についての理解システム開発を外部業者へ委託 依頼するうえでの要素知識を理解 達成目標 Webベースコンテンツ スマートフォン対応と そのシステムの基礎要素の理解 サンプルに習いながら参加者が手元で組み習得をすすめます その後 講習後も各自のコンテンツをもち 自作 習熟をすすめて いけるところまでを目標 改訂 更新 2014.11 作成 2015.2.1 改訂 2 2
テーマとターゲット テーマ IT 分野の発展により女性の能力が IT 分野でさらに求められる 今後活躍される女性の方がたにWeb IT 技術知識を習得 応用 活用するそのきっかけとなるものを提供する どのような方へ これから取り組んでいこうと考えている若い女性 異業種 専門外から IT システムに チャレンジされる方 いちど現場を離れられた女性エンジニア 3 3
目標 講習 スマートフォン対応の Web ベースアプリケーション 誰でも自力で実用域まで到達できる範囲 専門の技術者でなくても できる ことを体感 外部発注のための基礎知識を習得 簡易 EC サイトの構築 ( スマートフォン対応 ) 3 日間 実際に受講者自身で作成しながら進行 基礎知識 前提 PC の一般的な操作 テキストエディタ 画像編集ツール HTML 言語の基礎知識 4 4
システム開発の要素 システム開発 運用には多くの要素 技術的障壁が高い 時間の少ない人には困難 どう発注依頼 交渉していくべきかイメージ出来ない ( 現場の実情 ) 結局業者に丸投げでうまくいかない 高額予算で手が出ない 5 5
簡易のサイトを開発 いったん自力で簡易試作してみる その後 6 6
Jimdo の利用 今回は Jimdo ジンドゥー というサービスを活用 主な特徴とメリット 7 7
Jimdo へ登録 ユーザー登録 8 8
最初のサイト表示 確認メールが届いているので 確認をクリック 9 9
Jimdo の基本操作 ログイン ログアウト プレビューと編集画面 レイアウトデザインブログ設定ショップヘルプ 10 10
編集操作基本 レイアウト選択 各種の標準的なレイアウト ( 画面の並びや配置 ) を簡単に変更 11 11
スマートフォン向け画面確認 12 12
背景画像 13 13
14 14
15 15
16 16
ページ編集 コンテンツの追加 編集 17 17
見出し 文章 写真 18 18
水平線 余白 カラム 19 19
フォトギャラリー 動画 20 20
商品の追加 21 21
フォーム 22 22
ページ追加 ナビゲーション編集 23 23
独自カスタマイズ 独自レイアウト 24 24
システム構成要素について システム全体はどのようになっているか ( 基本的な構成 ) 利用者 ユーザはWebブラウザや PC スマホのアプリケーションを操作 フロントエンド / クライアントサイド Web サーバ等 インターネット アプリケーションサーバ データベース等 企業等 PCやスマホに渡す表示やデータはネットの向こうのシステムやサーバが作っている バックエンド / サーバーサイド 25 25
技術担当要素について どのシステム要素に対し どのような技術者や事業者があるか フロントエンド ( クライアントサイド ) HTML JS 26 26
バックエンド ( サーバーサイド ) その他 27 27
制作 開発手段 今回は Jimdo を利用 試作やデモンストレーションに有効 簡易的に制作する他の手段は ブログサービス facebook の中でコンテンツ サービスを作る Wordpress 等のコンテンツ開発支援システム (CMS) 独自のシステム開発 Ruby on Rails 等のソフトウェア開発フレームワーク PHP Java ベースの開発 各種プログラミング言語で開発されたシステムのカスタマイズ (EC Cubeなど ) フルスクラッチ ( 全て自分で組んでいく ) 28 28
自分のコンテンツをもつ Web システムを手がけてみよう facebook で持つのは誰でも簡単にできる Web システム全体を知った上で自分のサイトを持つ事は有意義 自分のコンテンツを持つといつでもアピールできる 29 29
その先のステップのすすめ システム開発 プログラミングを手がけみよう Wordpress など (PHP 言語での開発 サーバー構築 管理 ) PHP Ruby on Rails での Web 開発 ( 全て自分で組んでいく ) スマートフォン専用アプリケーション 30 30
平成 年度文部科学省 成長分野等における中核的専門人材養成等の戦略的推進事業 クラウド スマートデバイス時代に対応した ITビジネスクリエータの地域版社会人 女性学び直し教育プログラム開発と実践 実施委員会 吉田 松雄 学校法人吉田学園 理事長 黒木 亮谷 学校法人黒木学園 理事長 武田 結幸 学校法人武田学園 理事長 山本 匡 学校法人小山学園 理事長 栗原 寛隆 学校法人栗原学園 理事長 高橋 秀也 大阪市立大学 教授 山本 哲男 株式会社八雲ソフトウェア 代表取締役 渡部 薫 株式会社ジー クラウド 代表取締役社長 岡山 保美 株式会社 KEIアドバンス 取締役会長 飯塚 正成 一般社団法人全国専門学校情報教育協会 専務理事 社会人研修分科会 岡山 保美 株式会社 KEIアドバンス 取締役会長 村岡 好久 名古屋工学院専門学校 統括アドバイザー 谷口 英司 日本電子専門学校 情報ビジネスライセンス科科長 吉田 進一 吉田通信企画 代表 山本 哲男 株式会社八雲ソフトウェア 代表取締役 冨田 慎一 代表 吉岡 正勝 株式会社日本教育ネットワークコンソシアム 事業開発部マネージャー 女性学び直し分科会 岡山 保美 株式会社 KEIアドバンス 取締役会長 菅野 崇行 吉田学園情報ビジネス専門学校 情報システム学科スマートフォン クラウド学科 谷口 英司 日本電子専門学校 情報ビジネスライセンス科科長 大礒 洋明 コーデトーイズ株式会社 代表取締役 大園 博美 有限会社 Aries 代表 戸田 雅人 レインボーアップス株式会社 我妻 幸長 レインボーアップス株式会社 吉岡 正勝 株式会社日本教育ネットワークコンソシアム 事業開発部マネージャー 教員育成分科会 岡山 保美 株式会社 KEIアドバンス 取締役会長 菅野 崇行 吉田学園情報ビジネス専門学校 情報システム学科スマートフォン クラウド学科 村岡 好久 名古屋工学院専門学校 統括アドバイザー 谷口 英司 日本電子専門学校 情報ビジネスライセンス科科長 坂田 拡光 株式会社 KEIアドバンス 教育事業戦略推進部 部長 野吾 教行 学校法人河合塾 教育研究開発本部 教育研究部 吉岡 正勝 株式会社日本教育ネットワークコンソシアム 事業開発部マネージャー 平成 年度文部科学省委託 成長分野等における中核的専門人材養成等の戦略的推進事業 クラウド スマートデバイス時代に対応した ITビジネスクリエータの地域版社会人 女性学び直し教育プログラム開発と実践 平成 年 月 スマートフォン対応 Web システム アプリケーション開発基礎 学校法人吉田学園 ( 吉田学園情報ビジネス専門学校 ) 北海道札幌市中央区南 条西 丁目 本書の内容を無断で転記 掲載することは禁じます