Home Page Admin Settings:€¦ · Web viewSection 8 – Social Icons, is displayed as per the data provided in the JSON. 5. Disable the toggle button for Section 8 - Social Icons

©2011 B lackboard I nc . Prop r ie tary and Con f ident ia l

SEU- e Training CenterDynamic Home Page

End User Journey Guide

Worldwide Headquarters International Headquarters

Blackboard Inc. Blackboard International B.V.

650 Massachusetts Avenue NW

Sixth Floor

Washington, DC 20001-3796

Paleisstraat 1-5

1012 RB Amsterdam

The Netherlands

+1 800 424 9299 toll free US & Canada

+1 202 463 4860 telephone +31 20 788 2450 (NL) telephone

+1 202 463 4863 facsimile +31 20 788 2451 (NL) facsimile

www.blackboard.com www.blackboard.com

Copyright © 1997-2018. Blackboard, the Blackboard logo, BbWorld, Blackboard Learn, Blackboard Transact, Blackboard Connect, the Blackboard Outcomes System, Behind the Blackboard, and Connect-ED are trademarks or registered trademarks of Blackboard Inc. or its subsidiaries in the United States and other countries. U.S. Patent Numbers: 6,988,138; 7,493,396; 6,816,878.

Sun™, Java™, JDK™, JVM™, JDBC™, Solaris™, Microsoft®, Windows®, Windows Server®, Windows Vista®, SQL Server®, Internet Explorer®, Oracle®, Red Hat®, Enterprise Linux®, Apple®, Mac OS®, Tiger®, Leopard®, Snow Leopard®, Safari®, Apache Tomcat™, Tomcat™, Mozilla®, Firefox®, JAWS for Windows®, VMware®, Xen™, Wimba Pronto™, Acxiom IdentifyX™, NBC®, Follett™, Macmillan Higher Education, Bedford/St. Martin’s, W.H. Freeman, Worth Publishers are trademarks or registered trademarks of their respective owners.

Other product and company names mentioned herein may be the trademarks of their respective owners.

No part of the contents of this manual may be reproduced or transmitted in any form or by any means without the written permission of the publisher, Blackboard

Table of Contents

Home Page Admin Settings.............................................................................................

Section 1 – Top Banner....................................................................................................

Section 2 – Milestones...................................................................................................

Section 3 – The Journey.................................................................................................

Section 4 – Featured Courses........................................................................................

Section 5 – Categories....................................................................................................

Section 6 – Our Partners................................................................................................

Section 7 – Footer...........................................................................................................

Section 8 – Social Icons..................................................................................................

The User Registration and Program View apps be installed and enabled for use in the system.

Home Page Admin Settings:1. Access the eTC environment with the role of eTC Admin

2. Click the link - Sign In

3. Enter the Credentials in the Login Page and click the button - Login

4. Select Catalog Admin from the menu of Admin

5. Click the Icon – Homepage Settings

6. Homepage Settings are displayed with 8 section

Section 1 - Top Banner

Section 2 - Milestones

Section 3 - The Journey

Section 4 - Featured Courses

Section 5 - Categories

Section 6 - Our Partners

Section 7 - Footer

Section 8 - Social Icons

Section 1 – Top Banner:1. Section 1 – Top Banner, are displayed with toggle button and text box

2. In the text box, eTC Admin enters the value for the below fields using JSON. Sample JSON is provided below.

URL for background image

Title text

Sub-title text

Read More button

Label

URL

Target

Optional element on the page

Sample JSON:

{

"bannerBackgroundImageUrl": {

"en": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/tdm/homepage/img/bg.jpg",

"ar": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/tdm/homepage/img/bg.jpg"

},

"title": {

"en": "Get The Best Online,Face to Face and Mixed Courses",

"ar": " المختلطة والدورات لوجه وجها ، اإلنترنت على أفضل على "الحصول },

"subTitle": {

"en": "A public university that offers high-quality programs for all segments of society through the use of blended learning. It promotes knowledge production and community services to achieve development goals by optimal utilization of technology and engagement in local and global partnerships.",

"ar": "A public university that offers high-quality programs for all segments of society through the use of blended learning. It promotes knowledge production and community services to achieve development goals by optimal utilization of technology and engagement in local and global partnerships."

},

"callToAction": {

"label": {

"en": "Read More",

"ar": "Read More"

},

"url": {

"en": "https://www.seu.edu.sa/sites/en/Pages/main.aspx",

"ar": "https://www.seu.edu.sa/sites/en/Pages/main.aspx"

},

"target": "_blank",

"enableButton": true

}

}

