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