‭Republic of the Philippines‬

‭UNIVERSITY OF ANTIQUE‬
‭Sibalom, Antique‬

‭COLLEGE OF COMPUTER STUDIES‬

‭IT PROJECT 1 (CAPSTONE 1)‬

‭University Document Tracking and Management System with QR Code Technology‬

‭An IT Capstone Project Presented to the‬

‭Faculty of the College of Computer Studies‬

‭University of Antique‬

‭Sibalom, Antique‬

‭In Partial Fulfillment of the Degree in‬

‭Bachelor of Science in Information Technology‬

‭By‬

‭Hannah Ysabelle Leguro‬

‭Rochell Ann Jalipa‬

‭Kimberly Siacor‬

‭Nick Gersava‬

‭August 2023‬

‭1‬
 ‭Republic of the Philippines‬
‭UNIVERSITY OF ANTIQUE‬
‭Sibalom, Antique‬

‭COLLEGE OF COMPUTER STUDIES‬

‭IT PROJECT 1 (CAPSTONE 1)‬

‭Introduction‬

‭In‬‭today's‬‭fast-paced‬‭world,‬‭universities‬‭face‬‭challenges‬‭with‬‭document‬‭tracking‬‭and‬

‭management,‬‭leading‬‭to‬‭delays,‬‭errors,‬‭and‬‭a‬‭lack‬‭of‬‭transparency.‬‭The‬‭University‬‭Document‬

‭Tracking‬ ‭and‬ ‭Management‬ ‭System‬ ‭with‬ ‭QR‬ ‭code‬ ‭technology‬ ‭transforms‬ ‭the‬ ‭handling‬ ‭of‬

‭official‬ ‭documents.‬ ‭By‬ ‭leveraging‬ ‭QR‬ ‭codes,‬ ‭this‬ ‭system‬ ‭enables‬ ‭faster‬ ‭transactions‬ ‭and‬

‭approvals,‬ ‭improves‬ ‭accuracy‬ ‭and‬‭transparency,‬‭enhances‬‭collaboration‬‭and‬‭communication,‬

‭and‬ ‭achieves‬ ‭cost‬ ‭and‬ ‭space‬ ‭efficiency.‬ ‭With‬ ‭its‬ ‭comprehensive‬ ‭approach,‬ ‭the‬ ‭University‬

‭Document‬ ‭Tracking‬ ‭and‬ ‭Management‬ ‭System‬ ‭empowers‬ ‭universities‬ ‭to‬ ‭optimize‬ ‭their‬

‭operations and deliver an enhanced experience to all stakeholders.‬

‭Project Context‬

‭The‬ ‭University‬ ‭Document‬ ‭Tracking‬ ‭and‬ ‭Management‬ ‭System‬ ‭with‬ ‭QR‬ ‭code‬

‭technology‬‭is‬‭designed‬‭to‬‭address‬‭the‬‭inherent‬‭challenges‬‭universities‬‭face‬‭in‬‭handling‬‭official‬

‭documents‬ ‭during‬ ‭manual‬ ‭transactions.‬ ‭In‬ ‭today's‬ ‭digital‬ ‭era,‬ ‭relying‬ ‭on‬ ‭outdated‬ ‭and‬

‭paper-based‬ ‭processes‬ ‭for‬ ‭document‬ ‭management‬ ‭leads‬ ‭to‬‭inefficiencies,‬‭delays,‬‭and‬‭errors.‬

‭Universities‬ ‭must‬ ‭find‬ ‭innovative‬ ‭solutions‬‭to‬‭streamline‬‭their‬‭document-handling‬‭processes‬

‭to improve overall efficiency and enhance stakeholder experiences.‬

‭Official‬‭documents‬‭play‬‭a‬‭crucial‬‭role‬‭in‬‭the‬‭efficient‬‭operation‬‭and‬‭decision-making‬

‭processes‬ ‭of‬ ‭universities.‬ ‭However,‬ ‭the‬ ‭manual‬ ‭handling‬ ‭of‬ ‭these‬ ‭documents‬ ‭often‬ ‭leads‬‭to‬

‭delays, data entry errors, a lack of transparency, and limited accountability. These challenges‬

‭2‬
 ‭Republic of the Philippines‬
‭UNIVERSITY OF ANTIQUE‬
‭Sibalom, Antique‬

‭COLLEGE OF COMPUTER STUDIES‬

‭IT PROJECT 1 (CAPSTONE 1)‬

