Cloudy

使用スキル:Java/JavaScript/SQL/ Tomcat 形式:GitHub

Transcript

1. Cloudy
2. Cloudy 1 目次 プロジェクト概要 2 開発環境 2 プロジェクト概要 3 掲示板名 3 機能説明 4 ログイン画面 4 アカウント作成画面 6 メインページ 7 リプライページ 8 マイポストページ 9 投稿画面 10 タグ検索 11 資料 12 クラス図 12 ユースケース図 14 シーケンス図 15 データベース定義書 16 感想 17 今後の展望 17
3. Cloudy 2 プロジェクト概要 開発環境 OS : Windows10 言語 :Java1.8.0_241 データベース :Oracle Database 19c サーバー :Tomcat8.5 ブラウザ :Google Chrome
4. Cloudy 3 プロジェクト概要 Twitter をイメージして模倣して作成しました 掲示板名 【Cloudy】
5. Cloudy 4 機能説明 ログイン画面 ログイン画面 ログイン機能には session を使用しています。 最初にアカウントを新規登録し、そこで作成したユーザーID とパ スワードでログイン可能です。 (パスワードは hash 化を使用しています)
6. Cloudy 5 ログインエラー画面 ログインエラー画面 ユーザーID かパスワードまたはどちらも違っている場合にこの ログインエラー画面が出力されます。 ログイン完了画面 ログイン完了画面 ログインに成功するとログイン完了画面が出力されます。
7. Cloudy 6 アカウント作成画面 アカウント作成画面 アカウントを新規作成する画面です。 名前(日本語でも英数字でも) ユーザーID(半角英数字) パスワード(4～8 半角英数字) アカウント作成完了画面 アカウント作成が完了すると出力される画面です。
8. Cloudy 7 メインページ メインページ Thread が表示される画面です。 主な機能 リプライページへの移動 マイポストページへの移動 Comment,Tag 入力 Tag 検索 Like(いいね) Logout
9. Cloudy 8 リプライページ リプライページ メインページで選択したスレッドへの返信ができます。 メインページと同様の機能が使えます
10. Cloudy 9 マイポストページ マイポストページ 現在ログインしているユーザーの投稿したスレッドが閲覧できま す。 タグ検索やログアウトの機能を使えます。 このページからもリプライページへ飛ぶことができます。
11. Cloudy 10 投稿画面 投稿画面 サイドにある Comment ボタンを押すことで投稿画面が開きます。 各投稿にはタグを付けることができ、タグをつけることによってタ グごとの検索ができるようになります。 最大 200 文字、投稿できて、200 文字を超えると投稿ボタンが押 せなくなります。 文字数オーバー例
12. Cloudy 11 タグ検索 タグ検索 画面右上にある検索バーを押すことで、タグの検索ができます。 検索後は検索されたタグのついているスレッドが一覧で表示さ れます。 リプライでも同様に検索が可能です。
13. Cloudy 12 資料 クラス図
14. Cloudy 13
15. Cloudy 14 ユースケース図
16. Cloudy 15 シーケンス図
17. Cloudy 16 データベース定義書
18. Cloudy 17 今後の展望 ・Ajax を用いてリアルタイム性を高める ・リファクタリングを行いコードの改修