Download as pdf or txt
Download as pdf or txt
You are on page 1of 20

Kubeiko: An inclusive novel reading and

writing website

Assessment 5 OF CSE 1019

Slot: TBB2
Faculty: JAYA SUBALAKSHMI R

Team Members

Padm Keshav 20BCE2708


Fadheel 20BCE2706
Vishaal T 20BDS0271
Mopuru Vinayreddy 20BDS0152
Badrinarayan M 20BDS0280
Mudamala Yatheendra Nath Reddy 20BCE2736
1. Complete Demo

The full Frontend Code is available on


https://github.com/Padm0069/Kuebiko

The full Backend Code is available on


https://github.com/Padm0069/Kuebiko_Backend

Landing Page

Description: This is the landing page that the User sees when they load the website.

Input: Toggle options depending on the current situation of the User (Home, Browse or
Create)

Output: Redirects the User to the page they selected Processing: Redirects them to the
selected option
Landing Page (Popular Right Now Section)

Landing Page (Features and Footer)


Sign In

Description: This allows the User to save their progress, their search history and allows them
to rate and comment on any book.

Input: Username and Password

Output: Logged in if credentials are correct; Error screen if incorrect

Processing: Search Username in database. If none found redirect to sign up. If found, check
password. If matched, successfully log in User
Sign Up

Description: This allows the User to create their own account on the site.

Input: User details and Password

Output: Add user to database. Display Sign Up successful.

Processing: Add User details according to schema to User Database


Browse Page

Description: This allows a user to search a particular book or author by keywords and find
them. If multiple results are found, the user can search according to specific filters.

Input: Keywords

Output: List of Books, Authors, Tags or Genres that match the keywords

Processing: Search keywords in the Book database. If keywords match Book name, Author
name, Tag name or genre name, add to list. Finally display it.
Book Section

Reading Section
Description: This allows the user to get a brief idea on the number of chapters present in the novel. They can get
a summary of what happens in that chapter before they dive into the actual content.
Input: Chapter number of the Book that was clicked
Output: Page that contains chapter details.
Processing: Search database for chapter number, find it and display it

Book Creation
Description: Any user that wants to write/ submit a book can select this option. The user is led to a page where
they can give their input and submit, after which it is published on the website.
Input: Details of the new book.
Output: Display new book created.
Processing: Input new book data into the database.

Chapter Creation
Description: This allows the user to add a new chapter to an already existing book.
Precondition: User has created a book.
Input: Heading and content of chapter.
Output: Display Chapter added and add chapter to database.
Processing: Checks for BookID of the selected book and adds the chapter to its Content
module.

All Books Section

2. Documentation Along with Test report


Benefits of Our Proposed System:
There are a few websites that also have the same purpose as our website
but most of them have premium content for which the users have to pay in
order to access.
● We have implemented a Text to speech feature in our feature to our
website which is a very new concept and can be helpful for visually
impaired people or people can use this feature to enjoy their content while
they do their work.
● Since there is no restriction in the language of content being posted, users
from different regions can enjoy reading their books as well as regional
authors can also share their content with everyone.
Test Reports:
Regression testing type is used for generating the test cases. Regression Testing is a
Software Testing type in which test cases are re-executed in order to check whether the
previous functionality of the application is working fine, and the new changes have not
introduced any new bugs.
Modules considered for generating test cases:
• Log In Page
• Sign Up Page
• Browse Books Page
• View Contents of the Chapter Page
• Create a New Book Page
• Add a New Chapter Page
The Test Case Generation Table is attached below:

Test Expected Actual


Case Activity Inputs Result Result Status Commen
Id t
User
successfully
Enter the valid Email User logs in and The log in
TC –
username/email Id and successfully the user is Pass is
01
and password password logs in redirected successful
to the user
dashboard
User is
unable to
log in
User is because the
unable to entered data
log in doesn’t
Enter the Email because the match any Invalid log
TC – invalid Id and entered data data in the in attempt
Fail
02 username/email doesn’t database was denied
password and is
and password match any
data in the shown the
database error
“Username
or Password
is incorrect”
User finds
the book
TC – Enter the name Name of Book is Book is they
Pass
03 of the book the book found found entered in
the search
bar
Name= New Book User
"example" is successfully
New book
TC – Create new Language= created and creates the
"English" is Pass new book
04 book user is
Genre= created navigated to and uploads
"example" it
user
dashboard
TC – Search for Language= “Book is “Book is User
05 book "English" Found” Found” is Pass entered
Genre= shown data
matches
the
Name= Message User finds
TC – Language "example" Languag “Language Pass the
06 selectio Genre= eis is language
n "example" Found Selected they
” is were
Shown looking for
Name= "Error: User
TC – "example" Genre is Genre Pass findsthe
Genre
07 Language Found is Selected" genre they
selectio
= is were
n
"English" looking for
Shown