‭significantly‬ ‭impact‬ ‭the‬ ‭university's‬ ‭ability‬ ‭to‬ ‭deliver‬ ‭timely‬ ‭services,‬ ‭thus‬ ‭affecting‬ ‭the‬

‭satisfaction of students, faculty, staff, and external stakeholders.‬

‭To‬ ‭overcome‬ ‭these‬ ‭challenges,‬ ‭the‬‭University‬‭Document‬‭Tracking‬‭and‬‭Management‬

‭System‬ ‭with‬ ‭QR‬ ‭code‬ ‭technology‬ ‭offers‬ ‭an‬‭automated‬‭and‬‭efficient‬‭solution.‬‭By‬‭leveraging‬

‭QR‬ ‭codes,‬ ‭this‬ ‭system‬ ‭enables‬ ‭faster‬ ‭transactions‬ ‭and‬ ‭approvals,‬ ‭enhances‬ ‭accuracy‬ ‭and‬

‭transparency,‬ ‭improves‬ ‭collaboration‬ ‭and‬ ‭communication,‬ ‭and‬ ‭achieves‬ ‭cost‬ ‭and‬ ‭space‬

‭efficiency.‬ ‭Implementing‬ ‭this‬ ‭system‬ ‭will‬ ‭transform‬ ‭the‬ ‭way‬ ‭universities‬ ‭handle‬ ‭official‬

‭documents,‬ ‭ensuring‬ ‭streamlined‬ ‭processes,‬ ‭reducing‬ ‭paper‬ ‭consumption,‬ ‭and‬ ‭providing‬

‭real-time visibility into the status of document processing.‬

‭Generally speaking, all problems can be solved by our system.‬

‭Objectives‬

‭General Objective:‬

‭The‬‭objective‬‭of‬‭the‬‭capstone‬‭project‬‭is‬‭to‬‭create‬‭a‬‭University‬‭Document‬‭Tracking‬‭and‬

‭Management‬ ‭System‬ ‭using‬ ‭QR‬ ‭code‬ ‭technology‬ ‭(UDTMS).‬ ‭This‬ ‭system‬ ‭aims‬ ‭to‬ ‭simplify‬

‭document‬ ‭management,‬ ‭enhance‬ ‭accessibility,‬ ‭expedite‬ ‭transactions‬ ‭and‬ ‭approvals,‬ ‭and‬

‭strengthen‬‭data‬‭security.‬‭Additionally,‬‭it‬‭seeks‬‭to‬‭facilitate‬‭efficient‬‭decision-making‬‭processes‬

‭within the university.‬

‭3‬
 ‭Republic of the Philippines‬
‭UNIVERSITY OF ANTIQUE‬
‭Sibalom, Antique‬

‭COLLEGE OF COMPUTER STUDIES‬

‭IT PROJECT 1 (CAPSTONE 1)‬

‭Specific Objectives:‬

‭Specifically, the project aims to:‬

‭1.‬ ‭To‬ ‭design‬ ‭and‬ ‭develop‬ ‭a‬ ‭Document‬ ‭Tracking‬ ‭and‬ ‭Management‬ ‭System‬‭with‬‭QR‬

‭code technology modules that will:‬

‭a)‬‭User‬‭Account‬‭Management‬‭:‬‭To‬‭develop‬‭a‬‭module‬‭for‬‭user‬‭registration,‬‭login,‬

‭and account management.‬

‭b)‬ ‭Document‬ ‭Access‬ ‭and‬ ‭Modification‬‭:‬ ‭To‬ ‭create‬ ‭functionality‬ ‭for‬ ‭users‬ ‭to‬

‭access and modify documents based on their assigned roles and permissions.‬

‭c)‬ ‭Document‬ ‭Creation‬ ‭and‬ ‭Tracking‬‭:‬ ‭To‬ ‭implement‬ ‭features‬ ‭for‬ ‭document‬

‭creation,‬ ‭upload,‬ ‭editing,‬ ‭and‬ ‭tracking‬‭of‬‭document‬‭versions‬‭with‬‭generated‬‭QR‬

‭codes.‬

‭d)‬ ‭Document‬ ‭Search‬‭:‬ ‭To‬ ‭develop‬ ‭a‬ ‭robust‬ ‭search‬ ‭function‬ ‭that‬‭allows‬‭users‬‭to‬

‭search for documents using various criteria.‬