3. Enable the toggle button for Section 1 - Top Banner and click the button – Submit, Success Message is displayed. In another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BLEARN/app/portal/homepage?locale=en&dir=ltr

4. Section 1 - Top Banner, are displayed as per the data provided in the JSON

5. Enter the text in the text box and click the button – Search, it will navigate to Catalog UI Home Page, title matched with the text in text box based on Course Name, will be displayed

6. Disable the toggle button for Section 1 - Top Banner and in another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr

7. Section 1 - Top Banner, is not displayed.

Section 2 - Milestones:1. Section 2 - Milestones, are displayed with toggle button and text box

2. In the text box, eTC Admin enters the JSON File for Milestones. Sample JSON is provided below. In Milestones, only the numbers (statistics) will be dynamic and if they want to enable/disable a Milestone and they can enable up to 4 (max) preset Milestones (Instructors, Trainees, Courses, Programs)

Sample JSON:

{

"instructors": {

"value": "1200",

"enable": true

},

"learners": {

"value": "16k",

"enable": true

},

"courses": {

"value": "234",

"enable": true

},

"programs": {

"value": "3792",

"enable": true

}

}

3. Enable the toggle button for Section 2 - Milestones and click the button - Submit, Success Message is displayed. In another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr

4. Section 2 – Milestones, are displayed as per the data provided in the JSON

5. Disable the toggle button for Section 2 - Milestones and click the button - Submit, Success Message is displayed. In another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr

6. Section 2 – Milestones, is not displayed

Section 3 - The Journey:1. Section 3 - The Journey, are displayed with toggle button and text box.

2. In the text box, eTC Admin enters the JSON File for The Journey. Sample JSON is provided below. This section contains only an image that fits in to different screen sizes. The JSON need contain configuration for the image url for mobile and desktop views.

Sample JSON:

{

"desktopViewImgUrl": {

"en": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/journey-desktop.png",

"ar": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/journey-desktop.png"

},

"mobileViewImgUrl": {

"en": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/journey-mobile.png",

"ar": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/journey-mobile.png"

}

}

3. Enable the toggle button for Section 3 - The Journey and click the button - Submit, Success Message is displayed. In another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr

https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr



4. Section 3 - The Journey, are displayed as per the data provided in the JSON

5. Disable the toggle button for Section 3 - The Journey and click the button - Submit, Success Message is displayed. In another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr

6. Section 3 - The Journey, is not displayed

Section 4 – Featured Courses:1. Section 4 - Featured Courses, are displayed with toggle button and text box

2. To display the course in the Section 4 – Featured Courses, eTC Admin has to enable the option – ‘Feature this offering on the Homepage?’, while creating or updating the Offering.

3. Enable the toggle button for Section 4 - Featured Courses and in another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr

4. In Section 4 - Featured Courses, cards are displayed in a slick carousel and clicking on a course card opens the catalog page that displays only the course card specific to the course.



5. Disable the toggle button for Section 4 - Featured Courses and click the button - Submit, Success Message is displayed. In another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr




6. Section 4 - Featured Courses, is not displayed.

Section 5 - Categories:1. Section 5 - Categories, are displayed with toggle button and text box.

2. As per the Jira Ticket - BCLCCU-1938, development is going on. It will be updated, once it is done.

3. Enable the toggle button for Section 5 - Categories and click the button - Submit, Success Message is displayed. In another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr

4. Section 6 - Categories, is displayed with hard coded categories.

5. Disable the toggle button for Section 5 - Categories, click the button - Submit, Success Message is displayed. In another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr

6. Section 5 - Categories, is not displayed.

Note: Yet to be implemented.







Section 6 – Our Partners:1. Section 6 – Our Partners, are displayed with toggle button and text box

