UI/UX

Page 1

PORTFOLIOS

by 曾 可栄

Hi,I’m Zeng KeRong

どうも、ソウカエイです。
ペットエコー 02 夢宿 03 ブログシステム開発 04 作っています。。
Index 01
ペットエコー 愛するペットを見つける旅へ 1

Background

近5年間、日本におけるペット飼育の状況は大きく変化 しています。出生率の低下と高齢化に伴い、ペットを家族の 一員として飼う家庭が増えています。特に犬と猫の飼育が増 加傾向にあります。2023年のデータによると、日本の家庭 の約11%が犬または猫を飼っています。

また、新型コロナウイルスのパンデミックの影響で在宅 勤務や外出制限のために多くの人々が家にいる時間が増え、 孤独感や退屈感を癒すためにペットを飼う人が増えました。 しかし近年、日本のペット飼育数は徐々に減少しています。 ペット飼育総数が減少しているにもかかわらず、ペットの失 踪数は年々増加しており、ペットの失踪問題は依然として悪 化しています。過去4年間で約10万匹のペットが行方不明に なっています。一線の警察官の負担も増しています。

Problem Statement

日本はペットの遺失を処理する上で、主に以下の ような問題に直面しています。

部の地方自治体には統 されたデータベースや 管理システムがなく、遺失したペットを効率的に 調整・捜索することが難しいです。 部のペットの飼い主はペットが行方不明になっ た後、効果的な捜索方法を知らず、最適な発見の 機会を逃してしまいます。

2019 2020 2021 2022 2023 飼育ペット数 失踪ペット数
識別と追跡 が不十分
や政府機関の資源は限られており、 すべての行方不明のペットの捜索や管理業務を全 面的にカバーすることは困難です。 社交媒体とオンラインプラットフォ ムの使用は 広範囲にわたりますが、統 された調整と管理が 欠如しており、情報の伝達とフィ ドバックが十 分に迅速ではありません。 情報共有と 協力が不十分 公共の意識 が低い 資源と支援が 限られている 2
動物保護組織

Research

Desk Resarch

日本では、ペットの飼い主は様々な方法を使って迷子 のペットを探しています。以下は主な方法です。

ペット識別チップ

日本では、約24.5%のペット飼い主がペットに識別チ ップを装着しています。約75.5%のペット飼い主はペ ットに識別チップを装着していません。また、55.9% のペット飼い主はペットに識別チップを装着したくな いと述べており、17.6%のペット飼い主は識別チップ の装着に意欲的です。残りの26.5%の人々はまだ悩ん でいます。

チップを装着 していません

チップを装着 しています

識別チップを装 着したくない

識別チップの 装着に意欲的

まだ悩んでいます

ペットの飼い主がペットに識別チップを装着したくない

理由には、以下のようなものがあります。

倫理と道徳の問題:一部のペット飼い主は、ペットの 体内にチップを埋め込むことが非倫理的であり、生物 倫理に反すると考えています。

健康問題の懸念:ペットの体内に異物を埋め込むことが、 ペットの健康に悪影響を与える可能性があると心配する人 もいます。

不必要な負担:完全に室内で飼われているペットに対して は、チップの装着が過剰であると感じ、追加の費用や手術 のリスクを負う必要がないと考える人もいます。

自然な生活への願望:一部の飼い主は、ペットが自然な生 活を送ることを望んでおり、ペットに対する人工的な干渉 を避けたいと考えています。

Twitter Facebook

多くの飼い主は、 や などのソーシャルメ ディアプラットフォームにペットの迷子情報を投稿し、ペッ トの写真や関連情報を添えて広く知らせます。ソーシャルメ ディアとオンラインプラットフォームで迷子のペットを探す ための主要なプラットフォームには以下のものがあります。

Twitter、Facebook

OMUSUBI

迷子ペットのポスターを掲示 迷子になったペットの近くのエリア

75.5% 24.5% 55.9% 26.5% 17.6%
時間と場 所、連絡先情報を含むを掲示し ます。 ポスター 地元の動物収容所や獣医診療所に連絡 近隣の動物収容所や獣医診療所に通知 し、ペットの詳細情報と連絡先を提供 します。 ペット用GPS追跡装置の利用 一部の飼い主はペットの首輪に を取り付け、スマ トフォンの アプリを使ってペットの位置をリアル タイムで追跡します。 GPS追 跡装置
に、 ペットの写真、特徴、失踪した
藤原博史ペットレスキュ ・ペット探偵 社交型 機能型 費用負担 サブスクリプ ション料金 デバイス料金 5000~20000円 500~1000円 料金が高い
ソーシャルメディアとオンラインプラットフォーム PECO 3

QUESTIONNAIRE User Interviews

ペットを探すときにどのようなソ シャルメディ アやプラットフォ ムを使用し、その使い心地は どうでしたか?

ペットを購入した際に、ペットに識別チップを装着しませんでした。

性別:女

GPS追跡装置を使用していますか?またはペット 識別チップを使用していますか?使用していない 場合、その理由は何ですか? 名前:ひすい

失くしたペットはどのような方法で探しますか? もしペットを探すのに役立つアプリがあれば、ど のような機能を希望しますか?

装置などの方法も調べましたが、価格が高

ペットにとって少し残酷だと思ったからです。また、ペット用の 、定期的なサブスクリプ ション料金と装置の購入が必要で、非常に面倒です。以前、ペットを 失ったことがあり、その際はペット探しのポスターを貼りましたが、 効果はあまりありませんでした。その後、 もしペットを探 すアプリがあれば、動物の遺失と発見の してほしいです。そうすることで、もっと便利に利用できます。

普段、迷子のペットを見つけたことがありますか? ある場合、どのように対処しましたか?

身分:退職者

性別:男

鳥やウサギ 猫や犬に特化しているため 探せるペットの種類をも っと多様化してほしい

普段見かける迷子のペットもアプリに共有で きるようにし、飼い主が見つけやすくなるようにしたいです。

