Introduction

The website is based on an online shopping portal where people can sign in and easily access the content present inside. The admin of the website is constantly maintaining the server while making major and minor variables. In this project the task is on creating a design of a working website where people can access several materials. A website application is important to create because the whole world is shifting into an online system, thus people want to get access over online because it is easier to access information while staying at home.

Design

Fig 1: Index page or landing page

(Source: Visual studio 2019)

The index page is known as the home page of the website where people will first land after opening the website. This page is designed along with a background image. Here two login options are present and those are User login and admin login.

Fig 2: Contact detail page

(Source: Visual studio 2019)

The contact details are mainly made for the people who are coming to the website for the first time or the user wants to contact an admin then they can easily go through the page

Fig 3: Customer Login and signup Page

(Source: Visual studio 2019)

The customer signup and login page will be connected with the first page. Here the user can sign up for the first time or login into the existing account if they have one.

Fig 4: Shopping page for Customers

(Source: Visual studio 2019)

This design will help the user to understand what category of book they want and how much the price will be (Zakraniet al. 2019). All the details will show after adding them starting from the price.

Fig 5: Checkout page for Customers

(Source: Visual studio 2019)

This page will show the details of order after adding them. The cart will show all the details of the product and payment option.

Fig 6: Login page for Admin

(Source: Visual studio 2019)

The website will have an option for the admin where they can login and see all the details of the existing user.

Implementation

The implementation of the book website will provide an interactive experience to its users. After the design of the pages the next part will be storing all the information of the user so that one time if they login they do not have to again do the same process (Kohliet al. 2022). As the data will be already stored, the user can go through their email and password and login into their existing account. This is how the application will be evaluated. Later if the developer wants to achieve some more options and features they can easily add into the existing system and update its UI.

Outcome

Fig 7: Home page of the Book store

(Source: Visual studio 2019)

In the landing page an interactive UI will be presented to attract the customers. In this page there will be two options: the first one id login option for the customer and the second one is for admin.

Fig 8: Detail contact information

(Source: Visual studio 2019)

The contact page will show all the contact numbers and email of the developers so that if someone might facing a particular issues they can go through the page and find the contact details.

Fig 9: Login page Users

(Source: Visual studio 2019)

The user can easily put their details and signup inside the website to access all the available books.

Fig 10: Shopping UI for the user

(Source: Visual studio 2019)

This is the outcome of the design that the users will achieve when they will go shopping (Saini et al. 2018). They have to write the name of the book and their preferred cover and finally add them in the cart.

Fig 11: Login page for Admin

(Source: Visual studio 2019)

The admin login will also ask for email id and password. After entering details they can access all the users and their activities.

Fig 12: Checkout page of users

(Source: Visual studio 2019)

The ultimate cart will look like this where the payment option will be shown, and customer will put their details and proceed with the purchase.

Fig 13: update information option for user

(Source: Visual studio 2019)

This is an optional page where users can update any information such as their name, surname or email, password.

Fig 14: Detail information of users

(Source: Visual studio 2019)

This page will display all the information of a user and their previous purchase (Di et al. 2020). This user-friendly experience will be the reason for a potential growth of the user.

Challenges

There are many challenges that might arrive in the time of website development:

● Providing a friendly user experience so that users find it appealing for them, it should not be complicated as there will be problems for many users and it will lessen the popularity of the application.

● Integration should be present inside the website as there can be many demands coming in the future from users (Saini et al. 2020). And it can be fulfilled if the website has a proper integration system.

● The personal data of the user should be protected at any cost. Implementing a proper security system is mandatory at the time of creation. Users will provide their card details and other information thus protecting them properly will help an user to trust the website.

● The website should consist of sustainability so that it can be accessed in every device, starting from a desktop to a mobile device. Should be compatible to be implemented in any device.

Conclusion

This website will provide an ultimate experience to the user when it comes to the experience and accessibility. This application will protect all the user’s information and that is the reason why a security system should be implemented to protect the information. Other than that the simple usability features will provide an opportunity to everyone to use. The compatibility of the website will let the user access in every of their devices. Starting from the mobile to computer they can easily achieve the features available.

Reference List

Journals

Butler, R.R., 2020. Estimating Effort for Low-code Applications. East Carolina University.

Di Martino, S., Ferrucci, F., Gravino, C. and Sarro, F., 2020. Assessing the effectiveness of approximate functional sizing approaches for effort estimation. Information and Software Technology, 123, p.106308.

Kohli, P.J. and Noida, D.S.J., A progressive model for effort estimation for web development.

Saini, D.K. and Yousif, J.H., 2018. Effort Estimation Model for Developing Web Applications Based Fuzzy and Practical Models.

Saini, J.R. and Chomal, V.S., 2020. Domain-Based Ranking of Software Test—Effort Estimation Techniques for Academic Projects. In ICT Systems and Sustainability (pp. 53-69). Springer, Singapore.

Zakrani, A., Hain, M. and Idri, A., 2019. Improving software development effort estimating using support vector regression and feature selection. IAES International Journal of Artificial Intelligence, 8(4), p.399.