2. In the text box, eTC Admin enters the JSON File for Our Partners. Sample JSON is provided below. This Section contains dynamic image url and the link url for the icons, configuration to decide if the link opens in the same window or in a new window / tab and icons to be placed in the slick carousal which can be scrolled.

Sample JSON:

{

"partners": [

{

"imageUrl": {

"en": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-bb.png",

"ar": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-bb.png"

},

"url": {

"en": "https://www.google.com",

"ar": "https://www.google.com"

},

"target": "_blank",

"enable": true

},

{

"imageUrl": {

"en": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-fu.png",

"ar": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-fu.png"

},

"url": {



},

"target": "_blank",

"enable": true

},

{

"imageUrl": {

"en": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-cs.png",

"ar": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-cs.png"

},

"url": {



},

"target": "_blank",

"enable": true

},

{

"imageUrl": {

"en": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-ou.png",

"ar": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-ou.png"

},

"url": {



},

"target": "_blank",

"enable": true

},

{

"imageUrl": {

"en": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-fi.png",

"ar": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-fi.png"

},

"url": {



},

"target": "_blank",

"enable": true

},

{

"imageUrl": {

"en": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-bb.png",

"ar": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-bb.png"

},

"url": {



},

"target": "_blank",

"enable": true

},

{

"imageUrl": {

"en": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-fu.png",

"ar": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-fu.png"

},

"url": {



},

"target": "_blank",

"enable": true

},

{

"imageUrl": {

"en": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-cs.png",

"ar": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-cs.png"

},

"url": {



},

"target": "_blank",

"enable": true

},

{

"imageUrl": {

"en": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-ou.png",

"ar": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-ou.png"

},

"url": {



},

"target": "_blank",

"enable": true

},

{

"imageUrl": {

"en": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-fi.png",

"ar": "https://consulting-cloud-tdm-eu.s3.eu-central-1.amazonaws.com/assets/sites/seu/homepage/img/sponsor-fi.png"

},

"url": {



},

"target": "_blank",

"enable": false

}

]

}

3. Enable the toggle button for Section 6 - Our Partners and click the button - Submit, Success Message is displayed. In another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr




4. Section 6 - Our Partners, is displayed as per the data provided in the JSON.

5. Disable the toggle button for Section 6 - Our Partners and click the button - Submit, Success Message is displayed. In another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr




6. Section 6 - Our Partners, is not displayed.

Section 7 - Footer:1. Section 7 - Footer, are displayed with toggle button and text box

2. In the text box, eTC Admin enters the JSON File for Footer. Sample JSON is provided below. In Section - 7, the below items will be displayed as per the data configured in JSON File.

There will be 4 columns in the footer.

Each column will have a heading and list of text items below.

Each item in the list can be a plain text or a hyperlink.

The text of the items in each column will be dynamic.

If it is a hyperlink then the url for each of the links will be dynamic.

The number of items in each footer column may vary.

Sample JSON:

{

"column1": {

"headerLabel": {

"en": "Contact Info",

"ar": "Contact Info"

},

"listItems": [

{

"type": "text",

"label": {

"en": "Saudi Arabia - Riyad",

"ar": "Saudi Arabia - Riyad"

}

},

{

"type": "text",

"label": {

"en": "00966112613500",

"ar": "00966112613500"

}

},

{

"type": "text",

"label": {

"en": "[email protected]",

"ar": "[email protected]"

}

}

],

"enable": true

},

"column2": {

"headerLabel": {

"en": "eTC",

"ar": "eTC"

},

"listItems": [

{

"type": "hyperlink",

"label": {

"en": "Who We Are",

"ar": "Who We Are"

},

"url": {



},

"target": "_blank"

},

{


"label": {

"en": "Partner",

"ar": "Partner"

},

"url": {

"en": "https://www.seu.edu.sa/sites/en/AboutSEU/Pages/Partners.aspx",

"ar": "https://www.seu.edu.sa/sites/en/AboutSEU/Pages/Partners.aspx"

},

"target": "_blank"

},

{


"label": {

"en": "Career",

"ar": "Career"

},

"url": {

"en": "https://www.seu.edu.sa/sites/en/AboutSEU/Pages/VisitSEU.aspx",

"ar": "https://www.seu.edu.sa/sites/en/AboutSEU/Pages/VisitSEU.aspx"

},

"target": "_blank"

},

{


"label": {

"en": "News",

"ar": "News"

},

"url": {



},

"target": "_blank"

}

],

"enable": true

},

"column3": {

"headerLabel": {

"en": "Legal",

"ar": "Legal"

},

"listItems": [

{


"label": {

"en": "Privacy Policy",

"ar": "Privacy Policy"

},

"url": {

"en": "https://www.seu.edu.sa/sites/en/AboutSEU/Pages/Privacypolicy.aspx",

"ar": "https://www.seu.edu.sa/sites/en/AboutSEU/Pages/Privacypolicy.aspx"

},

"target": "_blank"

},

{


"label": {

"en": "Accessibility Policy",

"ar": "Accessibility Policy"

},

"url": {



},

"target": "_blank"

},

{


"label": {

"en": "Trademark Policy",

"ar": "Trademark Policy"

},

"url": {



},

"target": "_blank"

}

],

"enable": true

},

"column4": {

"headerLabel": {

"en": "Support",

"ar": "Support"

},

"listItems": [

{


"label": {

"en": "Contact & FAQ",

"ar": "Contact & FAQ"

},

"url": {

"en": "https://www.seu.edu.sa/sites/en/AboutSEU/Pages/contactus.aspx",

"ar": "https://www.seu.edu.sa/sites/en/AboutSEU/Pages/contactus.aspx"

},

"target": "_blank"

},

{


"label": {

"en": "Twitter",

"ar": "Twitter"

},

"url": {

"en": "https://twitter.com/Saudi_EUni",

"ar": "https://twitter.com/Saudi_EUni"

},

"target": "_blank"

},

{


"label": {

"en": "Tech Requirement",

"ar": "Tech Requirement"

},

"url": {

"en": "https://www.seu.edu.sa/sites/en/AboutSEU/Pages/TechnicalEnvironment.aspx",

"ar": "https://www.seu.edu.sa/sites/en/AboutSEU/Pages/TechnicalEnvironment.aspx"

},

"target": "_blank"

}

],

"enable": true

}

}

3. Enable the toggle button for Section 7 - Footer and click the button - Submit, Success Message is displayed. In another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr




4. Section 7 - Footer, is displayed as per the data provided in the JSON.

5. Disable the toggle button for Section 7 - Footer and click the button - Submit, Success Message is displayed. In another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr




6. Section 7 - Footer, is not displayed.

Section 8 - Social Icons:1. Section 8 - Social Icons, are displayed with toggle button and text box

2. In the text box, eTC Admin enters the JSON File for Social Icons. Sample JSON is provided below. In Section 8 – Social Icons, they can enable upto 4 (max) preset Social Icons (Twitter, Instagram, Linkedin, Facebook Messenger)

Sample JSON:

{

"twitter": {

"enable": true,

"url": {

"en": "https://twitter.com/blackboard"

},

"target": "_blank"

},

"instagram": {

"enable": true,

"url": {

"en": "https://www.instagram.com/blackboardinc/?hl=en"

},

"target": "_blank"

},

"linkedin": {

"enable": true,

"url": {

"en": "https://www.linkedin.com/company/blackboard?originalSubdomain=nl"

},

"target": "_blank"

},

"facebook": {

"enable": true,

"url": {

"en": "https://www.facebook.com/blackboard/"

},

"target": "_blank"

}

}

3. Enable the toggle button for Section 8 - Social Icons and click the button - Submit, Success Message is displayed. In another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr

4. Section 8 – Social Icons, is displayed as per the data provided in the JSON.

5. Disable the toggle button for Section 8 - Social Icons and click the button - Submit, Success Message is displayed. In another browser, enter the Homepage URL - https://ntc-staging.blackboard.com/webapps/bbgs-cloud-portal-BBLEARN/app/portal/homepage?locale=en&dir=ltr

6. Section 8 - Social Icons, is not displayed.







Documents

Home Page Admin Settings:€¦ · Web viewSection 8 – Social Icons, is displayed as per the data provided in the JSON. 5. Disable the toggle button for Section 8 - Social Icons