身分:サラリーマン

性別:男

Conclusion

私は会社員です。普段は小猫を飼っていますが、小猫が迷子になった 場合、で助けを求めたり、を貼ったりするかもしれ ません。しかし、そのような方法は 。ペットを探すアプリがあれば、遺失と発見の情 報をしてほしいです。また、プラットフォー ム上でしてほしいです。

遺失物サイト 告示 効率があまり高くなく、情報も即 時に共有できません 即時に共有できるように 情報を共有できるように

新しいペット捜索アプリの機能は、 す るべきです。 遺失ペット情報の即時公開と共有 だけでなく、情報の即時共有とフィ ド

名前:木村
身分:主婦
名前:かく
GPS
いくつかのウェブサイトを
用がかかるか、情報が 統一されておらず、使用感は良くありませんでした。 情報を即時に共有できるよう に 私は普段、を飼うのが好きです。これらのペットが迷子に なった時には、遺失宣伝を貼る以外に他の方法がありません。多くの ウェブサ
非常に困って
です。また、情報共有がもっと即時性を持つよ
って
試しましたが、利用効果もいまいちでした。費
イトやデバイスは、
います。もしペットを探すアプリがあれば、
うにな
ほしいです。
も提供
きるように
4

1. ペットがいなくなりました!

ペットがいなくなりました。外に 出て探してみましたが、見つかり ませんでした。何か助けを求める 方法を考えています。

2. 助けを求める方法を探し始めます

Facebook、Instagramなどで探し たり、告示を貼ったりしています。 また、関連するウェブサイトで助け を求めています。

遺失ペットの告示板を貼っても、通 り過ぎる人が見つけるのは難しく、 見つけても即時に情報を共有するこ とは難しいです。

3.ペットが見つかったという情報を待っています

関連するウェブサイトで助けを求

めると、待ち時間が長く、情報が

即時にフィードバックおよび共有 されないため、探す側の主体性が 低くなります。

4

or

FacebookやInstagramでは広範囲 に情報を発信できますが、特定の反 応を得るのは難しいです。

User Journey Map
.ペットを見つけた/ペットが見つからなかった 幸
見つけた 待
5
いにも最終的に迷子のペットを
ち時間が長く、結果が出なかった

Main function flow chart

見つけた

遺失

検索フィルター

遺失のペットを報告します

見つかったペットを報告します

Wireframe

いいね フォロー中 コメント 自分 アカウント 通知管理 フィードバック
メッセージ メッセージ トップページ
あたり
6
投稿

愛するペットを見つける旅へ 9:09

利用規約プライパシーポリシーシーやに同意

1 2 3 4

LOGO
スキップ
Facebookで登録 アカウトをお持ちの方 Googleで登録
メールアドレスで登録 Appleで登録 ログイン
の上、登録又はログインへお進みくだい 9:09 遺失 見つけた あたり 56 46 23 38 トップページ 9:09 ゆみ フォロー 地図で見る メッセージ 名前: ルシファー 地域:東京都中野区 遺失時日:2024-4-27 種類:猫 性別:男 メール:zkr999999@gmail.com 遺失! 私のペットは新宿で遺失した! コメントしましょう… みゆ やぱい。 23 コメントしましょう… 67 78 7 9:09 フォロー 性別:男 種類:猫 遺失時日:2024-4-27 地域:東京都中野区 名前: メッセージ メール:zkr999999@gmail.com ルシファー 名前: 遺失! 私のペットは新宿で遺失した! コメントしましょう… コメントしましょう… みどり みゆ やぱい。 大変 23 56 大竹 頑張って 56 佐藤 みんなで手伝おう 56 八木 私の犬も遺失したが、あきらめないでね 56 67 78 7 ゆみ 9:09 遺失 見つけた あたり 56 38 検索フィルタ 最終更新日 3ヶ月 探しています 性別 猫 鳥 男性 女性 ほか 犬 兎 爬虫 距離 アドレス 25 miles 9:09 遺失 見つけた あたり 23 38 トップページ 距離 遺失 見つけたの結果にフィルタ が適用されいます。 代わりに通知設定を変更したい場合 アドレス 25 miles 通知管理 9:09 ペットの紛失または発見を報告する 行方不明のペットはいますか?または見つかった ペットはありますか?あったら報告しましょう! 遺失のペットを報告します 見つかったペットを報告します 報告 9:09 基本情報登録 ペットの名前: 性別: 男性 女性 年齢: 写真のアップロード 戻る 進む 2 3 プロフィール タイトル 正文 遺失ペットの報告 0/0 遺失場所をつける 東京本町 新宿 銀座 中野区 ペット種類: アップロード 9:09 距離 25 miles 中野区本町4丁目 アップロード フィードバック 9:09 基本情報登録 ペットの名前: 性別: 男性 女性 年齢: 写真のアップロード アップロード 3 プロフィール 遺失 私のペットは新宿で遺失した! 遺失場所をつける 東京本町 新宿 銀座 中野区 トシ 3 才 ペット種類: 犬 1/1 戻る アップロード 9:09 基本情報登録 性別: 男性 女性 写真のアップロード 戻る 進む 2 3 プロフィール タイトル 正文 見つかったペットの報告 1/1 見つかった場所をつける 東京本町 新宿 銀座 中野区 ペット種類: アップロード 9:09 メッセージ メッセージ エリカ ゆみ 昨日 ゆみ 昨日 ゆうみ 昨日 ゆうこ 昨日 かく 昨日 リン 昨日 かえい 昨日 昨日 9:09 ゆみ アカウント:999@gmail.com IP:日本 56 38 自分 投稿 コレクション アカウント 通知管理 フィードバック 9:09 アカウント ログインしたアカウント zkr110110@gmail.com サインアウト アカウント削除 アカウントを削除する パスワードを変更したい アカウントメール メール zkr110110@gmail.com パスワード アカウントを削除すると取り消しができなくなります。 ペット、メッセージ、Facebookの投稿、その他のすべ てのデ タを含む情報が直ちに削除されます。有料製品 を購入した場合は、直ちにキャンセルされます。すべて のメールの購読が解除されます。 9:09 通知管理 インタラクティブ通知 プライベート通知 投稿とコレクション フォローの追加 コメント @ メッセージ 距離 遺失&発見のペットのお知らせ 周辺のペットに関するプッシュ通知の場所を設定する システム設定でアプリの権限を管理する 25 miles フィードバック 9:09 ペットエコー OSのフィードバック 取消し 届け先 apple@zkr.com 送信元 zkr110110@gmail.com テ マ ペットエコー OSのフィードバック アカウント zkr110110@gmail.com App version 5.7.0 Device Phone iOS 17.4.1
7