‭f)‬ ‭QR‬ ‭Code‬ ‭Scanning‬‭:‬ ‭To‬ ‭develop‬ ‭a‬ ‭feature‬ ‭for‬ ‭users‬ ‭to‬ ‭scan‬ ‭QR‬ ‭codes‬ ‭to‬

‭retrieve documents.‬

‭g)‬ ‭Notifications‬‭:‬ ‭Implement‬ ‭a‬ ‭notification‬ ‭system‬‭to‬‭inform‬‭users‬‭of‬‭updates‬‭or‬

‭actions via email or push notifications.‬

‭4‬
 ‭Republic of the Philippines‬
‭UNIVERSITY OF ANTIQUE‬
‭Sibalom, Antique‬

‭COLLEGE OF COMPUTER STUDIES‬

‭IT PROJECT 1 (CAPSTONE 1)‬

‭2.‬ ‭To‬‭design‬‭and‬‭develop‬‭mobile‬‭applications‬‭to‬‭improve‬‭productivity‬‭and‬‭provide‬‭a‬

‭user-friendly experience, ensuring flexibility in accessing and managing documents.‬

‭3.‬ ‭To‬ ‭implement‬ ‭robust‬ ‭data‬ ‭encryption‬ ‭and‬ ‭access‬ ‭control‬ ‭measures,‬ ‭utilizing‬

‭Supabase‬ ‭security‬ ‭features,‬ ‭to‬ ‭ensure‬ ‭the‬ ‭confidentiality,‬ ‭integrity,‬ ‭and‬ ‭availability‬ ‭of‬ ‭data.‬

‭This step is crucial for protecting sensitive information.‬

‭5.‬ ‭To‬ ‭evaluate‬ ‭the‬ ‭effectiveness‬ ‭of‬ ‭the‬ ‭proposed‬ ‭features‬ ‭using‬ ‭ISO/IEC‬ ‭2709‬

‭standards, considering criteria such as:‬

‭a)‬ ‭standardization,‬

‭b)‬ ‭flexibility,‬

‭c)‬ ‭extensibility,‬

‭d)‬ ‭interoperability,‬

‭e)‬ ‭data integrity‬

‭Scope and Limitations‬

‭The‬ ‭scope‬ ‭of‬ ‭this‬ ‭project‬ ‭is‬ ‭to‬ ‭develop‬ ‭a‬ ‭University‬ ‭Document‬ ‭Tracking‬ ‭and‬

‭Management‬ ‭System‬ ‭with‬ ‭QR‬ ‭code‬ ‭technology.‬ ‭The‬ ‭system‬ ‭will‬ ‭focus‬ ‭on‬ ‭the‬ ‭efficient‬

‭handling‬ ‭and‬ ‭management‬ ‭of‬ ‭official‬ ‭documents‬ ‭such‬ ‭as‬ ‭request‬ ‭letters,‬ ‭memorandums,‬

‭activity‬ ‭designs,‬ ‭resolutions,‬‭and‬‭other‬‭relevant‬‭documents‬‭within‬‭a‬‭university‬‭setting.‬‭Users‬

‭will‬ ‭have‬ ‭the‬‭ability‬‭to‬‭securely‬‭register,‬‭log‬‭in,‬‭and‬‭personalize‬‭their‬‭experiences‬‭within‬‭the‬

‭system. The access control module will ensure data security and confidentiality by‬

‭5‬
 ‭Republic of the Philippines‬
‭UNIVERSITY OF ANTIQUE‬
‭Sibalom, Antique‬

‭COLLEGE OF COMPUTER STUDIES‬

‭IT PROJECT 1 (CAPSTONE 1)‬

‭implementing‬ ‭role-based‬ ‭access‬ ‭control‬ ‭(RBAC),‬ ‭assigning‬ ‭document‬ ‭access‬ ‭and‬

‭modification‬ ‭permissions‬ ‭based‬ ‭on‬ ‭user‬ ‭roles.‬ ‭The‬ ‭document‬ ‭creation‬ ‭module‬ ‭will‬ ‭provide‬

‭essential‬ ‭formatting‬ ‭features‬ ‭and‬ ‭version‬ ‭tracking‬ ‭for‬ ‭efficient‬ ‭document‬ ‭management.‬ ‭The‬

‭integration‬ ‭of‬ ‭QR‬ ‭code‬ ‭technology‬ ‭will‬ ‭allow‬ ‭users,‬ ‭including‬ ‭Admin,‬ ‭Faculty,‬ ‭Staff,‬ ‭and‬

