Khóa luận tốt nghiệp: Building an online audio book system

Provides book introduction functionality via popularity and similar categorieswith the user's reading history Allows users to search for books by genre, state of books ongoing or finishe

VIETNAM NATIONAL UNIVERSITY HOCHIMINH CITY UNIVERSITY OF INFORMATION TECHNOLOGY

ADVANCED PROGRAM IN INFORMATION SYSTEMS

VAN MANH KHANG-16520571

NGUYEN ĐỨC HUY-16520516

BACHELOR OF ENGINEERING IN INFORMATION SYSTEMS

HO CHI MINH CITY, 2020

NATIONAL UNIVERSITY HOCHIMINH CITYUNIVERSITY OF INFORMATION TECHNOLOGYADVANCED PROGRAM IN INFORMATION SYSTEMS

VAN MANH KHANG-16520571 NGUYEN ĐỨC HUY-16520516

BACHELOR OF ENGINEERING IN INFORMATION SYSTEMS

THESIS ADVISOR

PH.D DO TRONG HOP

HO CHI MINH CITY, 2020

ASSESSMENT COMMITTEE

The Assessment Committee is established under the Decision , date

¬— by Rector ofthe University of Information Technology

- Chairman

First of all, We would like to sincerely thank the teachers of the University of

Information Technology, National University of Ho Chi Minh City, especially the

teachers of the Information System Faculty It is thanks to the valuable knowledge thatthe teachers passed through the school hours that have created a stepping stone andsolid luggage to help me complete the topic better

In particular, We would like to extend my sincere thanks and deep gratitude to Mr Do

Trong Hop, thank you for his enthusiastic guidance and favorable conditions for me to

complete this thesis Thanks to the suggestions and corrections of the teacher, We canovercome my own shortcomings and errors to better orient the topic development

Besides, We would also like to thank my friends and especially my family for alwayscheering and helping me to improve this topic

During the process of implementing the topic, We always put the research, researchand development of the topic as a top goal combined with the available backgroundknowledge to be able to complete the topic in the best way However, in theimplementation process, shortcomings are inevitable Therefore, We look forward to

receiving helpful contributions and advice from the teachers to strengthen the existing

knowledge and be a prerequisite for me to be able to implement other projects in thefuture

Thank you sincerely

il

LIST OF TA BLUEES - <5 << s5 HH TH Hư n0090 i

LIST OF ACRONNYMS -.5- <5 sọ HH cọ Họ HH TH Tưng ii

Chapter 2 FUNDAMENTAL KNOWLEDGE o 0G S9 9299569955 5

2.1 Theoretical basis and our appÏICafIOH - - ¿52 2+2 + *2£+vEseEsrxerreresreee 5

PM sJon na 5

QQ APD má 5

2.2.2 REST- RESTful API in website design - sexy 6

ili

2.2.3 Build RESTful API with PHP £amework-Laravel -‹+ <<- 72.2.4 Design font-end and fetch API with ReactUS 0 ecceeseeeseneeteeeeeees 9

Chapter 3 SYSTEM ANALYSIS AND DESIGN -c< scse=sesse 11

EVv 0i 7 II

3.1.1 Function reduIr€Im€RIfS: - - c5 +: *+t SE E*EEEEErrrrxrrrrrrrkrrrrrke II

3.1.2 Non-function requirement: 5 2223 33323 E*EE+EEeEetrerrereererrree 11

E0 vi 12

3.2.1 Description Of ACÍOTS - cành TH TH Tnhh Hiệp 13

3.2.2 Description of Use CAS€S: 2 St Sn SE SE 1 tr reg 13

3.3 Vi 15

3.3.1 Create book, chapter OF Ø€T€ - ¿+ c +33 E+vEEseeeeerererses 153.3.2 Update book, chapter or Ø€TIF€ 22322 **EE+EE+EEeEEererrereerrrrree 16

3.3.3 Delete book, chapter or Ø€TC ¿2 22+ 23 E*EE*EEeEstrerrreresrsrrree 17

3.3.4 Granting or removing administrator perm1SS1OTS - - 5: 17 3.3.5 Like, booKimarK - - ¿c2 1 16621122511 5111 531 1311 111 111 6 811kg ky 18

3.3.6 Rating a DOOK ¿S111 kề TH 20

3.4 Sequence đIaØTAIM G0 1v SE TH HT TT TT TH ngàn rệt 21