APP Design

カラー選択 Logoデザイン #EAA216
#B70101 #4BCCE8
フォント フォント 96pt 64pt 48pt フォント 36pt フォント フォント Bold
#038DB9
8
#FEDC9A
愛するペットを見つける旅へ 9:09 スキップ Facebookで登録 アカウトをお持ちの方 Googleで登録メールアドレスで登録 Appleで登録 ログイン 9:09 遺失 トップページ 猫が遺失した 犬ちゃんが新宿で迷子に! みんなに助けてを求める 佐藤 みね 石木田 犬が中野区本町で迷子になった みんなに助けて 犬の首には赤いひもがついている ワンちゃんが遺失した 八木 9:09 距離 アドレス 25miles 中野区本町4丁目 アップロード フィードバック 9:09 ペットの紛失または発見を報告する 行方不明のペットはいますか?または見つかった ペットはありますか?あったら報告しましょう! 遺失のペットを報告します 見つかったペットを報告します 報告 報告 9:09 メッセージ 先日また猫を見ましたが、あなたのもの… メッセージ エリカ ゆみ 昨日 ゆみ 昨日 ゆうみ 昨 ゆうこ 昨日 かく 昨日 リン 昨日 かえい 昨日 昨日 新宿区で猫をみつけたそうです。 私は数日前に引き取り手のない子犬を見… 私があなたと共有した投稿を見てみませ… また一緒に探しに行きませんか 私の犬はあなたと同じ場所で迷子になり… 私は中野区であなたのペットに少し似た猫… ああ,かわいそうに 9:09 ゆみ アカウント:999@gmailcom IP:日本 38 コ ン アカウント 通知管理 フィードバック ワンちゃんが遺失した みんなに助けてを求める 大竹 エリカ 犬ちゃんが新宿で迷子に! みんなに助けてを求める 9:09 基本情報登録 ペットの名前: 性別: 女性 年齢: 戻る 進む 2 3 プロフィール タイトル 正文 遺失ペットの報告 1/1 遺失場所をつける 東京本町 新宿 銀座 中野区 ペット種類: ルシファー 4 猫 9:09 基本情報登録 ペットの名前: 性別: 男性 女性 年齢: 遺失 私のペットは新宿で遺失した! トシ ペット 戻る アップロード 1/1 猫 9:09 基本情報登録 性別: 女性 戻る 進む 2 3 プロフィール タイトル 正文 見つかったペットの報告 1/1 見つかった場所をつける 東京本町 新宿 銀座 中野区 ペット種類: アップロード 猫 9:09 フォロー 地図で見る メッセージ 名前:ルシファー 地域:東京都中野区 遺失 2024427 遺失! 私のペットは新宿で遺失した! コメントしましょう… みゆ やぱい。 コメントしましょう… 67 1/1 フォロー 性別:男種類:猫 遺失時日:2024427 地域:東京都中野区 名前: メッセージ メール 999999@gmailcom ルシファー 名前: 遺失! 私のペットは新宿で遺失した! コメントしましょう… メントしましょう… みどり みゆ やぱい。 大変 23 56 大竹頑張って 56 佐藤みんなで手伝おう 56 八木の犬も遺失したが、あきらめないでね 56 67 78 7 ゆみ 9:09 遺失 見つけた あたり 56 38 検索フィルター 最終更新日 3ヶ月 探しています 性別 猫 鳥 男性 ほか 犬 兎 爬虫 距離 アドレス 25miles 9:09 遺失 見つけた あたり 23 トップページ 距離 遺失&見つけたの結果にフィルターが適用されいます。 代わりに通知設定を変更したい場合 アドレス 25miles 通知管理 9:09 アカウント ログインしたアカウントcom サインアウト アカウント削除 アカウントを削除する スワードを変更したい アカウントメール r110110@gmail.com ******** アカウントを削除すると取り消しができなくなります。 ペット、メッセージ、Facebookの投稿、その他のすべ ータを含む情報が直ちに削除されます。有料製品 購入した場合は、直ちにキャンセルされます。すべて のメールの購読が解除されます。 9:09 通知管理 インタラクティブ通知 プライベート通知 投稿とコレクション フォローの追加 コメント @ メッセージ 距離 遺失&発見のペットのお知らせ 周辺のペットに関するプッシュ通知の場所を設定する システム設定 権限を管理する 25 miles アドレス フィードバック 9:09 ペットエコー IOSのフィードバック  取消し 届け先: apple@zkrcom 送信元 zkr110110@gmailcom テーマ:ペットエコー IOSのフィードバック アカウント:zkr110110@ App version:570 Device:iPhoneiOS 9

留学生の日本で部屋を借り、ルームメイトを探すアプリ

2022年秋 UI/UXデザイン
夢宿
10

Background

日本にいる留学生にとって、まずは部屋探しが重要です。 シェアハウス生活には多くの問題があります。例えば、気 に入った部屋や一緒に同居しているルームメイトを見つけ るのに苦労することがあります。シェアハウス探しの体験 を向上させることが求められます。