We Generate Graph analysis from the test reports above for a better understanding:
Automating Testing:
We have used QAWolf to implement the automatic testing. It is afree open-source software
that can be used on all browsers, supports various languages which includes JavaScript and so
on which are the languages use by us in creating this project.
A good quality testing tool helps the tester to identify any critical bugs in the project. Without a
proper tool, the manual process of going through the entire code to find a bug, then noting it
downand informing the developer takes a lot of time and often during retesting, the tester may
miss some critical bug.

Our team generated graphs out of the test case reports:


3. Project Poster and Demo Video:
Demo Video:

The demo video can be seen at:


https://drive.google.com/file/d/1AV_q2aORs8FWILF1OeW-6lMob9gYQlYj/view?usp=sharing

4. Research Paper

The Research Paper is attached below.


Kubeiko: An inclusive novels reading and writing
website

Fadheel, Padm Keshav, Vishaal T, Mopuru Vinayreddy, Badrinarayan M, Mudamala Yatheendra Nath Reddy
VIT University

Abstract— The internet has greatly impacted our lives, that The traditional approach also takes lots of time to
providing easy access to a variety of essential items, including complete web application. There was no mention of newer
books. However, existing book websites often prioritize English and rising technologie s that can be helpful for web
language content, making it difficult for non-native speakers to development in the long run.
fully utilize them. Additionally, high prices may deter users
from accessing the content they desire. To address these issues,
Kubeiko has been developed as a one-stop-shop for book lovers, In The Impact of E-Books on the Printed Books: E-book
featuring modules that allow for easy translation of novels into Popularity, Growth, and future the authors have dealt with the
desired languages. With the potential for human translators to problem of having an E- Book for very available hard copy
fulfill language requests, Kubeiko seeks to provide a books in the market. This study aims to identify the
comprehensive solution for accessing literature online. preferences of the net generation readers in print and
electronic media activities.
Keywords—template, Scribbr, IEEE, format

I. INTRODUCTION In Development of a Web Marketing Plan for an e- Book –


Challenges and Opportunities, the authors have identified
Undoubtedly, internet has changed the way we live our lives
long term web marketing strategies build e ‐ books
in today’s fast paced world. Today everything from our daily
awareness and increase sales revenues. Short term strategies
necessities to every type of essential is available on internet.
create immediate revenue by giving readers an incentive.
Everyone, be it old or young when interested in reading a
to purchase.
book just click on their browser and look up the title and start
reading it online. Kubeiko is designed to assist this process III. METHODOLOGY
where such users can find all the books they wish to read at
one place instead of going from website to website. The
common problem that we noticed with the websites that are Project Kuebiko is a new, improved and fresh attempt to
currently available is that most of their content is centred design a product which is intuitive, inclusive and easy to
towards English language and native speakers and writers are traverse and use.
not able to use it these websites to the fullest. These platforms
are taking advantage of the lack of competition and set the JavaScript and its frameworks were used for the development
prices for viewing the books or novels higher than necessary of this website. It has been designed as a standalone software
which makes the user doubtful whether it’s worth spending that can run on any device which has a web browser.
the money or not. The website has modules which assist
people to translate an novel into their own desired language All the interfaces of the website follow a consistent theme
through Google translate, or if there are enough requests, and clear structure which is appeasing to the user. The design
translators can take up a novel and translate them to the structure for the website is designed using FIGMA. The
requested language. prototype application was modelled consisting of all the
features and functionalities the website has to offer to the
II. LITERATURE SURVEY users.
Various features such as book searching, adding new novels,
In “ONLINE E- BOOK STORE WEBSITE DESIGN”, the
text-to-speech features, etc. are added using the JavaScript
authors have identified Problem with the currently available
framework to ensure customer satisfaction.
websites is that most of them are centered towards content in
English language and native viewers and writers are not able
The text-to-speech was implemented using a JavaScript npm
to use it to the fullest. The limitation to the current research
text-to-speech package. The particular feature was added
is it is only catered to the Iranian population and not for the
keeping in mind the ease of usability for readers who are
general audience
visually impaired.
In “A review and analysis of technologies for developing
web applications”, the authors have identified the problem

