2020 ソフトウェア設計及び演習用の班Wiki

20::gr04::最終発表

プロジェクト名

岩大周辺マップ

プロジェクト説明

コンプセト

  • 岩大周辺の店の紹介

機能

  • クリックすることで、その店の詳細を表示する機能
  • マウスオーバーで吹き出しを表示する機能
  • 検索欄で店名を検索すると、その店の詳細が表示される機能

ものと操作の洗い出し結果

モジュール分け

機能ごとに分担して作業した。

・中津山
クリックするとその店の詳細を表示するhtmlの作成
検索欄のhtml,javaの作成
マウスオーバー時の吹き出し表示のhtml,css,Javaの作成
各店についての調査

・広瀬
ヘッダー,フッターのhtml,cssの作成
レイアウトのhtml,cssの作成

・藤原
マップの作成
マウスオーバー時の吹き出し表示のhtml,css,Javaの作成

・山宮
検索欄のhtml,javaの作成
各店についての調査

操作画面

マップ画面

  • 赤い丸をクリックすると、その店の詳細を表示する
    最終発表1.png

  • マウスオーバーによって吹き出しを表示する
    最終発表2.png

  • 検索欄に店名を打ち込むことで、その店の詳細を表示する
    最終発表3.png

個人の感想

・中津山
今回の活動では、班員と協力して岩大周辺マップを作成することができ、今まで使ってこなかったhtmlやcss、javascriptの基礎について学ぶことができました。htmlやcss、javascriptについて調べると様々なことができると知りました。しかし、個々の力不足、時間と人手が足らず自分たちが考えていた機能を作成するができなかったので次挑戦するときは今回の課題を踏まえて今回よりもクオリティが高い作品を作りたいと思いました。また、ソフトを作成、設計することは大変だということが分かりました。今回の講義で学んだことを他のプログラミングにも生かしていきたいです。

・広瀬
今回の活動により、htmlやcss、javascriptの基礎を学ぶことができ、普段から使っている色々なWebページの仕組みを理解することができた。ただ、htmlやcssは知れば知るほど奥が深く、最大限に利用することができなかったので、経験を積んで、よりよりWebページの作成をこれから頑張っていきたい。 人数が少なく、自分たちが考えたものよりも劣る結果となってしまったのが残念だった。ただ、シンプルで見やすいWebページになったと思う。

・藤原
今回の活動では、今まであまり使ってこなかったcssなどについても学ぶことができました。中間発表前まではそれぞれの言語の使い方を学ぶのに必死でなかなか進行できなかったのですが後半では少し身につけることができたのかなあと思いました。中間発表後にはとりあえずTAのアドバイスをもとに改善点や追加していくべきものなどをまとめたことでその後の作業がスムーズにいったのかなと思います。他の班と少し似てる部分も中間発表の時にはあったのでそことの差別化を図ろうと思い様々な意見を出しました。自分たちの力不足で案には出たものの成し遂げることができなかったものもたくさんあったのでそこら辺がこれからの課題かなと思いました。最終的には楽しくやれてよかったのかなと思います。

・山宮
今回の活動で、班で協力して自作のマップを作ることができました。html,javascript,cssなどWebページ作成の基礎となるものを学び、演習を通じて少し身につけることができたと思います。ほぼ何もわからない状態からのスタートだったので、思い描いていた機能よりも劣る感じになってしまいました。これからは自分が考えたことが実現できるように知識と経験を積んでいけたらいいと思います。


最終更新日:2021/07/09 13:28:59