Volume 8, Issue 11, November 2023 International Journal of Innovative Science and Research Technology

ISSN No:-2456-2165

Link and Multimedia Archiving

1
Kim P. Miculob, 2Mellanie S. Gambe, 3Ryan E. Balisi
College of Computer Studies, St. Peter’s College, Iligan City, Philippines

Abstract:- This research aims to establish a link and To tackle the aforementioned issues, the researcher
multimedia archive designed to assist students in their will create a web link and multimedia application. This
studies. The proposed system will streamline the process application will streamline the referencing process by
of archiving links and media, reducing the time spent efficiently managing saved references, ultimately
sifting through a browser's history or other minimizing the time users spend searching for relevant
disorganized archiving systems. The primary focus of sources.
this study is on St. Peter’s College students, intending to
help them save time that can be better utilized for Archiving is the process of safely preserving unused
important tasks such as brainstorming for their school data in any format for an extended period. This knowledge
requirements. The Waterfall Model was employed in may or may not be used again, but it must be retained until
the development of this study. The Link and the end of its designated retention period (Harris, 2021).
Multimedia Archiving systems are expected to Archiving is crucial because it prevents data loss, ensures
significantly benefit both students and professionals, as that only authorized individuals have access to the correct
they are designed to be user-friendly and aesthetically records, and maintains organized and easily retrievable
pleasing. Consequently, the Link and Multimedia paperwork. This underscores the importance of archiving
Archive is now ready for implementation. documents as a preventive measure against potential data
loss. All documents are susceptible to loss, damage, or
Keywords:- Aesthetic, Desktop Application, Link and intentional or unintentional alteration, whether due to
Multimedia Archiving, St. Peter's College, Waterfall unforeseen circumstances or other factors.
Model.
The system is compatible with various operating
I. INTRODUCTION systems, provided they support browsers such as Safari,
Google Chrome, Microsoft Edge, and others. Minimal
Students encounter numerous assignments, projects, system specifications are required, as the system will be
and reports that require extensive references from the accessed through web browsers.
Internet, particularly in the current era of online learning.
Consequently, a well-organized storage system, allowing The researcher aims to enhance students' experiences
users to manage their references efficiently, becomes in online classes by implementing a Radix Sort algorithm
imperative to address this challenge. into the system. This algorithm will automatically sort all
references and folders created by students, facilitating the
The time invested in exploring the browsing history to efficient organization of gathered data.
identify websites visited by users is crucial. The vast
amount of information absorbed by the Internet daily poses The Theory of Acceptance and Use of Technology
a recurring challenge for individuals. The constant will be applied in the development of the system. These
evolution of search repositories compels users to preserve concepts will be used to examine participants' behaviors in
their links and media discoveries. However, some of these accepting the system.
applications may be less user-friendly, leading to
apprehension among users due to the complexities and Additionally, this study provides students with a
adjustments required for understanding them. valuable strategy, as this research paper will serve as a
Consequently, many users disregard these applications and reference for students who are also exploring the same idea
opt for a popular one known for efficiently saving media as the researcher.
and links. Nevertheless, another issue arises with this
renowned application, despite its user-friendly interface. Furthermore, implementing and utilizing link and
While it effectively organizes multimedia by date, it lacks multimedia archiving will enhance students' time
features for managing links, resulting in the recurring management for their activities, assignments, and reports in
problem of time-consuming searches for saved links. their classes. This system will reduce the time students
spend searching for saved information.
The ideal solution would be an application that
addresses the concerns outlined in this document Figures 1 and 2 below depict the Database
comprehensively, offering a one-stop solution. Such an Registration and Link, and Folder Database Frameworks.
application would prove particularly beneficial for students This framework illustrates the relationship between the
in their studies. system and its users. Users can access the system, and upon
doing so, they have the option to create a folder or organize
distinct data. Simultaneously, database manipulation occurs
during the folder and data creation processes. The data is
presented in descending order from the latest to the oldest,
facilitated by a sorting algorithm.

IJISRT23NOV1607 www.ijisrt.com 2617

Volume 8, Issue 11, November 2023 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165

Fig. 1: Database Registration Framework

Fig. 2: Link and Folder Database Framework

II. LITERATURE REVIEW According to Kim et al. (2012), the significance of