XXX-X-XXXX-XXXX-X/XX/$XX.00 ©20XX IEEE


The application will be able run on any device, since the
hardware interfaces for this system would include Desktop MVC (Model-View-Controller) Architectural Style is
interfaces containing Monitor, Keyboard and Mouse and implemented taking into consideration that there are multiple
smartphones and tablets with Touch screens and Virtual ways to view and interact with data. MVC is use to avoid the
Keyboards. The hardware interface for the user would be any problem where due to intermixing of the code between the
PC having a configuration of P-IV and above 2GB HDD for process logic and interface, the modularity of the application
loading any OS so that it can interact with the system without is reduced and it becomes difficult to maintain. The main
any problem. advantage of the used style is that it allows the data to change
independent of its representation and vice versa.
Kuebiko would take help of a database for storing and
managing the novels being uploaded on the website by the
authors. So, an access to the database management system is IV. RESULTS AND DISCUSSION
required. When such an event occurs, the system establishes 1) Landing Page
connection to the database management system, once the
connection is created; the client program can communicate
with the database management system. The website was
linked with a data set created by the authors which will be
regularly updated. The dataset consists of novel copies, the
author’s information, user’s information and so on.

Furthermore, a security check algorithm will be implemented


to avoid the users from putting up malicious or inappropriate
content. System will use secured database. Normal users can
just read information but they cannot edit or modify anything
except their personal and some other information. System
will have different types of users and every user has access
constraints.
Proper user authentication should be provided. No one should
be able to hack users’ password. There should be separate Description: This is the landing page that the User sees when
accounts for admin and members such that no member can they load the website.
access the database and only admin has the rights to update Input : Toggle options depending on the current situation of
the database. The users should keep their system access the User (Home, Browse or Create)
credentials to themselves in order to prevent unauthorized Output: Redirects the User to the page they selected
access and misuse of data. If at any point a user decides to Processing: Redirects them to the selected option.
discontinue their services, the system should allow them to
do so after proper authorization and proof. In case the user
forgets/ misplaces the key to login into their account they
should be provided with the facility to recover their account 2) Log In Page
or in the worst case if the account is not recoverable,
terminate the account.

The database may get crashed at any certain time due to virus
or operating system failure. Therefore, it is required to take
the database backup so that the database is not lost. Proper
UPS/inverter facility should be there in case of power supply
failure.
A real time review system algorithm will also be
implemented which will allow users reading the same content
to interact with each other in real time.

For communications, the TCP protocol shall be used. A client


program creates a socket on its end of the communication and
attempts to connect that socket to a server. When the
connection is made, the server creates a socket object on its
end of the communication. The client and server can now
communicate by writing to and reading from the socket.

Express will be used for backend API generation. The Description: This allows the User to save their progress, their
frontend framework will use an asynchronous function to search history and allows them to rate and comment on any
communicate with the API endpoints. The backend will also book.
communicate with the Database with the help of the API of Input: Username and Password
the hosting site.
Output: Logged in if credentials are correct; Error screen if •View Contents of the Chapter Page
incorrect
Processing: Search Username in database. If none found
redirect to sign up. If found, check password. If matched,
successfully log in User.

• Sign Up Page

Description: This allows the user to get a brief idea on the


number of chapters present in the novel. They can get a
summary of what happens in that chapter before they dive
into the actual content.
Input: Chapter number of the Book that was clicked
Description: This allows the User to create their own account Output: Page that contains chapter details.
on the site. Processing: Search database for chapter number, find it and
Input: User details and Password display it.
Output: Add user to database. Display Sign Up successful.
Processing: Add User details according to schema to User • Create a New Book Page
Database.

• Browse Books Page

Description: Any user that wants to write/ submit a book can


