基礎編１回目は、オリエンテーションとチームビルディングの実施、ネットショップコンセプトの策定指導を行いました。まず、受講者を４チームに編成し、チーム毎にネットショップのコンセプトを決めるように伝えました。高校教科書『電子商取引』に該当ページがあるので、引用して指導をしました。誰に何をどのように売るのかのイメージ作りが大事であることを伝え、時間内にネットショップのコンセプトを書いたシートの一部とチーム（ショップ）名、取り上げようとする主力商品について発表してもらいました。皆、よく理解しており、いずれのチームもショップ立ち上げに適切な内容で発表ができました。また、コンセプトシートの項目である「なぜ立ち上げるか」、「何を売るか」、「対象はだれか」、「いくらで販売するか」、「いつから開始するか」、「ショップの強みは何か」などについては、まだできていませんでしたので、次回までに項目を埋めて電子データでまとめてくるよう宿題を出しました。

基礎編２回目は、「ネットショップの基本と準備」をテーマに、ネットショップの基礎知識と店長心得の講義を実施、また商品撮影の仕方、商品の説明文の作り方について指導を行い、練習として仮に「雪だるま型ライト」を販売する商品とし、商品写真と説明文の発表をしました。また、次回までに他校が実際に運営しているネットショップの長所短所分析を行うことを宿題としました。この宿題を通じて、ライバル店舗を評価することで、どのような店舗がネットショップとして効果的かなどの理解が進んだと思います。ライバル店舗２つのショップのうち、１つのショップは同じ無料で登録できるサイトからネットショップを立ち上げて販売を行っており、商品説明の良いところや販売方法でわかりにくい部分などよく理解していました。また、チームでよくコミュニケーションを取りながら課せられた宿題の成果発表ができていました。　

基礎編３回目では、「ネットショップの立ち上げ方」について、まずは講義で説明、その後、実際にパソコンに向かいながら、ショップ立ち上げのためのアカウントの設定、ショップ開設の基本情報入力や電話番号認証等について実技指導を行いました。また、次回までにネットショップへの商品登録などを宿題としました。

基礎編４回目は、「ネットショップの運営と集客」について、注文から配送までの流れとポイント、集客の基本について講義を行いました。運営と集客でしなければならないこととチームの中で担当決めの実技指導を行いました。運営には事前準備、運営、集客、ショップ保守の４つの担当に分けて、誰が何をするか作業内容を自分たちで決めていきました。この段階では、チーム内でよく相談し、私や顧問の教諭などに質問をしながら進める事ができていました。次回までの宿題として、引き続きネットショップの立ち上げのための初期編集等をしてくるように伝えました。

基礎編５回目は、「ネットショップの最終仕上げ」について、ネットショップ最終チェック、プラグイン機能追加、SEO対策の必要性を講義しました。実技指導として、大聖寺実業高校オリジナル商品である入浴剤とバウムクーヘンを登録し、それに合わせて編集するように指導しました。
また、21項目のチェックリストを作成し、ショップのコンセプトや商品の価格設定、支払い方法の設定、集客方法や販売促進策、今後の計画などの項目が網羅されているかを確認しました。
次回までの宿題は、ネットショップのさらなるブラッシュアップです。５回目が終了した時点では、商品説明の文章校正が必要であることや、お客様の商品評価に足る写真掲載ができているかなど課題が残りました。このため、当初予定していた基礎編６回目の日程を１日延長することにしました。

4・5回目実技指導テキスト一部抜粋

基礎編6回目「ネットショップの最終仕上げ」については、ネットショップの完成度評価と問題点の洗い出し、改善すべき点について改善作業の実技指導を行いました。たとえば、基本設定と必要情報が入力されているか最終的な自己チェックをし、他のグループのショップを見て、相互評価、意見交換を行います。ディスカッションの中で、改善すべき点がみつかったら、改善作業をするという手順です。この中で、他にもグラフィックデザインを簡単に行えるソフトやQRコード作成方法の説明、送料の設定や、ネットショップでの購入手順について詳しく説明するページの追加などについても伝えました。特に購入手順の設定追加については、次回までの宿題としました。

基礎編7回目は、引き続き「ネットショップの最終仕上げ」について講義しました。主にショップ訪問者の利便性向上と販売促進機能追加の指導を行いました。具体的には、ショップ内に機能追加ができるアプリをインストールすることで、ブログやお知らせバナー、よくある質問などをページ内に埋め込むことができます。ブログはトップページに固定するようにして、ブログ一覧が表示されるように、お知らせバナーはポップアップバナーがページを開いた際に現れるようにします。こういった機能を追加することで、ショップ訪問者にわかりやすく使いやすいページとなります。ここで、基礎編は終了となりました。ネットショップとしての店構えはできており、販売商品の大きさ、重さを考慮した送料設定など、一部で不十分なところも見受けられましたが、最終回までに完成を目指します。

最終回（8回目）は、応用編です。「HTMLとスタイルシートのプログラミング」について、講義しました。ネットショップのレイアウトやデザイン装飾に変更を加える場合、「HTML編集」アプリの機能追加により可能なことを伝え、ブラウザで見えているネットショップのプログラミング（裏側にある基本構造）について演習形式によりプログラミング知識習得のための実技指導を行いました。
１年生ということで、プログラミングは初めての方も多く、時間も短いことから、具体的なコードを記述したサンプルを記したプリントの手順どおり進めることで、最終的にホームページの１ページができあがることを目標に進めました。文字をページの中央に寄せたり、ボールドにしたり、背景色を変えるなどを実際に体験することで、コードの知識やプログラミングの技能の基礎を身に付けることが目的です。チーム単位で知識共有しながら進めてもらい、課題として、ネットショップがオープンしたことを知らせる案内ページを作りました。案内ページには自分たちで文書やQRコード、URLも入れて完成となりますが、全員が予定していた記述項目全ては実施できませんでした。全てはできなかったものの、HTMLとCSSの基本となる構造とプログラミング作業について全員が理解できたと思います。

生徒が作成したネットショップのトップページ