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

19::gr05::発表

archive mode

<<プロジェクト名>>
''''widget XP''''

<<プロジェクト説明>>
<<<プロジェクトの概要>>>
○スマホやパソコンにあるウィジェットを参考に、「一つの画面でたくさんの機能を使うことができるもの」をテーマとして開発しました。((br))
○開発していく中でニュースや天気の情報を取得するために「Webスクレイピング」という技術を使うことになりました。(←後で説明します)((br))
○また、PythonとJavaScriptを連動させるためにDjangoというフレームワークを使ってモジュールの結合を進めました。(←後で説明します)((br))

<<<Webスクレイピング>>>
○担当者：細川((br))

※ライブラリなどの細かい話は省略します。(詳しくは班wikiを参照してください)((br))

<<<<作業内容>>>>

Webスクレイピングは簡単に言うと、「Webサイトの情報を取得する技術」です。((br))

ここでは、情報取得してからその情報をアプリケーションで表示するところまでしたいので、2つのソースファイルを作成しました。((br))
しかし、その2つのモジュールを1つのソースファイルにまとめることができたので少しだけプログラムの量を減らすことができた。((br))

また、取得した情報をデータベースに格納するために編集するソースコードも書いた。((br))
この時、「正規表現」(*は０文字以上の連続など)を使って不必要な箇所を取り除く作業がとても大変だった。((br))

<<<<反省>>>>
・目標としていた情報取得と画面への表示を達成することができてよかった。((br))
・「正規表現」をうまく扱うことができなかったため、情報を細かく指定した表示ができなかった。

<<<Django>>>
担当者：岡本((br))

HTML/CSS、JavaScript、Pythonのプログラムを1つにまとめたい((br))
→Djangoで統合

Djangoとは
「Web 開発タスクを迅速かつ簡単化する」(Django公式ページより)((br))
「Pythonで実装されたWebアプリケーションフレームワーク」「複雑なデータベース主体のWebサイトの構築を簡単にする」(Wikipediaより)((br))
→Webアプリを制作するために必要な作業が簡単にまとめられている((br))

フレームワークを利用することで簡単に動作するプログラムを作成できたが、慣れるまで大変だった。((br))

<<モジュール分け>>
・アプリケーション管理((br))
｜((br))
・メイン画面((br))
｜((br))
＋ー・機能：カレンダー(月間)((br))
｜((br))
＋ー・機能：時計((br))
｜　｜((br))
｜　＋ー・[デジタル時計]((br))
｜　｜((br))
｜　＋ー・[アナログ時計]((br))
｜((br))
＋ー・機能：天気((br))
｜　｜((br))
｜　＋ー・[Webスクレイピング]((br))
｜　　　｜((br))
｜　　　＋ー情報取得~CSVへ出力((br))
｜　　　｜((br))
｜　　　＋ーCSVから必要な情報だけを抜き出す((br))
｜　　　｜((br))
｜　　　＋ーデータベースへ出力((br))
｜((br))
＋ー・機能：ニュース((br))
｜　｜((br))
｜　＋ー・[Webスクレイピング]((br))
｜　　　｜((br))
｜　　　＋ー情報取得~CSVへ出力((br))
｜　　　｜((br))
｜　　　＋ーCSVから必要な情報だけを抜き出す((br))
｜　　　｜((br))
｜　　　＋ーデータベースへ出力((br))
｜((br))
＋ー・機能：検索ボックス((br))
｜((br))
＋ー・機能：マップ((br))
｜((br))
＋ー・機能：ペイント((br))
｜((br))
＋ー・機能：設定((br))
｜　｜((br))
｜　＋ー・[背景画像変更]((br))
｜　｜((br))
｜　＋ー・[アイコンの色変更]((br))

<<ソフトウェアの動作>>
(メイン画面の様子)

<<{Screenshot from 2019-08-02 12-56-01.png}

<<個人の感想>>
<<<細川　祐生>>>