select this option. The user is led to a page where they can
give their input and submit,
after which it is published on the website.
Input: Details of the new book.
Description: This allows a user to search a particular book or Output: Display new book created.
author by keywords and find them. If multiple results are Processing: Input new book data into the database.
found, the user can search according to specific filters.
Input: Keywords
Output: List of Books, Authors, Tags or Genres that match
the keywords
Processing: Search keywords in the Book database. If
keywords match Book name, Author name, Tag name or
genre name, add to list. Finally display it.
• Add a New Chapter Page

[2] https://www.researchgate.net/publication/345653981_The_Comple
te_E-
Commerce_Book_Design_Build_Maintain_a_Successful_Web-
based_Business
[3] https://www.matecconferences.org/articles/matecconf/pdf/2017/14/
matecconf_gcmm2017_02045.pdf
[4] https://thenewstack.io/the-open-book-project-an-ebook-reader-you-
can-build-yourself/
[5] Fundamental of Software Engineering By Rajiv Mall
IEEE. IEEE Std 830-1998 IEEE Recommended Practice for
Software Requirements Specifications. IEEE Computer Society,
1998.
Description: This allows the user to add a new chapter to [6] Abdala, Mohammed A., and Noor Ahmed Khider. "Online E-
an already existing book. book Store Website Design." i-Manager's Journal on Software
Precondition: User has created a book. Engineering 5.4 (2011): 41.
Input: Heading and content of chapter. [7 ] Mandava, Asha, and Solomon Antony. "A review and analysis of
Output: Display Chapter added and add chapter to technologies for developing web applications." (2012).
database. [8 ] Saleh, Zakaria Issa, and Ahmad Shaher Mashhur. "The impact of
e-books on the printed books: e-books popularity, growth and
Processing: Checks for BookID of the selected book and future." 2015 Fifth International Conference on E-Learning
adds the chapter to its Content module. (Econf). IEEE, 2015.
[9] Capała, Łukasz, and Maria Skublewska-Paszkowska. "Comparison
V. CONCLUSION of AngularJS and React. js frameworks based on a web
application." Journal of Computer Sciences Institute 6 (2018): 82-
Problem with the currently available websites is that most 86.
of them are centred towards content in English language [10] Căpătînă, Alexandru, and Mourad Touzani. "Development of a
and native viewers and writers are not able to use it to the Web Marketing Plan for an e-Book–Challenges and
fullest. Opportunities." (2011).
The platforms are taking advantage of the lack of [11] Ibrahim, Hatim, and Abdullah Saad H. Alqahtani. "The impact of
competition and the prices set for viewing the books or adopting Web 2.0-based E-Book on student learning skills."
Eurasia Journal of Mathematics, Science and Technology
novels are high which make the user doubtful whether they Education 14.6 (2018): 2509-2522.
should buy it. [12] Ogata, Hiroaki, et al. "E-Book-based learning analytics in
The website has modules which assist people to translate university education." International conference on computer in
an novel into their own desired language through Google education (ICCE 2015). 2015.
translate, or if there are enough requests, translators can [13] Mohamad, Nurul Zawiyah. "Design and implementation of e-book
authoring and customization." (2005).
take up a novel and translate them to the requested
[14] Chou, Shih-Chun, Jay Stu, and Yuting Lin. "Determinants of e-book
language. readers adoption and continuation: A comparison of pre-adoption
The plan is to provide free novels to the users and and post-adoption beliefs." 5th International Conference on
remuneration through ad revenue. Authors also have the Computer Sciences and Convergence Information Technology.
freedom to choose a payment-based method for IEEE, 2010.
remuneration. [15] Erekata, Oghenetega, et al. "Development of a text and speech
enabled conversational agent for students’ activities planning using
dialog flow." Futuristic Trends in Network and Communication
Technologies: Third International Conference, FTNCT 2020,
Taganrog, Russia, October 14–16, 2020, Revised Selected Papers,
VI. REFERENCES Part I 3. Springer Singapore, 2021.
[1] ]https://www.researchgate.net/publication/345653981_The_Compl [16] Essien, Nesabasi P., Victoria A. Uwah, and Emmanuel P. Ododo.
ete_E- "An Interactive Intelligent Web-Based Text-to-speech System for
Commerce_Book_Design_Build_Maintain_a_Successful_Web- the Visually Impaired." Asia-Africa Journal of Recent Scientific
based_Business Research 1 (2021): 76-98.

You might also like