3.4.1 Create book, chapter Or Ø€TIT - ¿65+ S* + +*sE+vEstsrrstserseekrske 21

3.4.2 Update book, chapter or Ø€TIF€ - - :- +cS+t SE SEEtrsrrrrrrrrrrrree 22

3.4.3 Delete book, Chap€T - - - + th ST nưệt 23

3.4.4 Granting or removing administrator perniSSIO'S - - : 243.4.5 Like, cố 25

3.4.6 (cioocUPNẬẠIỌmậađiadađia 26

E9 anää5ä ,,ƠỎ 27

3.6 Database diagram na 34

Chapter 4 INSTALLATION AND DEPLOYMENTT < << 5< «se 35

"(s0 ầẽ 35

IV

4.2 Development environment and system deployment - ‹ - =5: 35

4.2.1 Development envITOnIm€I( - - 6 + 3xx EeekEekekrskekrseerek 35

4.2.2 Deployment enVITOTIN€TIẨ - c2 332 3323323333 EE+EEEeeeeeereeereersss 35

4.2.3 Testing ad 38

4.3 Function SCreens: na ố 38

Chapter 5 CONCLUTION AND DEVELOPMENT PLAN 56

56

SN ae 31A Ẽ 57

5.2 Orientation of topic developimenit - 2+ 32+ + *E£‡evEexexrrrreseexes 57 REFERENCE BG An" ẽ nh 58

LIST OF FIGURES

œs[Hlt›

Figure 2.1 Relationship between client, API and server[2] - 5+5 s++s++sx++ 6Figure 3.1 Use case điaØTa1m - - «5c + SE 19 1 TH HH HH HH Hành 12Figure 3.2 Activities diagram about Create book, chapter or Ø€ne - 15

Figure 3.3 Activities diagram about Update book, chapter or øene 16

Figure 3.4 Activities diagram about Delete, book, chapter or øenre 17

Figure 3.5 Activities diagram about Granting or removing administrator

96) 155195227257 ỀỀẼ5ẼŸẼẼÃà 18Figure 3.6 Activities diagram about Like, bookmarK ¿ +5 55+ +5 s++ss++sx+sxs+ 19Figure 3.7 Activities diagram about Rating a boOK - - + ++s+++e++ex+eexsexsses 20Figure 3.8 Sequence diagram about create book, chapter or øere - 21Figure 3.9 Sequence diagram about create book, chapter or Ø€Te - 22Figure 3.10 Sequence diagram about delete book, chapter - ‹+-s++-«2 23Figure 3.11 Sequence diagram about Granting or removing administrator

Permissions Meee ANT, fines ce MeL Lee 24

Figure 3.12 Sequence diagram about click on like/bookmark button 25

Figure 3.13 Sequence diagram about rating a DOOK -++++++++sx+x+ex+eesez 26Figure 3.14 Class iaØTA1T G2 132013213331 3913 9111911 111 1 11 118 1 vn HH niên 27Figure 3.15 Database diagram 0n 34

Figure 4.1 Choose file and add to arc1ve - - 5 6+ vn ng re 36

Figure 4.2 Export database 0n 36

Figure 4.3 Upload zip file to html_public folder then extract to html_public 37

Figure 4.4 Import database to S€TV©T G0 91191 1 1011111 1 HH HH niên 37Figure 4.5 Edit env (11177 38Figure 4.6 Home page ccceccecescsscesseseeeeseeseeceeeeeaeeeceseeeesceacaeseaeeeceseeseseceeseneeeeees 39Figure 4.7 Book detail page cccecessesscsssesseesseesecseeeaeceeceseceseeseceseceeeeaeenseeaeenaeeseeegs 41Figure 4.8 Chapters detail Dag€ - c3 3211121131111 1211111111111 111 1111 ket 44

Figure 4.9 User D4© - Gà ST nh TH HT TH HH TH HH nà 46

Figure 4.10 User’s history DÀ© - c1 S1 SH TH TH TH ng HH nh rưệp 47IlAI00is6 006/505 39)4 00 47

Mi

Figure 4.12 Admin book management Page ¿c3 +3 *+++E+eeveersersereee 49Figure 4.13 Admin book detail pAg€ c5 2+ 22321 2S se 51

Figure 4.14 Create category page - Ác HH TH HH HH nh 53

Figure b10i 0 v00 53Figure 4.16 Create chapter page ccceccecceseeseeseeseesceseeseeceeeceeeeeeeeceeeeeeeeaeeeenereeees 53Figure W85/3)00009 021.2 nnee 55

vil

LIST OE TABLES

css

Table 3.1 Description Of ACtors cccececcesesseseesseseeseeseeseeseeseeceeceeseeceeaeceeaeeeeneeaeeatens 13Table 3.2 Description Of Use Cases É 14Table 3.3 Class diagram Book category table c.cececeeseecceseeseeceeececeeeeeseeeeeeeeeens 28Table 3.4 Class diagram Books tfabÌ + + +11 13 1 9 2111915111 re 28Table 3.5 Class diagram Categories table + 3 1+ ESkEeeersrrrrrrrervre 29Table 3.6 Class diagram Chapter tabÌe 5+ 2+2 *+**+2E+v++rErrsrrrrrrrserrerrke 29Table 3.7 Class diagram User †abÏ€ - c6 1 3112111112 119115111111 1111 111k ket 30Table 3.8 Class diagram Assets tabÏ€ - - c1 1211111 1111111111181 8111111 11 ket 30Table 3.9 Class diagram Bookmarks tabÏe - -¿ ¿5+2 S+* +2 + +exrerrerserserree 31Table 3.10 Class diagram Like tabÌ€ - - c3 32213912 E+E+EEEEeEEeeeeerrrerrrervre 31Table 3.11 Class diagram Histories table ccccceccscceseesseeeessceseceseeeceseeseesseeereeses 32Table 3.12 Class diagram Ratings cccccceeccescesceseeseeceeseeseeceeseesesceeeceeeeeeeeeaeeaeens 32Table 3.13 Class diagram Comments table oo ccc ccccececsceeceeseceseceeeeseceeeeeeceaeeeeenaes 33Table 3.14 Class diagram Replies table cccccecceceescesceceeseeceeseeseeceesceeseeeeeeeeneeetens 33Table 4.1 Description of home page - - - 2 2322 322 E2E+EE+EEEeEEeeEeeerreereererers 40Table 4.2 Description of book detail page - - 5c 2222: ++e*+Essrrsrrrrrrrrsrrree 43Table 4.3 Description of chapter detail page - -¿- 1S SE ksksreekrrrek 45Table 4.4 Description Of US€T Page c3 22 221112113 1125151151111 11111 xe 46Table 4.5 Description of history, bookmark, like page -¿- - 5+ +s++s>+s>s+2 48Table 4.6 Description of book management page + +5 5+ svseeersxes 49Table 4.7 Description of Admin book detail page - 5-55: cscs+scssecsersee 52

Table 4.8 Description of create book/chapter/category page - -c«cc+xs+ 54

Table 4.9 Description of edit book page - - - c3 1S xe, 55

LIST OF ACRONYMS

NO Acronyms Stands for

1 API Application Programming Interface

2 HTTP Hyper Text Transfer Protocol

3 JSON JavaScript Object Notation

4 PHP Hypertext Preprocessor

5 SQL Structured Query Language

6 HTML Hypertext Markup Language

7 CSS Cascading Style Sheets

8 REST Representational State Transfer

9 CRUD CREATE,READ,UPDATE,DELETE

10 XAMPP X (any of four different operating systems),

Apache, MySQL, PHP and Perl

11 UI User Interface

il

Thesis "building an online audio book system" is aimed at those who have little free

time, children, the elderly, people with eye problems or illiterate people wishing toaccess the knowledge source that books bring With the growing internet and theadvantages that audio books bring, this topic is very practical as well as developing anew direction for the publication of books in the future

This thesis is to build a website, which uses PHP to build api and then use JavaScript

to get and use them for the website UI, with the aim of providing the administratormanagement can manage their own audio books Meanwhile, users can save the booksthey want to listen to, bookmarks the chapters they want as well as comment and

evaluating the books they have just heard

After surveying and understanding the needs of users, the project is developed inthe following direction:

- Build a friendly and easy-to-use interface for users, using carefully polishedsound Besides allowing users to manage their books conveniently

- Construction tools include: PHP, Laravel, API, JavaScript, Html and Css,

ReactJS, MySQL

Chapter 1 PROBLEM OVERVIEW

1.1 Problem statement

Reading is an essential human need However, due to clack of time and

eye-impacting reading, reading books by listening to audio has become more and more

popular

Unlike printed books, audiobooks are books that are converted to audio contentthrough human voices Recently as technology has developed, the reading culture hasalso changed In this flow, audiobooks have begun to accelerate and are received moreand more for their convenience Many opinions say that audio books help us takeadvantage of daily "dead times" such as moving, cleaning the house or cooking.Anyone can listen to audio books and acquire knowledge in each page without having

to read like with printed books

Audio books are a potential market in Vietnam because they are suitable to theneeds of the world as well as of domestic readers In particular, Vietnam is a country

with a young population that is very willing to follow the world's technology trends In

the developed world books, Vietnam is not out of that trend When readers listen toaudio books, they become a habit, they will think and develop a habit of reading

Therefore, the project aims to build a website so that people can find and listen tobooks that they like At the same time also created a system to manage them

1.1.1 Current status survey

As mentioned above, audiobooks have a great potential for growth in Vietnam

According to Deloitte's forecast, in 2020, global audiobook consumption will

increase 25% compared to 2019 and reach a value of $ 3.5 billion In Vietnam, experts

say that the potential for developing this book model is huge because the rapiddevelopment of mobile devices such as smartphones allows the publication and access

to books speaking becomes easier

In the Waka report in 2019, the audiobook segment, although not the main contentfocus segment, however, on average there are more than 200,000 listeners per month,while the volume of audiobooks in Waka's inventory only accounts for 1-2 %

Along with the trend of the world, the reading habits of Vietnamese readers are also

shifting to the use of mobile devices And the response of readers to the recent release

of audiobooks will be the premise for audiobooks to find a foothold in the Vietnamese

book market.[1]

1.2 Objectives

The thesis focuses on building a system to support users to read books throughaudio by using RESTful API The different from other system is that the system supportfeatures for remembering user’s usage history, saving listening positions,

recommending books with similar content, or relevant content to users through popular

recommendation methods

1.3 Scope

e The image and audio files stored in the project are for illustrative purposes only,

not related to any copyrighted material

e Platform: Laravel and React

e Programming language: PHP, JavaScript, Html and Css

e Database: MySQL

e Library: Bootstrap

1.4 Methods and tools of implementation

1.4.1 Method

e Use PHP and MySQL to build REST API server

e Use Html, css, JavaScript to design web interface and to get and send data to

server via API

1.4.2 Tools

e Laravel: popular PHP platform that helps in building the back-end of the website

e MySQL: free database management system

e XAMPP: PHP development environment, allowing website test run on localhost

e ReactJS an open-source, front end, JavaScript library for building user interfaces

or UI components

1.5 Report layout

The thesis is divided into five chapters

Chapter |: Problem Overview

Introduction of ejection of the thesis content The content of the first chapterincludes: the reasons for choosing the topic, the research objectives and scope of thetopic, the object, the research method and the implementation content and the layout of

the report

Chapter 2: Fundamental Knowledge

Introduce and give reasons to choose the technologies used in the topic Givinggeneral information and analyzing advantages and disadvantages of the algorithms thatwill be used in the topic

Chapter 3: System analysis and design

Provide about synchronous process diagram, system design analysis, databasedesign

Chapter 4: Installing and Deploying the System

This chapter shows the system requirements, installation steps, testing results, and

an introduction to the system's interface

Chapter 5: Conclusion

Generalizing the results achieved when implementing the topic, new points of thetopic and development orientation for the topic in the future

Chapter 2 FUNDAMENTAL KNOWLEDGE

2.1

2.2

2.2.1

Theoretical basis and our application

The website has a function to introduce books to users through: views, creation

or updating time, books of the same category as currently reading books andrandom books

Provides book introduction functionality via popularity and similar categorieswith the user's reading history

Allows users to search for books by genre, state of books (ongoing or finished)

or search by book title or author

Users can bookmark the books they want with bookmarking function, like readbooks and manage them easily through bookmarks page

Users can read the book's contents while listening to the book's audio, increasingthe reader's experience

Has the function to change the audio playback speed depending on thepreferences of each person

Comment and reply to comments on books have read

Technical basic

API

API (Application Programming Interface), is a method that allows connecting a

server to many different applications at the same time Since the client and server areindependent of each other, it is very convenient for programming and development

With the API, programmers can access and retrieve data from the server, making it

easier to present them on their software application or website

MOBILE T1

—— ——

USERS = INTERNET

API DESKTOP

SERVER DATABASE

Figure 2.1 Relationship between client, API and server[2]

2.2.2 REST- RESTful API in website design

2.2.2.1 REST and RESTful API

REST, short for Representational State Transfer, is a collection of instruction and

architecture used for data transportation

REST was originally designed for use with web services and take advantage ofHTTP However, any software can use REST as a bridge to communicate with otherapplications better and more efficiently That is also the reason why REST is the defaultstandard for most protocols And the APIs that are designed according to a RESTarchitecture are called RESTful APIs.[3]

2.2.2.2 CRUD

CRUB includes: Create, Read, Update, Delete These are the four basic functions

of any database REST and RESTful are no exception These architectures all fullysupport 4 commands, making it easier to manipulate data from the server

In REST, 4 commands have a slightly different name:

e Post: The function of creating new data and information

e Get: The command reads / retrieves a new data or information

e Put: Update information and existing data

e Delete: Delete existing information and data [3]

2.2.3 Build RESTful API with PHP framework-Laravel

2.2.3.1 PHP

PHP (recursive acronym for PHP: Hypertext Preprocess is a scripting

programming language commonly used for building application for server,

open-source [3]

PHP can be used in web HTML using PHP tag <? php ?>

Different for client-side language like JavaScript, PHP can process all the code onthe server, generate HTML and then sent to the client-site

The best things in using PHP are that it is extremely simple for a newcomer, but

offers many advanced features for a professional programmer

Advantage:

e« Open source: It is developed and maintained by a large group of developers This

will help in creating a support community and abundant extension libraries

e Speed: It is relatively fast, since it uses not much system resources

e Easy to use: It uses a C like syntax, so for those who are familiar with C, it’s very

easy for them to pick up and easy to create website scripts

e Stable: Since it is maintained by many developers, bugs are rather found and

fixed quickly, making it a stable software

¢ Powerful library support: You can easily find functional modules you need

such a PDF, graph etc

e Built in database connection modules: You can connect to databases easily

using PHP, since many websites are data/ content driven, so we will use database

frequently, this will largely reduce the development time of web apps

Disadvantage:

e Security: Since it is open sourced, all people can see the source code If there are

bugs in the source code, it can be used by people to explore the weakness of it.

e Not suitable of large applications: It will be difficult to use it for programming

huge applications Since the programming language is not highly modular, hugeapplications created out of the programming language will be difficult to

maintain

e Weak type: Implicit conversion may surprise unwary programmers and lead to

unexpected bugs Confusion between arrays and hash tables This is slow andcould be faster There are often a few ways to accomplish a task It is not stronglytyped It is interpreted and uses curly braces

¢ Poor Error Handling Method: The framework has a bad error handling method

It is not a proper solution for the developers Therefore, as a qualified PHP

developer, you will have to overcome it.

e¢ PHP is unable to handle large number of apps: The technology is helpless to

support a bunch of apps It is highly tough to manage because, it is not competentmodular It already imitates the features of Java language [4]

MySQL is a stable, reliable and powerful solution with advanced features like

Data security, on-demand scalability and complete workflow control

2.2.3.3 Laravel

Laravel is a open-source PHP frame work developed by Taylor Otwell It is used forsupport developing web and application base on MVC model It is a popular frameworkwhich provides amazing advantages and features like[6]:

e Embracing the latest PHP features

« Great documentation

e Aids in supporting prominent cache backbends

e Faster development cycle

2.2.4 Design font-end and fetch API with ReactJS

2.2.4.1 JavaScript

JavaScript is a cross-platform, object-oriented scripting language used to makewebpages interactive (e.g., having complex animations, clickable buttons, popupmenus, etc.) JavaScript allows you to create more active website, more action likeupdate text, file, image base on the environment and the action of user Inside a hostenvironment (for example, a web browser), JavaScript can be connected to the objects

of its environment to provide programmatic control over them.[7]

2.2.4.2 HTML and CSS

HTML (or Hyper Text Mark-up Language) It is used to design web pages usingmark-up language HTML is the combination of Hypertext and Mark-up language

Hypertext stands for the link between the web pages Mark-up language is used to

define the text document within tag which defines the structure of web pages Thislanguage is used to defines the layout and the format of the website and its contains

React JS Components was developed by Facebook as a JavaScript Frameworkopen-source in 2013 And it has many strong point such as:

e Easytouse: React1s a JavaScript library open-source which focus on completing

the UI task efficiently It’s classified as “V” in the MVC architecture

e Reusable Components: React allows you to reuse all the components which is a

great advantage for developers

e Easier to write components: React components use JSX which is a combination

of JavaScript and HTML It makes the web structure more clearly and easier to

render.

e Virtual DOM: React host virtual DOM in the memory so if there was any updates,

It will first update in the virtual DOM and then compared with the actual DOM Afterthat, it will only update part of the actual DOM which needs to be updated This helps

a lot in web performance.[10]

2.2.4.4 Redux Toolkit

Redux is a predictable state management tool for JavaScript application, it keeps

the integrity throughout the app, run in different environment And easy to test

The Redux Toolkit package is intended to be the standard way to write Redux logic

It was originally created to help address three common concerns about Redux:

¢ "Configuring a Redux store is too complicated"

e "LT have to add a lot of packages to get Redux to do anything useful"

e "Redux requires too much boilerplate code".[11]

10

Chapter 3 SYSTEM ANALYSIS AND DESIGN

Requires products with friendly interface, easy to use, high reliability, stable

performance and performance,

There is a need to ensure accuracy of data when transferring, simple systeminstallation, and standard compliance requirements

Need to determine the compatibility with the server on the internet

11

3.2 Use case diagram

3.2.1 Description of Actors

The table below description about the actors and their role in the system

authority, capable of performing allfunctions of the system

can perform all functions except all

user management.

bookmark but cannot create or editbooks

Table 3.1 Description of Actors

3.2.2 Description of Use cases:

This table describes the use case and their activities in the system

NO Use case Description

1 All User | Export the list of accounts, grant

management admin rights, or cancel admin rights

for the account

2 Book Lists, add, delete, edit books,

management download book covers, create new

chapters, delete chapters, or editchapters Download, edit audio foreach chapter

3 Category List a list of categories Add, delete,

management and edit categories.

4 User View account information, change

management avatar, change password Users can

also view the reading history

13

5 Like and rating | Like or unlike the books, rating | to 5

points for them

6 Bookmark Bookmark chapters of books you like,

bookmark lists, and delete

unnecessary bookmarks

7 Login Use email and password to login to

system.

8 Register Register new user account.

9 Comment Post comments, reply to comments on

a book

10 View and listen | Post comments, reply to comments on

Table 3.2 Description of Use cases

14

3.3 Activities diagram

3.3.1 Create book, chapter or genre

This describes the system's activities when creating the book, chapter, or genre.For books and chapters, the system requires a corresponding file, but the genre doesnot require a file

Create book, chapter, genre

Admin System Database Cloud data storage

3.3.2 Update book, chapter or genre

This describes the activities about update or edit books, chapters or genre

This quite similar to create activities, but it will replace the old data with new data

If change the file data, it will delete the old file first , after that save the new file

Phase

Cloud data storage

Choose type you

If has fil delete old file

save new file

Figure 3.3 Activities diagram about Update book, chapter or genre

16

3.3.3 Delete book, chapter or genre

This activities about delete book, chapter and genre

When choose delete chapter, the system will delete all file and data in history,

bookmark relate this chapter.

When choose delete book, the system will delete all file, chapter, data in databaserelate this book

When choose delete a genre, the system will delete all book relate to genre

Delete book, chapter, genre

Admin System Database Cloud data storage

| Choose list aan

3.3.4 Granting or removing administrator permissions

This is the activities of the ‘user management’ use case

The super admin can set the other user account to admin or user

17

Granting or removing administrator permissions

Super admin System Database

| Open user list

Like and bookmark are similar activities They both send the request to the system

to save or delete like/bookmark in one click button Click one to save data, click again

to delete it

18

Like, bookmark

Show the book

detail Click like or

3.3.6 Rating a book

This activities describes the rating book activities

The user choose one to five point to rate a book, the system then will calculate theaverage rating of that book automatically

3.4.2 Update book, chapter or genre

update genre 14.input data

+——15.Send the request

Request input again

Figure 3.9 Sequence diagram about create book, chapter or genre

22

3.4.3 Delete book, chapter

L

admin or super admin :Website_UI :Server :Database :Storage

1.Go tí

5.Choose book ›

manager

o admin page

'4.Show data in page———]

to Booklist request —>)

alt manager page

Delete book [| _10.Choose book r

see the book: > I detail I

17 Request

<= — 19.Show chapter list- —

——21 Delete request —P>

18.Load Bookdetail()

3.4.4 Granting or removing administrator permissions

S nper mont :Server_controller :Database

admin

1.Go to all user management pag Ï

| 2.Load all user |