[{"data":1,"prerenderedAt":458},["ShallowReactive",2],{"header-nav":3,"footer-primary":155,"footer-secondary":232,"footer-description":258,"header-nav-data":260,"github-stars":262,"8f849cd0-a47b-4e32-bb19-b478973c90f7":366,"dfd79d2b-7af5-4cdb-aa94-3f73de97ebd8":372,"74634853-196b-4ce3-b256-4534c054838f":379,"site-banner":408,"358b0659-1f05-4427-bd1c-4bc03a43c182":412,"9df3f40e-6272-4ec6-a0d7-cc29265e087c":419,"1b444c23-b593-4391-9410-4ca5d2c7a7cb":423,"agency-partners-learnova":426,"projects-related-learnova":457},{"items":4},[5,74,136,141,148],{"id":6,"title":7,"url":8,"callout":9,"callout_title":10,"children_title":11,"page":8,"children":12},"62c04c6c-5793-4702-8ed1-73dd563fd605","Product",null,"8f849cd0-a47b-4e32-bb19-b478973c90f7","Project Showcase","Use Cases and Features",[13,21,29,37,43,51,59,67],{"id":14,"title":15,"url":16,"description":17,"image":8,"icon":18,"page":19},"e7d7d5ed-89b1-4455-8b4a-8ae92c70e3a0","Headless CMS","/solutions/headless-cms/","Manage and deliver content with ease","code_blocks",{"permalink":20},"/solutions/headless-cms",{"id":22,"title":23,"url":24,"description":25,"image":8,"icon":26,"page":27},"60bdefd9-95e6-45a3-9f81-4748d07c59d3","Backend-as-a-Service","/solutions/backend-as-a-service/","Build and ship applications faster","speed",{"permalink":28},"/solutions/backend-as-a-service",{"id":30,"title":31,"url":32,"description":33,"image":8,"icon":34,"page":35},"5f9aebeb-4f89-445e-9850-5b1261a2743c","Headless Commerce","/solutions/product-information-management/","A single source of truth for products","shopping_cart_checkout",{"permalink":36},"/solutions/product-information-management",{"id":38,"title":39,"url":40,"description":41,"image":8,"icon":42,"page":8},"49e46134-80be-470e-8c73-afb1417fa9b6","100+ More Use Cases","https://directus.io/blog/100-tools-apps-and-platforms-you-can-build-with-directus","Build anything (or everything)","lightbulb",{"id":44,"title":45,"url":46,"description":47,"image":8,"icon":48,"page":49},"a589ac77-a5ce-45c5-a054-e43111e19158","Instant APIs","/products/connect/","Connect a database, get REST + GraphQL APIs","api",{"permalink":50},"/toolkit/connect",{"id":52,"title":53,"url":54,"description":55,"image":8,"icon":56,"page":57},"4a0f129a-c546-4493-b0a9-306e51692e90","Granular Policy-Based Auth","/products/auth/","Provide secure, autonomous data access","lock_person",{"permalink":58},"/toolkit/auth",{"id":60,"title":61,"url":62,"description":63,"image":8,"icon":64,"page":65},"f9250f2c-93a4-4108-80db-011bbe391ecf","Visual Automation Builder","/products/automate/","Automate content and data workflows with ease","build",{"permalink":66},"/toolkit/automate",{"id":68,"title":69,"url":8,"description":70,"image":8,"icon":71,"page":72},"f1ae4e40-5b05-42a4-9cd3-33dda35cc939","50+ More Features","Get everything you need out-of-the-box","auto_fix",{"permalink":73},"/features",{"id":75,"title":76,"url":8,"callout":77,"callout_title":78,"children_title":79,"page":8,"children":80},"2f6ad0d1-6dd3-4f17-b5c8-9f2abf71409a","Resources","dfd79d2b-7af5-4cdb-aa94-3f73de97ebd8","Watch Directus TV","Learn More",[81,88,96,102,109,116,122,129],{"id":82,"title":83,"url":84,"description":85,"image":8,"icon":86,"page":87},"0a3bf9f5-1ef2-43f4-bc09-7ff7488241c5","Blog","/blog","Read our latest articles and guides","library_books",{"permalink":84},{"id":89,"title":90,"url":91,"description":92,"image":8,"icon":93,"page":94},"165e3dc2-e51b-4456-8382-99c5775b0412","Case Studies","#","Case studies and success stories","magic_button",{"permalink":95},"/case-studies",{"id":97,"title":98,"url":99,"description":100,"image":8,"icon":101,"page":8},"5ae324b6-bf44-4c21-95ad-e6dc0c1c1f40","Community Forum","https://community.directus.io/","Questions and conversations","comment",{"id":103,"title":104,"url":91,"description":105,"image":8,"icon":106,"page":107},"b1db03f0-e537-490e-8c0f-c61c401d1024","Agency Directory","Browse our list of agency partners ","handshake",{"permalink":108},"/agency-directory",{"id":110,"title":111,"url":112,"description":113,"image":8,"icon":114,"page":115},"991731c8-eb40-4eec-85a5-6e977bcd7ec9","About Us","/about","Learn more about Directus and the team","supervised_user_circle",{"permalink":112},{"id":117,"title":118,"url":119,"description":120,"image":8,"icon":121,"page":8},"52aebf38-b3ad-4a27-807d-ce52398cd509","Wall of Love","https://testimonial.to/directus/all","See what others are saying about us","heart_plus",{"id":123,"title":124,"url":91,"description":125,"image":8,"icon":126,"page":127},"a86eca65-d5ae-4263-b7d9-4f1a1c50a0b1","Contact","Have a general inquiry or question for us?","mark_email_unread",{"permalink":128},"/contact",{"id":130,"title":131,"url":8,"description":132,"image":8,"icon":133,"page":134},"28225825-8d41-4809-9032-192fbf5c6e5d","Support","Reach out to Directus support","support",{"permalink":135},"/support",{"id":137,"title":138,"url":139,"callout":8,"callout_title":8,"children_title":8,"page":8,"children":140},"a3f1275d-b088-4b11-99bf-143fcbf39104","Developers","/docs",[],{"id":142,"title":143,"url":144,"callout":8,"callout_title":8,"children_title":8,"page":145,"children":147},"fae8fded-d2e2-468e-a68b-82abec7a7225","Enterprise","/solutions/enterprise/",{"permalink":146},"/solutions/enterprise",[],{"id":149,"title":150,"url":151,"callout":8,"callout_title":8,"children_title":8,"page":152,"children":154},"5c5e2fbc-49fd-4e41-a71e-e4f8db2b00cf","Pricing","/pricing/",{"permalink":153},"/pricing/self-hosted",[],{"items":156},[157,174,193,212],{"id":158,"title":159,"url":8,"page":8,"children":160},"522e608a-77b0-4333-820d-d4f44be2ade1","Solutions",[161,164,167,171],{"id":162,"title":15,"url":8,"page":163},"fcafe85a-a798-4710-9e7a-776fe413aae5",{"permalink":20},{"id":165,"title":23,"url":8,"page":166},"79972923-93cf-4777-9e32-5c9b0315fc10",{"permalink":28},{"id":168,"title":169,"url":8,"page":170},"0fa8d0c1-7b64-4f6f-939d-d7fdb99fc407","Product Information",{"permalink":36},{"id":172,"title":173,"url":40,"page":8},"63946d54-6052-4780-8ff4-91f5a9931dcc","100+ Things to Build",{"id":175,"title":76,"url":8,"page":8,"children":176},"8ab4f9b1-f3e2-44d6-919b-011d91fe072f",[177,181,185,189],{"id":178,"title":179,"url":180,"page":8},"f951fb84-8777-4b84-9e91-996fe9d25483","Documentation","https://docs.directus.io",{"id":182,"title":183,"url":184,"page":8},"366febc7-a538-4c08-a326-e6204957f1e3","Guides","https://docs.directus.io/guides/",{"id":186,"title":187,"url":188,"page":8},"aeb9128e-1c5f-417f-863c-2449416433cd","Community","https://directus.chat",{"id":190,"title":191,"url":192,"page":8},"da1c2ed8-0a77-49b0-a903-49c56cb07de5","Release Notes","https://github.com/directus/directus/releases",{"id":194,"title":131,"url":8,"page":8,"children":195},"d61fae8c-7502-494a-822f-19ecff3d0256",[196,200,204,208],{"id":197,"title":198,"url":199,"page":8},"8c43c781-7ebd-475f-a931-747e293c0a88","Issue Tracker","https://github.com/directus/directus/issues",{"id":201,"title":202,"url":203,"page":8},"d77bb78e-cf7b-4e01-932a-514414ba49d3","Feature Requests","https://github.com/directus/directus/discussions?discussions_q=is:open+sort:top",{"id":205,"title":206,"url":207,"page":8},"4346be2b-2c53-476e-b53b-becacec626a6","Community Chat","https://discord.com/channels/725371605378924594/741317677397704757",{"id":209,"title":210,"url":211,"page":8},"26c115d2-49f7-4edc-935e-d37d427fb89d","Cloud Dashboard","https://directus.cloud",{"id":213,"title":214,"url":8,"page":8,"children":215},"49141403-4f20-44ac-8453-25ace1265812","Organization",[216,220,225,229],{"id":217,"title":218,"url":112,"page":219},"1f36ea92-8a5e-47c8-914c-9822a8b9538a","About",{"permalink":112},{"id":221,"title":222,"url":91,"page":223},"b84bf525-5471-4b14-a93c-225f6c386005","Careers",{"permalink":224},"/careers",{"id":226,"title":227,"url":228,"page":8},"86aabc3a-433d-434b-9efa-ad1d34be0a34","Brand Assets","https://drive.google.com/drive/folders/1lBOTba4RaA5ikqOn8Ewo4RYzD0XcymG9?usp=sharing",{"id":230,"title":124,"url":8,"page":231},"8d2fa1e3-198e-4405-81e1-2ceb858bc237",{"permalink":128},{"items":233},[234,240,246,252],{"id":235,"title":236,"url":8,"page":237,"children":239},"8a1b7bfa-429d-4ffc-a650-2a5fdcf356da","Cloud Policies",{"permalink":238},"/cloud-policies",[],{"id":241,"title":242,"url":91,"page":243,"children":245},"bea848ef-828f-4306-8017-6b00ec5d4a0c","License",{"permalink":244},"/bsl",[],{"id":247,"title":248,"url":91,"page":249,"children":251},"4e914f47-4bee-42b7-b445-3119ee4196ef","Terms",{"permalink":250},"/terms",[],{"id":253,"title":254,"url":91,"page":255,"children":257},"ea69eda6-d317-4981-8421-fcabb1826bfd","Privacy",{"permalink":256},"/privacy",[],{"description":259},"\u003Cp>A composable backend to build your Headless CMS, BaaS, and more. \u003C/p>",{"header_cta_buttons":261},"74634853-196b-4ce3-b256-4534c054838f",{"id":263,"node_id":264,"name":265,"full_name":266,"private":267,"owner":268,"html_url":285,"description":286,"fork":267,"url":287,"forks_url":288,"keys_url":289,"collaborators_url":290,"teams_url":291,"hooks_url":292,"issue_events_url":293,"events_url":294,"assignees_url":295,"branches_url":296,"tags_url":297,"blobs_url":298,"git_tags_url":299,"git_refs_url":300,"trees_url":301,"statuses_url":302,"languages_url":303,"stargazers_url":304,"contributors_url":305,"subscribers_url":306,"subscription_url":307,"commits_url":308,"git_commits_url":309,"comments_url":310,"issue_comment_url":311,"contents_url":312,"compare_url":313,"merges_url":314,"archive_url":315,"downloads_url":316,"issues_url":317,"pulls_url":318,"milestones_url":319,"notifications_url":320,"labels_url":321,"releases_url":322,"deployments_url":323,"created_at":324,"updated_at":325,"pushed_at":326,"git_url":327,"ssh_url":328,"clone_url":329,"svn_url":285,"homepage":330,"size":331,"stargazers_count":332,"watchers_count":332,"language":333,"has_issues":334,"has_projects":334,"has_downloads":334,"has_wiki":267,"has_pages":267,"has_discussions":334,"forks_count":335,"mirror_url":8,"archived":267,"disabled":267,"open_issues_count":336,"license":337,"allow_forking":334,"is_template":267,"web_commit_signoff_required":267,"has_pull_requests":334,"pull_request_creation_policy":342,"topics":343,"visibility":284,"forks":335,"open_issues":336,"watchers":332,"default_branch":362,"temp_clone_token":8,"custom_properties":363,"organization":364,"network_count":335,"subscribers_count":365},7122594,"MDEwOlJlcG9zaXRvcnk3MTIyNTk0","directus","directus/directus",false,{"login":265,"id":269,"node_id":270,"avatar_url":271,"gravatar_id":272,"url":273,"html_url":274,"followers_url":275,"following_url":276,"gists_url":277,"starred_url":278,"subscriptions_url":279,"organizations_url":280,"repos_url":281,"events_url":282,"received_events_url":283,"type":214,"user_view_type":284,"site_admin":267},15967950,"MDEyOk9yZ2FuaXphdGlvbjE1OTY3OTUw","https://avatars.githubusercontent.com/u/15967950?v=4","","https://api.github.com/users/directus","https://github.com/directus","https://api.github.com/users/directus/followers","https://api.github.com/users/directus/following{/other_user}","https://api.github.com/users/directus/gists{/gist_id}","https://api.github.com/users/directus/starred{/owner}{/repo}","https://api.github.com/users/directus/subscriptions","https://api.github.com/users/directus/orgs","https://api.github.com/users/directus/repos","https://api.github.com/users/directus/events{/privacy}","https://api.github.com/users/directus/received_events","public","https://github.com/directus/directus","The flexible backend for all your projects 🐰 Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.","https://api.github.com/repos/directus/directus","https://api.github.com/repos/directus/directus/forks","https://api.github.com/repos/directus/directus/keys{/key_id}","https://api.github.com/repos/directus/directus/collaborators{/collaborator}","https://api.github.com/repos/directus/directus/teams","https://api.github.com/repos/directus/directus/hooks","https://api.github.com/repos/directus/directus/issues/events{/number}","https://api.github.com/repos/directus/directus/events","https://api.github.com/repos/directus/directus/assignees{/user}","https://api.github.com/repos/directus/directus/branches{/branch}","https://api.github.com/repos/directus/directus/tags","https://api.github.com/repos/directus/directus/git/blobs{/sha}","https://api.github.com/repos/directus/directus/git/tags{/sha}","https://api.github.com/repos/directus/directus/git/refs{/sha}","https://api.github.com/repos/directus/directus/git/trees{/sha}","https://api.github.com/repos/directus/directus/statuses/{sha}","https://api.github.com/repos/directus/directus/languages","https://api.github.com/repos/directus/directus/stargazers","https://api.github.com/repos/directus/directus/contributors","https://api.github.com/repos/directus/directus/subscribers","https://api.github.com/repos/directus/directus/subscription","https://api.github.com/repos/directus/directus/commits{/sha}","https://api.github.com/repos/directus/directus/git/commits{/sha}","https://api.github.com/repos/directus/directus/comments{/number}","https://api.github.com/repos/directus/directus/issues/comments{/number}","https://api.github.com/repos/directus/directus/contents/{+path}","https://api.github.com/repos/directus/directus/compare/{base}...{head}","https://api.github.com/repos/directus/directus/merges","https://api.github.com/repos/directus/directus/{archive_format}{/ref}","https://api.github.com/repos/directus/directus/downloads","https://api.github.com/repos/directus/directus/issues{/number}","https://api.github.com/repos/directus/directus/pulls{/number}","https://api.github.com/repos/directus/directus/milestones{/number}","https://api.github.com/repos/directus/directus/notifications{?since,all,participating}","https://api.github.com/repos/directus/directus/labels{/name}","https://api.github.com/repos/directus/directus/releases{/id}","https://api.github.com/repos/directus/directus/deployments","2012-12-12T01:35:36Z","2026-03-18T14:36:38Z","2026-03-18T15:43:33Z","git://github.com/directus/directus.git","git@github.com:directus/directus.git","https://github.com/directus/directus.git","https://directus.io",438225,34516,"TypeScript",true,4638,385,{"key":338,"name":339,"spdx_id":340,"url":8,"node_id":341},"other","Other","NOASSERTION","MDc6TGljZW5zZTA=","all",[48,344,345,346,347,348,265,349,350,351,352,353,354,355,356,357,358,359,360,361],"app","cms","composable","data-visualization","database","graphql","headless-cms","javascript","mariadb","mssql","mysql","no-code","node","postgresql","sql","sqlite","typescript","vue","main",{},{"login":265,"id":269,"node_id":270,"avatar_url":271,"gravatar_id":272,"url":273,"html_url":274,"followers_url":275,"following_url":276,"gists_url":277,"starred_url":278,"subscriptions_url":279,"organizations_url":280,"repos_url":281,"events_url":282,"received_events_url":283,"type":214,"user_view_type":284,"site_admin":267},326,{"id":9,"title":367,"description":368,"image":369,"external_url":8,"icon":8,"badge":8,"page":370,"resource":8},"Built With Directus","See what everyone's been building with Directus","e658de72-fb08-4ed2-8029-215c712c789e",{"permalink":371},"/built-with-directus",{"id":77,"title":373,"description":374,"image":375,"external_url":376,"icon":377,"badge":378,"page":8,"resource":8},"Directus TV","Go down the rabbit hole with hours of original video content from our team. ","ab70faf5-fc28-4608-a7e7-74fd4f020a9d","/tv","connected_tv","Video",{"alignment":380,"style":381,"experiment_enabled":267,"experiment":8,"experiment_variant":382,"buttons":385,"variants":395},"center","default",{"id":383,"key":384,"experiment":8},"8c4951b4-a6f9-4c06-9f71-fd39a3bdad1e","control",[386,389,392],{"id":387,"block_button_id":388},15,"358b0659-1f05-4427-bd1c-4bc03a43c182",{"id":390,"block_button_id":391},16,"9df3f40e-6272-4ec6-a0d7-cc29265e087c",{"id":393,"block_button_id":394},232,"1b444c23-b593-4391-9410-4ca5d2c7a7cb",[396],{"id":397,"alignment":380,"style":381,"buttons":398,"experiment_variant":405},"e1885d45-3119-41a3-8294-3cd796ea6f02",[399,402],{"id":400,"block_button_id":401},203,"ade37731-147d-48c4-864a-cec007576362",{"id":403,"block_button_id":404},202,"1cb4e89f-f7de-4b46-bbb8-080191517a72",{"id":406,"key":407},"66d2be4f-2492-4944-8060-039c15515918","variant",{"id":409,"icon":377,"content":410,"link":411},"812bf73d-ebfb-4246-9538-937a09a0c795","Learn more about our native MCP","https://directus.io/mcp",{"id":388,"external_url":8,"label":413,"color":414,"outline":267,"icon":8,"size":415,"target":416,"ph_event":8,"page":417,"resource":8},"Book a Demo","primary","medium","_self",{"permalink":418},"/demo",{"id":391,"external_url":420,"label":421,"color":422,"outline":267,"icon":8,"size":415,"target":416,"ph_event":8,"page":8,"resource":8},"https://directus.cloud/account/register","Get Started","secondary",{"id":394,"external_url":211,"label":424,"color":422,"outline":334,"icon":425,"size":415,"target":416,"ph_event":8,"page":8,"resource":8},"Log In","arrow_forward",{"id":427,"project_title":428,"slug":429,"short_summary":430,"featured_image":431,"built_with":432,"use_cases":435,"content":438,"client_name":439,"website":440,"website_screenshot":441,"website_metadata":8,"image_gallery":442,"partner":448},105,"AI-Powered LMS","learnova","Partnered with Solutions Castle \"a local agent in KSA\" to implement and customize Learnova with Directus and React for Arab Open University (AOU) in Saudi Arabia, ensuring a scalable, interactive, and effective e-learning experience.","5d197ba7-6522-4429-bb2b-122b40cc08e4",[433,434],"Directus","React",[436,437],"Backend","LMS","\u003Ch3>Building a Learning Management System (LMS) for Arab Open University, KSA\u003C/h3>\n\u003Ch4>Introduction\u003C/h4>\n\u003Cp>The Arab Open University (AOU) in Saudi Arabia sought to modernize its educational infrastructure by developing a \u003Cstrong>custom Learning Management System (LMS)\u003C/strong>. The goal was to create a scalable, user-friendly platform that could handle the university's growing student population and diverse academic needs. The LMS was built using \u003Cstrong>Directus\u003C/strong> as the backend and \u003Cstrong>React\u003C/strong> for the frontend, ensuring flexibility, scalability, and a seamless user experience. This case study outlines the challenges, solution, technology stack, and outcomes of the project.\u003C/p>\n\u003Chr>\n\u003Ch3>Problem Statement\u003C/h3>\n\u003Cp>AOU faced several challenges with its existing educational tools:\u003C/p>\n\u003Col start=\"1\">\n\u003Cli>\n\u003Cp>\u003Cstrong>Outdated Systems\u003C/strong>: The university relied on legacy systems that were not scalable or user-friendly.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Limited Customization\u003C/strong>: Existing LMS platforms lacked the flexibility to meet AOU's unique requirements.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Poor User Experience\u003C/strong>: Students and faculty struggled with clunky interfaces and slow performance.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Inefficient Content Management\u003C/strong>: Managing course materials, assessments, and student data was time-consuming and error-prone.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Lack of Integration\u003C/strong>: Existing tools did not integrate well with other university systems, such as student information systems (SIS) and payment gateways.\u003C/p>\n\u003C/li>\n\u003C/ol>\n\u003Cp>To address these issues, AOU decided to build a custom LMS tailored to its specific needs.\u003C/p>\n\u003Chr>\n\u003Ch3>Solution: Custom LMS Built on Directus and React\u003C/h3>\n\u003Cp>The new LMS was designed to provide a modern, intuitive, and scalable platform for students, faculty, and administrators. Key features of the system include:\u003C/p>\n\u003Ch4>1. \u003Cstrong>User-Friendly Interface\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Built with \u003Cstrong>React\u003C/strong>, the frontend offers a responsive and intuitive interface that works seamlessly across devices (desktop, tablet, and mobile).\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Features include a dashboard for students and faculty, course catalogs, and real-time notifications.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>2. \u003Cstrong>Flexible Backend with Directus\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Directus\u003C/strong> was chosen as the backend for its flexibility and ease of use. It serves as a headless CMS, allowing AOU to manage course content, user data, and system configurations efficiently.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Directus also provides REST and GraphQL APIs, enabling seamless integration with other systems.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>3. \u003Cstrong>Course Management\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Faculty can create and manage courses, upload materials (videos, PDFs, quizzes), and track student progress.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Students can access course content, submit assignments, and participate in discussions.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>4. \u003Cstrong>Assessment and Grading\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>The LMS includes tools for creating quizzes, exams, and assignments.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Automated grading and feedback features reduce the workload for faculty.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>5. \u003Cstrong>Integration with University Systems\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>The LMS integrates with AOU's existing student information system (SIS) for seamless data synchronization.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Payment gateway integration allows students to pay fees directly through the platform.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>6. \u003Cstrong>Analytics and Reporting\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>The platform provides detailed analytics for administrators, including student performance, course completion rates, and engagement metrics.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>7. \u003Cstrong>Multilingual Support\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>To cater to AOU's diverse student population, the LMS supports both \u003Cstrong>Arabic\u003C/strong> and \u003Cstrong>English\u003C/strong>.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Technology Stack\u003C/h3>\n\u003Cp>The LMS was built using a modern, scalable tech stack:\u003C/p>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Frontend\u003C/strong>: React (for a dynamic and responsive user interface)\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Backend\u003C/strong>: Directus (as a headless CMS and API layer)\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Database\u003C/strong>: PostgreSQL (for secure and efficient data storage)\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Authentication\u003C/strong>: JWT (JSON Web Tokens) for secure user authentication\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Cloud Infrastructure\u003C/strong>: AWS (for scalability and reliability)\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Payment Gateway\u003C/strong>: Integration with local and international payment providers\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Multilingual Support\u003C/strong>: i18next (for Arabic and English language support)\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Development Process\u003C/h3>\n\u003Cp>The development of the LMS followed an agile methodology, with a focus on collaboration and iterative improvements. Key phases included:\u003C/p>\n\u003Ch4>1. \u003Cstrong>Requirement Gathering\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Conducted workshops with AOU stakeholders to understand their needs and pain points.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Identified key features and prioritized them based on user feedback.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>2. \u003Cstrong>Prototyping\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Developed a prototype to validate the concept and gather early feedback.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Focused on core features such as course management and user authentication.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>3. \u003Cstrong>Development\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Built the frontend using React and the backend using Directus.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Integrated third-party tools for payment processing, analytics, and notifications.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>4. \u003Cstrong>Testing\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Conducted extensive testing to ensure the platform was bug-free and met performance requirements.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Engaged students and faculty in user testing to refine the interface and functionality.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>5. \u003Cstrong>Launch\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Rolled out the LMS to a pilot group of students and faculty.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Monitored system performance and gathered feedback for improvements.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>6. \u003Cstrong>Scaling\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Expanded the platform to all AOU campuses in Saudi Arabia.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Added new features based on user feedback, such as mobile app support and advanced analytics.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Results and Impact\u003C/h3>\n\u003Cp>The new LMS has transformed the educational experience at AOU:\u003C/p>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Improved User Experience\u003C/strong>: Students and faculty reported a 70% improvement in ease of use compared to the previous system.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Increased Engagement\u003C/strong>: Course completion rates increased by 25% due to the platform's intuitive design and interactive features.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Efficient Content Management\u003C/strong>: Faculty saved an average of 10 hours per week on course management tasks.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Scalability\u003C/strong>: The platform now supports over 20,000 active users and can scale to accommodate future growth.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Enhanced Analytics\u003C/strong>: Administrators gained valuable insights into student performance and engagement, enabling data-driven decision-making.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Future Roadmap\u003C/h3>\n\u003Cp>AOU plans to further enhance the LMS by:\u003C/p>\n\u003Col start=\"1\">\n\u003Cli>\n\u003Cp>\u003Cstrong>Adding Gamification\u003C/strong>: Introducing badges, leaderboards, and rewards to increase student motivation.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Expanding Mobile Support\u003C/strong>: Developing a dedicated mobile app for iOS and Android.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Integrating AI\u003C/strong>: Using AI-powered tools for personalized learning recommendations and automated tutoring.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Enhancing Accessibility\u003C/strong>: Ensuring the platform is fully accessible to students with disabilities.\u003C/p>\n\u003C/li>\n\u003C/ol>\n\u003Chr>\n\u003Ch3>Conclusion\u003C/h3>\n\u003Cp>The custom LMS built for Arab Open University using \u003Cstrong>Directus\u003C/strong> and \u003Cstrong>React\u003C/strong> has successfully addressed the institution's challenges and delivered a modern, scalable, and user-friendly platform. By leveraging cutting-edge technologies and adopting an agile development approach, the project has set a new standard for educational tools in the region. The LMS not only meets AOU's current needs but also provides a foundation for future innovation and growth.\u003C/p>","Arab Open University","https://arabou.edu.sa/","ffc29206-8250-4d04-8b37-61f1e1c0bbf3",[443],{"id":444,"directus_files_id":445},144,{"id":446,"title":447,"description":8},"df9e977d-979e-49b2-850c-f64a8144e3b5","Screenshot 2025 01 29 at 22.45.43",{"id":449,"partner_name":450,"slug":451,"partner_logo":452,"short_description":453,"region":454,"country":456},"346dde1b-178a-4dc3-87f3-81d00a88e92b","DATA C","datac","ad6d79ff-e542-4554-ac7f-3b51fa2d18e4","DATA C is a leading technology solutions provider specializing in AI-driven talent matchmaking, LMS implementations, and digital transformation. As a certified partner for Moodle and MasterStudy, we help businesses optimize their workforce and learning experiences.",[455],"Europe","Estonia",[],1773850396598]