現在、賃貸に関するアプリは数多くありますが、賃貸生活 の楽しさは部屋そのものでは決まりません。一緒に同居し ているルームメイト探しアプリはブラウジングや投稿形式 に依存しており、効率的ではありません。共有生活を管理 するアプリは少なく、魅力に欠けるため、ユーザーの使用 意欲を高めるのは容易ではありません。 さらに、賃貸住宅の利用者層は広く、シェアハウス利用者 が多数を占めています。しかし、個々の生活スタイルの違 いが大きく、一緒に同居しているルームメイト内で対立が 生じやすいです。シェアハウスの個々の特徴や位置づけを 事前に把握することが主な課題となっています。

ルームメ イト探し

Research

競合分析

ルームメイト探しと賃貸の2つのキーワードで検索した結果、ダウンロ ード数と関連性に基づいて以下のキャンペーンアイテムを総合的に選出 しました。Suumo、At Home、アパマンショップ、Airbnb、賃貸物件 検索、小紅書。

ツール性

社交性

分析のまとめ

部屋探し

上の図のように、現在の市場ではシェアハウス関連のアプリはツール的な 物件探しが中心となっています。ルームメイト探しを出発点に、部屋探し と同時にルームメイト探しができるアプリは少ないです。
 このように、このアプリはルームメイト探しと部屋探しを兼ね備えたアプ リを目指しています。

コンペ体験 賃貸のアプリとルームメイト探し のアプリを 使ったことがある?

のルート 体験はどう?

ie
調査
ルームメイト探し
レンタル経験 賃貸の状態
名前、年齢、性別 シェアハウスについて シェアしたことがある? Yes
o
11
User Inter v
w
の概要 基本情報
在地
、ルート
N

ユーザー分類調査

部屋があり、ルームメイトを探しているタイプ

部屋がなく、シェアハウスを探しているタイプ

今シェアハウス生活をしているタイプ

ユーザーモデル

YUI/23歳 女

賃貸ルート: 賃貸のアプリに通して探す

レンタル経験: シェアしたことがある

ユーザー話し:

日本に来て最初に他人とシェアする時、ルーム
 シェア生活はあまり楽しくない。ルームメイト

の生活スタイルとは違う。ルームメイトを探す

時は出会い系アプリを使うしかない効率が低い

。普段からよく楽器を弾いており、ルームメイ
 トを選ぶには制限がある。

賃貸ルート: 賃貸のアプリに通して探す

レンタル経験: シェアしたことがない

ユーザー話し:

日本には長い間住んでいますが、日本の賃貸料金が非常に 高いと感じています。一緒に部屋を借りて家賃を分担でき るルームメイトを探していますが、現実では友達探しのア プリしか使えず、非常に不便です。

现在、分析す

部屋があり、ルームメイトを探しているタイプ

部屋探しサイトを通じてルームメイトを見つけたが、生活面 での相違が多くある。

情報を発信した後のフィードバックが悪く、ほとんど受け身 で返信を待っています。

インターネット上のユーザータグ情報は正確にマッチングで きず、マッチングメカニズムの効果が悪く、効率が悪い。

部屋がなく、シェアハウスを探しているタイプ

物件を探す際には多くの情報をフィルタリングする必要があ りますが、収穫が少ない傾向があります。

今シェアハウス生活をしているタイプ

かく/36歳 男
problems
問題点
既存
シェアする
シェアハウスでは生活サー
や共同管理
12
きいくつかの
があります。
のルームメイト探しアプリは少なく、大量の情報をフィ ルタリングする必要があります。
ラットフォーム上のルームメイトの情報は複雑で、インタ ラク
ィブな方式は複雑です。
前の理解不足でシェアを行うことは、紛争をもた
し、調整が難しいです。
ビス
が不十分でした。

PHASE 1

シェアリングの準備

User Experience Journey Map

PHASE 2

部屋探し、ルームメイト探しの階段

ルームメイト探し

部屋を借りる準備

場所/価格の決定

ユーザーは新しいシェアハウス生活を 始め、自分の状態に応じたシェアハウ スのシンプルな計画を立てる。

部屋探し

ユーザーはルームメイトを持ってい る

かもしれないし、ルームメイトを探し

ていないかもしれないが、この 段階で は主に自分の実態に合わせて コースを 選択する。

PHASE 3

情報選別 コミュニケーション

情報検索/情報を選別したり 、 比較したり、する。

箇条の作成

連絡を取る

プラットフォームを決めたら、自分 の リクエストをリリースしたり、検 索し、 たりして、大量の情報にアクセ スする。 自分が考えられると思うい くつかを比 較して選択する。

スクリーニング済みの情報を整理し 、情 報発信や回答者に連絡を取りながら、実 情に合わせて住まいを選ぶ 。 この段階でユーザーはルームメイト

PHASE
PHASE 5 シェア
4
シェ
る詳細な問 題や労 務分配
料金
支払いについ て相談す
を準備し、 賃貸 物件に関する ことを考 えはじめた 部屋を探す準備しな がら、期待に胸を膨 ら ませた シェアハウス生 活 には葛藤があ った 連絡のサイクル が長く、不安に 待っている
熱心だ 効率
イライラして いる 労務分配 13
と コミュニケーションを取りながら
アハウス生活におけ
る。 借り
大量の情報に目 を通すが、うま く探す。 情報検索しながら、
が悪く、

Main function flow chart

ホーム 投稿 物件检索 物件一覧 ルームメイト探す 個人 今、部屋を持っている 今、部屋を持っていない 部屋情報を入る メッセージ ルーム管理 メンバー管理 メンバー追加 家事 フィードバック フォロー中
14
Wireframe

Wireframe

新規会員登録 お客さま情報

良い部屋とルームメイトを探しましょう

ルームメイトを探す 物件を検索

Wireframe

賃貸物件 都道府県を変更

駅から

エリアから

通勤通学時間から

なぞって

路線図から

キーワードから探す

JR京浜東北線

JR東海道本線

JR常盤線

JR

JR

Wireframe

