# Final Presentation

## 評価観点

## スライド構成
[PowerPoint](https://omunet-my.sharepoint.com/:p:/g/personal/sb22653u_st_omu_ac_jp/EW3SFEgcRNBFm07taZM7rc0B5yolydQMAFA-ydJt2OYFUA?e=ANPVO6)

[ハッカソンで優勝を勝ち取ったプレゼンの話 \- UUUMエンジニアブログ](https://system.blog.uuum.jp/entry/2022/03/14/111326)

[社内ハッカソンでプレゼンがんばった話 \- susunshunのお粗末な記録](https://susunshun.hatenablog.com/entry/2016/02/14/191041)

1. Issue

Theme: Something that makes your life a little better

Increase in the number of people
* who do not have hobbies
* who do not know how to find hobbies

2. How to solve

4. Target User

4. Producet Overview
About the app

3. Demo (3~4 min.)

5. Function List
↑↑メインとなる機能だけで大丈夫そう

2. Technologies

4. Future Outlook
* Mone

3. Summary

## Presentation Summary
* Issue
Increase in the number of people who do not have hobbies or do not know how to find hobbies.

* Action
Hobby bulletin board system **"ωαkummender"**
* Recommend hobbies
* Find and increase hobbies
* Connect with people who share your hobbies

* Target User
* People who want to have a hobby
* People who want to expand their hobbies

* Dev env
* Programming Language: Ruby
* Software Platform: Docker
* Framework: Ruby on Rails

* Members Role
* Suzuki: Backend
* Tsuruta & Tsumita: Frontend
* Nihira & Azuma: Recommendation System

### デモ内容

* ログイン画面
* 登録後にいいねと保存ができるようになる
* すでに何個か投稿があった方が良い
* 新規タグ生成
* 新規投稿
* 推薦順による並び替えは実装中

使ってみたいですと言ってもらえた．
明日までにテストデータをたくさん入れる方がいい
* アカウント増やしていいね数をバラした方がいいかも
* デモ係は大量のuserを設定する必要がある

## 分担
* Intro & Product overview ... つみたさん 1-10
* もしにひらさんが帰ってきたら、
* Intro ... にひらさん 1-6
* Product overview ... つみたさん 7-10
* App description
* demo ... つるた
* other ... あずまさん 13-15
* Future plan & Summary ... すずきさん 17-20

## 原稿
前提: 中身のあるスライドが12枚なので、デモに(少し多めに)５分取ったとして１枚40～50秒は喋れる

大雑把に分けて(導入は短め、技術の方は多め)、
にひらさん 1-6 **2分**（2分30秒）
つみたさん 7-10 **2分**
（if つみたさん 1-10 4分）
つるた デモ **4分**
あずまさん 13-15 **3分**
すずきさん 17-20 **3分**
＋予備(絶対にはみ出せないので) **1分**
で、合計**15分**

### P1-3
We will begin the final presentation of Team Wakuwaku Sukii.
（There are 5 members, Nihira, Azuma, Suzuki, Tsumita, and Tsuruta.）

~~but NIHIRA has been absent since Day 3 due to illness, so 4 member's presentation .~~

We developed "wakummender", a noticeboard web application that recommends "wakuwaku".

The agenda is as follows.

First, I explain the problem, the solution, and the target users of our product.

> チームわくわくすきの最終プレゼンを開始します。
(メンバーは、仁平、東、鈴木、住田、鶴田の5名ですが、仁平は3日目から体調不良で欠席のため、4名での発表となります）。
> 私たちは「わくわく」を推奨する掲示板型Webアプリケーション「わくメンダー」を開発しました。
>目次は以下のようになっております。

>まず、私たちの製品の問題点、解決策、ターゲットユーザーを説明します。

### P4　（この量で私は50秒～1分かかるのでこれを目安にして書きます）
The development theme during this internship was "something that makes our current life a little better".
We discussed and finally developed a product that makes the life better than current good life.
When brainstorming, we focused on what people enjoy doing, that is "hobby".
Because we can live without them, but we feel that hobby make our lives richer.

Actually, how many people do not have hobbies?
A survey shows that 26% of Japanese people have no hobbies.
According to "Rakuten market", the free research for adults published 60% of people are interested in hobbies.
Thus, many people want enjoying things, but finding a hobby is difficult.
So, we solve this problem by developting "wakummender" to help with this.

>今回のインターンシップでの開発テーマは、「今の生活をちょっと良くするもの」でした。
今の良い生活より、もっと良い生活になるような製品を議論し、最終的に開発しました。
ブレインストーミングの際、私たちは人が楽しんでいること、つまり「趣味」に着目しました。
なぜなら、私たちはそれがなくても生きていけるが、趣味は私たちの生活を豊かにしてくれると感じるからです。
実際、趣味を持たない人はどれくらいいるのでしょうか。
ある調査によると、日本人の26％が趣味を持たないという結果が出ています。
楽天市場」の大人向け無料リサーチでは、6割の人が趣味に興味があると発表しています。
このように、多くの人が何かを楽しみたいと思っていても、趣味を見つけるのは難しいのです。
そこで、私たちはこの問題を解決するために、「ワクメンダー」を開発しました。

### P5
How does "wakummender" solve the problem?
For user with hobbies, "wakummender" provides the place, in order to develop them or interact with others who have the same hobbies.
user with no hobby can get other's enjoying things by brouwsing this app.
and this app shows them various hobby or recommends things that match the user's "likes" and interests.
wakummender is a noticeboard application that connects people with hobbies to with no hobbies at the same time
and enables them to share their hobby community.

>ワクメンダーは、どのように問題を解決するのですか？
ワクメンダーは、趣味を持つユーザーに対して、その趣味を発展させたり、同じ趣味を持つ人と交流するための場を提供します。
趣味のないユーザーは、このアプリを使うことで、他の人の楽しみを知ることができます。
そして、そのユーザーの「好き」に合わせて、さまざまな趣味を紹介したり、おすすめのものを紹介したりする。
ワクメンダーは、趣味を持つ人と持たない人を同時につなげ、
趣味のコミュニティを広げることができる掲示板アプリです。

### P6
The target users of this product are people with hobbies and people without hobbies, that is, people all over the world.
With this product, we can make the lives of many people a little better.

>このプロダクトのターゲットユーザーは、趣味を持っている人と持っていない人、すなわち全世界の人々です。
このプロダクトによって、世界中の人の生活をちょっとよくすることができます。

### P7-8
Next is the product overview.

First, let me explain what the name of the product "wakummender".
Hobbies are "wakuwaku" things in Japanese, and our goal is developing system that recommends hobbies,
so we combines "wakuwaku" and "recommendation" and named "wakummender".

>次に、プロダクトのオーバービューを説明します。

>まず、「wakummender」という製品名の由来を説明します。

>趣味は「わくわくするもの」であり、その趣味を推奨するシステムを開発することが目的です。
そこで、「わくわく」と「おすすめ」を組み合わせて、「ワクメンダー」と名づけました。

### P9
The figure is a system overview.
This web application is developed by using Ruby on Rails, a type of Model・View・ Controller architecture.
Ruby on Rails allows linking to various pages via controllers.
controllers can also manipulate the database.
The view is created by using bootstrap.
All team members used the same Docker image for the development environment.

> 右の図が、システムのオーバービューになります。
本システムはMVCアーキテクチャの1種であるRuby on Railsを用いたWebアプリケーションとなっています。
Ruby on Railsではコントローラーを介して様々なページにリンクすることができます。
また、コントローラーからデータベースを操作することも可能です。
ビューはbootstrapを利用して作成しました
開発環境には、チーム全員で同一のDockerイメージを用いました。

### P10
This is a use case diagram of the first product we designed.
The yellow figures indicate the functions that we developed finally.

Specifically, this system allows users to follows.
There are five main functions.
posting hobbies, browsing posts, getting recommendation about hobbies, saving hobby tags, and to like other's posts.

We will now demonstrate app and explain the functions.

> これは、最初にデザインしたプロダクトのユースケース図です。
このうち、黄色で塗られている図形が示すものについては実装できた機能になります。
実装した機能は主に赤枠で囲んだ部分に示しています。
ログインするとできるようになる主な機能は5つあります。
趣味の投稿、投稿の閲覧、趣味の推薦、趣味タグの保存、投稿へのいいねです。
これからデモを行って機能を説明していきます。

> ここまでで4分ぴったりでした[name=tsumita]

---

### P11-12(demo)
つるた担当分なのであとまわし

### P14

Let's focus on a few key features. The first one is the recommendation function.
This function is a vital part of this application. Based on the results of a simple personality test, recommended hobbies will be listed to logged-in users.
Also, we have like and save feature.
Users can like favorite "posts" and save hobby "tags".
As you saw in the demo, you can view them anytime from My Page.

> 主要な機能に絞っていくつか紹介します。
> まず最初にレコメンド機能です。
> これはこのアプリにとって肝となる部分です。ログインしたユーザーを対象に、簡単な性格診断の結果をもとにオススメの趣味を推薦します。
> それから、いいね・保存機能があります。
> ユーザーは良いと思った投稿に対していいねを、良いと思った趣味タグに対して保存を行うことができ、デモでもご覧になったようにいつでもマイページから閲覧することができます。

### P15
So, you might be wondering what kind of recommendation technology we are using.
We used a technique called "Collaborative Filtering".
After calculating the similarity between users using personality test, the system recommends hobbies that are perfect for you, based on likes and saved tags of other users.
In this very simple example, the results of the personality tests of user A and user C are similar, so if user A likes baseball, there is a high probability that baseball will be recommended to user C as well.

> さて、どのような推薦技術を使っているか気になりませんか？私たちは「協調フィルタリング」という手法を用いました。
> 性格診断を用いてユーザー間の類似度を求めた後、他のユーザーが保存したタグやいいねを基に、ターゲットとなるユーザーにピッタリな趣味を推薦します。
> とってもシンプルなこの例では、ユーザーAとユーザーCの性格診断の結果が似ているので、ユーザーAが野球好きの場合、ユーザーCにも野球が薦められる可能性が高くなります。

### P16
At the end of this part, let me introduce the roles of the members during these five days.
Firstly, Suzuki developed the core backend, including database design and sorting of posts.
Tsuruta then designed the new post screen, tag registration screen and My Page, among other things, on the frontend.
Tsumita also worked on the frontend, designing the home screen, the timeline for each hobby, and fine-tuning the screen design.
Nihira and I were in charge of developing the recommendation system.
It's just an aside, but I designed the logo so hope you like it!

> このパートの最後に、この5日間のメンバーの役割を紹介します。まず、鈴木さんがデータベースの設計や投稿のソートなど、バックエンドの中心部分の開発を行いました。それから鶴田さんはフロントエンドの中でも新規投稿画面やタグ登録、マイページなどをデザインしてくれました。積田さんは同じくフロントエンドでホーム画面や趣味ごとのタイムライン、画面仕様のファインチューニングを行ってくれました。仁平さんと私はレコメンデーションシステムの開発を担当しました。また、ロゴは私がデザインしたので気に入ってくれると嬉しいです。

### P17-18（もし時間が余ったらすずきさんのパートの英訳確認お願いしたいです➡済）
In this chapter, we will explain the features we would like to implement in the future.

First of all, this will be a function that we did not get around to implementing during this internship period.
Since the main goal of this product was to have a once-in-a-lifetime encounter with the hobby, these functions were not a priority for implementation.
The first is a communication tool for users to interact with each other.
We expect that the chat function will provide an environment where people with similar interests can interact with each other, and where people who want to start a new hobby can ask questions.
The second is a search function for posts.
By searching through the postings, users can learn more about the hobby they are interested in.

>本章では、今後実装したい機能について説明します。

>まずは本インターンシップ期間中に実装に手が付けられなかった機能になります。
このプロダクトでは趣味との一期一会を主目的に考えていたため、これらの機能は実装優先度が低かったものです。
1つ目は、ユーザー同士の交流を図るためのコミュニケーションツールです。
チャット機能を想定しており、同じ趣味を持つ者同士の交流や、新しく趣味を始めたい人が質問できる環境を作ります。
2つ目は、投稿の検索機能です。
投稿文から検索を行うことで、より気になる趣味について知ることができます。

### P19
Next, I would like to talk about the monetization side of this product.
We are considering two ways in which this product can be monetized.
The first is revenue from posting an affiliate link to Rakuten Market in a post, for example, as something you use that day.
The second point is to allow only paying users to hold events in the app and interact with other users who share the same interests more than ever before.
From this, we believe that the product we have developed has room to grow as a business.

> 次に、収益化の観点からお話しします。
このプロダクトで収益化できる部分として、2点考えています。
1点目は、投稿の中の、例えばその日に使ったものとして楽天市場へのアフェリエイトリンクを貼ることによる収益です。
2点目は、課金ユーザーのみがアプリ内でイベントを開催し、今まで以上に同じ趣味を持つ他のユーザーと交流できるようにすることです。
このことから、私たちが開発したプロダクトは、事業としても発展する余地があると考えます。

### P20-21
Finally, I would like to summarize.

We have created "wakummender," a notice board web application that allows users to post their hobby activities in order to help those who do not have a hobby to find one and those who do have a hobby to promote it.
Although we had to modify our previously determined schedule due to a sudden absence of a team member, we were able to develop the application in line with our assigned roles.
This concludes my presentation.
Thank you for listening.

> 最後に、まとめです。

> 私たちは、趣味がない人が趣味を探し、趣味がある人はその趣味を広めることを手助けするために、趣味の活動の様子を投稿できる掲示板Webアプリ“wakummender”を作成しました。
急なチームメンバーの欠席等、あらかじめ決めていた予定の修正が必要でしたが、概ね役割分担に沿った開発を行うことができました。
(もっとなにか追加してもいいよ)
これで発表を終わります。
ご清聴ありがとうございました。

### デモ内容
* ログイン前のホーム画面と趣味TL画面
* ログイン画面
* 登録後にアンケート表示される
* ログイン後にいいねと保存ができる
* TLの下に広告が表示される
* 新規タグ生成
* 新規投稿
* YouTubeも画像もいける
* ハイパーリンクも対応
* タグ(自分が作ってなくてもいい)、投稿(自分のもののみ)が編集できる
* 推薦順による並び替えができる
* マイページで保存したタグといいねした投稿が見れる

You are interested in Waku Mendaa after listening to the presentations so far, aren't you?
>皆さん、これまでのプレゼンテーションを聞いてわくめんだーについて興味が沸いてきていますよね？

Now I"ll give you an actual demo.
>それではこれから実際にデモを行いたいと思います。

First, here is the home screen without login.
>まずは、ログインしていない状態でのホーム画面です。

The home screen shows the hobby tag, its description, and a preview of the latest posts.
>ホーム画面には趣味タグとその説明、最新の投稿のプレビューが表示されます。

Pressing a tag will show you a list of all the posts under that hobby tag.
>タグを押すと、趣味タグに投稿されている投稿の一覧を見ることができます。

The post must have a タイトル and text, while YouTube links and images are optional.
>投稿にはタイトルと本文は必須であり、YouTubeリンクや画像は任意での投稿となります。

And in the TL of a hobby that has many posts, a link to the Rakuten market for products related to that hobby is placed as an advertisement at the bottom of the TL.
>そして、たくさん投稿されている趣味のTLには、最下部にその商品と関連した商品の楽天市場へのリンクが広告として貼られます。

Log in to try out more features.
>ログインするとさらに多くの機能を試すことができます。

Interested in?
>気になりますよね？

Try logging in with the account you have already created.
>作成済みのアカウントでログインを試みます。

After logging in, you will see many more icons.
>ログイン後のホーム画面はこのようになります。

I will explain one by one.
>いろいろなアイコンが増えていますね。一つづつ説明していきます。

First, you can save the tag by pressing the label icon next to the tag.
>まず、タグの隣のラベルのアイコンを押すと、そのタグを保存することができます。

Next, let's look at the Hobby TL.
>次に、趣味TLを見てみましょう。

In the Hobby TL, you can like each post.
>趣味TLでは、投稿単位でいいねを押すことができます。

Then, you can edit your hobby tags.
>そして、趣味タグの編集ができます。

In addition, you can edit your own posts.
>さらに、自身が投稿したものであれば、編集を行うことができます。

There are more icons in the header.
ヘッダーにもアイコンが増えています。

The people icon shows My Page and allows you to see a list of the tags you have saved and liked posts so far.
>人のアイコンはマイページを表示し、今までに保存したタグといいねした投稿の一覧を見ることができます。

The plus sign icon allows you to make a post.
>プラスマークのアイコンでは、投稿を行うことができます。

The tag icon allows you to create a hobby tag.
>タグのアイコンでは、趣味タグを作成することができます。

After creating a tag, you will be automatically redirected to the posting screen to make a post.
>タグを作成した後は、自動的に投稿画面に遷移し、投稿を行うことができます。

Once the post is completed, it will be reflected on the home screen like this.
>投稿が完了すると、このようにホーム画面に反映されます。

Here's the most eye-catching feature!
>これが最も売りの機能です！！！！！

Based on a brief questionnaire about your personality and your liking and saving trends, we can recommend hobbies that are right for you!
>さらに、性格についての簡単なアンケートやいいねと保存の傾向から、その人に合った趣味を推薦することができるのです

This feature allows you to meet new hobbies that you may not have even cared about before.
>この機能によって、今まで気もしていなかった新たな趣味と出会うことができます

Finally, we will finish the demo by registering a new user.
>最後に、新しいユーザーの新規登録を行ってデモを終えたいと思います。

To register, you will need to provide your name, e-mail address, and password.
>登録には、名前とメールアドレスとパスワードの登録が必要です。

Once registered, you will be asked to complete a simple 20-question personality test.
>登録を終えると、20問の簡単な性格診断を行います。

These results are used to recommend hobbies!
>この結果が趣味の推薦に使用されているのです！

Once this is done, you can use the functionality if you are logged in.
>これが終わるとログインした場合の機能を使うことができます。

This concludes the demo.
>これでデモは終わりです。

---

皆さん、これまでのプレゼンテーションを聞いてわくめんだーについて興味が沸いてきていますよね？
それではこれから実際にデモを行いたいと思います。

まずは、ログインしていない状態でのホーム画面です。
ホーム画面には趣味タグとその説明、最新の投稿のプレビューが表示されます。
タグを押すと、趣味タグに投稿されている投稿の一覧を見ることができます。
投稿にはタイトルと本文は必須であり、YouTubeリンクや画像は任意での投稿となります。
そして、たくさん投稿されている趣味のTLには、最下部にその商品と関連した商品の楽天市場へのリンクが広告として貼られます。

ログインするとさらに多くの機能を試すことができます。
気になりますよね？
作成済みのアカウントでログインを試みます。
ログイン後のホーム画面はこのようになります。
いろいろなアイコンが増えていますね。一つづつ説明していきます。
まず、タグの隣のラベルのアイコンを押すと、そのタグを保存することができます。
次に、趣味TLを見てみましょう。
趣味TLでは、投稿単位でいいねを押すことができます。
そして、趣味タグの編集ができます。
さらに、自身が投稿したものであれば、編集を行うことができます。

ヘッダーにもアイコンが増えています。
人のアイコンはマイページを表示し、今までに保存したタグといいねした投稿の一覧を見ることができます。
プラスマークのアイコンでは、投稿を行うことができます。
タグのアイコンでは、趣味タグを作成することができます。
タグを作成した後は、自動的に投稿画面に遷移し、投稿を行うことができます。
投稿が完了すると、このようにホーム画面に反映されます。
さらに、性格についての簡単なアンケートやいいねと保存の傾向から、その人に合った趣味を推薦することができるのです！
この機能によって、今まで気もしていなかった新たな趣味と出会うことができます。

最後に、新しいユーザーの新規登録を行ってデモを終えたいと思います。
登録には、名前とメールアドレスとパスワードの登録が必要です。
登録を終えると、20問の簡単な性格診断を行います。
この結果が趣味の推薦に使用されているのです！
これが終わるとログインした場合の機能を使うことができます。

これでデモは終わりです。