reveal 2022

REVEAL 2021 – STUDENT WORK GUIDELINES THE FOLLOWING GUIDE EXPLAINS HOW TO BUILD A PIECE OF STUDENT WORK USING THE UMBRACO CONTENT MANAGEMENT SYSTEM

GRID GALLERY OF THE SUDENT WORK

WHEN A TILE IS CLICKED ON, A LIGHTBOX APPEARS, SHOWING AN IMAGE, VIDEO OR PDF

ADDING STUDENT WORK INTO THE MEDIA LIBARY

GO INTO THE REVEAL 2022 TEAM WITHIN MICROSOFT TEAMS IN THE GENERAL TAB, CLICK FILES

CLICK ON ONLINE REVEAL SHOW BUILD THEN STUDENT WORK AND CONSENT FORMS

OPEN THE FOLDER FOR YOUR COURSE, AND ADD IN A FOLDER FOR EACH STUDENT

ADD IN THE STUDENTS WORK TO THEIR OWN INDIVIDUAL FOLDER

CLICK ON THE THREE DOTS ICON TO THE RIGHT OF THE STUDENT FOLDER AND CLICK DOWNLOAD

THIS WILL DOWNLOAD ALL OF THE IMAGES FROM THE STUDENT FOLDER INTO A ZIP FOLDER IN THE DOWNLOADS FOLDER ON YOUR PC/LAPTOP

RIGHT CLICK ON THE ZIP FOLDER AND CLICK EXTRACT ALL AND WHEN PROMPTED CLICK EXTRACT

WITH THE LOGIN DETAILS PROVIDED TO YOU, LOG INTO UMBRACO HERE - https://nuworldapi.northumbria.ac.uk/umbraco#/login

CLICK ON THE MEDIA TAB IN THE TOP MENU

CLICK ON THE SMALL BLACK ARROW TO THE LEFT OF REVEAL 2022 CLICK ON THE SMALL BLACK ARROW TO THE LEFT OF IMAGES CLICK ON THE SMALL BLACK ARROW TO THE LEFT OF COURSES NAVIGATE TO YOUR COURSES FOLDER

RIGHT CLICK ON YOUR COURSES FOLDER, CLICK CREATE AND CHOOSE FOLDER TYPE IN THE NAME OF THE STUDENT IN THE TOP FIELD, THEN CLICK ON THE GREEN SAVE BUTTON NEXT, CLICK ON THE FOLDER FOR THE STUDENT WHOSE SHOWCASE YOU ARE BUILDING

CLICK ON OR SELECT CLICK HERE TO CHOOSE FILES AND SELECT ALL OF THE IMAGES THAT YOU DOWNLOADED TO YOUR PC/LAPTOP FOR THAT STUDENT

WHEN YOU CAN SEE ALL OF THE IMAGES IN THE STUDENT FOLDER CLICK SAVE

CREATING A PIECE OF STUDENT WORK THAT IS AN IMAGE OR A VIDEO

ENSURE THE CONTENT TAB IS SELECTED IN THE MAIN MENU FROM THE SITE TREE ON THE LEFT HAND SIDE OF THE PAGE, CLICK ON THE SMALL BLACK ARROW TO THE LEFT OF HOME AND THEN DO THE SAME ON THE ARROW TO THE LEFT OF LEARN NEXT, CLICK THE ARROW NEXT TO THE REVEAL FOLDER, THEN THE ARROW NEXT TO THE 2022 STUDENTS FOLDER WITHIN THE FILE STRUCTURE YOU WILL SEE A WHITE FOLDER FOR ALL OF THE COURSES, AND IT IS INSIDE THESE FOLDERS THAT YOU WILL BE CREATING THE STUDENT SHOWCASE PAGES

IN THS GUIDE WE WILL BE USING A FASHION COURSE AS AN EXAMPLE

CREATING A STUDENT FOLDER RIGHT CLICK ON YOUR COURSES FOLDER, CLICK CREATE AND CHOOSE CONTENT FOLDER (BLANK) TYPE IN THE NAME OF THE STUDENT IN THE TOP FIELD, THEN CLICK ON THE GREEN SAVE AND PUBLISH BUTTON

THIS THEN ADDS YOUR STUDENT FOLDER INTO THE COURSE FOLDER

RIGHT CLICK ON THE STUDENT FOLDER THAT YOU HAVE JUST CREATED, SELECT CREATE AND THEN SELECT THE EMBED TEMPLATE (BLANK)

WHEN THE TEMPLATE LOADS, TYPE 1 IN THE FIRST FIELD FOR THE SECOND PIECE OF WORK YOU CREATE YOU WILL NAME IT 2 , AND THE THIRD PIECE NAMED 3 AND SO ON..

CLICK ON THE BASE CONTENT TAB ALONG THE TOP

