﷽ ̨ An- Najah National University Faculty of Engineering and Information Technology Computer Engineering Department Software Graduation Project Dr. Samer Arandi Student Name Student Id Lujain Darwazeh 12027928 Noor Hamdan 99142911 Submitted on : Sep 2024 Presented in partial fulfillment of the requirements for Bachelor's degree in Computer Engineering. 2 Table of Contents Dedication: ........................................................................................................ 6 Acknowledgment: .............................................................................................. 7 Disclaimer: ........................................................................................................ 8 Abstract: ........................................................................................................... 9 Chapter 1: Introduction .................................................................................... 10 1.1 Statement of Problem ............................................................................ 10 1.2 Objective ............................................................................................... 10 1.3 Scope of work ........................................................................................ 10 1.4 Importance of the work .......................................................................... 11 1.5 Organization of the report ....................................................................... 11 Chapter 2: Constraints, Standards, and earlier course work ................................ 12 2.1 Constraints ............................................................................................. 12 2.2 Standards ............................................................................................... 13 2.3 Earlier Coursework ................................................................................. 13 Chapter 3: Literature Review ............................................................................ 14 Chapter 4: Methodology................................................................................... 15 4.1 Software needs ....................................................................................... 15 4.2 Tools ...................................................................................................... 15 4.3 UML Diagram .......................................................................................... 16 4.4 Mobile application .................................................................................. 17 4.5 Web application ...................................................................................... 71 Chapter 5: Result and Conclusion .................................................................... 104 Chapter 6: Discussion ..................................................................................... 105 Chapter 7: Future Work .................................................................................. 106 Chapter 8: References .................................................................................... 107 3 Table of Figures Figure 1:Splash Screen ................................................................................................ 17 Figure 2: Log in Screen ................................................................................................ 18 Figure 3:Sign up Screen ............................................................................................... 19 Figure 4:some field are empty ! ................................................................................... 20 Figure 5:invalid email address ..................................................................................... 20 Figure 7:email not yet verified ..................................................................................... 21 Figure 6:Correct filed .................................................................................................. 21 Figure 8:verify email on gmail ..................................................................................... 22 Figure 9: after click on link .......................................................................................... 22 Figure 01 :empty field ................................................................................................. 23 Figure 11: invalid login information ............................................................................. 23 Figure 12:Forgot Password Screen ............................................................................... 24 Figure 13:verification code screen ............................................................................... 24 Figure 14:Verification code ......................................................................................... 25 Figure 15:invalid code ................................................................................................. 25 Figure 16:new password screen ................................................................................... 26 Figure 01 :passwords do not match .............................................................................. 26 Figure 01 :home screen ............................................................................................... 27 Figure 18:home screen ............................................................................................... 27 Figure 20:popularity and Recommended ...................................................................... 28 Figure 21:climbing plants ............................................................................................ 29 Figure 22:Herbaceous plants ....................................................................................... 29 Figure 23:Detailed page screen .................................................................................... 30 Figure 24:Detailed page screen .................................................................................... 30 Figure 22 :search screen .............................................................................................. 31 Figure 26:search suggestion ........................................................................................ 32 Figure 27:search suggestion ........................................................................................ 32 Figure 28:search suggestion ........................................................................................ 32 Figure 31:Result of search screen ................................................................................. 33 Figure 29:Detailed page screen…………………………………………………………………………………………. 35 Figure 30:Detailed page screen .................................................................................... 33 Figure 33 :Failed Add to cart ........................................................................................ 34 Figure 32:Success Add to cart ...................................................................................... 34 Figure 34:Success add to favorite ................................................................................. 35 Figure 32 : Remove from favorite ................................................................................. 35 Figure 36:Shopping cart screen .................................................................................... 36 Figure 37:SOLD OUT ................................................................................................... 36 Figure 38:Shopping cart total price .............................................................................. 37 Figure 31 :success remove from shopping cart ............................................................... 37 Figure 40:wishlist icon ................................................................................................ 38 Figure 41:wishlist screen ............................................................................................. 38 Figure 42:similar plant screen ...................................................................................... 39 Figure 43:shopping cart check out ............................................................................... 40 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170558 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170561 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170562 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170564 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170566 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170570 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170573 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170575 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170576 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170577 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170580 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170582 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170584 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170584 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170586 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170587 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170589 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170591 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170593 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170596 4 Figure 44:shipping Address screen ............................................................................... 40 Figure 45:select location screen ................................................................................... 41 Figure 46:try to finish process without select location ................................................... 41 Figure 48:shipping address new ................................................................................... 42 Figure 47:selected location saved ................................................................................ 42 Figure 49:option screen .............................................................................................. 43 Figure 50:Free pick up option ...................................................................................... 44 Figure 51:our delivery system option ........................................................................... 44 Figure 52:order confirmation ...................................................................................... 45 Figure 23 :delete from cart after order .......................................................................... 45 Figure 22 :Free pick up point map ................................................................................. 46 Figure 54:Free pick up point notification ................................................................... 46 Figure 56:Rating product notification ........................................................................... 47 Figure 57:plant Rating screen ...................................................................................... 48 Figure 58:after plant Rating ......................................................................................... 49 Figure 21 :after submit ................................................................................................ 49 Figure 60:card option ................................................................................................. 50 Figure 61:visa screen .................................................................................................. 50 Figure 62:add visa information .................................................................................... 51 Figure 63:notification user .......................................................................................... 51 Figure 64:payment done ............................................................................................. 51 Figure 65:our delivery system option ........................................................................... 52 Figure 66:chat screen .................................................................................................. 53 Figure 67:settings screen ............................................................................................ 54 Figure 68: edit profile screen ....................................................................................... 55 Figure 69:edit profile successfully ................................................................................ 56 Figure 11 :edit profile image successfully ...................................................................... 56 Figure 71:delete account ............................................................................................. 57 Figure 72:change password screen............................................................................... 58 Figure 13 :wrong old password……………………………………………………………………………………………61 Figure 74:not match password…………………………………………………………………………………………. 61 Figure 75:sucussfully update ....................................................................................... 59 Figure 76:About us screen ........................................................................................... 60 Figure 77:multi language screen .................................................................................. 61 Figure 17 :examples of notifications…………………………………………………………………………………. 63 Figure 79:notifications screen ...................................................................................... 64 Figure 80:login delivery .............................................................................................. 65 Figure 81:delivery home screen ................................................................................... 65 Figure 73 :order details screen ..................................................................................... 66 Figure 82:delivery employee notification ..................................................................... 66 Figure 74 :delivery map screen……………………………………………………………………………………………69 Figure 85:select location ………………………………………………………………………………………………….. 69 Figure 86:sent notification order track ......................................................................... 67 Figure 87:track order screen ........................................................................................ 68 Figure 88:log in web ................................................................................................... 71 Figure 89:log in admin account .................................................................................... 71 Figure 90:home admin screen ..................................................................................... 72 Figure 91:Dashboard screen ........................................................................................ 73 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170598 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170601 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170603 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170605 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170608 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170610 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170611 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170613 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170615 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170621 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170622 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170630 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170633 2 Figure 92:Orders screen .............................................................................................. 74 Figure 93:after press on show more ............................................................................. 74 Figure 94:filter orders ................................................................................................. 75 Figure 95:filter by payment method ............................................................................. 57 Figure 96:filter by delivery option ................................................................................ 76 Figure 97:edit order .................................................................................................... 76 Figure 98:example edit order ...................................................................................... 77 Figure 99:edit amount automatically ........................................................................... 55 Figure 100:add order dialog ........................................................................................ 78 Figure 101:add order example ..................................................................................... 78 Figure 102:press on show more after add order ............................................................ 79 Figure 103:delete order .............................................................................................. 51 Figure 104:customers screen ....................................................................................... 80 Figure 105:filter customers ......................................................................................... 80 Figure 106:example filter buyer customers ................................................................... 81 Figure 107:edit customer ............................................................................................ 81 Figure 108:delete customer ......................................................................................... 82 Figure 109:Add customer ............................................................................................ 38 Figure 110:after add customer .................................................................................... 83 Figure 111:chat screen ................................................................................................ 84 Figure 112:see received messages ............................................................................... 85 Figure 113:reply to messages ...................................................................................... 85 Figure 114:products screen ......................................................................................... 86 Figure 115:add product example ................................................................................. 87 Figure 116:add product example ................................................................................. 87 Figure 117:add product successfully by admin .............................................................. 88 Figure 118:product appear to users successfully ........................................................... 88 Figure 119:add section example .................................................................................. 89 Figure 120:add section example .................................................................................. 89 Figure 121:uccessfully add section ............................................................................... 90 Figure 122:section appear to users successfully ............................................................ 90 Figure 123:product details screen ................................................................................ 91 Figure 124:example edit quantity ................................................................................ 91 Figure 125:successfully update the quantity and description .......................................... 14 Figure 126:change image ............................................................................................ 92 Figure 127:successfully change image .......................................................................... 93 Figure 128:delete plant ............................................................................................... 93 file:///C:/Users/hp/Desktop/PlantPatReport.docx%23_Toc175170666 6 Dedication: First and Foremost, we extend our sincere thanks to God. His blessings have guided us through every step of our educational journey. To our beloved Mohammad , may God bless him and grant him peace, who conveyed the message and illuminated our path. To those who taught us the virtues of success and patience, and who exemplified the art of giving selflessly .To those who stood by us, endured challenges, and whose prayers were the source of our success To our families, friends and everyone who supported us with their encouragement and wisdom. To everyone who contributed to our growth with their knowledge and insight. This humble work is dedicated to all of you. 1 Acknowledgment: Firstly, we thank our supervisor, Dr. Samer Arandi , for his continuous support . also we would like to thank the doctors of Computer Engineering Department for what they gave us during our educational process. 7 Disclaimer: This report was written by Lujain Darwazeh and Noor Hamdan at the Computer Engineering Department, Faculty of Engineering, An-Najah National University. It has not been altered or corrected, other than editorial corrections, because of assessment and it may contain language as well as content errors. The views expressed in it together with any outcomes and recommendations are solely those of Lujain Darwazeh and Noor Hamdan. An-Najah National University accepts no responsibility or liability for the consequences of this report being used for a purpose other than the purpose for which it was commissioned. 1 Abstract: PlantPat : This application encourages people to incorporate green spaces into their living spaces, promoting a healthier and more sustainable lifestyle also Interaction with plants has been proven to reduce stress and improve mental well being. This application provides a user friendly interface that organizes plants into sections. users can easily navigate through different sections to find and explore specific plants , then they can add the plants to their shopping cart and to their wishlist . also our application provide Secure Payment System use cash or visa ,and Delivery System with tracking order to ensure safe delivery of plants. The application supports in mobile and in web. 01 Chapter 1: Introduction 1.1 Statement of Problem Customers often find that visiting nurseries and farms to purchase plants its exhausted and time consuming. Additionally, customers may faced difficulty detailed information about plants, making it challenging for customers to make well decisions about what they need to buy. our application simplify the process, its allow Customers to browsing plants , access detailed information about them ,and purchased them from their own homes. 1.2 Objective The objective of this project is develop an online shopping system designed specifically for the sale of plants. This application aims to simplify the purchasing process for customers, offering a user friendly interface to browse, select, and purchase a diverse plants .the application enhance the overall shopping experience and make it easier for customers to acquire plants with convenience and confidence. 1.3 Scope of work This application provides a personal account for each Customer, well as manager account and delivery service employee. This application offers many services  Specific screen for each section of plants to make easy to customer to find their needs.  Search function to help customers to find the plant easily. 00  Multi Language like Arabic and English ensures that users can navigate, understand, and use the app more effectively.  Messaging System to communicate between Customer and Admin to take advice about plant , also exist Messaging between admin and delivery employee.  Secure Payment System.  Tracking Order. 1.4 Importance of the work  encourages people to add green spaces into their living space.  enhance user convenience, simplify access to plants information. 1.5 Organization of the report The report is structured as follows: In Chapter 2, constraints and standards and Earlier Coursework, we had a thorough detailed discussion about the coursework. The third chapter contains literature review. Methodology , and The resources , techniques at our disposal will be explained in Chapter 4. The fifth chapter, results and analysis , that we found. Chapter 6 Discussion, which will also emphasize the strengths and weaknesses of the study. 02 Chapter 2: Constraints, Standards, and earlier course work 2.1 Constraints  Size and weight: For the app to download quickly and run smoothly, especially on mobile devices, its lightweight design is crucial. The application size needs to be reasonable to prevent performance latency. To enable consumers to download and save the application on their devices, users' devices' storage space must also be decreased.  Coast: The project's cost must stay within the within budget.  Communicate with the rest of the design and system: A third party needs to be integrated into the application, in order to provide secure payment gateways ,a variety of user-friendly payment options like Stripe, the ability to track requests using additional Google services like maps, artificial intelligence-powered recommendation systems that enhance application performance, and a search function, Autocomplete functions such making recommendations while searching for products, can expedite the process.  Specific programming languages or specific systems: The application requires to be created with a version visible on mobile phones and on web also. Additionally, you should use strong programming languages like Node.js for the back end and Flutter for the front end when creating the app. 03 2.2 Standards In order to create a high quality, scalable, and easily maintained application, we have employed agile development approaches. These practices facilitate the early creation of the application as well as its maintenance, problem detection, and feature addition. 2.3 Earlier Coursework We used what we learned in web programming to develop our application , also we made advantage of the database design course and Advance Software to build our backend using Node JS .in addition ,to flutter courses. 04 Chapter 3: Literature Review in recent years online plant shops has experienced rapid growth. driven by the interest gardening, and house plants, and the Comfort and relaxation offered by e commerce platforms. Plants provide many benefits, including social, physiological, emotional, mental (Rihn & Behe, 2023), Recent research has shown increasing interest in the healing and therapeutic potential of nature and interest in the potential of greencare interventions for the benefit of mental health(Jordan, 2014). The value of home gardens has become more apparent among tenants forced into isolation in difficult and uncertain times arising since the COVID-19 pandemic started at the beginning of 2020. While gardens make a significant contribution to the social and ecological environment of cities, most studies have focused on public green spaces. A study was conducted by publishing an online survey.The findings showed that while home gardens are less common among people with low levels of education and larger gardening spaces, they are more likely to be maintained by them. Weed problems and other garden maintenance issues also seem to have an impact. The findings also show that home gardens are critical because they support mental health, underscoring the need of encouraging home gardening before, during, and after epidemics. (Basarir, Al Mansouri, & Ahmed, 2022). There are several similar applications, such as Bloomscape its a website of plants with a focus on sending customers' doors with fully-grown, healthy houseplants, They take great care in selecting the best products for customers that will help support and enhance your plant’s life(Bloomscape, n.d.). In our application we focus on customer comfort at the first place we support easy shopping process with easy deliver products to customers by our track order service. 02 Chapter 4: Methodology We go into great details on the mobile phone and on web application in this chapter, along with their purposes, to give you a complete grasp of the project and how it operates. 4.1 Software needs  Database: Firestore database in Firebase for messaging and notification and order track, MySQL Database to store users and plants.  Programming Language: 1. Flutter : use in client side to create mobile and web screens. 2. Node Js: use in server side to create the APIs that manage the logic and handle the requests. 3. JavaScript :use in client side to connect with server. 4.2 Tools  Visual Studio Code  Android Studio  Postman  MYSQL Database  Firebase  Githup 06 4.3 UML Diagram 01 4.4 Mobile application In our application we have 3 user type (Admin, Buyer, Delivery employee) when the user enter our mobile application the screens will be:  Splash Screen: When the user open the application its firstly appear the 'splash screen'. Figure 1:Splash Screen 07  Log in and sign up Screen's : If user have account it will login using email and password . Figure 2: Log in Screen 01 But if user don’t have account it can press on sign up to appear 'sign up screen' Figure 3:Sign up Screen 21 In 'sign up screen' we added validation for example some field are empty, invalid email address. Figure 5:invalid email address Figure 4:some field are empty ! 20 When enter valid information and press on sign up it will open 'verify email screen' to verify the entered email . Figure 7:email not yet verified Figure 6:Correct filed 22 After email verified successfully it will go to login screen… Figure 9: after click on link Figure 8:verify email on gmail 23 In 'login screen' if the user try to log in with empty or wrong field then log in process will fail. Figure 11: invalid login information Figure 01 :empty field 24  Forgot Password screen's: If the user forget his password he can click on ‘Forgot Your Password’ shown in Figure 11 then 'Forgot Password screen' will appear where user can enter his email to reset his password. After enter email and click on ‘Reset Password’ as shown in Figure 12.then 'verification code screen ' will appear as shown in Figure 13. Figure 13:verification code screen verification code will send for the entered email its contain 4 Random digits numbers as shown in Figure 14. Figure 12:Forgot Password Screen 22 Figure 14:Verification code when user try to enter invalid verification code as shown in Figure 15. Then' update password screen' will not appear. Figure 15:invalid code 26  Update Password screen: After user enter correct verification code then it will open 'Update Password screen' as shown in Figure 16 ,where user can update his password. If two password are not match as shown in Figure 17 , then update password failed and don't go to 'login screen'. Figure 01 :passwords do not match After enter match passwords and press on ‘Update Password’ then 'login screen' will appear and now user can login with his email and password to enter 'home screen' as shown in Figure 18 and Figure 19 . Figure 16:update password screen 21  Home screen: This screen allow user to navigate to multi screen : Section screen Detailed page screen Search screen Shopping cart screen Chat screen Setting screen Notification screen Figure 01 :home screen Figure 18:home screen 27 home page display the section's that we have in our application like small shrubs, climbing plants, Herbaceous and any other section's the admin will add from his home page (home admin page ) we will explain it later.. on the Home page, the plant appears to the user according to two part as shown in Figure 20 ,first part is popularity part for the maximum two average Rate of plants in our application ,where each user can rate the plant after buy it and we will compute average rate for each plant.. the secound part is Recommended part (AI Recommendation system) we use a content based algorithm that depends on what user interaction and some feature of the plant. Figure 20:popularity and Recommended 21  Section screen: user can select any section in home page to see all plant's who belonged to this section as shown in Figure 21, Figure 22. Also user can interact with plant by put it in his wishlist to return to it later.. Figure 21:climbing plants Figure 22:Herbaceous plants 31  Detailed page screen: When user select any plant he will enter to detailed page to see all information related to this plant like name, description, size, height, price and name of section that this plant belong as shown in Figure 23, Figure 24. Also user can interact with plant by put it in his wishlist or put it in his shopping cart to return to it later.. Figure 24:Detailed page screen Figure 23:Detailed page screen 30  Search screen: user can search about any plant he need ,when user start to write our search system will help the user by give suggestions about what to continue write as shown in Figure 26, Figure 27, Figure 28 . Figure 22 :search screen 32 Figure 27:search suggestion Figure 26:search suggestion Figure 28:search suggestion 33  Result of search screen: After user select plant from search suggestion in our case 'Boxwood' then 'result of search screen' will display all plants with this name as shown in Figure 31. in our case we have two plant with name 'Boxwood' with different details we can select each one to see its details as shown in Figure 29, Figure 30. Figure 31:Result of search screen Figure 29:Detailed page screen Figure 30:Detailed page screen 34 user can add any plant to his shopping cart when he press on ' Add to cart' Then our application will print to user message to show success add to cart as shown in Figure 32. But if plant added before to shopping cart it will not add it again and will print message to user to show failed add to cart as shown in Figure 33. Figure 33 :Failed Add to cart Figure 32:Success Add to cart 32 user can add any plant to his Wishlist when he press on Love icon Then application will print to user message to show success add to favorite as shown in Figure 34. Also user can remove plant from wishlist Then application will print to user message to show success remove from favorite as shown in Figure 35. Figure 32 : Remove from favorite Figure 34:Success add to favorite 36  Shopping cart screen: user can press on cart icon exist in 'home screen' to see all plants added to his shopping cart as shown in Figure 36. Also user can increase quantity for each plant by click on plus icon and can decrease it by click on minus icon. If user try to increase quantity more than what in stock Then application will print to user message to show Failed increase quantity as shown in Figure 37. Figure 37:SOLD OUT Figure 36:Shopping cart screen 31 user can select the plants he want to buy by placing a checkbox then the total price will display automatically as shown in Figure 38. Also user can remove plant by press on icon remove Then application will print to user message to show success remove from Shopping cart as shown in Figure 39. Figure 31 :success remove from shopping cart Figure 38:Shopping cart total price 37  Wishlist screen: User can see all plants he added to his wishlist by click on love icon as shown in Figure 40. after click on this icon 'Wishlist screen' will appear as shown in Figure 41. Figure 41:wishlist screen Figure 40:wishlist icon 31  Similar Plant screen: user can see all similar plant for each plant in his wishlist by press on 'Find Similar' button exist under each plant in wishlist as shown in Figure 41. After user press on 'Find Similar' then 'Find Similar screen' will display as shown in Figure 42. Where Similar plant will be plants with same section belong and same size for the selected plant. Figure 42:similar plant screen 41  Shipping Address screen: After user select the plants that he need to buy then he can click on 'Checkout' button as shown in Figure 43. After that 'shipping Address screen' will appear with last buying information added by this user as shown in Figure 44. also user can change all this information as he need for example it can change the location by write it by his hand or he can use google map by click on map icon as shown in next page. Figure 44:shipping Address screen Figure 43:shopping cart check out 40  Map Select location screen: When user click on map icon exist in 'Shipping Address screen' then 'map select location screen' will open to allow user to select location shown in Figure 45. user must select location and then press on 'done', If user try to finish process without select location by press on done Then application will print to user message as shown in Figure 46. Figure 46:try to finish process without select location Figure 45:select location screen 42 Now After user selected the location he can press on save button exist in 'shipping Address screen' to continue the order process.. Figure 48:shipping address new Figure 47:selected location saved 43  Option screen: After press on save button 'option screen' will appear to allow user to select Delivery option and Payment method as shown in Figure 49. In our application we have two Delivery option :Free pickup point or our delivery system . Also we have two payment method :using cash or using card. Figure 49:option screen 44 if user select Free pickup point as Delivery option then Delivery Price equal to zero and Total Price will be the price of plants only as shown in Figure 50. But if user select our delivery system as Delivery option then Delivery Price equal to 20$ and Total Price will be the price of plants with add delivery price as shown in Figure 51. Figure 51:our delivery system option Figure 50:Free pick up option 42 If user select Free pickup point as Delivery option and cash as payment method then press 'Done' as shown in Figure 52. The Purchased plants will delete from shopping cart as shown in Figure 53. then our application will send two notification to this user first one is to tell user about our free pickup point location and the second is about ask user to Rate the Purchased plants as we will explain next page . Figure 23 :delete from cart after order Figure 52:order confirmation 46 If user press on notification icon exist in home page he can see all his notifications we will explain it later. In case user select Free pickup point as Delivery option and cash as payment method ,the first notification have title 'Free pick up point' as shown in Figure 54. if user click on this notification it will open map Free pick up point for plantpat as shown in Figure 55. where our Free pick up point located in Rafidia. Figure 22 :Free pick up point map Figure 54:Free pick up point notification 41 After user click on notification with title 'Free pick up point' then it will mark as read so its background color convert to white as shown in Figure 56. The second notification for our case have title 'Rating product' as shown in Figure 56.when user click on this notification our application will open 'Plant Ratings screen' to allow user to Rate the Purchased plants as we will explain next page. Figure 56:Rating product notification 47  Plant Ratings screen: this screen displayed image for each plant Purchased by this order as shown in Figure 57 . Figure 57:plant Rating screen 41 user can click on star icons that exist under each plant to Rate it as shown in Figure 58. and after he finish Rate he can click on 'Submit'. Figure 21 :after submit Figure 58:after plant Rating 21 if user make order with select Free pickup point as Delivery option and card as payment method and press 'Done' as shown in Figure 60.Then user can pay by visa as shown in Figure 61. Figure 61:visa screen Figure 60:card option 20 user can enter details of visa and card number as shown in Figure 62. Also in this case will arrive to user two notification as shown in Figure 63. Figure 63:notification user Figure 64:payment done Figure 62:add visa information 22 If user select 'our delivery system' as Delivery option as shown in Figure 65.it will have two notification the first is to Rate the Purchased plants and the second is sent from delivery employee when he start delivering user order to allow user to track his order we will explain it later. Figure 65:our delivery system option 23  Chat screen: user can click on chat icon exist in his home page to ask the professional (Technical support) and take advice about any plant in system. he can chat him use texting and insert image also as shown in Figure 66. Figure 66:chat screen 24  Settings screen: user can click on setting icon exist in his home page and from setting screen he can do multi actions as shown in Figure 67: Profile screen Delete account Change password screen Log out Multi language About us Figure 67:settings screen 22  Edit profile screen: if user click on 'profile' from 'settings screen' then he can see all his information as shown in Figure 68. Figure 68: edit profile screen 26 user can edit any information then press on 'Update' Then application will print to user message to show success update profile as shown in Figure 69. Also user can edit his profile image by click on pencil icon exist in 'Edit profile screen' and select image from gallery then the new image will appear as shown in Figure 70. Figure 11 :edit profile image successfully Figure 69:edit profile successfully 21 if user click on 'delete account' from 'settings screen' then the application will display box to ask user if he sure to delete his account as shown in Figure 71. Figure 71:delete account 27  Change password screen: if user click on 'change password' from 'settings screen' then 'Change password screen' will appear as shown in Figure 72. Figure 72:change password screen 21 user must firstly add his old passwod to allow him to change the password ,if old password is wrong Then application will print to user message as shown in Figure 73.to solve this issue user can click on link 'Forgot Your password' as we explain before then'Forgot Password screen' will appear as shown in Figure 12. If password update successfully Then application will print to user message to show success update password as shown in Figure 75. Figure 13 :wrong old password Figure 74:not match password Figure 75:sucussfully update 61  About us screen: Figure 76:About us screen 60  Multi language screen: User can select language he need , our application support Arabic and English as shown in Figure 77. Figure 77:multi language screen 62 After user select 'Arabic' then our application will be as : 63 64  Notifications screen: user can click on notification icon exist in home page to see all notifications that reached to him as shown in Figure 79. Also, Figure 78 shows examples of a notifications that reaches the user. 'private Reminder' :when user has plant in his cart that nearly becomes sold out this notification is a warning to the user to purchase it before it finished. 'New Collection' : when admin add new plant to the system and its depends on the interest of the user , if user interested with the added plant then our application will send to this user a notification to inform him that the new collection was added. 'Order Track' : when our Delivery employee start deliver the order it will send this notification to user to allow him to track his order. Figure 17 :examples of notifications Figure 79:notifications screen 62  Delivery employee Home screen: In our application we have one Delivery employee, he can login with his account as shown in Figure 80 . After our Delivery employee login then 'Delivery employee Home screen' will appear as shown in Figure 81. in Delivery employee Home screen the delivery can go to multi screen like: Notifications screen to see all orders from users whose select 'our delivery system' as Delivery option. Settings screen to see and update his information. Chat screen to chat with admin . Figure 81:delivery home screen Figure 80:login delivery 66  Delivery employee Notifications screen and order Details screen : When delivery employee press on notification icon exist in his home page then 'Delivery employee Notifications screen' will appear as shown in Figure 82. delivery employee can click on notification to see 'order details screen' as shown in Figure 83. Also Delivery employee can press on 'open map to start delivery' as we will explain in next page. Figure 73 :order details screen Figure 82:delivery employee notification 61  Delivery employee map screen: When Delivery employee press on 'open map to start delivery' then 'google map screen' will appear to delivery as shown in Figure 84 ,and he can select his location 'green marker' ,also he can see the user location 'blue marker' as shown in Figure 85. If delivery want to start deliver the order he can press on run icon, then notification will send to user with title 'Order Track' as shown in Figure 86.after that user can press on this notification to track his order as shown next page. Figure 74 :delivery map screen Figure 85:select location Figure 86:sent notification order track 67  User Track order screen : After sent notification to user with title 'Order Track' as shown in Figure 79. user can press on this notification then 'User Track order screen' will appear as shown in Figure 87. We used background location service to track order so if delivery employee exit from his 'map screen' then the location will continuously update to reach the user location. In next page ,example if delivery employee select his location in so the delivery 'سما نابلس بارك' And user location. 'منتزه ضو القمر' employee will travel from selected location to user location and he will stop when select location reach user location . and user can track the order from ' User Track order screen '. Figure 87:track order screen 61 Delivery employee map screen: 11 User Track order screen: 10 4.5 Web application Our application support user and admin web application with full access as we will explain next pages.  Log in web Screen : users and admin can login using this page shown in Figure 88. If admin login use his account as shown in Figure 89 then home admin page will appear as shown next page. Figure 88:log in web Figure 89:log in admin account 12  Home admin Screen : When admin click on drawer as shown in Figure 90, he can go to multi screen like: Dashboard screen. Orders screen. Chat screen. Products screen. Figure 90:home admin screen 13  Dashboard screen: In this screen admin can see the total Revenue,Total orders number, Total customers number, Total product number . he can also see the best selling products from max revenue to min revenue. and the Recent users orders with option 'our delivery system' as Delivery option as shown in Figure 91. Figure 91:Dashboard screen 14  Orders screen: in this screen admin can see all the orders as shown in Figure 92.also he can press on 'show more' to see details for each order as shown in Figure 93. Figure 92:Orders screen Figure 93:after press on show more 12 Admin can also filter the orders as shown in Figure 94, he can filter by payment method as shown in Figure 95 or by Delivery option as shown in Figure 96. Figure 94:filter orders Figure 95:filter by payment method 16 Figure 96:filter by delivery option admin can select order and then press on pencil icon to edit the order as shown in Figure 97 . Figure 97:edit order 11 Figure 98 shows example of edit the count of products in specific order. then the total amount will recompute automatically with the edited information as shown in Figure 99. Figure 98:example edit order Figure 99:edit amount automatically 17 Admin can also add order by press on plus icon then add order Dialog will appear as shown in Figure 100. Figure 100:add order dialog Figure 101:add order example 11 Figure 102:press on show more after add order Admin can also select order then press on rubbish icon to delete it as shown in Figure 103. Figure 103:delete order 71  Customers screen: Admin can see all customers exist in system as shown in Figure 104.and he can filter customers by their type as shown in Figure 105. Figure 104:customers screen Figure 105:filter customers 70 Figure 106:example filter buyer customers admin can select customer and then press on pencil icon to edit customer information as shown in Figure 107. Figure 107:edit customer 72 Admin can also select customer then press on rubbish icon to delete it as shown in Figure 108. Figure 108:delete customer Admin can also add customer by press on plus icon then add customer Dialog will appear. Figure 109 show example for add customer. 73 Figure 109:Add customer Figure 110:after add customer 74  Chat screen: Admin can see all received messages from users and from delivery employee as shown in Figure 111. admin can click on user chat to see the messages come from him as shown in Figure 112 and he can also reply as shown in Figure 113. Figure 111:chat screen 72 Figure 112:see received messages Figure 113:reply to messages 76  products screen: in this screen admin can do several tasks like : Add product. Add section. See and edit Product details. Figure 114:products screen 71 When Admin press on 'add product' then Add product Dialog will appear. Figure 115 , and Figure 116 shows example for add new product to the system. Figure 115:add product example Figure 116:add product example 77 Figure 117 shows add product successfully by admin and Figure 118 shows product appear to users successfully in user side. Figure 117:add product successfully by admin Figure 118:product appear to users successfully 71 When Admin press on 'add section then Add section Dialog will appear. Figure 119 , and Figure 120 shows example for add new section to the system. Figure 119:add section example Figure 120:add section example 11 After admin add the new section now he can add products to it. he can press on 'add product' then he will see the new added section exist in the section options as shown in Figure 121. Figure 121:uccessfully add section Figure 122 shows section appear to users successfully in user side. Figure 122:section appear to users successfully 10  Product details screen: admin can see Product details when he press on the product that exist on 'products screen' then 'Product details screen' will appear as shown in Figure 123. Also he can edit any field when press on pencil icon , Figure 124 shows example for edit the quantity of plant. Figure 123:product details screen Figure 124:example edit quantity 12 Figure 125:successfully update the quantity and description Admin can also change image for plant , as shown in Figure 126 and Figure 127. Figure 126:change image 13 Figure 127:successfully change image Admin can delete plant by click on 'Delete' button or by click on rubbish icon . Figure 128:delete plant 14  user web: our application also support user web here are some images for user login in web instead of mobile… 12 16 11 17 11 011 010 012 013 014 Chapter 5: Result and Conclusion The software provides a platform where users can buy plant easily, where we have successfully offer simple operate and use program achieves comfort for users in browsing and purchase plants. The project's objective was accomplished: develop an online shopping system designed specifically for the sale of plants with strong functionality .Users now have access to a safe payment option, which promotes security and trust, they also can track their order in easy way ,Users receive recommendations from artificial intelligence, which guarantees the application's success. We learned a lot of new programming techniques from this project that we not know them before. 012 Chapter 6: Discussion plantpat is a program that helps users to browsing and purchase plants easily without visiting nurseries and farms. It provide easy searching for the plants they want, and it provides a delivery service for the purchased plants. and it also provide chatting system to ask professional about the plants and take advise . Without any problems with functionality, performance, or security, we successfully completed the project and enhanced our capacity for self- learning. 016 Chapter 7: Future Work 1.Cooperation with home and garden decor stores :Cooperation between online plant shopping platforms and home and garden decor stores presents significant opportunities for growth and enhanced customer experiences. 2.Augmented Reality (AR):uses could use AR to imagine how plants will look in their homes or gardens before purchasing them. This involves simulating various lighting setups and conditions. 3. Blockchain technology : Blockchain technology can be integrated to our application it will make it much better. because its ensuring the security and transparency of transactions .its reduce the possibility of data breaches, fraud, and illegal access. 4. Smart Devices for Plant Care: Integrating smart devices that track health of plant (moisture, light, temperature) and provide users with information via a mobile app. These smart devices could be offered as part of the plant purchase. 5.Plant Care Communities: Online apps where users can join groups based on plant section or gardening interests, exchanging advise, and participating in group buys. 011 Chapter 8: References Rihn, A. L., & Behe, B. K. (2023). Plant benefit perceptions influence consumers' likelihood to buy and differs across age cohorts. Journal of Environmental Horticulture, 41(4), 152-160. https://doi.org/10.24266/0738-2898-41.4.152 Jordan, M. (2014). Nature and therapy: Understanding counselling and psychotherapy in outdoor spaces. Routledge. https://doi.org/10.4324/9781315752457 Bloomscape. (n.d.). Bloomscape guarantee. https://bloomscape.com/bloomscape-guarantee/ Basarir, A., Al Mansouri, N. M. N., & Ahmed, Z. F. R. (2022). Householders’ attitude, preferences, and willingness to have home garden at time of pandemics. Horticulturae, 8(1), 56. https://doi.org/10.3390/horticulturae8010056 https://doi.org/10.24266/0738-2898-41.4.152 https://doi.org/10.4324/9781315752457 https://bloomscape.com/bloomscape-guarantee/ https://doi.org/10.3390/horticulturae8010056