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 CITY UNIVERSITY OF INFORMATION TECHNOLOGY ADVANCED PROGRAM IN INFORMATION SYSTEMS VAN MANH KHANG-16520571 NGUYEN ĐỨC HUY-16520516 BACHELOR OF ENGINEERING IN INFORMATION SYSTEMS THESIS ADVISOR PH. DO TRONG HOP HO CHI MINH CITY, 2020 ASSESSMENT COMMITTEE The Assessment Committee is established under the Decision. by Rector ofthe University of Information Technology. ACKNOWLEDGMENTS 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 that the teachers passed through the school hours that have created a stepping stone and solid 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 can overcome 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 always cheering and helping me to improve this topic. During the process of implementing the topic, We always put the research, research and development of the topic as a top goal combined with the available background knowledge to be able to complete the topic in the best way. However, in the implementation 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 the future.
Thank you sincerely. il TABLE OF CONTENTS œsL]&› ACKNOWLEDGMENTTS. 0 004 000000996 ii TABLE OF CONTENTS .ccsssscsscsssssccsscssscscssecssscscesscsseescsssssessecssesscsssssseseees iii LIST OF EIGUIRES. 0040 00800996 vi LIST OF TA BLUEES.
TH Hư n0090 i LIST OF ACRONNYMS.5- <5 sọ HH cọ Họ HH TH Tưng ii ABSTRACCT. co ckenneeesierserseesacre 1 Chapter 1. s4 HH HH HH ngu, 1 1.1 Current status SUTVCY .4 Methods and tools ofImplemenfation.-- ¿+22 3+2 *+s£+£+eEsexeereeresress 3 I0 (oi an.1 Theoretical basis and our appÏICafIOH.- --- ¿52 2+2 + *2£+vEseEsrxerreresreee 5 PM sJon na .2 REST- RESTful API in website design. Build RESTful API with PHP £amework-Laravel.4 Design font-end and fetch API with ReactUS 0.
SYSTEM ANALYSIS AND DESIGN.---c< scse=sesse 11 EVv 0i.1 Function reduIr€Im€RIfS:.- --- c5 +: *+t SE E*EEEEErrrrxrrrrrrrkrrrrrke II 3.2 Non-function requirement: .1 Description Of ACÍOTS.- cành TH TH Tnhh Hiệp 13 3.2 Description of Use CAS€S:. St Sn SE SE 1 tr reg 13 3.1 Create book, chapter OF Ø€T€.2 Update book, chapter or Ø€TIF€.-- -- 22322 **EE+EE+EEeEEererrereerrrrree 16 3. Delete book, chapter or Ø€TC.4 Granting or removing administrator perm1SS1OTS.4 Sequence đIaØTAIM. G0 1v SE TH HT TT TT TH ngàn rệt 21 3.1 Create book, chapter Or Ø€TIT.2 Update book, chapter or Ø€TIF€.- --- :- +cS+t SE SEEtrsrrrrrrrrrrrree 22 3.
Delete book, Chap€T.- - --- + th ST nưệt 23 3.4 Granting or removing administrator perniSSIO'S.6 (cioocUPNẬẠIỌmậađiadađia.6 Database diagram na. INSTALLATION AND DEPLOYMENTT.2 Development environment and system deployment.2 Deployment enVITOTIN€TIẨ.3 Function SCreens: na ố. CONCLUTION AND DEVELOPMENT PLAN.2 Orientation of topic developimenit.- 2+ 32+ + *E£‡evEexexrrrreseexes 57 REFERENCE BG An". 58 LIST OF FIGURES œs[Hlt› Figure 2.1 Relationship between client, API and server[2].1 Use case điaØTa1m.- --- «5c + SE 19 1 TH HH HH HH Hành 12 Figure 3.2 Activities diagram about Create book, chapter or Ø€ne.3 Activities diagram about Update book, chapter or øene.4 Activities diagram about Delete, book, chapter or øenre.5 Activities diagram about Granting or removing administrator 96) 155195227257 .6 Activities diagram about Like, bookmarK.
--¿ +5 55+ +5 s++ss++sx+sxs+ 19 Figure 3.7 Activities diagram about Rating a boOK.- --- + ++s+++e++ex+eexsexsses 20 Figure 3.8 Sequence diagram about create book, chapter or øere.9 Sequence diagram about create book, chapter or Ø€Te.10 Sequence diagram about delete book, chapter .11 Sequence diagram about Granting or removing administrator Permissions. ANT, fines ce MeL Lee 24 Figure 3.12 Sequence diagram about click on like/bookmark button .13 Sequence diagram about rating a DOOK. -----++++++++sx+x+ex+eesez 26 Figure 3.14 Class iaØTA1T. -- G2 132013213331 3913 9111911 111 1 11 118 1 vn HH niên 27 Figure 3.1 Choose file and add to arc1ve.-- - --- 5 6+ vn ng re 36 Figure 4.zip file to html_public folder then extract to html_public.4 Import database to S€TV©T.
91191 1 1011111 1 HH HH niên 37 Figure 4.7 Book detail page .8 Chapters detail Dag€.- Gà ST nh TH HT TH HH TH HH nà 46 Figure 4.10 User’s history DAØ©. - c1 S1 SH TH TH TH ng HH nh rưệp 47 IlAI00is6 006/505 39)4 00.12 Admin book management Page .13 Admin book detail pAg€.14 Create category page .- Ác HH TH HH HH nh 53 Figure b10i.16 Create chapter page. 55 vil LIST OE TABLES css Table 3.1 Description Of ACtors .2 Description Of Use Cases .3 Class diagram Book category table .4 Class diagram Books tfabÌ.5 Class diagram Categories table .6 Class diagram Chapter tabÌe.7 Class diagram User †abÏ€.8 Class diagram Assets tabÏ€.9 Class diagram Bookmarks tabÏe.10 Class diagram Like tabÌ€.11 Class diagram Histories table .12 Class diagram Ratings.13 Class diagram Comments table oo. ccc ccccececsceeceeseceseceeeeseceeeeeeceaeeeeenaes 33 Table 3.14 Class diagram Replies table .1 Description of home page.
--- - - 2 2322 322 E2E+EE+EEEeEEeeEeeerreereererers 40 Table 4.2 Description of book detail page .3 Description of chapter detail page.- -- -¿- 1S SE ksksreekrrrek 45 Table 4.4 Description Of US€T Page .5 Description of history, bookmark, like page .6 Description of book management page.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. 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 ABSTRACT 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 to access the knowledge source that books bring.
With the growing internet and the advantages that audio books bring, this topic is very practical as well as developing a new 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 administrator management can manage their own audio books. Meanwhile, users can save the books they 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 in the following direction: - Build a friendly and easy-to-use interface for users, using carefully polished sound.
Besides allowing users to manage their books conveniently. - Construction tools include: PHP, Laravel, API, JavaScript, Html and Css, ReactJS, MySQL Chapter 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 content through human voices.
Recently as technology has developed, the reading culture has also changed. In this flow, audiobooks have begun to accelerate and are received more and more for their convenience. Many opinions say that audio books help us take advantage 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 the needs 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 to audio 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 to books that they like. At the same time also created a system to manage them.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. In Vietnam, experts say that the potential for developing this book model is huge because the rapid development 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 content focus 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.
Objectives The thesis focuses on building a system to support users to read books through audio by using RESTful API. The different from other system is that the system support features for remembering user’s usage history, saving listening positions, recommending books with similar content, or relevant content to users through popular recommendation methods.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.4 Methods and tools of implementation 1.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.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.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 chapter includes: the reasons for choosing the topic, the research objectives and scope of the topic, 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. Giving general information and analyzing advantages and disadvantages of the algorithms that will be used in the topic.
Chapter 3: System analysis and design. Provide about synchronous process diagram, system design analysis, database design. 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 the topic and development orientation for the topic in the future.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 and random books.