SlideShare ist ein Scribd-Unternehmen logo
1 von 14
Downloaden Sie, um offline zu lesen
水環境健全性指標データ表示アプリケーションの
フレームワークの移行
ソフトウェア情報学部4年(角田研究室) 平田詔保
AOMORI SIX 合同学修・研究発表会
青森大学 ソフトウェア情報学部 角田研究室チーム
目的
š Webアプリのフレームワークの移行
š(Ruby on Railsの環境からFlaskの環境に移行)
š(現在のプラットフォームを置き換えて、トレースし、メンテナンスしやす
いように)
Webフレームワーク
š アプリケーション開発の際に使用頻度が高い機能や処理などをパッケー
ジ化したもの。
Django(python) Node.js(JavaScript) Laravel(PHP) Ruby on Rails(Ruby)
Ruby on Rails
š 2004年に登場
š フルスタックフレームワークのひとつ
šWeb開発に必要な機能が一通りそろっている
š多機能であり、学習コストが高い
š(ただし日本語の記事が比較的多め)
š 言語はRuby
š (googleの検索候補を見ると時代遅れと捉えられる)
Flask
š 2010に登場
š 軽量のWebフレームワーク、標準で提供する機能は最小限度
š (余計な機能が動作を重くする ということはない)
š 拡張性が高い
š データベース機能やログイン機能などは後から追加する必要がある。
š 学習コストが低い。
š 言語はPython
システム規模
š 現行のアプリケーション(左)は大まかには10個のフォルダーで構成。
š 今回開発したアプリケーション(右)は使用していないフォルダを除いて4個のフォルダー。
システム規模
š 現行のアプリケーション(左)は2.31MB。
š 今回開発したアプリケーション(右)0.68MB。
š 以上の点から、現行のアプリケーションより軽量化することに成功している。
機能(ヘッダー、フッター)
š “WESI2021”, “Home”, “Help”, 「日本水環境学会東北支部」を表示することができ、
クリックすると同じページへ飛ぶことを出来る。
š ヘッダーとフッターの背景の色の違い
š モバイル表示では “Home”, “Help”が開けない問題点
機能(トップ画面)
š 地方の一覧、都道府県の一覧、調査数の数などを問題なく表示
š アコーディオンメニューが最初から全て開いている
š デザインに相違がある
機能(調査一覧画面)
š 地域、県名、地点の一覧の表示などは同じ
š 地図のマーカーの表示の相違
š 調査日でソートできていない
š 画面のデザイン、スマートフォンで表示したときのレイアウトの相違などの問題点
機能(地点一覧画面)
š 地図の表示とマーカーの表示、地域、県名、調査名、調査者、責任者、説明の表示、地
点の一覧の表示は同じ
š デザインの相違
š 調査数と地点数の表示を実装していない
機能(地点詳細画面)
š 地図の表示とマーカーの表示、地域、県名、調査名、調査日、地点名、調査者、責任者
の表示、調査結果の値の表示は同じ
š レーダーチャートの表示が大きく乱れている
š デザインの相違
š 説明の部分の表示の相違
機能(ヘルプ、趣旨画面)
š デザインとレイアウトの相違
š その他の部分は同じ
まとめ
š 現行のアプリケーションの動作のトレース、データベース設計の確認→MySQLにて再現、
HTMLファイルなど再利用できるファイルなどは再利用
š 現行のアプリケーションと比較して機能はほぼそのままにシステムの規模を小さくする
ことに成功
š デザインやレイアウトの相違、レーダーチャートの表示に大きな乱れがあるなど問題点
もいくつか存在
š 本研究で開発したアプリケーションを長期運用するには、来年度以降もフィードバック
を貰いつつ、それを元に改修していく必要がある。

Weitere ähnliche Inhalte

Ähnlich wie A08  角田研究室8 平田詔保