TYPE AN X IN THE LISTING TEXT FIELD (THIS DOES NOT SHOW ANYWHERE)

CLICK IN THE SQUARE ON THE LISTING IMAGE FIELD TO OPEN THE MEDIA WINDOW ON THE RIGHT SIDE OF THE SCREEN

CLICK ON THE REVEAL 2022 FOLDER AND THEN IMAGES > COURSES, THEN NAVIGATE TO YOUR COURSE AND STUDENT FOLDER

CLICK ON THE IMAGE YOU WANT TO DISPLAY AND CLICK SELECT

TOGGLE ‘ON’ INVERT, HIDE TITLE ON WONDERWALL ROLLOVER AND SHOW PARTICLES

CLICK ON THE WONDER WALL CONFIG TAB

TOGGLE ‘ON’ OPEN IN LIGHTBOX

IF THE STUDENT WORK IS AN IMAGE, CLICK IN THE SQUARE TO OPEN THE MEDIA GALLERY

CLICK ON THE REVEAL 2022 FOLDER AND THEN IMAGES > COURSES, THEN NAVIGATE TO YOUR COURSE AND STUDENT FOLDER

CLICK ON THE SAME IMAGE THAT YOU SELECTED AS THE LISTING IMAGE

IF THE STUDENT WORK IS A VIDEO, TOGGLE ON OPEN IN LIGHTBOX

PASTE THE VIMEO URL INTO THE VIMEO VIDEO URL FIELD EXAMPLE URL - https://vimeo.com/364297517 SEE PAGE 26 FOR VIMEO INSTRUCTIONS

ADD A TITLE FOR THE PIECE OF WORK THAT WILL DISPLAY UNDER THE IMAGE LIGHTBOX

ADD A DESCRIPTION OF THE PIECE OF WORK THAT WILL DISPLAY UNDER THE IMAGE LIGHTBOX

CLICK ON THE THREE DOTS ICON AND CLICK PAGE CONFIG

TOGGLE ON ALL OF THE OPTIONS APART FROM HIDE BOTTOM RIGHT CTA

CLICK SAVE AND PUBLISH TO FINISH CREATING THE PIECE OF STUDENT WORK

CREATING A PIECE OF STUDENT WORK THAT IS A PDF

RIGHT CLICK ON THE STUDENT FOLDER THAT YOU HAVE JUST CREATED AND SELECT CREATE, AND THEN EMBED TEMPLATE (BLANK)

WHEN THE TEMPLATE LOADS GIVE THE PAGE THE NEXT NUMBER

CLICK ON THE BASE CONTENT TAB ALONG THE TOP

TYPE AN X IN THE LISTING TEXT FIELD (THIS DOES NOT SHOW ANYWHERE)

CLICK IN THE SQUARE ON THE LISTING IMAGE FIELD TO OPEN THE MEDIA WINDOW ON THE RIGHT SIDE OF THE SCREEN

CLICK ON THE REVEAL 2022 FOLDER AND THEN IMAGES > COURSES, THEN NAVIGATE TO YOUR COURSE AND STUDENT FOLDER

CLICK ON THE IMAGE YOU WANT TO DISPLAY AND CLICK SELECT

TOGGLE ‘ON’ INVERT, HIDE TITLE ON WONDERWALL ROLLOVER AND SHOW PARTICLES

CLICK ON THE CONTENT TAB PASTE THE CODE BELOW INTO THE EMBED URL FIELD <br> <p style="font-size: 44px"><strong>TITLE GOES HERE</strong></p> <p>Description text goes here</p> <br> ONCE THE CODE IS PASTED INTO THE FIELD CHANGE THE TITLE GOES HERE AND THE DESCRIPTION GOES HERE TEXT TO WHAT YOU WANT THEM TO BE

PASTE THE EMBED CODE FROM ISSUU INTO THE FIELD DIRECTLY UNDER THE TITLE AND DESCRIPTION CODE YOU HAVE JUST PASTED IN SEE PAGE 22 FOR ISSUU INSTRUCTIONS

CLICK ON THE THREE DOTS ICON AND CLICK PAGE CONFIG

TOGGLE ON ALL OF THE OPTIONS

CLICK SAVE AND PUBLISH

ADDING A PDF TO ISSUU

GO TO https://issuu.com/

USERNAME: PASSWORD:

BC.DIGITAL.MARKETING@NORTHUMBRIA.AC.UK NE1Market1ngPand0n8ST

ONCE YOU HAVE LOGGED IN, CLICK ON UPLOAD

DRAG AND DROP THE PDF FROM YOUR DEVICE INTO THE CLOUD ICON OR CLICK THE YOUR DEVICE LINK PLEASE NOTE, THE BEST FORMAT FOR EMBEDDING A PDF IS SINGLE PAGE FORMAT. THIS PDF GUIDE IS IN SINGLE PAGE FORMAT