archiving has been evident for decades. With the rapid
Background information and theoretical basis for the increase in the creation and dissemination of digitized data
study were provided in this section. due to technological innovation, there is currently a
widespread commitment to preserving electronic
A. Web Archiving documents.
With the fast-changing times, historical information
required for enlightening the minds of future generations is Additionally, Tokareva (2018) conducted a study on
also evolving, depending on its storage location and time. picture archiving in medical imaging. This study elucidates
This variability gives rise to challenges in archiving. the design of a shared PACS server that manages large,
high-quality healthcare images. The design takes into
A solution to the issue of digital preservation is web consideration the specifications of contemporary healthcare
archiving, a complex process involving the collection and imaging equipment and adheres to global healthcare
long-term conservation of web material. Web archivists software imaging standards.
strive to preserve not only the content but also the context
and relationships between files. They aim to capture the B. Sorting Algorithm
dynamic and valuable elements of web pages, including DEV MISHRA & GARG (2008) stated that radix sort is
active links, embedded media, and animations. a stable, straightforward sorting algorithm. Also, it is a
sorting algorithm that is an integer or whole number-based
Hwang et al. (2020) stated that, due to the rapid algorithm.
expansion of web content, an online repository provides a
standardized conceptual framework for the subsequent Radix Sort requires O(d*(n+b)) time, where b is the
preservation of online materials. While it is challenging to number base. For instance, the decimal equivalent of b is
discern the original, the authenticity of the material cannot 10. According to "Mastering Algorithms with C," (199), d
be guaranteed. This system utilizes enhanced WARC fields would be O(log (k)) if k were the highest conceivable
and blockchain technology to store metadata ensuring the value.
integrity of web content.

IJISRT23NOV1607 www.ijisrt.com 2618

Volume 8, Issue 11, November 2023 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165
Shaikh & Sasikumar (2017) say that the Radix Sort III. METHODOLOGY
algorithm will begin by sorting up the more substantial
number and then move on to the next most substantial The design and development of the suggested system
number. Filter by the lowest substantial number first. It were supported by the researchers' usage of the following
uses the Radix-Sort (A, d) pseudocode. Radix-Sort runs in approaches and strategies.
(n) time for i=1 to d Stable-Sort (A) on digit I.
A. Research Site
C. The Theory Used In the academic year 2020-2021, the study was carried
According to MB. Alazzam (2015), the efforts or out at St. Peter's College (SPC) in Iligan City, Lanao del
societal impact may be used to gauge how the technology Norte, Philippines. The system's primary users were college
(IT) is meant to be used. One's intention might influence students studying business administration, engineering, and
the decision to embrace technology-enabling practices. computer studies. They were the participants in the survey
conducted.
Additionally, Ahmad (2014) described it as a
compilation of numerous studies on concepts and ideas of B. Research Design
technology acceptance. The UTAUT is viewed as an The Waterfall Model is an application design technique
experiment designed to standardize the nomenclature for for systems that enables system design and construction.
parameters in different technology acceptance approaches
and hypotheses.

Fig. 3: Waterfall Model (Sharma, n.d.)

The proposed system was developed using the  Stage 4: Integration and Testing
Waterfall Model, shown in Figure 3. Also, Waterfall Each part developed during the implementation stage is
consists of six separate stages. Which are: tested before being combined. The system must undergo
continuous testing to look for flaws and defects issues. This
 Stage 1: Requirements stage is done to make sure they will have no problems in
This was when information gathered from the deploying the product.
observation was reviewed, and recommendations from the
adviser, dean, and people with knowledge in creating the  Stage 5: Deployment of System
said system. Understanding the things that need to be This stage is where the system is done and ready to be
developed, as well as their purpose and function, is the first used by the users.
step. It is critical to take a close look at the input and output
(the finished result).  Stage 6: Maintenance
After deployment, this stage is executed for the user's
 Stage 2: System Design satisfaction needs. This includes altering the system's
In this stage, a system design is made after examining configuration in order to increase efficiency. Such
the necessary specifications from the first stage. modifications are brought about by the customer-initiated
Determining the components and system needs, along with change request or flaws found while the system is being
the entire system design, is aided by this stage. The used in real-world situations.
software code was being generated at this time.
C. System Requirements
 Stage 3: Implementation The system and software prerequisites for Link and