「AWSを活用して少人数で複数のサービスを運用するコツ」〜jawsug in nagoya〜
「AWSを活用して少人数で複数のサービスを運用するコツ」〜jawsug in nagoya〜「AWSを活用して少人数で複数のサービスを運用するコツ」〜jawsug in nagoya〜
「AWSを活用して少人数で複数のサービスを運用するコツ」〜jawsug in nagoya〜
Teruo Adachi
 
OSC福岡2012 LT 20121208
OSC福岡2012 LT 20121208OSC福岡2012 LT 20121208
OSC福岡2012 LT 20121208
学 松崎
 
ニフティクラウドC4SA_ご紹介資料ver.1.1
ニフティクラウドC4SA_ご紹介資料ver.1.1ニフティクラウドC4SA_ご紹介資料ver.1.1
ニフティクラウドC4SA_ご紹介資料ver.1.1
Satoshi Ueno
 
【17-D-6】.NETアセンブリの宿命
【17-D-6】.NETアセンブリの宿命【17-D-6】.NETアセンブリの宿命
【17-D-6】.NETアセンブリの宿命
Developers Summit
 
CakePHP PHP Framework
CakePHP PHP FrameworkCakePHP PHP Framework
CakePHP PHP Framework
ryota ichie
 
20110305_Code4Lib2011参加報告会:田辺浩介参加報告
20110305_Code4Lib2011参加報告会:田辺浩介参加報告20110305_Code4Lib2011参加報告会:田辺浩介参加報告
20110305_Code4Lib2011参加報告会:田辺浩介参加報告
Code4Lib JAPAN
 
Robomec2014 rtm講習会第1部(その1)
Robomec2014 rtm講習会第1部(その1)Robomec2014 rtm講習会第1部(その1)
Robomec2014 rtm講習会第1部(その1)
openrtm
 

Ähnlich wie A08  角田研究室8 平田詔保 (20)

Kaleidox
KaleidoxKaleidox
Kaleidox
 
「AWSを活用して少人数で複数のサービスを運用するコツ」〜jawsug in nagoya〜
「AWSを活用して少人数で複数のサービスを運用するコツ」〜jawsug in nagoya〜「AWSを活用して少人数で複数のサービスを運用するコツ」〜jawsug in nagoya〜
「AWSを活用して少人数で複数のサービスを運用するコツ」〜jawsug in nagoya〜
 
Introduction to web development 1
Introduction to web development 1Introduction to web development 1
Introduction to web development 1
 
Laravel5.1をつかったWebアプリケーション開発
Laravel5.1をつかったWebアプリケーション開発Laravel5.1をつかったWebアプリケーション開発
Laravel5.1をつかったWebアプリケーション開発
 
iQONの開発手法 at iQONエンジニアセミナー
iQONの開発手法 at iQONエンジニアセミナーiQONの開発手法 at iQONエンジニアセミナー
iQONの開発手法 at iQONエンジニアセミナー
 
WebエンジニアがXR業界へ転職した話
WebエンジニアがXR業界へ転職した話WebエンジニアがXR業界へ転職した話
WebエンジニアがXR業界へ転職した話
 
OSC福岡2012 LT 20121208
OSC福岡2012 LT 20121208OSC福岡2012 LT 20121208
OSC福岡2012 LT 20121208
 
【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座
【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座
【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座
 
ニフティクラウドC4SA_ご紹介資料ver.1.1
ニフティクラウドC4SA_ご紹介資料ver.1.1ニフティクラウドC4SA_ご紹介資料ver.1.1
ニフティクラウドC4SA_ご紹介資料ver.1.1
 
【17-D-6】.NETアセンブリの宿命
【17-D-6】.NETアセンブリの宿命【17-D-6】.NETアセンブリの宿命
【17-D-6】.NETアセンブリの宿命
 
CakePHP PHP Framework
CakePHP PHP FrameworkCakePHP PHP Framework
CakePHP PHP Framework
 
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティスHTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
 