‭Students,‬ ‭to‬ ‭scan‬ ‭unique‬ ‭QR‬‭codes‬‭for‬‭easy‬‭document‬‭access‬‭and‬‭retrieval.‬‭The‬‭system‬‭will‬

‭offer‬ ‭a‬ ‭secure‬ ‭central‬ ‭repository‬ ‭for‬ ‭document‬ ‭storage,‬ ‭upload,‬ ‭retrieval,‬ ‭and‬ ‭deletion.‬

‭Additionally,‬‭the‬‭project‬‭will‬‭include‬‭search‬‭functionality‬‭that‬‭enables‬‭users‬‭to‬‭find‬‭documents‬

‭based‬ ‭on‬ ‭various‬ ‭criteria,‬ ‭facilitating‬ ‭an‬ ‭intuitive‬ ‭way‬ ‭to‬ ‭locate‬ ‭and‬ ‭access‬ ‭relevant‬

‭documents.‬ ‭Timely‬ ‭notifications‬ ‭will‬ ‭be‬ ‭sent‬ ‭to‬ ‭users,‬ ‭including‬ ‭Admin,‬ ‭Faculty,‬‭Staff,‬‭and‬

‭Students,‬‭through‬‭different‬‭channels‬‭to‬‭keep‬‭them‬‭informed‬‭of‬‭document‬‭updates,‬‭approvals,‬

‭or‬‭deadlines,‬‭promoting‬‭collaboration‬‭and‬‭timely‬‭actions.‬‭Moreover,‬‭the‬‭project‬‭will‬‭develop‬‭a‬

‭mobile‬ ‭application‬ ‭to‬ ‭enhance‬ ‭productivity‬ ‭and‬ ‭flexibility,‬ ‭ensuring‬ ‭a‬ ‭seamless‬ ‭and‬

‭user-friendly experience across different devices.‬

‭Within‬ ‭the‬ ‭UDTMS,‬ ‭there‬ ‭are‬ ‭several‬ ‭distinct‬ ‭user‬ ‭roles,‬ ‭each‬ ‭tailored‬ ‭to‬ ‭specific‬

‭responsibilities and permissions:‬

‭●‬ ‭Admins‬‭have‬‭full‬‭control‬‭over‬‭the‬‭system,‬‭managing‬‭user‬‭accounts,‬‭roles,‬‭and‬

‭permissions,‬ ‭and‬ ‭overseeing‬ ‭the‬ ‭system's‬ ‭operation‬ ‭for‬ ‭official‬ ‭documents‬

‭within the university.‬

‭●‬ ‭Faculty‬ ‭members‬ ‭can‬ ‭create,‬‭upload,‬‭and‬‭manage‬‭official‬‭documents‬‭related‬

‭to‬ ‭administrative‬ ‭responsibilities,‬ ‭such‬ ‭as‬ ‭memorandums,‬ ‭activity‬ ‭designs,‬

‭and resolutions.‬

‭6‬
 ‭Republic of the Philippines‬
‭UNIVERSITY OF ANTIQUE‬
‭Sibalom, Antique‬

‭COLLEGE OF COMPUTER STUDIES‬

‭IT PROJECT 1 (CAPSTONE 1)‬

‭●‬ ‭Staff‬‭members‬‭use‬‭the‬‭system‬‭for‬‭administrative‬‭purposes,‬‭including‬‭handling‬

‭requests,‬ ‭managing‬ ‭official‬ ‭correspondence,‬ ‭and‬ ‭tracking‬ ‭relevant‬ ‭official‬

‭documents.‬

‭●‬ ‭Students‬‭utilize‬‭the‬‭system‬‭for‬‭tasks‬‭related‬‭to‬‭their‬‭academic‬‭activities‬‭within‬

‭the‬ ‭scope‬ ‭of‬ ‭official‬ ‭documents,‬ ‭such‬ ‭as‬ ‭accessing‬ ‭official‬‭communications‬

‭from the university.‬

‭These‬ ‭user‬ ‭roles‬ ‭are‬ ‭central‬ ‭to‬ ‭the‬ ‭effective‬ ‭functioning‬ ‭of‬ ‭the‬ ‭UDTMS,‬ ‭with‬ ‭each‬

‭role serving a specific purpose in managing and accessing official documents.‬

