The green way

MINISTRY OF EDUCATION AND TRAINING FPT UNIVERSITY Capstone Project Document The Green Way VERSION 1.0 Nguyễn Văn An Supervisor Group Members Nguyễn Mạnh Cường SE04707 Lê Văn Đức SE04666 Trần Tuấn Nam SE04931 Đào Ngọc Duy SE04661 Bùi Thị Phương Dung SE04503 Capstone Project Code TGW Ha Noi, January 8, 2020 THE GREEN WAY Table of Contents CHAPTER 1: INTRODUCTION プロジェクト紹介 1.1 PURPOSE 目的 1.2 PROJECT INFORMATION プロジェクト情報 1.3 PROJECT TEAM プロジェクトチーム 1.3.1 Supervisor スーパーバイザー 1.3.2 Team Members チームメンバー 1.4 BACKGROUND バックグラウンド 1.5 THE PROBLEM 問題 1.6 LITERATURE REVIEW 文献レビュー 1.7 THE PROPOSAL 提案 11 1.7.1 The idea アイデア 11 1.7.2 The proposal 提案 12 1.7.3 System functions システム機能 12 CHAPTER 2: PROJECT PLAN プロジェクト計画 13 2.1 PROJECT ORGANIZATION プロジェクト組織 14 2.1.1 Purpose 目的 14 2.1.2 Software Development Process Model ソフトウェア開発プロセスモデル 14 2.1.3 Roles and Responsibilities 役割と責任 15 2.1.4 Tools and Techniques ツールとテクニック 17 2.2 PROJECT MANAGEMENT PLAN プロジェクト管理計画 17 2.2.1 Project Schedule プロジェクトスケジュール 17 2.2.2 Meeting Minutes ミーティング議事録 18 2.2.3 Progress Report 進捗レポート 19 2.2.4 File Name Conventions ファイル名の規則 20 2.2.5 Risk Management Plan リスク管理計画 21 2.2.6 Communication Plan コミュニケーション計画 22 CHAPTER 3: SOFTWARE REQUIREMENT SPECIFICATION ソフトウェア要求仕様 23 3.1 PURPOSE 目的 23 3.2 FUNCTIONAL REQUIREMENTS 機能要件 23 3.2.1 User Case Diagram ユースケース図 23 3.2.2 Business Rules ビジネスルール 23 3.2.3 User Case ユースケース 25 3.3 NON-FUNCTIONAL REQUIREMENTS 105 3.3.1 Security 105 3.3.2 Availability 105 3.3.3 Usability 105 3.1 ENTITY RELATIONSHIP DIAGRAM 106 CHAPTER 4: SOFTWARE DESIGN SPECIFICATION 4.1 ソフトウェア設計仕様 107 PURPOSE 目的 107 THE GREEN WAY 4.2 ARCHITECTURE OVERVIEW アーキテクチャの概要 107 4.2.1 System Architecture システムアーキテクチャ 107 4.2.2 Component Explanation コンポーネントの説明 108 4.3 BASIC DESIGN 110 4.3.1 Database Design 110 4.3.2 Basic Screen 117 4.4 DETAIL DESIGN 詳細デザイン 162 4.4.1 Homepage 162 4.4.2 Register 165 4.4.3 Login 167 4.4.4 Logout 169 4.4.5 Forgot Password 171 4.4.6 Reset Password 173 4.4.7 View Product List 175 4.4.8 View Product Detail 177 4.4.9 Like Product 179 4.4.10 Search Product 182 4.4.11 Add to Cart 185 4.4.12 Edit Quantity of Product in Cart 187 4.4.13 Remove Product without Cart 189 4.4.14 Finish Order 191 4.4.15 View Post List 195 4.4.16 View Post Detail 197 4.4.17 Search Post 199 4.4.18 Like Post 201 4.4.19 View Profile 203 4.4.20 Edit Profile 205 4.4.21 Change Avatar 208 4.4.22 Change Password 211 4.4.23 View Order History 214 4.4.24 View Order Detail by Email 217 4.4.25 View Order Detail of Guest 219 4.4.26 View Product Liked List 221 4.4.27 View Product List of Admin 223 4.4.28 View Product Detail of Admin 225 4.4.29 Edit Product 227 4.4.30 Add new Product 232 4.4.31 View Post List of Admin 235 4.4.32 View Post Detail of Admin 237 4.4.33 Edit Post 239 4.4.34 Add new Post 241 4.4.35 View User List 243 4.4.36 View Info User 245 4.4.37 Lock/Unlock User 247 4.4.38 Authorization to Mod 250 4.4.39 Authorization to User 253 4.4.40 View Order List 256 4.4.41 View Order Detail by ID 258 4.4.42 Change Status Order 260 4.4.43 Add New Convention 262 4.4.44 View Convention List 264 4.4.45 Edit Convention 266 CHAPTER 5: SOFTWARE TESTING ソフトウェアテスト 268 5.1 INTRODUCTION 紹介 268 目的 268 5.1.1 Purpose 5.1.2 Scope of Testing 5.2 テストの範囲 268 TEST PLAN テスト計画 269 5.2.1 5.2.2 Testing Tools and Environment テストツールと環境 269 Resources and Responsibilities 270 THE GREEN WAY テスト戦略 270 5.2.3 Test Strategy 5.2.4 Features to be Tested 5.3 テストする機能 272 TEST APPROACH テストアプローチ 273 5.3.1 Unit Test 単体テスト 273 5.3.2 Integration Test and System Test 統合テストとシステムテスト 274 5.4 TEST REPORT テストレポート 274 5.4.1 Unit Test 単体テスト 274 5.4.2 Integration Test 統合テスト 275 5.4.3 System Test システムテスト 277 5.4.4 Defect Log 欠陥ログ 278 CHAPTER 6: USER MANUAL ユーザーマニュアル 279 6.1 PURPOSE 目的 279 6.2 INSTALLATION GUIDE インストールガイド 279 6.2.1 Development 開発 279 6.2.2 Deployment デプロイメント 279 6.3 USER MANUAL ユーザーマニュアル 282 6.3.1 User Page ユーザーページ 282 6.3.2 Admin Page 管理者のページ 301 THE GREEN WAY Acknowledgement We feel privileged and grateful in taking this opportunity to express our gratitude to the people who have contributed to the completion of this project First of all, we wish to express our deepest gratitude to our supervisor, Mr Nguyen Van An for his motivating mentorship and countless valuable guidance during the project Under the instructions of Mr An, the project team has always felt comfortable and confident Apart from all the technologies and methodologies, Mr An shared with us the philosophy of keeping the right attitude towards problems which we believe was the most important factor that led to the success of this project Besides, we would also like to thank the instructors at FPT University for all the classes We hope you will find this project as a reflection of the knowledge and experiences you have given us during this period of four years Finally, we truly appreciate the random fellows on the Internet who has discussed with us Without you, it would have likely been a real struggle to solve every tiny problem Japan Script Team THE GREEN WAY CHAPTER 1: INTRODUCTION プロジェクト紹介 1.1 Purpose 目的 This chapter provides an overview of the capstone project It includes the project information, the background of the capstone project, the problem and our proposal to solve the problem この章では、キャップストーンプロジェクトの概要について説明します。 プロジェクト情報、キャップスト ーンプロジェクトの背景、問題、および問題を解決するための提案が含まれます。 1.2 Project Information プロジェクト情報 Project Information Project Name The Green Way Project Code TGW Group Name Japan Script Product Type Web Application Duration 06/01/2020 – 15/05/2020 Project Size 20 Man- Month Table 1.2-1-Project Information 1.3 Project Team プロジェクトチーム 1.3.1 Supervisor スーパーバイザー Full Name Phone Nguyễn Văn An E-Mail Title AnNV22@fpt.edu.vn Supervisor Table 1.3-1-Information of Supervisor 1.3.2 Team Members チームメンバー Full Name Nguyễn Mạnh Cường Student ID Phone E-Mail Title SE04707 0968091770 CuongNMSE04707@fpt.edu.vn Leader THE GREEN WAY Lê Văn Đức SE04666 0349117888 DucLVSE04666@fpt.edu.vn Member Trần Tuấn Nam SE04931 0919807588 NamTTSE04931@fpt.edu.vn Member Đào Ngọc Duy SE04661 0979218697 DuyDNSE04661@fpt.edu.vn Member Bùi Thị Phương Dung SE04503 0388293228 DungBTPSE04503@fpt.edu.vn Table 1.3-2-Information of Team Member 1.4 Member Background バックグラウンド Today, preserving and protecting the environment are topics of great interest to many people The green life that we are enjoying every day is the precious gift that nature has bestowed on humanity Nature plays an extremely important role in supporting and building a green - clean - beautiful living environment for people Therefore, contributing to preserving and protecting the environment is being increasingly focused, and becoming an indispensable task of each of us At present the environment is in danger of being threatened by more and more serious, we can easily see through daily news, the fierce wildfires in the Amazon or Australia, the level of air pollution reaches a dangerous level in Hanoi, Vietnam, caused climate change and disrupting the fresh air of mankind Unpredictable dangers are again like a warning, awakening our self-awareness, awareness and environmental action 1.5 The Problem 問題 In Vietnam, propaganda for environmental protection has been mentioned but has not really received much attention from people We can all contribute to a green environment with small daily actions such as using recycled materials, say no to littering indiscriminately, actively plant many trees in the office, etc The effect it has is very high and it makes sense to the environment, which not everyone knows and has a sense of self-awareness A few bonsai-loving clubs, or hobbyists with collecting environmentally-friendly recycling items, are often set up on Facebook and are places for people with similar interests to share experiences and opinions, awareness of environmental protection However, these activities were not carried out enthusiastically, popularly, and did not bring about optimal effectiveness In short, in today's society, promoting people's awareness, propaganda about environmental protection movement has not really been paid attention; the message about the importance of each person's responsibility to the ecosystem is still fuzzy 1.6 Literature review 文献レビュー THE GREEN WAY Before starting to develop The Green Way System, we take glimpse at several other well-established sites for develop and share gadgets However, they still have some limitations and we will explain why The Green Way System should be built Website: https://vuoncayviet.com/ and http://trop.vn/ “https://vuoncayviet.com/” and “http://trop.vn/” are websites sale Bonsai, Tree, Accessory for Tree,… They’re very nice pages with a lot of function and knowledge about Tree but they still have some issue below: Full text search https://vuoncayvie http://trop.vn/ t.com/ No Yes The Green Way Yes Like product No No Yes Add to cart quick No Yes Yes Nice interface, easy to use No No Yes Guest can order without logging in No Yes Yes Purchase product by paper No No Yes User and admin talk online on the website? (via chat box) Yes Yes No Actual image of the website THE GREEN WAY { Can’t rate in detail product When click button “Thêm vào giỏ hàng”, it immediately sends to cart} Figure 1.6-1 Website: https://vuoncayviet.com/ { Can’t full-text search so it's usually can't show the truth product} THE GREEN WAY Figure 1.6-2 Website: https://vuoncayviet.com/ {In Cart the number still show the number in cart behind the icon} Figure 1.6-3 Website: http://trop.vn/ { When click on button search it’s show the layout search so it’s difficult to quick search and inconvenient } 10 THE GREEN WAY Active Account & Lock Account Table アクティブなアカウントとロックアカウントテーブル When admin click icon “circle” in Action column, website show pop-up display information of account in the same row in this icon: 管理者が「アクション」列のアイコン「円」をクリックすると、ウェブサイトはこのアイコンの同じ行にアカウントのポップアップ表示 情報を表示します。 303 THE GREEN WAY When admin click icon “key” at Action column in Active account table, this account in the same row this icon is locked: 管理者が[アクティブなアカウント]テーブルの[アクション]列でアイコン「キー」をクリックすると、同じ行のこのアカウントでこのアイ コンがロックされます。 After account is locked, this account disappears in Active Account and appear in Lock Account table: アカウントがロックされると、このアカウントはアクティブアカウントに表示されなくなり、[アカウントのロック] テーブルに表示されま す。 304 THE GREEN WAY In opposite, when admin click icon “key” at Action column in Lock Account table, this account in the same row selected icon is opened: 反対に、管理者が「アカウントのロック」テーブルの「アクション」列でアイコン「キー」をクリックすると、同じ行で選択されたアイコ ンのこのアカウントが開きます。 And opened account is appeared in Active Account table: そして、開かれたアカウントはアクティブアカウントテーブルに表示されます： User manage page has Filter user toolbar to helps Admin search account in Nick name or Email Address: ユーザー管理ページには、ニックネームまたはメールアドレスで管理者がアカウントを検索するのに役立つユーザーフィルターフィル ターがあります。 Admin can input data want to search in Filter, all account contain key world will display below 管理者はフィルターで検索したいデータを入力できます。すべてのアカウントにキーワールドが含まれています。 305 THE GREEN WAY In addition, User manage page has “Web User Setting” button, admin click this button, display table show information of Mod account in Active count table: さらに、ユーザー管理ページには「Web ユーザー設定」ボタンがあり、管理者はこのボタンをクリックして、アクティブカウントテーブ ルに Mod アカウントの情報を表示するテーブルを表示します。 Searching textbox in the top of web has function which display all user account in Active table, then after select any user account and click button Save, this user account is change role to Mod: Web の上部にあるテキストボックスを検索すると、すべてのユーザーアカウントをアクティブテーブルに表示する機能があり、ユー ザーアカウントを選択して[保存]ボタンをクリックすると、このユーザーアカウントの役割が Mod に変更されます。 306 THE GREEN WAY After change role, message display “Update thành công”, and new data is updated: 役割を変更すると、「Updatethànhcông」というメッセージが表示され、新しいデータが更新されます。 6.3.2.3 Product Management 製品管理 When admin click “Quản lí sản phẩm”, display items: “Thông tin sản phẩm”, “Đăng sản phẩm” 管理者が「Quảnlýsảnphẩm」をクリックすると、「Thôngtinsảnphẩm」、「Đăngsảnphẩm」の つの項目が表示され ます。 Admin select “Thông tin sản phẩm”, display table contain all information of products in stock 管理者が「Thôngtinsảnphẩm」を選択すると、表に在庫のある製品のすべての情報が表示されます。 307 THE GREEN WAY When click button “Chỉnh sửa” in any product, display form allows admin edit information of this product: いずれかの製品で「Chỉnhsửa」ボタンをクリックすると、表示フォームでこの製品の情報を管理者が編集できます。 After click button “Chỉnh sửa”, edit form display: 「Chỉnhsửa」ボタンをクリックした後、フォームの表示を編集します。 Admin can edit name, price, type, description and number of products, update avatar and detail image of product After update new data, click “OK” to save 管理者は、製品の名前、価格、タイプ、説明、数を編集し、製品のアバターと詳細画像を更新できます。 新しいデータを更 新した後、「OK」をクリックして保存します。 Admin select “Đăng sản phẩm”: 管理者が「Đăngsảnphẩm」を選択されます。 308 THE GREEN WAY Display form allow input data of product want to add: 追加したい製品の入力データを表示するフォーム： After input data for new product (input full required fields), admin click “Tạo sản phẩm mới” New product information is saved and upload to website 新製品のデータを入力した後（必須フィールド全体を入力）、管理者は「Tạosảnphẩmmới」をクリックします。 新製品情報が保存され、ウェブサイトにアップロードされます。 6.3.2.4 Post Management ポスト管理 When admin click “Quản lí viết”, display items: “Thông tin viết”, “Đăng viết” 管理者が「Quảnlýbàiviết」をクリックすると、「Thôngtinbàiviết」、「Đăngbàiviết」の つの項目が表示されます。 Admin select “Thông tin viết”, display table contain all information of posts available: 管理者は「Thôngtinbàiviết」を選択し、表示テーブルには利用可能な投稿のすべての情報が含まれています。 309 THE GREEN WAY When click button “Chỉnh sửa” in any post, display form allows admin edit information of this post: 任意の投稿でボタン「Chỉnhsửa」をクリックすると、表示フォームでこの投稿の情報を管理者が編集できます。 After click button “Chỉnh sửa”, edit form display: 「Chỉnhsửa」ボタンをクリックした後、フォームの表示を編集します。 Admin can edit name, description, update avatar and detail image of post After update new data, click “OK” to save 管理者は、名前、説明を編集し、投稿のアバターと詳細画像を更新できます。 新しいデータを更新した後、「OK」をクリック して保存します。 Admin select “Đăng viết” 管理者は「Đăngbàiviết」を選択します。 310 THE GREEN WAY Display form allow input data of post want to add: 追加したい投稿の入力データを許可する表示フォーム： After input data for new post (input full required fields), admin click “Tạo đăng mới” New post information is saved and upload to website 新しい投稿のデータを入力した後（必須フィールド全体を入力）、管理者は[Tạobàiđăngmới]をクリックします。 新しい投稿情報が保存され、ウェブサイトにアップロードされます。 6.3.2.5 Order Management 注文管理 Admin can manage all orders by way click “Quản lí đơn hàng”: 管理者は「Quảnlíđơnhàng」をクリックしてすべての注文を管理できます。 311 THE GREEN WAY After click “Quản lý đơn hàng”, list of orders is display: 「Quản lý đơn hàng」をクリックすると、注文のリストが表示されます。 Admin can show information of order by click icon 管理者はアイコン「 」をクリックして注文の情報を表示できます Admin can follow status order by click select items in menu to know status of orders: 管理者は、メニューの選択項目をクリックしてステータスの注文を追跡し、注文のステータスを確認できます。 312 THE GREEN WAY Admin can search find order by input number in “Filter order” bar: 管理者は、「フィルターの順序」バーの入力番号で検索順序を検索できます。 Result is display below: all orders has ID contain number which admin input in “Filter order” bar 結果は以下のように表示されます。すべての注文の ID に「フィルター注文」バーで管理者が入力した番号が含まれ ています。 Admin can change status order by click icon pop up display: 管理者は、アイコン「 」ポップアップ表示をクリックしてステータスの順序を変更できます。 When order is status “Đang chờ xử lý” : admin just choose status : Đang giao hàng , Hủy đơn hang 注文のステータスが「Đang chờ xử lý」の場合：管理者は次の つのステータスを選択するだけです：「Đang giao hàng」、「Hủy đơn hàng」。 When order is status “Đang giao hàng”: admin just choose status: “Đơn hàng giao thành công” , “Hủy đơn hang” 注文のステータスが「Đang giao hàng」の場合：管理者は次の つのステータスを選択します：「Đơn hàng giao thành công」、「Hủy đơn hàng」 313 THE GREEN WAY When order is status “Đơn hàng giao thành công”, admin can’t change status 注文のステータスが「Đơnhànggiaothànhcông」の場合、管理者はステータスを変更できません。 When order is status “Hủy đơn hàng”, admin can’t change status: 注文のステータスが「Hủyđơnhàng」の場合、管理者はステータスを変更できません。 314 THE GREEN WAY 6.3.2.6 Convention Management コンベンション管理 Admin select “Quản lý tỉ giá giấy “to paper exchange management 管理者は、紙の交換管理に「Quảnlý tỉ giá giấy」を選択します After click “Quản lý tỉ giá giấy”, display table: 「Quản lý tỉ giá giấy」をクリックした後、表を表示します。 315 THE GREEN WAY This is the paper exchange rate table being applied: これは、適用されている紙の為替レート表です。 This is a table of old paper rates, not currently applicable: これは古いペーパーレートの表であり、現在は適用されません。 When admin want to change paper rate exchange, click button “Chỉnh sửa” In the screen, popup is display 管理者が紙の為替レートを変更する場合は、「Chỉnhsửa」ボタンをクリックします。 画面にポップアップが表示されます。 316 THE GREEN WAY After input new paper rate exchange, click button “OK” to save 新しい紙の為替レートを入力した後、「OK」ボタンをクリックして保存します。 To add new paper rate exchange, click button “Thêm tỷ giá”, popup is display: 新しい紙幣交換を追加するには、「Thêm tỷ giá」ボタンをクリックします。ポップアップが表示されます。 Admin can input new paper rate exchange in textbox “Số tiền/1 kg giấy”, and choose status: Not Active (“Không Hoạt Động”), Active (“Hoạt Động”) Then click button “OK” to confirm and save new data 管理者はテキストボックス「Số tiền/ kg giấy」に新しい紙の為替レートを入力し、ステータスを選択できます。 非アクティブ（「KhôngHoạtĐộng」）、アクティブ（「HoạtĐộng」）。 次に、「OK」ボタンをクリックして確定し、新しいデータ を保存します。 In “Tỉ giá không áp dụng” table, admin can select any exchange rate to apply by click button “Áp dụng”: 「Tỷgiákhôngápdụng」の表では、管理者は「Ápdụng」ボタンをクリックして、適用する つの為替レートを選択できます。 After click button “Áp dụng”, this paper rate exchange is applied and display in “Tỉ giá áp dụng” table 「Áp dụng」ボタンをクリックすると、この紙の為替レートが適用され、「Tỉ giá áp dụng」テーブルに表示されます。 317 ... attention; the message about the importance of each person's responsibility to the ecosystem is still fuzzy 1.6 Literature review 文献レビュー THE GREEN WAY Before starting to develop The Green Way System,... プロジェクトスケジュール Can see all and detail in file: SWP492-G2_TheGreenWay_Schedule.mpp 17 THE GREEN WAY 2.2.2 Meeting Minutes ミーティング議事録 Project Name The Green Way Project Manager Nguyen Manh Cuong Project code... Attendance THE GREEN WAY 2.2.3 Progress Report 進捗レポート 19 THE GREEN WAY 2.2.4 File Name Conventions ファイル名の規則 We are naming files follow this convention: TGW_filename(_vx.x_EN(JP) if need) 20 THE GREEN WAY