With input from stage 2, the system is constructed as Multimedia Archiving were described in this section.
small programs known as units that are integrated into the
next stage.

IJISRT23NOV1607 www.ijisrt.com 2619

Volume 8, Issue 11, November 2023 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165
 System Prerequisites If the computer hardware supports Windows 10 and
has enough space for another download, downloading and
 Desktop: using the application will not cause problems. The problem
 Windows 10 is a prominent Microsoft Windows arises then with how well the system or application is
operating system version that was made available on created.
July 29, 2015. It is based on the kernel of Windows NT.
 Gigahertz (GHz) processors are commonly used to  Software Prerequisites
measure computer processing speeds. The gigahertz  PHP and Python are popular programming languages
(GHz) is the standard measurement unit after personal for creating applications and websites.
computers eclipsed the 1,000 Mhz mark around 2000  The combination of HTML, CSS, and JavaScript will
 A gigabit (GB) or two gigabytes (GB) of RAM for 64- help design the front end of the website.
bit systems  XAMPP-for server-side.
 For 32-bit, 16GB of hard disk space OS and 32 GB for  MySQL for the database.
64-bit
 The graphics hardware needs to support WDDM 1.0 D. Tools and Techniques Used in the Study
and DirectX 9 or later. The majority of computing This section presented the tools and techniques,
devices come equipped with a video card or display including the Use Interaction Diagram, ER Diagram,
adapter called a graphics card that allows for the high- Sequence, and Workflow Diagrams to picture the entire
definition, colorful, and visually appealing presentation system.
of graphical data. Another name for a graphics card is a
graphics board, controller, accelerator card, or adapter  User Interaction Diagram
for graphics. An externally perceivable capacity is depicted in a user
 A regular super VGA resolution of 800 columns by 600 interaction diagram. It must describe the manner in which
rows should be used for the display. the system works in detail.

Fig. 4: User's Registration Use Case

As shown in Figure 4, a user interaction diagram  The user creates an account by clicking the signup
explains the manner in which someone using that procedure button.
or system will achieve a particular objective.  After signing up, the user can log in to access and use
the features inside the application. After accessing
Here, in the user registration use case, the users can the application, the user can also log out.
log in and out of the system after successfully registering  Users can now create a folder or section to save the
users. The user needs a unique email address for the links and media. The user then has full access if the
creation of an account. As soon as they finish creating an user wants to read, view, update, and delete the saved
individual account, the users can log in/log out and have the links and media.
power to create, read, update, and delete saved links and
multimedia.  ER Diagram
An entity-relationship model describes interrelated
 Initial Step-By-Step Description things of interest in a specific knowledge field. Different
Before initiating this use case, the user has already sorts of entities and their potential interactions are included
connected to the Links and Multimedia Archiving in the original ER model.
Application sign-in and signup section.

IJISRT23NOV1607 www.ijisrt.com 2620

Volume 8, Issue 11, November 2023 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165

Fig. 5: Entity Relationship Diagram

Accordingly, Figure 5 shows that the system registers type_name searchable. It also has a sorting algorithm that
the users and makes their email the primary key to navigate makes the latest added data appear on top by manipulating
through the various databases' tables quickly. The user can the created and modified rows in the table of archive_db,
access the folder_db database, where the user can create a which is set to a data type of DateTime.
folder. Inside a particular folder name, another database
table, folder_archive, stores the saved links and multimedia  Sequence Diagram
in the specific folder name for data organization. The users An ordered temporal series of object interactions is
also have the authority to access the archive_db database displayed in a sequence diagram. The objects involved in
table, where the users can save links and multimedia the scenario are shown, along with the communications that
separately from the folders. The archive_db has its data must take place for the system to function correctly.
organization by making the URL_name, category, and

Fig. 6: Sequence Diagram

Figure 6 illustrates the user registration process. seamlessly interact with the system's database, enabling
Initially, users must register their accounts to gain access to them to create, delete, and update their data.
the system. Once an account is created, users can utilize the
login and logout functions to access the Link and  Workflow Diagram
Multimedia Archiving systems. Upon logging in, users can These are visualizations of processes that support
choice, iteration, and concurrency. They show various steps
and procedures.

IJISRT23NOV1607 www.ijisrt.com 2621

Volume 8, Issue 11, November 2023 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165