GIVE THE PDF A TITLE

NOTE – THIS WILL NOT APPEAR ON THE WEBSITE

SELECT PUBLICATION TYPE, AND SET THE TYPE TO PROMOTIONAL/MARKETING

CLICK PUBLISH NOW

ONCE PUBLISHED, A WINDOW WILL OPEN WITH THE OPTION TO CREATE EMBED YOU CAN ALSO CLICK SHARE ON THE LEFT HAND MENU, AND NAVIGATE TO EMBED ON WEBSITE

CLICK ON GET EMBED CODE

GO TO THE CONTENT TAB ON THE EMBED TEMPLATE FOR THE STUDENTS WORK AND PASTE IN THE COPIED CODE DIRECTLY UNDER YOUR TITLE AND DESCRIPTION CODE SEE PAGE 20

CLICK SAVE AND PUBLISH

ADDING A VIDEO TO VIMEO

GO TO https://vimeo.com/ USERNAME: PASSWORD:

BC.DIGITAL.MARKETING@NORTHUMBRIA.AC.UK PandonNE18STne18stDIGITALt3am!!

CLICK ON NEW VIDEO AND THEN UPLOAD

DRAG AND DROP THE VIDEO ONTO THE CLOUD ICON OR CLICK THE OR CHOOSE FILES BUTTON AND CHOOSE THE VIDEO FROM YOUR FILES

ONCE YOUR VIDEO IS FINISHED UPLOADING TO VIMEO, IT WILL DISPLAY IN THE RECENT VIDEOS SECTION

CLICK ON THE VIDEO

THE VIDEO WILL DISPLAY WITH A PANEL OF OPTIONS ON THE RIGHT HAND SIDE OF THE SCREEN CLICK PRIVACY

SELECT HIDE FROM VIMEO

COPY THE VIMEO URL FROM YOUR BROWSER ADDRESS BAR

PASTE THE VIMEO URL INTO THE VIMEO VIDEO URL FIELD MAKE SURE THAT YOU DON'T INCLUDE /MANAGE/VIDEOS/ IN THE URL

CLICK SAVE AND PUBLISH

CREATING THE STUDENT WORK PAGE

ONCE YOU HAVE FINISHED BUILDING ALL OF THE STUDENTS WORK/EMBED TEMPLATES CLICK ON STUDENTS IN THE COURSE FOLDER

CLICK ON CREATE WONDERWALL (SET GRID)

TYPE IN THE NAME OF THE STUDENT

TYPE IN THE NAME OF THE STUDENT

TYPE IN SHORT DESCRIPTION THAT SITS BETWEEN THE STUDENT NAME AND THE FIRST ROW OF TILES (OPTIONAL)

YOU CAN CHOOSE TO SHOW UP TO 3 EXTERNAL LINKS HERE BY CLICKING ADD

PASTE IN THE URL

I.E. WEBSITE, TWITTER, INSTAGRAM

NAME THAT SHOWS INSTEAD OF URL

I.E. MY TWITTER, MY WEBSITE

TICK THE TARGET BOX SO THAT WEBSITE WILL OPEN IN A NEW WINDOW

TOGGLE ON THE INFINATE SCROLLING OPTION

TO ADD AN EMBED TEMPLATE/PIECE OF WORK FOR THE STUDENT CLICK ADD

WHEN THE RIGHT HAND SIDE PANEL DISPLAYES, NAVIGATE DOWN TO THE STUDENT FOLDER AND SELECT THE FIRST EMBED TEMPLATE AND CLICK SUBMIT

REPEAT THE SAME STEPS BY CLICKING ADD UNTIL ALL EMBED TEMPLATES/PIECES OF WORK ARE ADDED FOR THAT STUDENT

SET THE GRID TYPE TO 5x2

TOGGLE ON SHOW LIGHTBOX

CLICK ON THE BASE CONTENT TAB

TYPE THE STUDENT NAME INTO THE LISTING TEXT FIELD

SET THE LISTING IMAGE TO BE ONE OF THE STUDENT PIECES OF WORK NOTE – THIS IMAGE WILL BE DISPLAYED ON THE SUBJECT WALL OF TILES DISPLAYING ALL OF THE STUDENTS SHOWING WORK FOR THAT SUBJECT

TOGGLE ON THE INVERT AND SHOW PARTICLES FIELDS

CLICK ON THE PAGE CONFIG TAB

TOGGLE ON ALL FIELDS APART FROM HIDE BOTTOM RIGHT CTA AND CLICK SAVE AND PUBLISH

TO VIEW YOUR STUDENT PAGE, CLICK ON THE INFO ICON AT THE TOP RIGHT OF THE SCREEN AND CLICK ON THE LINK