‭The‬ ‭University‬ ‭Document‬ ‭Tracking‬ ‭and‬ ‭Management‬ ‭System‬ ‭with‬ ‭QR‬ ‭code‬

‭technology‬ ‭has‬ ‭certain‬ ‭delimitations‬ ‭that‬ ‭should‬ ‭be‬ ‭acknowledged.‬ ‭Firstly,‬ ‭the‬ ‭system‬ ‭will‬

‭primarily‬‭focus‬‭on‬‭managing‬‭and‬‭tracking‬‭official‬‭documents‬‭commonly‬‭used‬‭in‬‭a‬‭university‬

‭setting,‬ ‭such‬ ‭as‬ ‭request‬ ‭letters,‬ ‭memorandums,‬ ‭activity‬ ‭designs,‬ ‭and‬ ‭resolutions.‬‭It‬‭may‬‭not‬

‭cover‬‭other‬‭types‬‭of‬‭documents‬‭like‬‭research‬‭papers‬‭or‬‭student‬‭assignments.‬‭Secondly,‬‭while‬

‭the‬‭system‬‭will‬‭integrate‬‭Google‬‭Docs‬‭for‬‭document‬‭creation‬‭and‬‭editing,‬‭it‬‭may‬‭not‬‭provide‬

‭advanced‬ ‭editing‬ ‭capabilities,‬ ‭collaboration‬ ‭features,‬ ‭or‬ ‭document-specific‬ ‭functionalities.‬

‭Thirdly,‬‭the‬‭system‬‭will‬‭be‬‭accessible‬‭on‬‭Android‬‭devices,‬‭but‬‭compatibility‬‭may‬‭be‬‭limited‬‭to‬

‭specific‬ ‭versions‬ ‭of‬ ‭mobile‬ ‭operating‬ ‭systems‬ ‭and‬ ‭may‬ ‭not‬ ‭support‬ ‭older‬ ‭devices.‬

‭Additionally,‬‭the‬‭system‬‭will‬‭be‬‭developed‬‭as‬‭a‬‭standalone‬‭application‬‭and‬‭may‬‭not‬‭integrate‬

‭with‬ ‭all‬ ‭existing‬ ‭university‬ ‭systems‬ ‭or‬ ‭databases,‬ ‭requiring‬ ‭additional‬ ‭customization‬ ‭for‬

‭integration‬ ‭with‬ ‭other‬‭systems.‬‭Lastly,‬‭the‬‭scalability‬‭of‬‭the‬‭application‬‭may‬‭vary‬‭depending‬

‭on‬ ‭the‬ ‭size‬ ‭and‬ ‭infrastructure‬ ‭of‬‭the‬‭institution,‬‭and‬‭large-scale‬‭implementation‬‭may‬‭require‬

‭additional resources and infrastructure.‬

‭7‬
 ‭Republic of the Philippines‬
‭UNIVERSITY OF ANTIQUE‬
‭Sibalom, Antique‬

‭COLLEGE OF COMPUTER STUDIES‬

‭IT PROJECT 1 (CAPSTONE 1)‬

‭Purpose and Description‬

‭The‬‭purpose‬‭of‬‭the‬‭capstone‬‭project‬‭University‬‭Document‬‭Tracking‬‭and‬‭Management‬

‭System‬‭with‬‭QR‬‭code‬‭technology‬‭is‬‭to‬‭transform‬‭the‬‭way‬‭official‬‭documents‬‭are‬‭managed‬‭and‬

‭tracked‬ ‭within‬ ‭a‬ ‭university‬ ‭setting.‬ ‭By‬ ‭utilizing‬ ‭QR‬ ‭code‬ ‭technology,‬ ‭this‬ ‭system‬ ‭aims‬ ‭to‬

‭streamline‬ ‭document‬ ‭retrieval,‬ ‭enhance‬ ‭efficiency,‬ ‭and‬ ‭promote‬ ‭faster‬ ‭transactions‬ ‭and‬

‭approvals.‬ ‭The‬ ‭system‬‭will‬‭benefit‬‭various‬‭stakeholders,‬‭including‬‭university‬‭administrators,‬

‭faculty‬ ‭members,‬ ‭staff,‬ ‭and‬ ‭students,‬ ‭by‬ ‭providing‬ ‭a‬ ‭secure‬ ‭and‬ ‭user-friendly‬ ‭platform‬ ‭for‬

‭document management.‬