Fig. 7: Activity Diagram

Figure 7 indicates how the system works in the simple from Business Administration, and 23 from Engineering
form of a diagram. First, users access the system, but before were considered participants.
accessing the system, the user needs to register first. After
successfully registering their accounts, the users can now IV. RESULTS AND DISCUSSION
access the system. The users can either add a separate
record, create a folder, or log out of the system. Users can The system assessment and layout results were
also add, update, or view the created folder and delete presented in this part. This comprises the presentation,
particular data items inside a specific folder name for data examinations, and justification of the information obtained
organization. from the surveys given to the respondents. This includes
the tabular display of the data and the associated
E. Sample and Sampling Method explanations.
Random sampling was used for a survey following
UTUAT theory to gather information on the developed A. End Product
Link and Multimedia Archiving. In this case, 100 College Figure 8 below shows Registration where the user will
students were considered: 57 from Computer Studies, 20 create their account first by going to Sign Up and Clicking
this button.

Fig. 8: Sign Up

IJISRT23NOV1607 www.ijisrt.com 2622

Volume 8, Issue 11, November 2023 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165
This button will redirect the user to Sign Up to create an account, as shown in Figure 9.

Fig. 9: Creating an Account

After creating an account, click this Sign In button side below the dashboard and click Add Data (see figure
pointed by an arrow in Figure 9, and it will redirect the user 10) to add a new folder. It will display above/first on the
to where Sign In is located (Figure 8). There, the user needs list of saved data for proper data organization by dates. To
to input the created email and password. edit data, click the orange icon in Action to edit data. The
same goes for deleting data. Click the red icon in Action to
Once the user redirected to the dashboard where delete the data created.
recently created folders and saved data are presented,
navigate to Links/Media—the user can see it on the left

Fig. 10: How to add, edit, and delete data outside a folder

Navigate to the folder below Links/Media for a proper delete, or view the folder, click the icons on Action, the
organization to create a folder. Click Create a folder to same as the functions when adding data explained above.
create a folder (see green arrow in Figure 11), and to edit,

IJISRT23NOV1607 www.ijisrt.com 2623

Volume 8, Issue 11, November 2023 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165

Fig. 11: Create, edit, and delete folder. Add, edit, and delete data inside the folder.

The figures below are the themes available in the Link click the dropdown pointed by the red arrow (see Figure
and Multimedia Archiving systems. To select a theme, go 12). Then select the theme the user wants.
to profile on the left side of the design below folders and

Fig. 12: Selecting a Theme

To log out, click the logout pointed by the red arrow the function of turning off the back arrow on browsers to
in Figure 13, and it will redirect the user to Log In. From add security to the data saved.
there, the user need to Log In again because the system has

IJISRT23NOV1607 www.ijisrt.com 2624

Volume 8, Issue 11, November 2023 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165

Fig. 13: How to Log Out

 Objective 2: Evaluating Link and Multimedia Archiving by the College of Computer Studies students will help assess whether
users accept the system.

Table 1: Respondents’ Demographic Data (N=10)

Character Frequency Percent
Gender Male 57 57
Female 43 43
Age 18-20 0 0
21-25 93 93
26-30 7 7
Educational Background Computer Studies 57 57
Business Administration 20 20
Engineering 23 23

The table above shows the surveyed students' the references of students on applications based on these
demographic data, including their gender, age, and factors.
educational background. With this, the authors will know

Table 2: Data for archiving system adoption using UTAUT indicators

Descriptive Statistics
Indicator Mean Std Deviation N
pe1: I find archiving systems helpful to my studies 4.71 0.64 100
pe2: Archiving systems do not have that much impact on my studies 4.65 0.67 100
ee1: My experience in using archiving systems is good 4.63 0.66 100
ee2: Archiving systems are hard to understand and use 4.29 0.86 100
si1: If my friends told me to use a specific helpful application, I would try it 4.78 0.59 100
si2: My friends’ suggestions about web applications or software are not that important to me 1.05 0.3 100
fc1: I do not have any idea where to find these archiving applications 1.95 0.41 100
fc2: I am a computer literate student, and finding applications that would help me is easy 4.27 0.87 100
bi1: I plan to use archiving systems shortly 4.39 0.85 100
bi2: I predict that I will use archiving procedures someday 4.71 0.64 100
use1: I use archiving applications for my studies 4.53 0.75 100
use2: I use archiving applications for my personal use 5 0.29 100