20110305_Code4Lib2011参加報告会:田辺浩介参加報告
20110305_Code4Lib2011参加報告会:田辺浩介参加報告20110305_Code4Lib2011参加報告会:田辺浩介参加報告
20110305_Code4Lib2011参加報告会:田辺浩介参加報告
 
20170911 API Meetup Tokyo #21
20170911 API Meetup Tokyo #2120170911 API Meetup Tokyo #21
20170911 API Meetup Tokyo #21
 
Pythonを含む多くのプログラミング言語を扱う処理フレームワークとパターン、鷲崎弘宜、PyConJP 2016 招待講演
Pythonを含む多くのプログラミング言語を扱う処理フレームワークとパターン、鷲崎弘宜、PyConJP 2016 招待講演Pythonを含む多くのプログラミング言語を扱う処理フレームワークとパターン、鷲崎弘宜、PyConJP 2016 招待講演
Pythonを含む多くのプログラミング言語を扱う処理フレームワークとパターン、鷲崎弘宜、PyConJP 2016 招待講演
 
RDRA DDD Agile
RDRA DDD AgileRDRA DDD Agile
RDRA DDD Agile
 
Springの今
Springの今Springの今
Springの今
 
Robomec2014 rtm講習会第1部(その1)
Robomec2014 rtm講習会第1部(その1)Robomec2014 rtm講習会第1部(その1)
Robomec2014 rtm講習会第1部(その1)
 
CloudSpiral 2014年度 Webアプリ講義(1日目)
CloudSpiral 2014年度 Webアプリ講義(1日目)CloudSpiral 2014年度 Webアプリ講義(1日目)
CloudSpiral 2014年度 Webアプリ講義(1日目)
 
関西Hadoop勉強会#1 Hadoopの紹介
関西Hadoop勉強会#1 Hadoopの紹介関西Hadoop勉強会#1 Hadoopの紹介
関西Hadoop勉強会#1 Hadoopの紹介
 

Mehr von aomorisix

Mehr von aomorisix (20)

【A16】初心者に向けた認知的負荷の低い料理動画の作成【青森中央短期大学/本間研究室】
【A16】初心者に向けた認知的負荷の低い料理動画の作成【青森中央短期大学/本間研究室】【A16】初心者に向けた認知的負荷の低い料理動画の作成【青森中央短期大学/本間研究室】
【A16】初心者に向けた認知的負荷の低い料理動画の作成【青森中央短期大学/本間研究室】
 
【F19】伝統文化を伝承する地域のつながり構造~油川の地域ねぶた伝承の調査から~【青森公立大学/小田桐久夫】
【F19】伝統文化を伝承する地域のつながり構造~油川の地域ねぶた伝承の調査から~【青森公立大学/小田桐久夫】【F19】伝統文化を伝承する地域のつながり構造~油川の地域ねぶた伝承の調査から~【青森公立大学/小田桐久夫】
【F19】伝統文化を伝承する地域のつながり構造~油川の地域ねぶた伝承の調査から~【青森公立大学/小田桐久夫】
 
【F05】青森市民意識調査と医療費上昇の要因分析【青森中央学院大学/地域問題分析チーム】
【F05】青森市民意識調査と医療費上昇の要因分析【青森中央学院大学/地域問題分析チーム】【F05】青森市民意識調査と医療費上昇の要因分析【青森中央学院大学/地域問題分析チーム】
【F05】青森市民意識調査と医療費上昇の要因分析【青森中央学院大学/地域問題分析チーム】
 
【D03】視覚障害者の「書く」を実現するために【青森中央短期大学/鈴木寛康研究室】
【D03】視覚障害者の「書く」を実現するために【青森中央短期大学/鈴木寛康研究室】【D03】視覚障害者の「書く」を実現するために【青森中央短期大学/鈴木寛康研究室】
【D03】視覚障害者の「書く」を実現するために【青森中央短期大学/鈴木寛康研究室】
 