‭The‬ ‭University‬ ‭Document‬ ‭Tracking‬ ‭and‬ ‭Management‬ ‭System‬ ‭with‬ ‭QR‬ ‭code‬

‭technology‬ ‭is‬ ‭an‬ ‭advanced‬ ‭solution‬ ‭designed‬ ‭to‬ ‭simplify‬ ‭and‬ ‭optimize‬ ‭the‬ ‭management‬ ‭of‬

‭official‬ ‭documents‬ ‭within‬ ‭a‬ ‭university.‬ ‭This‬ ‭system‬ ‭will‬ ‭eliminate‬ ‭the‬ ‭hassle‬ ‭of‬ ‭manual‬

‭document‬ ‭handling‬ ‭by‬ ‭introducing‬ ‭QR‬ ‭codes‬ ‭as‬‭unique‬‭identifiers‬‭for‬‭each‬‭document.‬‭With‬

‭just‬ ‭a‬ ‭simple‬ ‭scan,‬ ‭authorized‬ ‭users‬ ‭will‬ ‭have‬ ‭instant‬ ‭access‬ ‭to‬ ‭the‬ ‭required‬ ‭documents,‬

‭eliminating the need for physically searching through piles of paperwork.‬

‭This‬ ‭system‬ ‭will‬ ‭greatly‬ ‭benefit‬ ‭university‬ ‭administrators,‬ ‭who‬‭can‬‭efficiently‬‭track‬

‭the‬ ‭progress‬ ‭of‬ ‭documents,‬ ‭ensuring‬ ‭that‬ ‭they‬ ‭are‬ ‭processed‬‭and‬‭approved‬‭on‬‭time.‬‭Faculty‬

‭members‬ ‭will‬‭also‬‭benefit‬‭from‬‭the‬‭system,‬‭as‬‭they‬‭can‬‭easily‬‭submit‬‭and‬‭retrieve‬‭important‬

‭documents‬ ‭such‬ ‭as‬ ‭activity‬ ‭designs‬ ‭or‬ ‭memorandums,‬ ‭minimizing‬ ‭delays‬ ‭in‬ ‭their‬ ‭projects.‬

‭Staff‬‭members‬‭will‬‭find‬‭it‬‭easier‬‭to‬‭manage‬‭and‬‭organize‬‭documents,‬‭ensuring‬‭that‬‭important‬

‭information‬‭is‬‭readily‬‭available‬‭when‬‭needed.‬‭Even‬‭students‬‭will‬‭benefit,‬‭as‬‭they‬‭can‬‭submit‬

‭and‬‭track‬‭their‬‭requests,‬‭such‬‭as‬‭letters‬‭of‬‭recommendation‬‭or‬‭financial‬‭aid‬‭applications,‬‭with‬

‭ease.‬
‭8‬
 ‭Republic of the Philippines‬
‭UNIVERSITY OF ANTIQUE‬
‭Sibalom, Antique‬

‭COLLEGE OF COMPUTER STUDIES‬

‭IT PROJECT 1 (CAPSTONE 1)‬

‭The‬ ‭implications‬ ‭of‬ ‭implementing‬ ‭this‬ ‭system‬ ‭are‬ ‭far-reaching.‬ ‭Firstly,‬ ‭it‬ ‭will‬

‭significantly‬ ‭reduce‬ ‭the‬ ‭time‬ ‭and‬ ‭effort‬ ‭spent‬ ‭on‬ ‭manual‬ ‭document‬ ‭handling,‬ ‭leading‬ ‭to‬

‭increased‬‭productivity‬‭and‬‭efficiency‬‭within‬‭the‬‭university.‬‭This‬‭streamlined‬‭process‬‭will‬‭also‬

‭contribute‬ ‭to‬ ‭faster‬ ‭transactions‬ ‭and‬ ‭approvals,‬ ‭enabling‬ ‭a‬ ‭more‬ ‭responsive‬ ‭and‬ ‭dynamic‬

‭decision-making‬‭environment.‬‭Moreover,‬‭the‬‭system‬‭will‬‭enhance‬‭data‬‭security,‬‭as‬‭it‬‭provides‬

‭controlled‬ ‭access‬ ‭to‬ ‭authorized‬ ‭personnel‬ ‭only,‬ ‭reducing‬ ‭the‬ ‭risk‬‭of‬‭document‬‭tampering‬‭or‬

‭unauthorized disclosure.‬

‭The‬ ‭University‬ ‭Document‬ ‭Tracking‬ ‭and‬ ‭Management‬ ‭System‬ ‭with‬ ‭QR‬ ‭code‬