9:09 夢宿
ログインID(メールアドレス) パスワード お名前 フリガナ ********** 姓 セイ メイ 名 送信 近藤 テツ テツ コンドウ zkr110110@gmail.com
9:09
ルームメイトを探す 個人
LOGO
宮城県 青森県 宮城県 ホーム青森県 ルーム管理 メッセージ 個人 9:09 物件の検査 千葉県 茨城県 神奈川県 関東
東北 東京都 大阪府 京都府 奈良県 兵庫県
栃木県 群馬県 和歌山県
青森県 9:09
関西
埼玉県
宮城県
東京都
9:09 駅を選択 JR 東京都以外の駅も表示する
JR山手線
南武線
横浜線
線 JR青梅線 JR五日市線 JR武蔵野線 検査 条件追加 ザ・パークハビオ赤羽 JR京浜東北線/赤羽駅 歩2分 11.4万円(管理費  3000円) 敷 11.4万円 礼 礼金無料 ワンルーム/26 23㎡ 6階/ 2階建 築5年
物件一覧
11.4万円(管理費  3000円) 敷 11.4万円 礼 礼金無料 ワンルーム/26 23㎡ 6階/
お問
ザ・
JR京浜東北線/赤羽駅 歩2分 11.4万円(管理費  3000円) 敷 11.4万円 礼 礼金無料 ワンルーム/26 23㎡ 6階/ 2階建 築5年 お問い合わせ(無料) 次回更新日は情報 更新日より8日以内 9:09 物件一覧 物件トップ 基本情報 部屋の特徴 周辺環境 地図 写真 ザ・パークハビオ赤羽6階 /20 2/0 入居可能時期 を知りたい ルームメイトを探す 11.4万円(管理費  ) 3000円 初期費用知りたい 敷/礼 間取り 階建 広さ 種別 築年数 交通 情報更新日 次回更新日 住所 11.4万円/ ワンルーム 26 23㎡ 最新の 空室状況を知りたい (無料) 最新の 空室状況を知りたい 6階/ 2階建 築5年 2 24/ 5/25 マンション 東京都北区赤羽南1 JR京浜東北線/赤羽駅 歩2分 JR埼京線/赤羽駅 歩2分 JR宇都宮線/赤羽駅 歩2分 9:09 ルームメイトを探す YU 信用クレジット 女 24歳 ペットあり いいね! フォロー メッセージ 部屋なし ホーム
JR横須賀
JR中央
9:09
同居可 同居不可 ザ・パークハビオ赤羽 JR京浜東北線/赤羽駅 歩2分
2階建 築5年
い合わせ(無料)
パークハビオ赤羽
9:09 ルームメイトを探す YU 信用クレジット 女 24歳 ペットあり いいね! フォロー メッセージ 部屋なし 9:09 YU 投稿 5 フォロワー 20 フォロー中 35 YU 24歳 女 ペットあり 希望カード 希望ところ: 希望の入居時間: 希望の滞在期限: 受け入れる価格: 中野坂上 2024.12.1 一年 9万 11万 信用クレジット フォロー メッセージ 部屋なし 9:09 ルームメイトを探す 信用クレジット 女 24歳 ペットあり 部屋なし 場所によって 2024 滞在期間: 受け入れる価格: 信用クレジットによって フィルタ 時間によって 週間以内 なし 降順 最新 ヶ月以内 ヶ月以内 昇順 部屋持ちによって あり 部屋条件によって 入居可能時間: 年 月 日 11 一年 9万 11万 希望の場所: なぞって 決定 9:09 宮城県 青森県 宮城県 ホーム青森県 ルーム管理 メッセージ 個人 zzkkk 投稿 5 フォロワー 20 フォロー中 35 投稿した内容 プロフィールを編集 プロフィールを共有 マイ部屋情報 ザ・パークハビオ赤羽 24/05/31 入居可能時期: ご利用可能人数: 2 希望のメイト いいね!24人 今、投稿しよ! Hello!zzkkk 気になる物件 9:09 LOGO 良いメイトを探すように投稿しよ! 今、部屋を持っている 今、部屋を持っていない 9:09 絞り込みを入る マイ部屋の情報 希望のメイト ご利用可能人数: 部屋場所をつける 入居可能時期: 年 月 日 東京本町 東京北区 東京都新宿 性別: 男 女 年齢: 生活習慣: タイトル 正文 投稿 動画をアップロード: 9:09 部屋場所 キーワードから探す 64 0012 本町1丁目 本町2丁目 東京都中野区本町1丁目 Air Towe Nakan 東京都中野区本町1丁目 Air Towe Nakan 64 0012 決定 本町2丁目 15
字体選択 #FEF28C ホーム管理 カラー選択
ルーム管理 9:09 宮城県 青森県 宮城県 ホーム青森県 ルーム管理 メッセージ 個人 メンバー管理 YUI zzkkk エリカ 家事 フィードバック フォロー中 9:09 並び替え 検索 YUI … … … … … … … zzkkk エリカ Shunsskk かく リン テツ 家事 9:09 vs YUI zzkkk 信用クレジット: 信用クレジット: 床掃除 床掃除 床掃除 床掃除 +2 +2 +2 +2 +2 今 9:00 今 12:00 昨 12:00 前 18:00 床を拭く お掃除前 お掃除後 フィードバック 9:09 ペットエコーIOSのフィードバック  取消し 届け先 apple@zkr.com 送信元 zkr110110@gmail.com テーマ ペットエコーIOSのフィードバック アカウント: zkr110110@gmail.com App version:5.7.0 Device:iPhone iOS 17.4.1 #FFE34E メインカラー #E1CCEB サブカラー サブカラー サブカラー #FD3318 フォント フォント フォント 例 96pt 64pt フォントサイズ 48pt logoデザイン テキスト Blod Blod Blod 16
Wireframe

今、部屋を持っている

今、部屋を持っていない