【H01】青森ワクガチャ【青森公立大学/ワクガチャ戦隊(地域みらい学科 香取薫ゼミ)】
【H01】青森ワクガチャ【青森公立大学/ワクガチャ戦隊(地域みらい学科 香取薫ゼミ)】【H01】青森ワクガチャ【青森公立大学/ワクガチャ戦隊(地域みらい学科 香取薫ゼミ)】
【H01】青森ワクガチャ【青森公立大学/ワクガチャ戦隊(地域みらい学科 香取薫ゼミ)】
 
【F18】住民が主体となった地域防災活動の重要性~青森県横浜町の事例から~【青森大学/森川 楓希】
【F18】住民が主体となった地域防災活動の重要性~青森県横浜町の事例から~【青森大学/森川 楓希】【F18】住民が主体となった地域防災活動の重要性~青森県横浜町の事例から~【青森大学/森川 楓希】
【F18】住民が主体となった地域防災活動の重要性~青森県横浜町の事例から~【青森大学/森川 楓希】
 
【F17】北東北3県の県営住宅の特徴と差異-少子高齢化をキーワードに【青森大学/小山内 貴之】
【F17】北東北3県の県営住宅の特徴と差異-少子高齢化をキーワードに【青森大学/小山内 貴之】【F17】北東北3県の県営住宅の特徴と差異-少子高齢化をキーワードに【青森大学/小山内 貴之】
【F17】北東北3県の県営住宅の特徴と差異-少子高齢化をキーワードに【青森大学/小山内 貴之】
 
【F16】ゆるキャラを活用したまちづくりの可能性~青森県内の事例をめぐり~【青森大学/奥崎 千優】
【F16】ゆるキャラを活用したまちづくりの可能性~青森県内の事例をめぐり~【青森大学/奥崎 千優】【F16】ゆるキャラを活用したまちづくりの可能性~青森県内の事例をめぐり~【青森大学/奥崎 千優】
【F16】ゆるキャラを活用したまちづくりの可能性~青森県内の事例をめぐり~【青森大学/奥崎 千優】
 
【F15】空き家活用の課題と可能性-青森市と田子町の事例から-【青森大学/阿部 あい】
【F15】空き家活用の課題と可能性-青森市と田子町の事例から-【青森大学/阿部 あい】【F15】空き家活用の課題と可能性-青森市と田子町の事例から-【青森大学/阿部 あい】
【F15】空き家活用の課題と可能性-青森市と田子町の事例から-【青森大学/阿部 あい】
 
【F14】青森大学生は参院選をどう見たか/10年後の青森は【青森大学/青森大学×NHK青森プロジェクト】
【F14】青森大学生は参院選をどう見たか/10年後の青森は【青森大学/青森大学×NHK青森プロジェクト】【F14】青森大学生は参院選をどう見たか/10年後の青森は【青森大学/青森大学×NHK青森プロジェクト】
【F14】青森大学生は参院選をどう見たか/10年後の青森は【青森大学/青森大学×NHK青森プロジェクト】
 
【F13】青森ねぶた祭におけるIT活用の現状と可能性-他地域の祭りとの比較から-【青森大学/木村 琴美】
【F13】青森ねぶた祭におけるIT活用の現状と可能性-他地域の祭りとの比較から-【青森大学/木村 琴美】【F13】青森ねぶた祭におけるIT活用の現状と可能性-他地域の祭りとの比較から-【青森大学/木村 琴美】
【F13】青森ねぶた祭におけるIT活用の現状と可能性-他地域の祭りとの比較から-【青森大学/木村 琴美】
 