‭technology‬ ‭is‬ ‭a‬ ‭game-changer‬ ‭in‬ ‭the‬ ‭realm‬ ‭of‬ ‭document‬ ‭management‬ ‭for‬ ‭universities.‬ ‭By‬

‭providing‬‭a‬‭user-friendly,‬‭efficient,‬‭and‬‭secure‬‭platform,‬‭it‬‭will‬‭revolutionize‬‭the‬‭way‬‭official‬

‭documents‬‭are‬‭managed,‬‭ensuring‬‭faster‬‭transactions‬‭and‬‭approvals.‬‭This‬‭system‬‭will‬‭benefit‬

‭university‬ ‭administrators,‬ ‭faculty,‬ ‭staff,‬ ‭and‬ ‭students,‬ ‭leading‬ ‭to‬ ‭increased‬ ‭productivity,‬

‭improved decision-making, and enhanced data security.‬

‭9‬
 ‭Republic of the Philippines‬
‭UNIVERSITY OF ANTIQUE‬
‭Sibalom, Antique‬

‭COLLEGE OF COMPUTER STUDIES‬

‭IT PROJECT 1 (CAPSTONE 1)‬

‭CHAPTER II‬

‭Technical Background‬

‭The‬ ‭UDTMS,‬ ‭also‬ ‭known‬ ‭as‬ ‭the‬ ‭University‬ ‭Document‬ ‭Tracking‬ ‭and‬ ‭Management‬

‭System,‬‭is‬‭a‬‭contemporary‬‭software‬‭solution‬‭designed‬‭to‬‭tackle‬‭the‬‭intricacies‬‭and‬‭difficulties‬

‭related‬ ‭to‬ ‭document‬ ‭management‬ ‭within‬ ‭a‬ ‭university‬ ‭setting.‬ ‭This‬ ‭segment‬ ‭offers‬ ‭the‬

‭necessary‬‭technical‬‭information‬‭required‬‭to‬‭comprehend‬‭the‬‭context,‬‭technologies,‬‭and‬‭factors‬

‭that form the foundation of the UDTMS project.‬

‭The‬ ‭UDTMS‬ ‭comprises‬ ‭both‬ ‭web-based‬ ‭and‬ ‭mobile‬ ‭applications,‬ ‭offering‬ ‭users‬

‭flexibility‬ ‭and‬ ‭convenience‬ ‭in‬ ‭document‬ ‭management.‬ ‭The‬ ‭web-based‬‭application‬‭serves‬‭as‬

‭the‬‭primary‬‭interface‬‭for‬‭desktop‬‭users,‬‭while‬‭the‬‭mobile‬‭application‬‭extends‬‭access‬‭to‬‭users‬

‭on various devices.‬

‭Built‬‭using‬‭Vite‬‭and‬‭Bootstrap,‬‭the‬‭web‬‭application‬‭provides‬‭a‬‭fast‬‭and‬‭optimized‬‭user‬

‭experience.‬ ‭Vite‬ ‭is‬ ‭a‬ ‭modern‬ ‭front-end‬ ‭build‬ ‭tool‬ ‭known‬ ‭for‬ ‭its‬ ‭speed‬ ‭and‬ ‭efficiency.‬ ‭It‬

‭leverages‬ ‭the‬ ‭latest‬ ‭JavaScript‬ ‭module‬ ‭system,‬ ‭enabling‬ ‭rapid‬ ‭development‬‭and‬‭hot‬‭module‬

‭replacement.‬ ‭Bootstrap,‬ ‭a‬ ‭free‬ ‭front-end‬ ‭framework,‬ ‭accelerates‬ ‭development‬ ‭by‬ ‭offering‬

‭pre-designed‬‭UI‬‭components‬‭and‬‭responsive‬‭layouts.‬‭Together,‬‭Vite‬‭and‬‭Bootstrap‬‭streamline‬

‭web development, ensuring a user-friendly and aesthetically pleasing interface.‬

‭The‬ ‭mobile‬ ‭application‬ ‭will‬ ‭be‬ ‭developed‬ ‭using‬ ‭React‬ ‭Native,‬ ‭allowing‬ ‭for‬

‭cross-platform‬ ‭compatibility.‬ ‭React‬ ‭Native‬ ‭framework‬ ‭enables‬ ‭the‬ ‭creation‬ ‭of‬ ‭a‬ ‭single‬

