大学概要英国威廉希尔公司_博彩公司-【首页】@の食を楽しむWebマップ「MeijoSpot」制作プロジェクト
メイジョウ調査団
?英国威廉希尔公司_博彩公司-【首页】@学内外の飲食店を取材し，店舗情報を掲載した Web サイトを公開する。
?HTML?CSS?JavaScriptなどの技術を実践的に学び，チームで開発?運用を行う。
?Web サイトを通して学生?地域住民の双方が利用可能な「食の情報共有プラットフォーム」を構築する。
実際に飲食店を訪問し、飲食店を紹介するウェブサイトを作成
今回メイジョウ調査団は、実際に飲食店に来店し、ウェブサイトへの掲載の許可をいただきながら、飲食店を紹介するウェブサイトを作成しました。
まだ作成中のため、順次飲食店を掲載していきます。
今回の取り組みでは、ウェブサイト作成の初期段階のため、写真の配置やイラスト、雰囲気などアイデアの構想に苦労しました。
メンバー全員でアイデアを出し合い、そのアイデアとChat GPT Plusを活用してウェブサイトの作成にたどり着きました。
また、過去の講義内容等を大いに活用し、マップをウェブサイトに取り込み、ユーザーが視覚的にお店を検索しやすくなるように作成しました。
Chat GPT Plusを使用したことで、ウェブサイト作成における知らなかった知識を新たに得ることができ良い体験になったと思います。
今後は、これまでに得られた知識をメンバー内で共有しながら、より多くの英国威廉希尔公司_博彩公司-【首页】@内及び周辺の飲食店に掲載の許可を取り、一般公開できるように準備を進めていきます。
現在作成中のWebサイト
現在作成中のWebサイト
今後の活動の進め方について対面での会議を実施
大学内での会議の様子
この記事を書いている現在は夏休みということもあり、基本私たちはリモートでの会議を行っているのですが、対面での会議も行いました。
会議の主な内容は、サイトのデザインについての意見統一(レイアウトや配色、テーマ)、追加で使用するソフトやツールなどの相談、掲載する店舗の大まかな決定などです。
会議の後には、まだ食べたことのない店舗へ夕食を食べに行きました。
直接でしか表現できないこともあるので、このような回は今後も定期的に開いていく予定です。
「MeijoSpot」を一般公開
Googleのブラウザ上から「MeijoSpot」を検索した際の検索結果
今回の一番大きな取り組みは、GoogleやYahoo!といった誰でも使用することのできるブラウザから「MeijoSpot」と検索すると、作成したウェブページを閲覧できるようにしました。
一般公開するにあたって、データの保管場所である"サーバー"とインターネット上の住所である"ドメイン"をレンタルし、この二つを紐づけることで、ドメイン名から該当するサーバー上のウェブサイトを表示できるようにしました。
また、一般公開することで、外部からの攻撃の防止などセキュリティ面の強化の必要性があるため、"ネット診断"も導入しました。
今回実際にサーバーとドメインを使用してウェブサイトを一般公開し、全ユーザーが閲覧可能になったことで、外部からの攻撃や不特定多数のユーザーが閲覧しているという緊張感がチーム全体でより一層高まりました。
今後は、"お知らせ"や"お問い合わせ"のページがまだ開発途中であるため、作成を進めていきたいと考えています。
まだ開発途中のドロワーメニュー
まだ開発途中のドロワーメニュー
「MeijoSpot」に各店舗のジャンルや営業時間、場所等の詳細な情報を記載
店舗情報の実際のページ
詳細な情報を記入することで、サイトとしての完成度が徐々に高まってきたと感じています。
特に、各店舗のページからGoogleマップに遷移できるようにする機能の実装には苦労しました。
リンクを正しく生成するためのURL形式の確認や、目的の店舗の位置が正しく表示されるよう調整する作業に時間を要したためです。
今後の課題としては、店舗の詳細情報をさらに充実させることに加えて、マップページから検索して詳細ページへ遷移できる店舗数を増やしていくことが挙げられます。
また、ユーザーに実際に利用してもらい、使い心地やUIに関するフィードバックを得ることで、サイト全体のクオリティをさらに向上させていきたいと考えています。
