{"id":79779,"date":"2026-09-06T20:07:49","date_gmt":"2026-09-06T17:07:49","guid":{"rendered":"https:\/\/www.qu.edu.sa\/?post_type=departments-pages&p=79779"},"modified":"2026-09-07T14:58:29","modified_gmt":"2026-09-07T11:58:29","slug":"e-learning","status":"publish","type":"departments-pages","link":"https:\/\/www.qu.edu.sa\/en\/deanships\/it\/e-learning\/","title":{"rendered":"E-learning System Guide"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\u062f\u0644\u064a\u0644 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u2014 Blackboard<\/title>\n<!-- \u0633\u0637\u0631 \u0627\u0644\u062e\u0637 \u0644\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0641\u0642\u0637 \u2014 \u0645\u0648\u0642\u0639 \u0627\u0644\u062c\u0627\u0645\u0639\u0629 \u064a\u062d\u0645\u0651\u0644 \u0627\u0644\u062e\u0637 \u0623\u0635\u0644\u0627\u064b\u060c \u0644\u0627 \u062a\u0646\u0633\u062e\u0647 \u0625\u0644\u0649 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>body{margin:0;background:#fff;padding:0 16px}<\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u062f\u0644\u064a\u0644 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a (Blackboard) \u2014 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0642\u0635\u064a\u0645\n \u0627\u0646\u0633\u062e \u0645\u0646 \u0647\u0646\u0627 \u062d\u062a\u0649 \u0648\u0633\u0645 \u00ab\u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0646\u0633\u062e\u00bb \u062f\u0627\u062e\u0644 \u0628\u0644\u0648\u0643 HTML \u0645\u062e\u0635\u0635 \u0641\u064a \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"bbg\" id=\"bbg-block\" data-lang=\"ar\">\n<style>\n \/* \u2500\u2500 \u0623\u0644\u0648\u0627\u0646 \u0648\u062e\u0637 \u0627\u0644\u0647\u0648\u064a\u0629 + \u062a\u062d\u0635\u064a\u0646 \u0636\u062f \u0623\u0646\u0645\u0627\u0637 \u0642\u0627\u0644\u0628 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n \u0643\u0644 \u0627\u0644\u0645\u062d\u062f\u062f\u0627\u062a \u062a\u0628\u062f\u0623 \u0628\u0640 #bbg-block (\u0645\u0639\u0631\u0651\u0641) \u0644\u0631\u0641\u0639 \u0623\u0648\u0644\u0648\u064a\u062a\u0647\u0627 \u0641\u0648\u0642 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0642\u0627\u0644\u0628\u060c\n \u0645\u0639 !important \u0639\u0644\u0649 \u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u062a\u064a \u062a\u062a\u062f\u062e\u0644 \u0641\u064a\u0647\u0627 \u0627\u0644\u0642\u0648\u0627\u0644\u0628 \u0639\u0627\u062f\u0629 (\u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0648\u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0648\u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646) *\/\n #bbg-block{\n --g:#25935F; --gd:#14573A; --gm:#1B8354; --gl:#DFF6E7; --gb:#F3FCF6;\n --tx:#111927; --tx2:#384250; --tx3:#6C737F; --bd:#E5E7EB; --bg2:#F3F4F6;\n font-family:'IBM Plex Sans Arabic',sans-serif;\n color:var(--tx); line-height:1.8; max-width:980px; margin:0 auto; padding:8px 0 44px;\n }\n #bbg-block *,#bbg-block *::before,#bbg-block *::after{box-sizing:border-box}\n\n \/* \u062a\u0635\u0641\u064a\u0631 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u064a \u062a\u062a\u062f\u062e\u0644 \u0641\u064a\u0647\u0627 \u0627\u0644\u0642\u0648\u0627\u0644\u0628 *\/\n #bbg-block h2,#bbg-block h3,#bbg-block h4,#bbg-block p,#bbg-block ol{margin:0;padding:0;text-transform:none;letter-spacing:normal}\n #bbg-block a{text-decoration:none;box-shadow:none;border-bottom:0;background-image:none}\n\n \/* \u2500\u2500 \u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0644\u063a\u0629 \u0648\u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #bbg-block[data-lang=\"ar\"]{direction:rtl;text-align:right}\n #bbg-block[data-lang=\"en\"]{direction:ltr;text-align:left}\n #bbg-block[data-lang=\"ar\"] .l-en{display:none!important}\n #bbg-block[data-lang=\"en\"] .l-ar{display:none!important}\n\n \/* \u2500\u2500 \u0627\u0644\u062a\u0631\u0648\u064a\u0633\u0629 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #bbg-block .bbg-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin:18px 0 6px}\n #bbg-block .bbg-top h2{font-size:27px!important;font-weight:700!important;color:var(--g)!important;margin:0!important;padding:0!important;line-height:1.45!important;background:none!important}\n\n \/* \u2500\u2500 \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0628\u0648\u064a\u0628\u0627\u062a (\u062a\u0635\u0641\u064a\u0631 \u0643\u0627\u0645\u0644 \u0644\u0623\u0646\u0645\u0627\u0637 \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0642\u0627\u0644\u0628) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #bbg-block .bbg-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:2px solid var(--bd);margin:24px 0 6px}\n #bbg-block button.bbg-tab,\n #bbg-block button.bbg-tab:hover,\n #bbg-block button.bbg-tab:focus,\n #bbg-block button.bbg-tab:active{\n display:inline-flex;align-items:center;gap:8px;position:relative;cursor:pointer;\n background:transparent!important;border:0!important;border-radius:8px 8px 0 0!important;\n box-shadow:none!important;text-shadow:none!important;text-decoration:none!important;\n text-transform:none!important;letter-spacing:normal!important;\n margin:0!important;padding:14px 18px!important;\n width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;\n font-family:inherit!important;font-size:14.5px!important;font-weight:600!important;line-height:1.6!important;\n color:var(--tx3)!important;transition:color .15s,background .15s;\n }\n #bbg-block button.bbg-tab svg{width:17px;height:17px;flex:none}\n #bbg-block button.bbg-tab:hover{color:var(--gm)!important;background:var(--gb)!important}\n #bbg-block button.bbg-tab.active,\n #bbg-block button.bbg-tab.active:hover,\n #bbg-block button.bbg-tab.active:focus{color:var(--g)!important}\n #bbg-block button.bbg-tab.active::after{content:\"\";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--g);border-radius:3px 3px 0 0}\n #bbg-block .bbg-panel{display:none}\n #bbg-block .bbg-panel.active{display:block;animation:bbgFade .25s ease}\n @keyframes bbgFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}\n\n \/* \u2500\u2500 \u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #bbg-block .bbg-intro{background:var(--gb)!important;border-radius:12px;padding:28px 32px;margin:20px 0 8px}\n #bbg-block .bbg-intro h3{font-size:19px!important;font-weight:700!important;color:var(--gd)!important;margin:0 0 10px!important;background:none!important}\n #bbg-block .bbg-intro p{margin:0!important;color:var(--tx2)!important;font-size:15px!important}\n #bbg-block .bbg-intro a,#bbg-block .bbg-vid .cap a{color:var(--gm)!important;font-weight:700;text-decoration:none!important}\n #bbg-block .bbg-intro a:hover,#bbg-block .bbg-vid .cap a:hover{text-decoration:underline!important}\n\n \/* \u2500\u2500 \u062a\u0644\u0645\u064a\u062d\u0629 \u0627\u0644\u062f\u062e\u0648\u0644 \u0623\u0633\u0641\u0644 \u0628\u0637\u0627\u0642\u0627\u062a \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #bbg-block .bbg-cta-hint{display:block;margin-top:12px;font-size:13px!important;color:var(--tx3)!important;font-weight:500;text-align:center}\n #bbg-block .bbg-cta-hint a{color:var(--gm)!important;font-weight:700;text-decoration:none!important}\n #bbg-block .bbg-cta-hint a:hover{text-decoration:underline!important}\n\n \/* \u2500\u2500 \u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #bbg-block .bbg-sec{display:flex;align-items:center;gap:12px;margin:38px 0 16px}\n #bbg-block .bbg-sec .bar{width:34px;height:4px;border-radius:2px;background:var(--g);flex:none}\n #bbg-block .bbg-sec h3{font-size:19px!important;font-weight:700!important;color:var(--gm)!important;margin:0!important;line-height:1.5!important;background:none!important}\n\n \/* \u2500\u2500 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0645\u0631\u0642\u0651\u0645\u0629 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #bbg-block ol.bbg-steps{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:12px}\n #bbg-block li.bbg-step{list-style:none!important;display:flex;gap:14px;align-items:flex-start;background:#fff!important;border:1px solid var(--bd)!important;border-radius:12px;padding:15px 18px!important;margin:0!important}\n #bbg-block .bbg-step::marker{content:none}\n #bbg-block .bbg-step .n{flex:0 0 34px;height:34px;border-radius:50%;background:var(--gl)!important;color:var(--gd)!important;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;margin-top:2px}\n #bbg-block .bbg-step p{font-weight:600;font-size:15px!important;color:var(--tx)!important;margin:2px 0 0!important}\n #bbg-block .bbg-step a{color:var(--gm)!important;text-decoration:none!important}\n #bbg-block .bbg-step a:hover{text-decoration:underline!important}\n\n \/* \u2500\u2500 \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u062a\u0646\u0628\u064a\u0647 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #bbg-block .bbg-alert{display:flex;gap:14px;background:#FFFBEB!important;border:1px solid #FDE68A!important;border-radius:12px;padding:18px 20px;margin:14px 0}\n #bbg-block .bbg-alert svg{flex:0 0 22px;width:22px;height:22px;color:#B45309;margin-top:4px}\n #bbg-block .bbg-alert p{margin:0 0 6px!important;font-size:14.5px!important;color:#78350F!important}\n #bbg-block .bbg-alert p:last-child{margin-bottom:0!important}\n\n \/* \u2500\u2500 \u0634\u0628\u0643\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #bbg-block .bbg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}\n #bbg-block a.bbg-card{display:block;background:#fff!important;border:1px solid var(--bd)!important;border-radius:12px!important;padding:20px!important;text-decoration:none!important;color:inherit!important;transition:all .2s;position:relative}\n #bbg-block a.bbg-card:hover{border-color:var(--g)!important;box-shadow:0 6px 18px rgba(2,71,49,.09)!important;transform:translateY(-2px)}\n #bbg-block .bbg-ic{width:44px;height:44px;border-radius:10px;background:var(--gl)!important;color:var(--gm)!important;display:flex;align-items:center;justify-content:center;margin-bottom:12px}\n #bbg-block .bbg-ic svg{width:22px;height:22px}\n #bbg-block .bbg-card h4{margin:0 0 6px!important;font-size:15.5px!important;font-weight:700!important;color:var(--tx)!important;line-height:1.6!important;background:none!important}\n #bbg-block .bbg-card p{margin:0!important;font-size:13.5px!important;color:var(--tx3)!important;line-height:1.7!important}\n #bbg-block .bbg-card .go{display:inline-block;margin-top:10px;font-size:13px!important;font-weight:600;color:var(--g)!important}\n #bbg-block .bbg-ext{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;color:var(--tx3)!important;margin:10px 10px 0}\n #bbg-block .bbg-ext svg{width:12px;height:12px}\n #bbg-block .bbg-num{position:absolute;top:18px;font-size:12px!important;font-weight:700;color:var(--tx3)!important;background:var(--bg2)!important;border-radius:999px;padding:2px 10px}\n #bbg-block[data-lang=\"ar\"] .bbg-num{left:18px}\n #bbg-block[data-lang=\"en\"] .bbg-num{right:18px}\n #bbg-block .bbg-chip{font-size:11.5px!important;font-weight:600;background:var(--gl)!important;color:var(--gd)!important;padding:3px 10px;border-radius:999px;display:inline-block;margin-bottom:10px}\n\n \/* \u2500\u2500 \u0628\u0637\u0627\u0642\u0629 \u0645\u0648\u0636\u0648\u0639 \u0628\u0632\u0631\u0651\u064a\u0646: \u0645\u0644\u0641 PDF + \u0641\u064a\u062f\u064a\u0648 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #bbg-block .bbg-duo{background:#fff!important;border:1px solid var(--bd)!important;border-radius:12px;padding:20px;transition:all .2s}\n #bbg-block .bbg-duo:hover{border-color:var(--g)!important;box-shadow:0 6px 18px rgba(2,71,49,.09)!important}\n #bbg-block .bbg-duo h4{margin:0!important;font-size:15.5px!important;font-weight:700!important;color:var(--tx)!important;line-height:1.6!important;background:none!important}\n #bbg-block .bbg-duo .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}\n #bbg-block .bbg-duo a.act{display:inline-flex;align-items:center;gap:7px;font-size:13px!important;font-weight:600!important;padding:8px 14px!important;border-radius:8px!important;border:0!important;text-decoration:none!important;box-shadow:none!important;transition:background .15s}\n #bbg-block .bbg-duo a.act svg{width:15px;height:15px;flex:none}\n #bbg-block .bbg-duo a.act.vid{background:var(--g)!important;color:#fff!important}\n #bbg-block .bbg-duo a.act.vid:hover{background:var(--gm)!important;color:#fff!important}\n\n \/* \u2500\u2500 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0642\u0633\u0645) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #bbg-block .bbg-home{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}\n #bbg-block .bbg-home a.bbg-card{text-align:center;padding:30px 22px!important}\n #bbg-block .bbg-home .bbg-ic{width:56px;height:56px;margin:0 auto 16px}\n #bbg-block .bbg-home .bbg-ic svg{width:28px;height:28px}\n #bbg-block .bbg-home h4{font-size:17px!important}\n #bbg-block .bbg-home .go{margin-top:14px}\n\n \/* \u2500\u2500 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 (\u064a\u064f\u0639\u0631\u0636 \u0645\u0642\u0637\u0639 \u0648\u0627\u062d\u062f \u062d\u0633\u0628 \u0644\u063a\u0629 \u0627\u0644\u0635\u0641\u062d\u0629) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #bbg-block .bbg-vid{background:#fff!important;border:1px solid var(--bd)!important;border-radius:12px;overflow:hidden;max-width:720px}\n #bbg-block .bbg-vid iframe{width:100%!important;aspect-ratio:16\/9;border:0!important;display:block;background:var(--bg2);margin:0!important}\n #bbg-block .bbg-vid .cap{padding:12px 16px;font-size:13.5px!important;font-weight:600;color:var(--tx2)!important}\n\n \/* \u2500\u2500 \u0634\u0631\u064a\u0637 \u0627\u0644\u0625\u062d\u0627\u0644\u0629 \u0648\u0627\u0644\u062e\u0627\u062a\u0645\u0629 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #bbg-block .bbg-help{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--bg2)!important;border-radius:12px;padding:16px 20px;margin:38px 0 0}\n #bbg-block .bbg-help svg{flex:0 0 22px;width:22px;height:22px;color:var(--gm)}\n #bbg-block .bbg-help p{margin:0!important;font-size:14px!important;color:var(--tx2)!important;flex:1;min-width:200px}\n #bbg-block .bbg-help a{color:var(--gm)!important;font-weight:700;text-decoration:none!important}\n #bbg-block .bbg-help a:hover{text-decoration:underline!important}\n #bbg-block .bbg-close{margin:36px 0 0;text-align:center;background:var(--gb)!important;border-radius:12px;padding:22px;font-weight:600;color:var(--gd)!important;font-size:16px!important}\n\n \/* \u2500\u2500 \u0627\u0644\u062c\u0648\u0627\u0644 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @media (max-width:560px){\n #bbg-block .bbg-top h2{font-size:22px!important}\n #bbg-block .bbg-intro{padding:22px 20px}\n #bbg-block button.bbg-tab,\n #bbg-block button.bbg-tab:hover,\n #bbg-block button.bbg-tab:focus,\n #bbg-block button.bbg-tab:active{padding:12px 12px!important;font-size:13.5px!important}\n }\n<\/style>\n\n <!-- \u0627\u0644\u062a\u0631\u0648\u064a\u0633\u0629 -->\n <div class=\"bbg-top\">\n <div>\n <h2><span class=\"l-ar\">\u062f\u0644\u064a\u0644 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u2014 Blackboard<\/span><span class=\"l-en\">E-Learning System Guide \u2014 Blackboard<\/span><\/h2>\n <\/div>\n <\/div>\n\n <!-- \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0628\u0648\u064a\u0628\u0627\u062a -->\n <div class=\"bbg-tabs\" role=\"tablist\" id=\"bbg-tabs\"><\/div>\n\n <!-- \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u064a\u064f\u0628\u0646\u0649 \u0647\u0646\u0627 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u0623\u0633\u0641\u0644 -->\n <div id=\"bbg-view\"><\/div>\n\n<script>\n(function(){\n'use strict';\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 1) \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u2014 \u0628\u0639\u062f \u0631\u0641\u0639 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0625\u0644\u0649 \u0645\u0643\u062a\u0628\u0629 \u0648\u0633\u0627\u0626\u0637 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u062d\u062f\u0651\u062b \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0647\u0646\u0627 \u0641\u0642\u0637 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst LINKS = {\n blackboard: 'https:\/\/lms.qu.edu.sa',\n bbStudent: 'https:\/\/lms.qu.edu.sa\/auth-saml\/saml\/login?apId=_175_1&redirectUrl=https%3A%2F%2Flms.qu.edu.sa%2Fultra',\n bbFaculty: 'https:\/\/lms.qu.edu.sa\/auth-saml\/saml\/login?apId=_130_1&redirectUrl=https%3A%2F%2Flms.qu.edu.sa%2Fultra',\n bbStaff: 'https:\/\/lms.qu.edu.sa\/auth-saml\/saml\/login?apId=_125_1&redirectUrl=https%3A%2F%2Flms.qu.edu.sa%2Fultra',\n myqu: 'https:\/\/myqu.qu.edu.sa',\n email: 'it-sup@qu.edu.sa',\n phone: '0163016666',\n namaa: 'https:\/\/namaa.qu.edu.sa\/courses\/digital-orientation-program-for-university-students',\n sharepoint: 'https:\/\/quedusa-my.sharepoint.com\/:f:\/g\/personal\/a_alblihi_qu_edu_sa\/Eq-AZL02LKtKpkj233fAVQ4B-q8eVHD_9l3o7cvN9X13xg?e=oQwtbu',\n videoAr: 'https:\/\/www.youtube-nocookie.com\/embed\/5Y1GStE93E0',\n videoEn: 'https:\/\/www.youtube-nocookie.com\/embed\/1A_31y91XrM',\n \/* \u0627\u0644\u0635\u0648\u0631 *\/\n attendanceImg: 'https:\/\/www.qu.edu.sa\/wp-content\/uploads\/2026\/09\/e-attendance-policy.jpeg',\n supportImg: 'https:\/\/www.qu.edu.sa\/wp-content\/uploads\/2026\/09\/technical-support-channels.jpg',\n \/* \u0645\u0644\u0641\u0627\u062a PDF *\/\n ethicsPdf: 'https:\/\/www.qu.edu.sa\/wp-content\/uploads\/2026\/09\/communication-ethics-policy.pdf',\n tMain: 'https:\/\/www.qu.edu.sa\/wp-content\/uploads\/2026\/09\/teacher-1-main-system-interface.pdf',\n tContent: 'https:\/\/www.qu.edu.sa\/wp-content\/uploads\/2026\/09\/teacher-2-course-content-elements.pdf',\n tCollab: 'https:\/\/www.qu.edu.sa\/wp-content\/uploads\/2026\/09\/teacher-3-collaboration-interaction-tools.pdf',\n tVirtual: 'https:\/\/www.qu.edu.sa\/wp-content\/uploads\/2026\/09\/teacher-4-virtual-classrooms-recordings.pdf',\n tTests: 'https:\/\/www.qu.edu.sa\/wp-content\/uploads\/2026\/09\/teacher-5-creating-tests.pdf',\n tAssign: 'https:\/\/www.qu.edu.sa\/wp-content\/uploads\/2026\/09\/teacher-6-creating-assignments.pdf'\n};\n\n\/* \u2500\u2500 \u0634\u0631\u0648\u062d\u0627\u062a \u0627\u0644\u0637\u0644\u0627\u0628: \u0645\u0642\u0637\u0639 \u0634\u0631\u062d \u0644\u0643\u0644 \u0645\u0648\u0636\u0648\u0639 \u2500\u2500\n \u0628\u0639\u0636 \u0627\u0644\u0645\u0642\u0627\u0637\u0639 \u0639\u0644\u0649 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u0648\u0628\u0639\u0636\u0647\u0627 \u0645\u0627 \u064a\u0632\u0627\u0644 \u0639\u0644\u0649 \u062e\u0627\u062f\u0645 e-learningco \u2014 \u0628\u0639\u062f \u0627\u0644\u0631\u0641\u0639 \u062d\u062f\u0651\u062b\u0647\u0627 \u0647\u0646\u0627 \u0641\u0642\u0637 *\/\nconst WP = 'https:\/\/www.qu.edu.sa\/wp-content\/uploads\/2026\/09\/';\nconst VS = 'https:\/\/e-learningco.qu.edu.sa\/Blackboard_Ultra_Guidelines\/Videos\/Students\/';\nconst STUDENT_GUIDES = [\n { icon: 'book', t: ['\u0639\u0631\u0636 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0642\u0631\u0631 \u0627\u0644\u062f\u0631\u0627\u0633\u064a', 'Viewing Course Content'],\n vid: WP + 'student-1-viewing-course-content.mp4' },\n { icon: 'mail', t: ['\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0642\u0631\u0631', 'Course Announcements'],\n vid: WP + 'student-2-course-announcements.mp4' },\n { icon: 'video', t: ['\u0627\u0644\u0641\u0635\u0648\u0644 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0648\u0627\u0644\u062a\u0633\u062c\u064a\u0644\u0627\u062a', 'Virtual Classrooms & Recordings'],\n \/* \u0644\u0645 \u064a\u064f\u0631\u0641\u0639 \u0625\u0644\u0649 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u0628\u0639\u062f \u2014 \u0639\u0646\u062f \u0631\u0641\u0639\u0647: WP + 'student-3-virtual-classrooms-recordings.mp4' *\/\n vid: VS + 'Virtual_Classrooms_and_Recordings.mp4' },\n { icon: 'chat', t: ['\u0627\u0644\u0645\u0646\u0627\u0642\u0634\u0627\u062a', 'Discussions'],\n vid: WP + 'student-4-discussions.mp4' },\n { icon: 'test', t: ['\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631', 'Taking Tests'],\n \/* \u0644\u0645 \u064a\u064f\u0631\u0641\u0639 \u0625\u0644\u0649 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u0628\u0639\u062f \u2014 \u0639\u0646\u062f \u0631\u0641\u0639\u0647: WP + 'student-5-taking-tests.mp4' *\/\n vid: VS + '%D8%AA%D9%82%D8%AF%D9%8A%D9%85%20%D8%A7%D9%84%D8%A7%D8%AE%D8%AA%D8%A8%D8%A7%D8%B1.mp4' },\n { icon: 'clip', t: ['\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a', 'Submitting Assignments'],\n vid: WP + 'student-6-submitting-assignments.mp4' },\n { icon: 'file', t: ['\u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a', 'Viewing Grades'],\n vid: WP + 'student-7-viewing-grades.mp4' }\n];\n\n\/* \u2500\u2500 \u0634\u0631\u0648\u062d\u0627\u062a \u0623\u0639\u0636\u0627\u0621 \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633: \u0645\u0642\u0627\u0637\u0639 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0630\u0627\u062a\u064a \u0639\u0644\u0649 Blackboard Ultra \u2500\u2500\n \u0627\u0644\u0645\u0642\u0627\u0637\u0639 \u062d\u0627\u0644\u064a\u064b\u0627 \u0639\u0644\u0649 \u062e\u0627\u062f\u0645 e-learningco \u2014 \u0628\u0639\u062f \u0631\u0641\u0639\u0647\u0627 \u0625\u0644\u0649 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u062d\u062f\u0651\u062b \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0647\u0646\u0627 \u0641\u0642\u0637\n (\u0646\u064f\u0633\u062e \u0627\u0644\u0645\u0642\u0627\u0637\u0639 \u062c\u0627\u0647\u0632\u0629 \u0628\u0623\u0633\u0645\u0627\u0621 \u0645\u0631\u062a\u0628\u0629 faculty-video-01 .. 15 \u0641\u064a \u0645\u062c\u0644\u062f assets\/faculty-videos) *\/\nconst VT = 'https:\/\/e-learningco.qu.edu.sa\/Blackboard_Ultra_Guidelines\/Videos\/Teachers\/';\nconst FACULTY_VIDEOS = [\n { icon: 'home', t: ['\u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u0629', 'Institution Page'],\n vid: VT + '%D8%B5%D9%81%D8%AD%D8%A9_%D8%A7%D9%84%D9%85%D8%A4%D8%B3%D8%B3%D8%A9.mp4' },\n { icon: 'badge', t: ['\u0645\u0644\u0641 \u0627\u0644\u062a\u0639\u0631\u064a\u0641', 'Profile'],\n vid: VT + '%D9%85%D9%84%D9%81_%D8%A7%D9%84%D8%AA%D8%B9%D8%B1%D9%8A%D9%81.mp4' },\n { icon: 'compass', t: ['\u0627\u0644\u0646\u0634\u0627\u0637', 'Activity Stream'],\n vid: VT + '%D8%A7%D9%84%D9%86%D8%B4%D8%A7%D8%B7.mp4' },\n { icon: 'book', t: ['\u0627\u0644\u0645\u0642\u0631\u0631\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629', 'Courses'],\n vid: VT + '%D8%A7%D9%84%D9%85%D9%82%D8%B1%D8%B1%D8%A7%D8%AA%20%D8%A7%D9%84%D8%AF%D8%B1%D8%A7%D8%B3%D9%8A%D8%A9.mp4' },\n { icon: 'layout', t: ['\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0642\u0631\u0631\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629', 'Course Interface'],\n vid: VT + '%D9%88%D8%A7%D8%AC%D9%87%D8%A9%20%D8%A7%D9%84%D9%85%D9%82%D8%B1%D8%B1%D8%A7%D8%AA%20%D8%A7%D9%84%D8%AF%D8%B1%D8%A7%D8%B3%D9%8A%D8%A9.mp4' },\n { icon: 'users', t: ['\u0645\u0646\u062a\u062f\u064a\u0627\u062a \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629', 'Group Forums'],\n vid: VT + '%D9%85%D9%86%D8%AA%D8%AF%D9%8A%D8%A7%D8%AA%20%D8%A7%D9%84%D9%85%D8%AC%D9%85%D9%88%D8%B9%D8%A9.mp4' },\n { icon: 'cal', t: ['\u0627\u0644\u062a\u0642\u0648\u064a\u0645', 'Calendar'],\n vid: VT + '%D8%A7%D9%84%D8%AA%D9%82%D9%88%D9%8A%D9%85.mp4' },\n { icon: 'mail', t: ['\u0627\u0644\u0631\u0633\u0627\u0626\u0644', 'Messages'],\n vid: VT + '%D8%A7%D9%84%D8%B1%D8%B3%D8%A7%D8%A6%D9%84.mp4' },\n { icon: 'file', t: ['\u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a', 'Grades'],\n vid: VT + '%D8%A7%D9%84%D8%AA%D9%82%D8%AF%D9%8A%D8%B1%D8%A7%D8%AA.mp4' },\n { icon: 'gear', t: ['\u0627\u0644\u0623\u062f\u0648\u0627\u062a', 'Tools'],\n vid: VT + '%D8%A7%D9%84%D8%A3%D8%AF%D9%88%D8%A7%D8%AA.mp4' },\n { icon: 'test', t: ['\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a', 'Tests'],\n vid: VT + '%D8%A7%D9%84%D8%A7%D8%AE%D8%AA%D8%A8%D8%A7%D8%B1%D8%A7%D8%AA.mp4' },\n { icon: 'bell', t: ['\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 (\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a)', 'Engagement \u2014 Announcements'],\n vid: VT + '%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D8%A5%D8%B9%D9%84%D8%A7%D9%86.mp4' },\n { icon: 'chat', t: ['\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 (\u0627\u0644\u0645\u0646\u0627\u0642\u0634\u0627\u062a)', 'Engagement \u2014 Discussions'],\n vid: VT + '%D8%A7%D9%84%D9%85%D9%86%D8%A7%D9%82%D8%B4%D8%A7%D8%AA.mp4' },\n { icon: 'clip', t: ['\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a', 'Creating Assignments'],\n vid: VT + '%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D8%A7%D9%84%D9%88%D8%A7%D8%AC%D8%A8%D8%A7%D8%AA.mp4' },\n { icon: 'folder', t: ['\u0639\u0646\u0627\u0635\u0631 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0642\u0631\u0631', 'Course Content Elements'],\n vid: VT + '%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D8%B9%D9%86%D8%A7%D8%B5%D8%B1%20%D9%85%D8%AD%D8%AA%D9%88%D9%89%20%D8%A7%D9%84%D9%85%D9%82%D8%B1%D8%B1.mp4' }\n];\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 2) \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a (Feather-style) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst ICONS = {\n home: '<path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/>',\n compass: '<circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/>',\n grad: '<path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/>',\n users: '<path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>',\n alert: '<path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/>',\n help: '<circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/>',\n mail: '<path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/>',\n phone: '<path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>',\n chat: '<path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>',\n file: '<path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>',\n book: '<path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/>',\n layout: '<rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/>',\n video: '<polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"\/>',\n test: '<path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><path d=\"M9 15l2 2 4-4\"\/>',\n clip: '<path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\"\/>',\n folder: '<path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"\/>',\n ext: '<path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/>',\n badge: '<rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><circle cx=\"9\" cy=\"10\" r=\"2\"\/><path d=\"M15 8h4M15 12h4M7 16h10\"\/>',\n cal: '<rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>',\n gear: '<circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/>',\n bell: '<path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/>'\n};\nconst icon = n => `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">${ICONS[n]}<\/svg>`;\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 3) \u0645\u0643\u0648\u0651\u0646\u0627\u062a \u0627\u0644\u0628\u0646\u0627\u0621 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* \u0627\u0644\u0644\u063a\u0629 \u062a\u062a\u0628\u0639 \u0644\u063a\u0629 \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u2014 \u0646\u0641\u0633 \u0627\u0644\u0643\u0648\u062f \u064a\u0635\u0644\u062d \u0644\u0644\u0646\u0633\u062e\u062a\u064a\u0646 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 *\/\nconst EN = \/^en\/i.test(document.documentElement.lang) || \/\\\/en\\\/\/.test(location.pathname);\n\n\/* L: \u0646\u0635 \u062b\u0646\u0627\u0626\u064a \u0627\u0644\u0644\u063a\u0629 \u2014 \u064a\u0638\u0647\u0631 \u0645\u0646\u0647 \u0645\u0627 \u064a\u0637\u0627\u0628\u0642 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 *\/\nconst L = (ar, en) => `<span class=\"l-ar\">${ar}<\/span><span class=\"l-en\">${en}<\/span>`;\n\nconst sec = (ar, en) => `<div class=\"bbg-sec\"><span class=\"bar\"><\/span><h3>${L(ar, en)}<\/h3><\/div>`;\nconst intro = (t, p) => `<div class=\"bbg-intro\"><h3>${L(t[0], t[1])}<\/h3><p>${L(p[0], p[1])}<\/p><\/div>`;\nconst steps = list => `<ol class=\"bbg-steps\">${list.map((s, i) =>\n `<li class=\"bbg-step\"><span class=\"n\">${i + 1}<\/span><p>${L(s[0], s[1])}<\/p><\/li>`).join('')}<\/ol>`;\nconst close = (ar, en) => `<div class=\"bbg-close\">${L(ar, en)}<\/div>`;\n\n\/* \u0628\u0637\u0627\u0642\u0629: {icon, href, goto?, num?, chip?, t:[ar,en], d:[ar,en]|{ltr}, go:[ar,en]} *\/\nfunction card(c) {\n const attrs = c.goto ? `href=\"#${c.goto}\" data-goto=\"${c.goto}\"` : `href=\"${c.href}\" target=\"_blank\" rel=\"noopener\"`;\n const desc = c.ltr ? `<p dir=\"ltr\" style=\"text-align:inherit\">${c.ltr}<\/p>` : `<p>${L(c.d[0], c.d[1])}<\/p>`;\n return `<a class=\"bbg-card\" ${attrs}>` +\n (c.num ? `<span class=\"bbg-num\">${c.num}<\/span>` : '') +\n `<span class=\"bbg-ic\">${icon(c.icon)}<\/span>` +\n (c.chip ? `<span class=\"bbg-chip\">${L(c.chip[0], c.chip[1])}<\/span>` : '') +\n `<h4>${L(c.t[0], c.t[1])}<\/h4>${desc}` +\n (c.go ? `<span class=\"go\">${L(c.go[0] + ' \u2190', c.go[1] + ' \u2192')}<\/span>` : '') +\n (c.ext ? `<span class=\"bbg-ext\" title=\"${EN ? 'External link' : '\u0631\u0627\u0628\u0637 \u062e\u0627\u0631\u062c\u064a'}\">${icon('ext')}<\/span>` : '') +\n `<\/a>`;\n}\nconst grid = (cards, cls) => `<div class=\"${cls || 'bbg-grid'}\">${cards.map(card).join('')}<\/div>`;\n\n\/* \u0628\u0637\u0627\u0642\u0629 \u0645\u0648\u0636\u0648\u0639 \u0628\u0632\u0631 \u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 *\/\nconst duo = g => `<div class=\"bbg-duo\"><span class=\"bbg-ic\">${icon(g.icon)}<\/span><h4>${L(g.t[0], g.t[1])}<\/h4>` +\n `<div class=\"acts\">` +\n `<a class=\"act vid\" href=\"${g.vid}\" target=\"_blank\" rel=\"noopener\">${icon('video')}${L('\u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648', 'Watch the video')}<\/a>` +\n `<\/div><\/div>`;\nconst duoGrid = list => `<div class=\"bbg-grid\">${list.map(duo).join('')}<\/div>`;\n\nconst alertBox = paras => `<div class=\"bbg-alert\">${icon('alert')}<div>${paras.map(p =>\n `<p>${L(p[0], p[1])}<\/p>`).join('')}<\/div><\/div>`;\n\nconst video = (src, cap) => `<div class=\"bbg-vid\">` +\n `<iframe src=\"${src}\" title=\"${(EN ? cap[1] : cap[0]).replace(\/<[^>]+>\/g, '')}\" loading=\"lazy\" allowfullscreen referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>` +\n `<div class=\"cap\">${L(cap[0], cap[1])}<\/div><\/div>`;\n\nconst helpStrip = () => `<div class=\"bbg-help\">${icon('help')}<p>${L(\n '\u062a\u0648\u0627\u062c\u0647 \u0645\u0634\u0643\u0644\u0629 \u062a\u0642\u0646\u064a\u0629 \u0623\u0648 \u062a\u0628\u062d\u062b \u0639\u0646 \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062f\u062e\u0648\u0644 \u0644\u0644\u0646\u0638\u0627\u0645 \u0648\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a\u061f \u0627\u0646\u062a\u0642\u0644 \u0625\u0644\u0649 \u062a\u0628\u0648\u064a\u0628 <a href=\"#general\" data-goto=\"general\">\u0627\u0644\u062f\u0644\u064a\u0644 \u0627\u0644\u0639\u0627\u0645<\/a>.',\n 'Facing a technical issue, or looking for sign-in steps and support channels? Go to the <a href=\"#general\" data-goto=\"general\">General Guide<\/a> tab.')}<\/p><\/div>`;\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 4) \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u0628\u0648\u064a\u0628\u0627\u062a \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst myquLink = `<a href=\"${LINKS.myqu}\" target=\"_blank\" rel=\"noopener\">MyQU<\/a>`;\nconst saedLink = txt => `<a href=\"${LINKS.myqu}\" target=\"_blank\" rel=\"noopener\">${txt}<\/a>`;\n\nconst PANELS = {\n\n \/* \u2500\u2500 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629: \u0635\u0641\u062d\u0629 \u062a\u0639\u0631\u064a\u0641\u064a\u0629 + \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0642\u0633\u0645 \u2500\u2500 *\/\n home:\n intro(\n ['\u0628\u0648\u0627\u0628\u062a\u0643 \u0627\u0644\u0625\u0631\u0634\u0627\u062f\u064a\u0629 \u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'Your E-Learning Guidance Portal'],\n ['\u062c\u0645\u0639\u0646\u0627 \u0644\u0643 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a (Blackboard) \u0628\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0642\u0635\u064a\u0645: \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062f\u062e\u0648\u0644 \u0644\u0644\u0646\u0638\u0627\u0645\u060c \u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a \u0648\u0637\u0631\u064a\u0642\u0629 \u0631\u0641\u0639 \u0627\u0644\u0628\u0644\u0627\u063a\u0627\u062a\u060c \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0644\u0644\u0637\u0644\u0627\u0628\u060c \u0648\u0627\u0644\u0623\u062f\u0644\u0629 \u0627\u0644\u0625\u0631\u0634\u0627\u062f\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0623\u0639\u0636\u0627\u0621 \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633. \u0627\u062e\u062a\u0631 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0643 \u0644\u0644\u0628\u062f\u0621.',\n 'This page brings together everything you need to use the Blackboard e-learning system at Qassim University: sign-in steps, technical support channels and issue reporting, attendance and communication policies for students, and the complete guides for faculty members. Choose your section to get started.']\n ) +\n sec('\u0627\u0644\u062f\u062e\u0648\u0644 \u0625\u0644\u0649 \u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u0644\u0627\u0643 \u0628\u0648\u0631\u062f', 'Sign in to Blackboard') +\n grid([\n { icon: 'grad', href: LINKS.bbStudent,\n t: ['\u062f\u062e\u0648\u0644 \u0627\u0644\u0637\u0644\u0627\u0628', 'Student Login'],\n d: ['\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \u0627\u0644\u0637\u0644\u0627\u0628 \u0648\u0627\u0644\u0637\u0627\u0644\u0628\u0627\u062a \u0625\u0644\u0649 \u0645\u0642\u0631\u0631\u0627\u062a\u0647\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629',\n 'Student sign-in to their e-courses'],\n go: ['\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644', 'Sign in'] },\n { icon: 'users', href: LINKS.bbFaculty,\n t: ['\u062f\u062e\u0648\u0644 \u0623\u0639\u0636\u0627\u0621 \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633', 'Faculty Login'],\n d: ['\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \u0623\u0639\u0636\u0627\u0621 \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633 \u0648\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u064a\u0646 \u0644\u0625\u062f\u0627\u0631\u0629 \u0645\u0642\u0631\u0631\u0627\u062a\u0647\u0645',\n 'Faculty sign-in to manage their courses'],\n go: ['\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644', 'Sign in'] },\n { icon: 'badge', href: LINKS.bbStaff,\n t: ['\u062f\u062e\u0648\u0644 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646', 'Staff Login'],\n d: ['\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \u0645\u0646\u0633\u0648\u0628\u064a \u0627\u0644\u062c\u0627\u0645\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646',\n 'Staff sign-in for university employees'],\n go: ['\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644', 'Sign in'] }\n ]) +\n `<span class=\"bbg-cta-hint\">${L(`\u0648\u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u062f\u062e\u0648\u0644 \u0623\u064a\u0636\u064b\u0627 \u0639\u0628\u0631 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0645\u0648\u062d\u062f ${myquLink} \u062b\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u064a\u0642\u0648\u0646\u0629 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a`, `You can also sign in through the ${myquLink} unified portal, then select the E-Learning System icon`)}<\/span>` +\n sec('\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062f\u0644\u064a\u0644', 'Guide Sections') +\n grid([\n { icon: 'compass', goto: 'general',\n t: ['\u0627\u0644\u062f\u0644\u064a\u0644 \u0627\u0644\u0639\u0627\u0645', 'General Guide'],\n d: ['\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062f\u062e\u0648\u0644 \u0644\u0644\u0646\u0638\u0627\u0645\u060c \u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a\u060c \u0648\u0637\u0631\u064a\u0642\u0629 \u0631\u0641\u0639 \u0628\u0644\u0627\u063a \u0639\u0628\u0631 \u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u2014 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646',\n 'Sign-in steps, support channels, and how to report an issue via Saed \u2014 for all users'],\n go: ['\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0627\u0644\u0642\u0633\u0645', 'Open section'] },\n { icon: 'grad', goto: 'students',\n t: ['\u0627\u0644\u0637\u0644\u0627\u0628', 'Students'],\n d: ['\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062d\u0636\u0648\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u060c \u0623\u062e\u0644\u0627\u0642\u064a\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644\u060c \u0634\u0631\u0648\u062d\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u060c \u0648\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u0647\u064a\u0626\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629',\n 'E-attendance policy, communication ethics, how-to guides, and the digital orientation program'],\n go: ['\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0627\u0644\u0642\u0633\u0645', 'Open section'] },\n { icon: 'users', goto: 'faculty',\n t: ['\u0623\u0639\u0636\u0627\u0621 \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633', 'Faculty'],\n d: ['\u0623\u062f\u0644\u0629 \u0625\u0631\u0634\u0627\u062f\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0648\u0634\u0631\u0648\u062d\u0627\u062a \u0645\u0631\u0626\u064a\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0642\u0631\u0631\u0627\u062a \u0641\u064a Blackboard Ultra',\n 'Comprehensive guides and how-to videos for managing courses in Blackboard Ultra'],\n go: ['\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0627\u0644\u0642\u0633\u0645', 'Open section'] }\n ], 'bbg-home'),\n\n \/* \u2500\u2500 \u0627\u0644\u062f\u0644\u064a\u0644 \u0627\u0644\u0639\u0627\u0645 \u2500\u2500 *\/\n general:\n intro(\n ['\u0645\u0631\u062d\u0628\u064b\u0627 \u0628\u0643\u0645 \u0641\u064a \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'Welcome to the E-Learning System'],\n [`\u064a\u0633\u0639\u062f\u0646\u0627 \u062a\u0648\u0627\u062c\u062f\u0643\u0645 \u0641\u064a \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a (Blackboard)\u060c \u0648\u0646\u062a\u0645\u0646\u0649 \u0644\u0643\u0645 \u062a\u062c\u0631\u0628\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0633\u0644\u0633\u0629 \u0648\u0645\u062b\u0645\u0631\u0629. \u0648\u0644\u0636\u0645\u0627\u0646 \u0633\u0631\u0639\u0629 \u0645\u0639\u0627\u0644\u062c\u0629 \u0623\u064a \u0635\u0639\u0648\u0628\u0627\u062a \u062a\u0642\u0646\u064a\u0629 \u0642\u062f \u062a\u0648\u0627\u062c\u0647\u0643\u0645 \u0623\u062b\u0646\u0627\u0621 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0646\u0638\u0627\u0645\u060c \u0646\u0648\u062f \u0627\u0644\u062a\u0646\u0648\u064a\u0647 \u0628\u0623\u0646 \u062c\u0645\u064a\u0639 \u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a \u0648\u0627\u0644\u0625\u0628\u0644\u0627\u063a \u0639\u0646 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u064a\u062a\u0645 \u062a\u0642\u062f\u064a\u0645\u0647\u0627 \u062d\u0635\u0631\u064a\u064b\u0627 \u0639\u0628\u0631 ${saedLink('\u0646\u0638\u0627\u0645 \u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0642\u0646\u064a')}.`,\n `Welcome to the Blackboard Learning Management System. We are pleased to have you here and wish you a smooth and successful learning experience. To ensure efficient support, please note that all technical support requests and issue reports must be submitted exclusively through the ${saedLink('Saed Technical Support System')}, including issues related to Blackboard.`]\n ) +\n sec('\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062f\u062e\u0648\u0644 \u0625\u0644\u0649 \u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u0644\u0627\u0643 \u0628\u0648\u0631\u062f', 'How to Access Blackboard') +\n steps([\n [`\u0627\u0644\u062f\u062e\u0648\u0644 \u0639\u0628\u0631 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0645\u0648\u062d\u062f ${myquLink}`, `Sign in through the ${myquLink} unified portal`],\n ['\u062b\u0645 \u0627\u0644\u062f\u062e\u0648\u0644 \u0639\u0628\u0631 \u0627\u0644\u0646\u0641\u0627\u0630 \u0627\u0644\u0648\u0637\u0646\u064a \u0627\u0644\u0645\u0648\u062d\u062f', 'Authenticate via the National Single Sign-On (Nafath)'],\n ['\u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u064a\u0642\u0648\u0646\u0629 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'Select the E-Learning System icon'],\n ['\u0628\u0639\u062f\u0647\u0627 \u062a\u0638\u0647\u0631 \u0644\u0643 \u0635\u0641\u062d\u0629 \u0627\u0644\u0628\u0644\u0627\u0643 \u0628\u0648\u0631\u062f \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629', 'The Blackboard home page will then open']\n ]) +\n alertBox([\n ['<strong>\u0644\u0644\u062f\u062e\u0648\u0644 \u0625\u0644\u0649 \u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u0644\u0627\u0643 \u0628\u0648\u0631\u062f \u0648\u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u060c \u064a\u064f\u0641\u0636\u064e\u0651\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628 \u0623\u0648 \u062c\u0647\u0627\u0632 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0627\u0644\u0645\u0643\u062a\u0628\u064a.<\/strong>',\n '<strong>To access Blackboard and virtual classrooms, we recommend using a laptop or desktop computer.<\/strong>'],\n ['\u0648\u0641\u064a \u062d\u0627\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062c\u0648\u0627\u0644\u060c \u064a\u0631\u062c\u0649 \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0625\u0644\u0649 \u0623\u062d\u062f\u062b \u0625\u0635\u062f\u0627\u0631\u060c \u0648\u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0634\u0628\u0643\u0629 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a.',\n 'If you are using a mobile device, please update your browser to the latest version and make sure your internet connection is stable.'],\n ['<strong>\u062a\u0646\u0628\u064a\u0647:<\/strong> \u0639\u0646\u062f \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a\u060c \u064a\u062c\u0628 \u0639\u062f\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0628\u0644\u0627\u0643 \u0628\u0648\u0631\u062f\u060c \u0648\u0627\u0644\u062f\u062e\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0646\u0638\u0627\u0645 \u0639\u0628\u0631 \u0645\u062a\u0635\u0641\u062d \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a.',\n '<strong>Note:<\/strong> when taking tests, do not use the Blackboard mobile app \u2014 access the system through the web browser instead.']\n ]) +\n sec('\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a \u0644\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'E-Learning Technical Support Channels') +\n grid([\n { icon: 'help', href: LINKS.myqu,\n t: ['\u0646\u0638\u0627\u0645 \u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0642\u0646\u064a', 'Saed Technical Support'],\n d: ['\u0627\u0644\u0642\u0646\u0627\u0629 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0644\u0644\u0625\u0628\u0644\u0627\u063a \u0639\u0646 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u2014 \u0639\u0628\u0631 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0645\u0648\u062d\u062f',\n 'The official channel for reporting technical issues \u2014 via the MyQU portal'],\n go: ['\u0627\u0644\u062f\u062e\u0648\u0644 \u0644\u0644\u0628\u0648\u0627\u0628\u0629', 'Open the portal'] },\n { icon: 'mail', href: `mailto:${LINKS.email}`,\n t: ['\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'Email'], ltr: LINKS.email,\n go: ['\u0645\u0631\u0627\u0633\u0644\u0629', 'Send an email'] },\n { icon: 'phone', href: `tel:${LINKS.phone}`,\n t: ['\u0627\u0644\u0647\u0627\u062a\u0641', 'Phone'], ltr: '016 301 6666',\n go: ['\u0627\u062a\u0635\u0627\u0644', 'Call'] },\n { icon: 'chat', href: LINKS.myqu,\n t: ['\u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629', 'Live Chat'],\n d: ['\u0645\u062d\u0627\u062f\u062b\u0629 \u0641\u0648\u0631\u064a\u0629 \u0639\u0628\u0631 \u0628\u0648\u0627\u0628\u0629 MyQU', 'Instant chat through the MyQU portal'],\n go: ['\u0628\u062f\u0621 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629', 'Start chatting'] },\n { icon: 'file', href: LINKS.supportImg,\n t: ['\u0645\u0644\u062e\u0635 \u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a', 'Support Channels Overview'],\n d: ['\u0635\u0648\u0631\u0629 \u062a\u0648\u0636\u064a\u062d\u064a\u0629 \u062a\u0644\u062e\u0651\u0635 \u062c\u0645\u064a\u0639 \u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a', 'An infographic summarizing all technical support channels'],\n go: ['\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631\u0629', 'View the image'] }\n ]) +\n sec('\u062e\u0637\u0648\u0627\u062a \u0631\u0641\u0639 \u0628\u0644\u0627\u063a \u0639\u0628\u0631 \u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0642\u0646\u064a', 'How to Report an Issue via Saed') +\n steps([\n [`\u0627\u0644\u062f\u062e\u0648\u0644 \u0639\u0644\u0649 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0645\u0648\u062d\u062f ${myquLink}`, `Sign in to the ${myquLink} unified portal`],\n [`\u0627\u062e\u062a\u064a\u0627\u0631 ${saedLink('\u0646\u0638\u0627\u0645 \u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0642\u0646\u064a')}`, `Open the ${saedLink('Saed Technical Support System')}`],\n ['\u0627\u0644\u0625\u0628\u0644\u0627\u063a \u0639\u0646 \u0645\u0634\u0643\u0644\u0629', 'Choose \u201cReport an Issue\u201d'],\n ['\u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\u060c \u062b\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u00ab\u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0648\u0627\u0644\u0628\u0644\u0627\u0643 \u0628\u0648\u0631\u062f\u00bb \u0645\u0646 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a',\n 'Fill in the required details, then select \u201cE-Learning and Blackboard\u201d from the category list'],\n ['\u062a\u0648\u0636\u064a\u062d \u0648\u0635\u0641 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0648\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0637\u0644\u0628', 'Describe the issue clearly and submit the request']\n ]) +\n sec('\u0634\u0631\u0648\u062d\u0627\u062a \u0645\u0631\u0626\u064a\u0629', 'Video Tutorials') +\n \/* \u0645\u0642\u0637\u0639 \u0648\u0627\u062d\u062f \u062d\u0633\u0628 \u0644\u063a\u0629 \u0627\u0644\u0635\u0641\u062d\u0629: \u0639\u0631\u0628\u064a \u0623\u0648 \u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\n video(EN ? LINKS.videoEn : LINKS.videoAr,\n [`\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0625\u0628\u0644\u0627\u063a \u0639\u0646 \u0645\u0634\u0643\u0644\u0629 \u0639\u0628\u0631 ${saedLink('\u0646\u0638\u0627\u0645 \u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0642\u0646\u064a')}`,\n `Steps to report an issue through the ${saedLink('Saed Technical Support System')}`]) +\n close('\u0646\u062a\u0645\u0646\u0649 \u0644\u0643\u0645 \u062a\u062c\u0631\u0628\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0645\u0648\u0641\u0642\u0629', 'We wish you a smooth and successful learning experience'),\n\n \/* \u2500\u2500 \u0627\u0644\u0637\u0644\u0627\u0628 \u2500\u2500 *\/\n students:\n intro(\n ['\u0623\u0647\u0644\u064b\u0627 \u0628\u0643 \u0641\u064a \u0645\u0642\u0631\u0631\u0627\u062a\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629', 'Welcome to Your E-Courses'],\n ['\u062c\u0645\u0639\u0646\u0627 \u0644\u0643 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u0623\u062f\u0644\u0629 \u0627\u0644\u0625\u0631\u0634\u0627\u062f\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\u0647\u0627 \u0644\u0644\u0646\u062c\u0627\u062d \u0641\u064a \u062a\u062c\u0631\u0628\u062a\u0643 \u0645\u0639 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a (Blackboard) \u2014 \u0645\u0646 \u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062d\u0636\u0648\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0625\u0644\u0649 \u0623\u062f\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u062a\u0623\u0647\u064a\u0644\u064a\u0629.',\n 'This section brings together the policies and guides you need for a successful experience with the Blackboard e-learning system \u2014 from the e-attendance policy to user guides and orientation courses.']\n ) +\n sec('\u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u0623\u062f\u0644\u0629 \u0627\u0644\u0625\u0631\u0634\u0627\u062f\u064a\u0629', 'Policies & Guides') +\n grid([\n { icon: 'test', href: LINKS.attendanceImg,\n t: ['\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062d\u0636\u0648\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'E-Attendance Policy'],\n d: ['\u0622\u0644\u064a\u0629 \u0627\u062d\u062a\u0633\u0627\u0628 \u0627\u0644\u062d\u0636\u0648\u0631 \u0641\u064a \u0627\u0644\u0645\u0642\u0631\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u063a\u064a\u0627\u0628',\n 'How attendance is calculated in e-courses and the absence rules'],\n go: ['\u0639\u0631\u0636 \u0627\u0644\u0633\u064a\u0627\u0633\u0629', 'View the policy'] },\n { icon: 'file', href: LINKS.ethicsPdf,\n t: ['\u0633\u064a\u0627\u0633\u0627\u062a \u0648\u0623\u062e\u0644\u0627\u0642\u064a\u0627\u062a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0641\u064a \u0645\u0642\u0631\u0631\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'Communication Policies & Ethics in Your E-Course'],\n d: ['\u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0648\u0627\u0644\u0622\u062f\u0627\u0628 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0642\u0631\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 (PDF)',\n 'The approved rules and etiquette for communication inside e-courses (PDF, Arabic)'],\n go: ['\u0641\u062a\u062d \u0627\u0644\u0645\u0644\u0641', 'Open the file'] },\n { icon: 'grad', href: LINKS.namaa, ext: true, chip: ['\u0645\u0646\u0635\u0629 \u0646\u0645\u0627\u0621', 'Namaa Platform'],\n t: ['\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u0647\u064a\u0626\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u062c\u0627\u0645\u0639\u0629', 'Digital Orientation Program for University Students'],\n d: ['\u062f\u0648\u0631\u0629 \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u062a\u0624\u0647\u0644\u0643 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u062c\u0627\u0645\u0639\u0629',\n \"A training course that prepares you to use the university's digital systems\"] }\n ]) +\n sec('\u0634\u0631\u0648\u062d\u0627\u062a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0646\u0638\u0627\u0645', 'How-To Guides') +\n duoGrid(STUDENT_GUIDES) +\n helpStrip() +\n close('\u0646\u062a\u0645\u0646\u0649 \u0644\u0643\u0645 \u062d\u0636\u0648\u0631\u064b\u0627 \u0645\u0648\u0641\u0642\u064b\u0627', 'We wish you successful attendance'),\n\n \/* \u2500\u2500 \u0623\u0639\u0636\u0627\u0621 \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633 \u2500\u2500 *\/\n faculty:\n intro(\n ['\u0623\u062f\u0644\u0629 Blackboard Ultra \u0644\u0623\u0639\u0636\u0627\u0621 \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633', 'Blackboard Ultra Guides for Faculty'],\n ['\u0633\u0644\u0633\u0644\u0629 \u0623\u062f\u0644\u0629 \u0625\u0631\u0634\u0627\u062f\u064a\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u062a\u063a\u0637\u064a \u0643\u0644 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c\u0647 \u0639\u0636\u0648 \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633 \u0644\u0625\u062f\u0627\u0631\u0629 \u0645\u0642\u0631\u0631\u0627\u062a\u0647 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u2014 \u0645\u0646 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0646\u0638\u0627\u0645 \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0625\u0644\u0649 \u0627\u0644\u0641\u0635\u0648\u0644 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0648\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a.',\n 'A series of official guides covering everything faculty members need to manage their e-courses \u2014 from the system interface and course content to virtual classrooms, tests, and assignments.']\n ) +\n sec('\u0627\u0644\u0623\u062f\u0644\u0629 \u0627\u0644\u0625\u0631\u0634\u0627\u062f\u064a\u0629', 'User Guides') +\n grid([\n { num: 1, icon: 'layout', href: LINKS.tMain,\n t: ['\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629', 'Main System Interface'],\n d: ['\u0627\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0648\u0627\u062c\u0647\u0629 Blackboard Ultra \u0648\u0627\u0644\u062a\u0646\u0642\u0644 \u0628\u064a\u0646 \u0623\u0642\u0633\u0627\u0645\u0647\u0627 (PDF)',\n 'Get to know the Blackboard Ultra interface and navigation (PDF)'],\n go: ['\u0641\u062a\u062d \u0627\u0644\u062f\u0644\u064a\u0644', 'Open the guide'] },\n { num: 2, icon: 'book', href: LINKS.tContent,\n t: ['\u0639\u0646\u0627\u0635\u0631 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0642\u0631\u0631', 'Course Content Elements'],\n d: ['\u0628\u0646\u0627\u0621 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0642\u0631\u0631 \u0648\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 (PDF)',\n 'Build course content and add files and learning modules (PDF)'],\n go: ['\u0641\u062a\u062d \u0627\u0644\u062f\u0644\u064a\u0644', 'Open the guide'] },\n { num: 3, icon: 'users', href: LINKS.tCollab,\n t: ['\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644', 'Collaboration & Interaction Tools'],\n d: ['\u0627\u0644\u0645\u0646\u0627\u0642\u0634\u0627\u062a \u0648\u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0648\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u0627\u0644\u0637\u0644\u0628\u0629 (PDF)',\n 'Discussions, messages, and tools for engaging students (PDF)'],\n go: ['\u0641\u062a\u062d \u0627\u0644\u062f\u0644\u064a\u0644', 'Open the guide'] },\n { num: 4, icon: 'video', href: LINKS.tVirtual,\n t: ['\u0627\u0644\u0641\u0635\u0648\u0644 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0648\u0627\u0644\u062a\u0633\u062c\u064a\u0644\u0627\u062a', 'Virtual Classrooms & Recordings'],\n d: ['\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0641\u0635\u0648\u0644 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u062a\u0633\u062c\u064a\u0644\u0627\u062a\u0647\u0627 (PDF)',\n 'Create virtual classrooms and manage their recordings (PDF)'],\n go: ['\u0641\u062a\u062d \u0627\u0644\u062f\u0644\u064a\u0644', 'Open the guide'] },\n { num: 5, icon: 'test', href: LINKS.tTests,\n t: ['\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a', 'Creating Tests'],\n d: ['\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0648\u0627\u0644\u062a\u0635\u062d\u064a\u062d (PDF)',\n 'Set up online tests, question types, and grading (PDF)'],\n go: ['\u0641\u062a\u062d \u0627\u0644\u062f\u0644\u064a\u0644', 'Open the guide'] },\n { num: 6, icon: 'clip', href: LINKS.tAssign,\n t: ['\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a', 'Creating Assignments'],\n d: ['\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a \u0648\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0644\u062a\u0633\u0644\u064a\u0645\u0627\u062a \u0648\u062a\u0642\u064a\u064a\u0645\u0647\u0627 (PDF)',\n 'Create assignments, receive submissions, and grade them (PDF)'],\n go: ['\u0641\u062a\u062d \u0627\u0644\u062f\u0644\u064a\u0644', 'Open the guide'] },\n { num: 7, icon: 'folder', href: LINKS.sharepoint, chip: ['\u064a\u062a\u0637\u0644\u0628 \u0627\u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u062c\u0627\u0645\u0639\u064a', 'University account required'],\n t: ['\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062f\u062e\u0648\u0644 \u0639\u0644\u0649 \u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u0644\u0627\u0643 \u0628\u0648\u0631\u062f', 'How to Access Blackboard'],\n d: ['\u0634\u0631\u062d \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062f\u062e\u0648\u0644 \u0639\u0644\u0649 \u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u0644\u0627\u0643 \u0628\u0648\u0631\u062f',\n 'A guide to signing in to the Blackboard system'],\n go: ['\u0641\u062a\u062d \u0627\u0644\u062f\u0644\u064a\u0644', 'Open the guide'] }\n ]) +\n sec('\u0634\u0631\u0648\u062d\u0627\u062a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0646\u0638\u0627\u0645', 'How-To Videos') +\n duoGrid(FACULTY_VIDEOS) +\n helpStrip() +\n close('\u0646\u062a\u0645\u0646\u0649 \u0644\u0643\u0645 \u062a\u062c\u0631\u0628\u0629 \u062a\u062f\u0631\u064a\u0633\u064a\u0629 \u0645\u0648\u0641\u0642\u0629', 'We wish you a successful teaching experience')\n};\n\n\/* \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u062a\u0628\u0648\u064a\u0628\u0627\u062a: [\u0627\u0644\u0645\u0639\u0631\u0651\u0641\u060c \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629\u060c \u0639\u0631\u0628\u064a\u060c \u0625\u0646\u062c\u0644\u064a\u0632\u064a] *\/\nconst TABS = [\n ['home', 'home', '\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629', 'Home'],\n ['general', 'compass', '\u0627\u0644\u062f\u0644\u064a\u0644 \u0627\u0644\u0639\u0627\u0645', 'General Guide'],\n ['students', 'grad', '\u0627\u0644\u0637\u0644\u0627\u0628', 'Students'],\n ['faculty', 'users', '\u0623\u0639\u0636\u0627\u0621 \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633', 'Faculty']\n];\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 5) \u0627\u0644\u0639\u0631\u0636 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst root = document.getElementById('bbg-block');\nconst view = document.getElementById('bbg-view');\nconst tabsBar = document.getElementById('bbg-tabs');\n\n\/* \u0628\u0646\u0627\u0621 \u0627\u0644\u062a\u0628\u0648\u064a\u0628\u0627\u062a \u0648\u0627\u0644\u0644\u0648\u062d\u0627\u062a \u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 *\/\ntabsBar.innerHTML = TABS.map(([id, ic, ar, en]) =>\n `<button type=\"button\" class=\"bbg-tab\" role=\"tab\" data-tab=\"${id}\" aria-selected=\"false\" aria-controls=\"bbg-panel-${id}\">${icon(ic)}<span>${L(ar, en)}<\/span><\/button>`).join('');\nview.innerHTML = TABS.map(([id]) =>\n `<div class=\"bbg-panel\" id=\"bbg-panel-${id}\" role=\"tabpanel\" data-panel=\"${id}\">${PANELS[id]}<\/div>`).join('');\n\nconst tabs = [...tabsBar.querySelectorAll('.bbg-tab')];\nconst panels = [...view.querySelectorAll('.bbg-panel')];\n\n\/* \u0627\u0644\u062a\u0646\u0642\u0644 \u0628\u064a\u0646 \u0627\u0644\u062a\u0628\u0648\u064a\u0628\u0627\u062a *\/\nfunction show(id, scroll) {\n tabs.forEach(t => {\n const on = t.dataset.tab === id;\n t.classList.toggle('active', on);\n t.setAttribute('aria-selected', on);\n });\n panels.forEach(p => p.classList.toggle('active', p.dataset.panel === id));\n \/* \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0631\u0627\u0628\u0637 \u0648\u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0639\u0646\u062f \u0646\u0642\u0631 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0641\u0642\u0637 \u2014 \u062d\u062a\u0649 \u0644\u0627 \u064a\u062a\u063a\u064a\u0651\u0631 \u0631\u0627\u0628\u0637 \u0627\u0644\u0635\u0641\u062d\u0629 \u0639\u0646\u062f \u0627\u0644\u0641\u062a\u062d *\/\n if (scroll) {\n if (history.replaceState) history.replaceState(null, '', '#' + id);\n const y = tabsBar.getBoundingClientRect().top + window.pageYOffset - 90;\n window.scrollTo({ top: Math.max(y, 0), behavior: 'smooth' });\n }\n}\ntabsBar.addEventListener('click', e => {\n const t = e.target.closest('.bbg-tab');\n if (t) show(t.dataset.tab, true);\n});\n\/* \u0631\u0648\u0627\u0628\u0637 \u062f\u0627\u062e\u0644\u064a\u0629 \u062a\u0646\u0642\u0644 \u0628\u064a\u0646 \u0627\u0644\u062a\u0628\u0648\u064a\u0628\u0627\u062a (\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0634\u0631\u064a\u0637 \u0627\u0644\u0625\u062d\u0627\u0644\u0629) *\/\nview.addEventListener('click', e => {\n const g = e.target.closest('[data-goto]');\n if (g) { e.preventDefault(); show(g.dataset.goto, true); }\n});\n\nif (EN) root.setAttribute('data-lang', 'en');\n\n\/* \u0641\u062a\u062d \u062a\u0628\u0648\u064a\u0628 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0646 \u0627\u0644\u0631\u0627\u0628\u0637: #general \u0623\u0648 #students \u0623\u0648 #faculty *\/\nconst hash = (location.hash || '').slice(1);\nshow(TABS.some(t => t[0] === hash) ? hash : 'home', false);\n})();\n<\/script>\n<\/div>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0646\u0633\u062e \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>E-Learning System Guide \u2014 Blackboard<\/p>","protected":false},"author":92,"featured_media":0,"parent":844,"menu_order":0,"template":"","format":"standard","meta":{"about":"","vision":"","mission":"","departments_phone":"016","departments_email":"","departments_objectives":"","departments_details":"","departments_educational_objectives":"","departments_manager":"","departments_location":"","footnotes":""},"departments-pages-type":[348],"departments-list":[30],"class_list":["post-79779","departments-pages","type-departments-pages","status-publish","format-standard","hentry","departments-pages-type-departments-static-content","departments-list-it"],"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/departments-pages\/79779","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/departments-pages"}],"about":[{"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/types\/departments-pages"}],"author":[{"embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/users\/92"}],"version-history":[{"count":18,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/departments-pages\/79779\/revisions"}],"predecessor-version":[{"id":79836,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/departments-pages\/79779\/revisions\/79836"}],"up":[{"embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/departments-pages\/844"}],"wp:attachment":[{"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/media?parent=79779"}],"wp:term":[{"taxonomy":"departments-pages-type","embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/departments-pages-type?post=79779"},{"taxonomy":"departments-list","embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/departments-list?post=79779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}