IJISRT23NOV1607 www.ijisrt.com 2625

Volume 8, Issue 11, November 2023 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165
Table 2 is a set of questions given to the surveyed VII. DATA AVAILABILITY
students for the authors to know how the students accept an
application and how this application will help the students. A. Underlying data
Here we can see the factors affecting this application's Figshare: Link and Multimedia Archiving
acceptance by students. https://doi.org/10.6084/m9.figshare. 24130041

Expectation results a variable in the UTAUT model This project contains the raw data for evaluating the
refers how one particular believe applying a system will desktop application by the students.
assist in achieving productivity at work. The expectation of - Raw-data.xls
effort level of easiness related to using—any mechanism.
Social influence is the a level where others' (family, friends, B. Extended data
and peers) beliefs (whether these beliefs if they are good or Figshare: Link and Multimedia Archiving
bad) will be affected—a user of the new system. In https://doi.org/10.6084/m9.figshare.24130041
UTUAT, the concept of facilitating conditions relates to The project contains extended data.
how individuals perceive that the functional and - Questionnaire.docx
organizational frameworks needed to execute the system
have been placed. REFERENCES
According to Venkatesh et al. (2003) Behavioral [1]. DEV MISHRA, A., & GARG, D. (2008). Selection of
intentions are the extent to which a person has made Best Sorting Algorithm. International Journal of
deliberate choices about how to engage in a particular Intelligent Information Processing, 2(December).
prospective action. [2]. Harris, K., Beis, C. A., & Shreffler, S. (2021). Citizen
web archivists: applying web archiving as a
V. CONCLUSION pedagogical tool. Journal of Electronic Resources
These are the conclusions derived from the study's Librarianship, 33(4).
findings. The system will help students and future https://doi.org/10.1080/1941126X.2021.1988463
researchers who want to use the method when deployed. [3]. Hwang, H. C., Shon, J. G., & Park, J. S. (2020).
Easy manipulation and organization of links and media Design of an enhanced web archiving system for
shorten the time spent finding specific records or saved preserving content integrity with blockchain.
items and boost productivity as the time spent searching Electronics (Switzerland), 9(8).
will focus on doing what is essential. https://doi.org/10.3390/electronics9081255
[4]. Kim, K.-Y., Kim, S.-Y., & Kim, H.-M. (2012). Study
The idea of the system will surely help many people of Analyzing Outcome of Building and Introducing
in the future. If it is fully developed and adds some data System for Preserving Full-Text of e-Journal.
security, it will attract users as one of the aims is to be International Journal of Knowledge Content
aesthetic. Students these days prefer appearance rather than Development & Technology, 2(2).
the use of something. That is why the system has something https://doi.org/10.5865/ijkct.2012.2.2.005
that will attract students while at the same time helping [5]. Mastering algorithms with C. (1999). Computers &
them with some useful functions for their research and Mathematics with Applications, 38(11–12).
other data archiving. https://doi.org/10.1016/s0898-1221(99)91275-0
[6]. MB.Alazzam, A. S. (2015). Review of Studies With
Lastly, the participants of this study show that the Utaut As Conceptual Framework. European Scientific
Link and Multimedia Archiving systems will benefit Journal, 10(3).
students. [7]. Shaikh, R., & Sasikumar, M. (2017). A Comparative
Study of Well Known Sorting Algorithms. Procedia
VI. ETHICAL APPROVAL Computer Science, 8.
[8]. Tokareva, V. (2018). Architecture of distributed
In March 2021, the researchers received approval picture archiving and communication systems for
from the Office of the Research and Creative Works and storing and processing high resolution medical
the Dean of Computer Studies, Business Administration, images. EPJ Web of Conferences, 177.
and Engineering in St. Peter's College, Iligan City, https://doi.org/10.1051/epjconf/201817705004
Philippines. Additionally, the researchers were permitted to
conduct survey activities by the School President with the
students from the three (3) Colleges. Also, the researchers
received the written agreement of every participant in the
study. The researchers let those involved know that the
information would be disseminated while maintaining data
privacy and asked for their consent.

IJISRT23NOV1607 www.ijisrt.com 2626