フィードバック 9:09 夢宿IOSのフィードバック  apple@zkr.com zkr110110@gmail.com テーマ 夢宿IOSのフィードバック アカウント: zkr110110@gmail.com App version:5.7.0 Device:iPhone iOS 17.4.1
9:09 夢宿 新規会員登録 お客さま情報 ログインID(メールアドレス) パスワード お名前 ********** 姓 名 送信 近藤 コンドウ zkr110110@gmail.com 良いメイトを探すように投稿しよ!
APP OVERVIEW
9:09 良い部屋とルームメイトを探しましょう ルームメイトを探す 物件を検索 宮城県 青森県 宮城県 ホーム青森県 ルーム管理 メッセージ 個人 9:09 ルームメイトを探す 信用クレジット: 女 24歳 ペットあり 部屋なし 場所によって 2 4 滞在期間: 受け入れる価格: 信用クレジットによって フィルタ 時間によって 1週間以内 なし 降順 最新 1ヶ月以内 3ヶ月以内 昇順 部屋持ちによって あり 部屋条件によって 入居可能時間: 年 月 日 11 一年 9万 11万 希望の場所: なぞって 決定 9:09 物件の検査 千葉県 茨城県 神奈川県 関東 関西 東北 東京都 大阪府 京都府 奈良県 兵庫県 埼玉県 栃木県 群馬県 和歌山県 宮城県 青森県 9:09 東京都 賃貸物件 都道府県を変更 駅から エリアから 通勤通学時間から なぞって 路線図から キーワードから探す 青山レジデンス 東京メトロ銀座線 歩6分 11.4万円(管理費 13000円 敷 11.4万円 礼 礼金無料 ワンルーム/26 23㎡ 階 2階建 築5年 9:09 物件 覧 同居可 同居不可 ザ・パークハビオ赤羽 JR京浜東北線/赤羽駅 歩2分 11.4万円(管理費 13000円 敷 11.4万円 礼 礼金無料 ワンルーム/26 23㎡ 階 2階建 築5年 お問い合わせ(無料) ビレッジハウス芝浦タワー1号 新交通ゆりかもめ 芝浦駅 歩 11.4万円(管理費 13000円 敷 11.4万円 礼 礼金無料 ワンルーム/26 23㎡ 階 2階建 築5年 お問い合わせ(無料) 次回更新日は情報 更新日より8日以内 9:09 物件 覧 物件トップ 基本情報 部屋の特徴 周辺環境 地図 写真 ザ・パークハビオ赤羽6階 1/20 2/0 入居可能時期 を知りたい ルームメイトを探す 11.4万円 (管理費 ) 1 000円 初期費用知りたい 敷/礼 間取り 階建 広さ 種別 築年数 交通 情報更新日 次回更新日 住所 11.4万円/ ワンルーム 26 23㎡ 最新の 空室状況を知りたい (無料) 最新の 空室状況を知りたい 階 階建 築5年 0 4 05/2 マンション 東京都北区赤羽南1 R京浜東北線/赤羽駅 歩2分 R埼京線/赤羽駅 歩2分 R宇都宮線/赤羽駅 歩2分 9:09 ルームメイトを探す YUI 信用クレジット: 女 4歳 ペットあり いいね! フォロー メッセージ 部屋なし ルーム管理 9:09 宮城県 青森県 宮城県 ホーム青森県 ルーム管理 メッセージ 個人 メンバー管理 YUI zzkkk エリカ 家事 フィードバック 9:09 部屋情報を入る マイ部屋の情報 希望のメイト ご利用可能人数: 部屋場所をつける 入居可能時期: 年 月 日 東京本町 東京北区 東京都新宿 性別: 男 女 年齢: 生活習慣: タイトル 正文 投稿 動画をアップロード: 2024 2 26 9:09 部屋場所 キーワードから探す 64 0012 本町1丁目 本町2丁目 東京都中野区本町 丁目 Air  T wer  Nakano 東京都中野区本町 丁目 Air  T wer  Nakano 64 0012 決定 本町2丁目 フォロー中 9:09 並び替え 検索 YUI … … … … … … … zzkkk エリカ Shunsskk かく リン テツ フォロー中 フォロー中 フォロー中 フォロー中 フォロー中 フォロー中 フォロー中 9:09 YUI 投稿 5 フォロワー 20 フォロー中 35 YUI 24歳 女 ペットあり 希望カード 希望ところ: 希望の入居時間: 希望の滞在期限: 受け入れる価格: 中野坂上 024.12.1 一年 9万 11万 信用クレジット: フォロー メッセージ 部屋なし 家事 9:09 vs YUI zzkkk 信用クレジット: 信用クレジット: 床掃除 床掃除 床掃除 床掃除 + + + 今 9:00 今 1  1 :00 前 1 :00 床を拭く お掃除前 お掃除後 宮城県 青森県 宮城県 ホーム青森県 ルーム管理 メッセージ 個人 投稿 5 フォロワー 20 フォロー中 35 内容 ロフィールを編集 プロフィールを共有 マイ部屋情報 パークハビオ赤羽 0 4 05/3 入居可能時期: 可能人数: のメイト !24人 今、投稿しよ!
になる物件 9:09 駅を選択 JR 東京都以外の駅も表示する JR山手線 JR京浜東北線 JR東海道本線 JR常盤線 JR南武線 JR横浜線 JR横須賀線 JR中央線 JR青梅線 JR五日市線 JR武蔵野線 検査 条件追加 17
ello!zzkkk

曾 可栄のブログサイト

システム Blogシステム開発 2020年夏 卒業設計 18

ブログ、英語名は「Blogger」。Web日記はその正式名 称です。ブログはMSN、BBS、ICQに続く、4番目のインタ ーネットコミュニケーション方式です。それは新しい生活や 仕事、学び方を表現するだけでなく、インターネット時代の 個人的な「リーダーズ・ダイジェスト」でもあります。

スーパーリンクを入り口にしたインターネット日記でも あります。デジタルが普及している今の時代、ブログはまっ たく新しい発表方法として重要な地位を占めています。そこ で今回の卒業デザインは、現実に近いブログサイトを開発す ることにしました。

私はユーザーとブログシステムアドミニストレーターの ニーズを詳細に分析し、ブログシステムの完全なワークフ ローを実現しました。最適化され、テストされ、配備された このブログシステムは、公共のインターネットワークIPから 直接アクセスでき、真の意味でのオンラインブログシステム となります。

Related Technology and development environment

関連技術紹介

Springbootとは?

SpringはJavaエンタープライズ版の軽量代替品です。 シンプルなJavaオブジェクトを使用してEJBの機能を 実現するため、重厚な開発は必要ありません。Spring

Bootの特徴は迅速かつ機敏な開発が可能であり、パッ ケージを配備した後はJavaを介して直接実行できるこ とです。

Thymeleafとは?

Thymeleafはフロントエンド向けのテンプレートエンジ ンであり、このテンプレートエンジンは生産性を向上さ せ、フロントエンドの開発者がプロジェクトモジュール をより迅速にリリースできるようにします。

Hibernateとは?

Hibernateは、SQL文を自動生

MVC構造とは?

MVCはモ

キテクチャです。 その目的は、Webシステムにおけるデザイン原則を実現す ることです。Model層

Background
ie
はデータの操作を担当し、View層は データの表示およびユーザーとの対話を行い、Controller 層
プログラムの論理制御
ハブとなります。
デル層(Model)、
ュー層(V
w)、コント ローラー層(Controller)からなるアー
成する人気のオブジェクト リレーショナルマッピングフレームワークです。 モデル Model コント ローラー Controller ビュー View 運用システム: windows10 JDK のバージョン: 1.8 統合開発環境(IDE):Eclipse バックエンド:Springboot データベース: mysql server 8.0 サーバー配備環境の紹介 運用システム:WindowsServer2012 遠隔操作ツール:TeamViewer、Win dows付属のツール 実行の環境:JDK1.8,MongoDB,Ela sticsearch ファイル同期ツール:百度云,TeamV iewerのファイ ル転送ツール システム開発環境紹介 19

System requirement analysis

機能要件分析

私はブログシステム全体を研究し、 分析しました。まず、このシステム のユーザーが、生活の常識や専門技 術を共有するのが好きなブロガーで あることを明確にすることができま した。システムはユーザーに完璧な 対象を提供しなければなりません。

ブログの書き込み、関連記事、レビ ュー、検索などが含まれます。シス テムが実現すべき機能と実行すべき 作業を明示した上で、システム機能 モジュールを9つの大きなモジュール に分割しました。

ユーザー管理モジュール

ブログ管理モジュール

ユーザー登録

ユーザー追加

ユーザー変更

ユーザー削除 ユーザー検索

ユーザー表示

ユーザーログイン

ブログの追加

ブログの削除

ブログの変更

ユーザー追加 ユーザー変更 ユーザー削除 ユーザー検索
ユーザー表示 ユーザー登録
セキュリティ設定モジュール
権限制限 ロール認可
ブログの閲覧 コメントの追加 コメントの削除 コメントの変更 コメントの閲覧 コメント管理モジュール ファイルシステムモジュール 画像アップロード機能 いいね管理モジュール いいね いいねのクエリ いいねの取り消し いいねの統計 カテゴリの作成 カテゴリの編集 カテゴリの削除 カテゴリの表示 ブログカテゴリ管理モジュール
記事検索モジュール タ
20
タグ管理モジュール タグの作成
グの表示

システム性能要件

システムのデータ処理関連モジュールは、ユーザー体験を 保証するために迅速に対応する必要があります。

The design of a databass table

システムの堅牢性要件

システムは、ウェブエラーやウェブページへのアクセス拒否 といった異常が発生する可能性がある場合に、高い耐障害性 を持つ必要があります。異常が発生する可能性がある場合に は、それを予防することができなければなりません。

システムのユーザビリティ

システムがユーザーをターゲットにしていることを考慮すると、 システムはユーザーが日常的に使いやすいように、難しいプログ ラム論理を避け、簡単な操作インタフェースと明快なテキスト・ ヒントを持つべきです。

システムの拡張性と移植性

システムは優れた可読性を持ち、重要なコンテンツやアルゴリズ ムに対する文書作成や注釈を行うべきです。プログラム内の主要 な構成は構成ファイルで行うことで、プログラムを異なるプラッ トフォームや環境でのプログラミングの要求に適応させることが できます。

title

非機能要件分析
ユニット 情報表 フィールド名 フィールド説明 フィールドタイプ ID 主キー、ユニークキー Bigint(20) Name 具体的な権限
カテゴリID
いいねの数
作成日時
Bolg表 コメント数 コメント 要約
フィールド名 フィールド説明 フィールドタイプ
主キー、ユニークキー Bigint(20)
権限
Varchar catalog_id
bigint(20) int(11) vote_size
varchar(100)
longtext int(11) comment_size varchar(50)
ID
content
マークダウンの内容
閲覧数
u
y
タグ タイトル
create_time datetime html_content
longtext read_size
int(11) s
mmar
longtext tags
ユーザー
21
user_id
ID bigint(20)

blog_id

comment_id コメントID

Bigint(20)

Bigint(20)

ブログとコメン トの接続表(bl og_comment) フィールド名 フィールド説明 フィールドタイプ

ブログといいね の接続表(blog _vote) vote_id

ブログとカテゴ リの接続表(bl

blog_id

Bigint(20)

Bigint(20)

Bigint(20)

Bigint(20)

Bigint(20)

varchar(30)

Bigint(20)

Bigint(20)

Bigint(20)

フィールド名 フィールド説明 フィールドタイプ
ブログID
ブログID いいねID
フィールド名 フィールド説明 フィールドタイプ
カテゴリ名
フィールド説明 フィールドタイプ
フィールド名
og_name) 主キー、ユニークキー name
user_id ユーザーID 作成日時 create_time 主キー、ユニークキー
フィールドタイプ フィールド説明 フィールド名
content コメント longtext
ユーザーID
user_id ユーザーID
datetime Comment コメント表 パスワード
名前 name
email
画像アドレス 主キー、ユニークキー フィールドタイプ
avatar フィールド名 フィールド説明 username 電子メール password
アカウント
user ユーザー表 ユーザー権限表 authority_id 権限ID ユーザーID user_id 主キー、ユニークキー
フィールドタイプ フィールド説明 フィールド名 create_time 作成日時
voteいいね表
id 22
varchar(20)
varchar(50)
varchar(200)
Bigint(20)
varchar(100)
varchar(20)
Bigint(20) Bigint(20)
datetime
id id id user_id

The function of each module of the system

コメント管理モジュール

セキュリティー 設定モジュール セキュリティー 設定モジュール ユーザー管理 モジュール 個人情報 設定ページ ユーザー検索 ユーザー表示 ユーザー登録 ユーザー登録 ユーザー追加 ユーザー削除 キーワード ユーザー情報 ユーザー情報 ユーザー情報 ユーザー情報 ユーザー情報 ユーザー情報 新規ユーザ ー情報 ユーザー名 ユーザー追加ページ 古いユーザー情報ページ 新規ユーザ ー情報
コメント管理 モジュール Blog ID コメント数 URL アクセスリクエスト 分類管理モジュール 分類管理モジュール 古いカテゴリ情報 ブログ情報 ブログ情報 ブログID URL ファボ管理 モジュール いいね数の統計 Blog ID 人気ユーザー 人気のタグ 最新の投稿 フルテキスト 検索 最新の記事 最も人気の ある記事 タグ情報 ユーザー情報 ブログ情報 ブログ情報 ブログ情報 キーワード、ソート方法 ブログ情報 キーワード キーワード
ブログ管理 モジュール ブログを 追加する ブログを 削除する ブログを 修正する ブログを 閲覧する ブログ追加ページ ブログ情報 修正ページ ブログ 新情報 ファボ管理モジュール いいね いいねを 取り消す いいねを 検索する いいね情報 いいねID ブログID、 ユーザー名 いいねされている かどうか いいね数 ファイルシステムモジュール ファイルシステム モジュール 画像をアップ ロードする 画像を削除する 画像を表示する ファイルの属性、内容 ファイルの属性、内容 画像ID ユーザー変更 コメント投稿 コメント削除 コメント表示 コメント数統計 コメント情報 コメントID すべてのコメント ブログID、 ユーザーID タグ管理モジュール タグ管理 モジュール タグを追加する タグを削除する タグを表示する 複数のタグ情報 タグID すべてのタグ情報 ブログID ログイン ロール権限調査 権限設定 権限情報 権限情報 カテゴリ表示 カテゴリ削除 カテゴリ追加 カテゴリ変更 すべてのカテゴリ情報 カテゴリID カテゴリ情報 新しい カテゴリ情報 検索モジュール 検索モジュール ユーザー管理モジュール 23
ブログ管理モジュール

Detailed design and implementation of the system

フロントエンドのビュー層は、アクセス要求を送信するたびにセキュリティ構成クラスを呼び出し、現在のユーザーにアクセス権があるかどうかを検証します。アクセス権がない場合 は、ユーザーをログインインターフェースにリダイレクトし、アクセス権がある場合はアクセス要求をコントローラに送信します。コントローラは、フロントエンドの要求に応じてデ ータを返すか、またはリダイレクト(HTTP)URLを要求します。

コントローラは、モデル層のデータベースにアクセスするためにサービスを通じて動作します。まず、サービスはJPAインターフェースにアクセスするためにリポジトリを呼び出しま す(リポジトリはエンティティに基づいて作成されます)。次に、JPAはHibernateを介してMySQLまたはMongoDBにアクセスします。

Controller Hinbernate
View Controller Model
フロントエンド ページ service imp Security Service Interfave Repository entity JPA インターフェース インターフェース Mysqlデータベース MongoDB MongoDB 権
関連操作の リクエスト 結果を返す 結果を返す データベース にアクセス する 呼び出す 呼び出す 呼び出す データを 返す データを 返す データを 返す 実装する ブログシステム モジュールの操作 ファイルシステム モジュールの操作 継承する 24
限情報の検証

Design and implementation of front-end display layer

ブログシステムのホームページ

ブログをページに分けて一覧表示するプログラム

ブログ登録ページ 25
ブログのログインページ ブログのログインページのプログラムの一部 ブログの個人のホームページ ブログの個人のホームページのプログラムの一部 26
個人設定ホームページ 個人設定ホームページのプログラムの一部 ブログの編集ページ ブログの編集ページのプログラムの一部 27

管理者がユーザーに対して管理するページ

管理者がユーザーに対して管理するページのプログラムの一部

ユーザーの新規追加と変更するページ ユーザーの新規追加と変更するプログラムの一部 28
ブログの文章のページ ブログの文章のページのプログラムの一部 29

Deployment of a cloud server

本プロジェクトのサーバーはBaiduインテリジェントクラウドに 配備されており、サーバーシステムはWindows Server 2018を 採用しています。

プロジェクト配備

まずGradleを実行し、プロジェクトを実行可能な2つのjarパッケージにパッケ ージ化します。

サーバーにリモート接続して、ダウンロード制限を解除します。

サーバーでTeamViewerとBaiduインテリジェントクラウドをダウンロードし ます。

サーバー上でプロジェクトの実行環境とデータベースを構成します。

プロジェクトファイルをサーバーに転送します。

運用のためのCMDコマンドは手動で作成されます。

CMDコマンドを実行してプロジェクトを起動します。

卒業デザインのプレゼンテーション 30

OTHER WORKS

31
お読みいただきありがとうございました

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.