グループ開発を実際にやることは、将来的にエンジニアやプログラマーとして働いた時に役立つと思う。そして、ここまで開発を進めてきて想像通りにできなかった点や他の班員と情報共有が足りなかった点などがいくつか出てくることがあったので、修正点を細かく話し合ったり、Gitlabなどで進行状況を逐一知らせたりすることがとても重要だと感じた。((br))
また、Pythonを勉強してみることでWebアプリ開発や機械学習(開発中には触れていない)などに興味を持つきっかけとなったので、今後に大きく活かすことができる良い経験となった。

<<<猫塚　智也>>>

HTMLやJavascriptのいい勉強になった。自分が学んだ部分はまだ浅いと思うので、夏休みにもっと深く勉強したり、Pythonなどの他の言語についても知りたいなと思った。
<<<岡本　哲>>>

初めてのグループ開発だったが、動作するソフトウェアができたことはとても良い経験になった。作るものを決めて、モジュール分けと役割分担を行い、Gitなどのツールを使うことでスムーズに開発できることがわかった。また、初めて使うプログラミング言語もいろいろな方法で調べながら少しずつ理解できたので、これから自分で勉強していく方法も学べてよかった。

<<<佐々木　俊典>>>

今回の授業では、グループで制作する難しさを知ることができました。さらに、今回の授業では、主にデザインについて携わっていたので、いままで触れてこなかったジャンルを勉強することができ、とても良かったです。

Tag:

Attachment

New: append-tag

(download: 154676 bytes, at 2019/08/02 12:58:14 )
(download: 169 bytes, at 2019/07/31 12:58:13 <frozen> )
(download: 267 bytes, at 2019/07/31 13:07:01 <frozen> )
(download: 772 bytes, at 2019/08/01 12:16:35 <frozen> )
(download: 1076 bytes, at 2019/08/01 12:24:25 <frozen> )
(download: 1299 bytes, at 2019/08/01 13:50:10 <frozen> )
(download: 2057 bytes, at 2019/08/01 14:43:57 <frozen> )
(download: 2063 bytes, at 2019/08/01 14:44:34 <frozen> )
(download: 2033 bytes, at 2019/08/01 14:46:19 <frozen> )
(download: 2101 bytes, at 2019/08/01 14:49:12 <frozen> )
(download: 2103 bytes, at 2019/08/01 14:52:46 <frozen> )
(download: 3882 bytes, at 2019/08/01 15:27:26 <frozen> )
(download: 3891 bytes, at 2019/08/01 15:29:46 <frozen> )
(download: 4528 bytes, at 2019/08/01 15:34:06 <frozen> )
(download: 4587 bytes, at 2019/08/01 15:35:31 <frozen> )
(download: 5843 bytes, at 2019/08/02 09:36:51 <frozen> )
(download: 5851 bytes, at 2019/08/02 10:29:58 <frozen> )
(download: 5917 bytes, at 2019/08/02 10:36:18 <frozen> )
(download: 5901 bytes, at 2019/08/02 12:55:36 <frozen> )
(download: 5944 bytes, at 2019/08/02 12:58:41 <frozen> )

Syntax Help

URL Link

[text|http://example.com//] http://example.com/to{text}

Page Link

[[PageName]] [[text|PageName]] >>{PageName} >>{PageName}{text}

Image or Attachment

<<{filename} <<{filename}{text}

Text Decoration

'' Italic '' ''' Bold ''' '''' Large-font '''' `` Typewriter `` `?` Preformatted `?` __ Underline __ == Strike == == DEL =={ INS } ((br)) line feed

Special Letter

((amp)) & ((bq)) ` ((lt)) < ((gt)) > ((lp)) ( ((rp)) ) ((lb)) [ ((rb)) ] ((ll)) (( ((rr)) ))

Headline

!!!! site-name !!! section-name !! subsection-name ! subsubsectino-name << section-name >> <<< subsection-name >>> <<<< subsubsection-name >>>> >> Centering and Large-font <<

Itemize

* item1 ** item1-1 ** item1-2

Enumerate

+ item1 + item2 ++ item2-1

Table

|| 1-1 | 1-2 | 1-3 || 2-1 | 2-2 | 2-3

Description

:item ::description

Quotation

6< quotation >9

Preformatted text

8< preformatted-text >8

Edit