【F11】アパレル業界の経営戦略ー{しまむら」に焦点を当ててー【青森大学/井岡ゼミ】
【F11】アパレル業界の経営戦略ー{しまむら」に焦点を当ててー【青森大学/井岡ゼミ】【F11】アパレル業界の経営戦略ー{しまむら」に焦点を当ててー【青森大学/井岡ゼミ】
【F11】アパレル業界の経営戦略ー{しまむら」に焦点を当ててー【青森大学/井岡ゼミ】
 
【F10】二要因から考える人口減少問題【青森大学/沼田ゼミ(3年)】
【F10】二要因から考える人口減少問題【青森大学/沼田ゼミ(3年)】【F10】二要因から考える人口減少問題【青森大学/沼田ゼミ(3年)】
【F10】二要因から考える人口減少問題【青森大学/沼田ゼミ(3年)】
 
【F09】持続可能なまちづくりに関する考察ー青森市の事例を中心にー【青森大学/沼田ゼミ】
【F09】持続可能なまちづくりに関する考察ー青森市の事例を中心にー【青森大学/沼田ゼミ】【F09】持続可能なまちづくりに関する考察ー青森市の事例を中心にー【青森大学/沼田ゼミ】
【F09】持続可能なまちづくりに関する考察ー青森市の事例を中心にー【青森大学/沼田ゼミ】
 
【F12】ネット・SNSの普及やコロナ禍がもたらした地域社会の変化 -青森県の実例からの考察【青森大学/中田 昇】
【F12】ネット・SNSの普及やコロナ禍がもたらした地域社会の変化 -青森県の実例からの考察【青森大学/中田 昇】【F12】ネット・SNSの普及やコロナ禍がもたらした地域社会の変化 -青森県の実例からの考察【青森大学/中田 昇】
【F12】ネット・SNSの普及やコロナ禍がもたらした地域社会の変化 -青森県の実例からの考察【青森大学/中田 昇】
 
【F07】「大学カフェテリアの売上に対するコロナ禍の影響について」【青森中央学院大学/学食5】
【F07】「大学カフェテリアの売上に対するコロナ禍の影響について」【青森中央学院大学/学食5】【F07】「大学カフェテリアの売上に対するコロナ禍の影響について」【青森中央学院大学/学食5】
【F07】「大学カフェテリアの売上に対するコロナ禍の影響について」【青森中央学院大学/学食5】
 
【F06】「天気アプリどれが一番当たる?」【青森中央学院大学/Weather5】
【F06】「天気アプリどれが一番当たる?」【青森中央学院大学/Weather5】【F06】「天気アプリどれが一番当たる?」【青森中央学院大学/Weather5】
【F06】「天気アプリどれが一番当たる?」【青森中央学院大学/Weather5】
 
【F05】青森市民意識調査と医療費上昇の要因分析【青森中央学院大学/地域問題分析チーム】
【F05】青森市民意識調査と医療費上昇の要因分析【青森中央学院大学/地域問題分析チーム】【F05】青森市民意識調査と医療費上昇の要因分析【青森中央学院大学/地域問題分析チーム】
【F05】青森市民意識調査と医療費上昇の要因分析【青森中央学院大学/地域問題分析チーム】
 
【F04】最低賃金と有効求人倍率の関係【青森中央学院大学/工藤怜奈 古川莉子 浪岡晴夏(楠山ゼミ4)】
【F04】最低賃金と有効求人倍率の関係【青森中央学院大学/工藤怜奈 古川莉子 浪岡晴夏(楠山ゼミ4)】【F04】最低賃金と有効求人倍率の関係【青森中央学院大学/工藤怜奈 古川莉子 浪岡晴夏(楠山ゼミ4)】
【F04】最低賃金と有効求人倍率の関係【青森中央学院大学/工藤怜奈 古川莉子 浪岡晴夏(楠山ゼミ4)】
 
【F03】失業率と学力の関係性【青森中央学院大学/三上たまき・成田紗起 (楠山ゼミ3)】
【F03】失業率と学力の関係性【青森中央学院大学/三上たまき・成田紗起 (楠山ゼミ3)】【F03】失業率と学力の関係性【青森中央学院大学/三上たまき・成田紗起 (楠山ゼミ3)】
【F03】失業率と学力の関係性【青森中央学院大学/三上たまき・成田紗起 (楠山ゼミ3)】
 

A08  角田研究室8 平田詔保