‭codebase‬ ‭that‬ ‭runs‬ ‭on‬ ‭both‬ ‭iOS‬ ‭and‬ ‭Android‬ ‭devices.‬ ‭React‬ ‭Native,‬ ‭for‬ ‭instance,‬ ‭employs‬

‭JavaScript and React to build native-like mobile apps.‬

‭10‬
 ‭Republic of the Philippines‬
‭UNIVERSITY OF ANTIQUE‬
‭Sibalom, Antique‬

‭COLLEGE OF COMPUTER STUDIES‬

‭IT PROJECT 1 (CAPSTONE 1)‬

‭The‬ ‭UDTMS‬ ‭relies‬ ‭on‬ ‭TypeScript‬ ‭for‬ ‭backend‬‭development,‬‭extending‬‭JavaScript's‬

‭capabilities‬ ‭and‬ ‭enhancing‬ ‭the‬ ‭developer‬ ‭experience.‬ ‭TypeScript‬ ‭introduces‬ ‭static‬ ‭typing,‬

‭improved‬ ‭tooling,‬ ‭and‬ ‭enhanced‬ ‭code‬ ‭maintainability.‬ ‭It‬ ‭ensures‬ ‭robust‬ ‭and‬ ‭predictable‬

‭backend functionality, reducing runtime errors and facilitating efficient debugging.‬

‭Supabase,‬‭an‬‭open-source‬‭alternative‬‭to‬‭Firebase,‬‭serves‬‭as‬‭the‬‭database‬‭management‬

‭system‬ ‭underpinning‬ ‭the‬‭UDTMS.‬‭It‬‭offers‬‭features‬‭for‬‭data‬‭storage,‬‭retrieval,‬‭and‬‭real-time‬

‭synchronization.‬ ‭Supabase‬‭employs‬‭PostgreSQL‬‭as‬‭its‬‭database‬‭engine,‬‭providing‬‭scalability‬

‭and‬ ‭reliability.‬ ‭The‬ ‭choice‬ ‭of‬ ‭Supabase‬ ‭aligns‬ ‭with‬ ‭the‬ ‭project's‬ ‭objective‬ ‭of‬ ‭ensuring‬ ‭data‬

‭integrity,‬ ‭confidentiality,‬ ‭and‬ ‭availability.‬ ‭Advanced‬ ‭security‬ ‭features‬ ‭and‬ ‭easy‬ ‭integration‬

‭with front-end technologies make it a robust choice for a document management system.‬

‭The‬ ‭UDTMS‬ ‭functions‬ ‭by‬‭integrating‬‭these‬‭technical‬‭components‬‭seamlessly.‬‭Users‬

‭interact‬ ‭with‬ ‭the‬ ‭web‬ ‭and‬ ‭mobile‬ ‭applications,‬ ‭which‬ ‭communicate‬ ‭with‬ ‭the‬ ‭backend‬

‭infrastructure‬‭powered‬‭by‬‭TypeScript.‬‭Data‬‭is‬‭securely‬‭stored‬‭and‬‭retrieved‬‭from‬‭the‬‭Supabase‬

‭database.‬‭Role-based‬‭access‬‭control‬‭(RBAC)‬‭mechanisms‬‭ensure‬‭that‬‭users‬‭access‬‭documents‬

‭based‬ ‭on‬ ‭their‬ ‭permissions.‬ ‭QR‬ ‭code‬ ‭technology‬ ‭simplifies‬ ‭document‬ ‭retrieval‬ ‭through‬

‭scanning.‬

‭The‬‭UDTMS‬‭leverages‬‭modern‬‭frontend‬‭tools‬‭like‬‭Vite‬‭and‬‭Bootstrap‬‭for‬‭web-based‬

‭interfaces,‬ ‭cross-platform‬ ‭frameworks‬ ‭for‬ ‭mobile‬ ‭applications,‬ ‭TypeScript‬ ‭for‬ ‭backend‬

‭development,‬ ‭and‬ ‭Supabase‬ ‭for‬ ‭robust‬ ‭database‬ ‭management.‬ ‭This‬ ‭blend‬ ‭of‬ ‭technologies‬

‭ensures‬‭a‬‭fast,‬‭secure,‬‭and‬‭efficient‬‭document‬‭tracking‬‭and‬‭management‬‭system‬‭that‬‭meets‬‭the‬

‭demands of a modern university environment.‬

‭11‬