Contributor Session: Handout

Transcription

1 Contributor Session: Handout Log into training room computer Username : See PC label Password: Tr@inWus Log into OU Campus 1. Open Chrome and go to 2. Open a new tab in the browser and go to 3. Click on the Google Doc link under Contributor Workshop Handout. 4. On the first tab, scroll down to the bottom of the page and click the copyright symbol (1) ( NOT The words University of South Carolina next to it ) in the bottom left corner of the black bar. 5. The first login will present a screen from incommon select University of South Carolina from the dropdown menu (2), the Remember my selection for this session only radio button (3), and then click Next (4). If you do not see the blue screen, proceed to the next step. 1

2 6. The USC login screen will appear. To authenticate, use the USC network username and password (5 ) managed via my.sc.edu. 7. Ignore the message You do not have the proper permission to read this page. DO NOT click OK. 8. Select outraining (6) from the site list. 9. Click on the Content (7) tab in the blue ribbon. The site directory structure will appear. Make sure most sections appear as blue hyperlinks. 2

3 Study Page Edits 1. Click on the study_abroad folder in the study_training-{yourlastname_yourfirstname} section and then on the index.pcf page. 2. Click on the second Edit (1) button from top to bottom to access the main editable region for editing. 3. Place cursor inside Programs (2) and select Heading 3 (3) from the Format menu (next to Font Sizes ). 4. Highlight Aruba and Faculty-led and select Heading 4 from the Format menu (next to Font Sizes ).. 3

4 5. Highlight the words Study Abroad Office under the Programs heading on the page. Click the icon. 6. Once the Insert Link window opens click the browse icon next to URL field. 7. Change the server to Production (4), click on Sites ( 5 ) in the breadcrumb and then double-click Study_Abroad ( 6 ). 4

5 8. Navigate to the index.php (7) page and click Insert (8). 9. On the next screen, click Ok. 10. Use bulleted list (unordered list) to create bullets under the Faculty-led Study Abroad and Study Away in the U.S.A section. a. Place the cursor in front of Throughout the year, the College of HRSM faculty lead trips... and click on the icon (9). b. Place the cursor in front of Study Abroad in: Punta Cana... and press the Backspace keyboard key. c. Press Enter to create the bullet. d. Repeat for the rest of the sentences in the section. Add a soft return (Shift + Enter) before subheads to give some extra space between subheads and text. Include another soft return before the Cost section. 11. Click (10) to save your changes and exit the editable region. 5

6 Video Callout 1. Click on the top right Edit (1) button. 2. Click the Gadgets icon (2) in the top right corner to expand the Gadgets sidebar. 3. Click the arrow for the Snippets gadget and select the Callout (3) dropdown option. 4. Select Video Callout (4) and then (5) or simply double-click it. 6

7 5. Click the icon (6) to maximize the callout editable region. 6. Update the Callout Category and Callout Headline. Category: Student Spotlight Headline: Kat LeeHong a. On the Contributor Session tab, highlight Student Spotlight above and press Ctrl+C on the keyboard to copy the text. b. On the OU Campus tab, press the icon (7) and click Ok (8). The icon will become highlighted in grey showing that it is active. This will enable pasting plain text. Highlight the text Callout Category and press Ctrl+V to paste the copied text. c. On the Google Doc tab, highlight Kat LeeHong above and press Ctrl+C to copy the text. d. On the OU Campus tab, highlight the text Callout Headline and press Ctrl+V to paste the copied text. When pasting text from Word or other external sources, always toggle generating errors on the page. to prevent 7

8 7. Delete the placeholder thumbnail image and click the Insert/Edit Image icon (9). The Insert/Edit Image window will appear. 8. Click the button (10) and navigate to images/callout_images/video_callout_kat_leehong.jpg.(11) Click (12). 8

9 9. Type Kat LeeHong in the Description (13) field. Click (14). 10. Open a new tab in the current browser and paste this URL or click on the link in the Google Doc Follow the steps below to generate the video streaming link in YouTube: Click on Share (15) below the video. Click on Embed (16) from the additional menu that appears. Highlight the link for src (17) between the quotation marks highlighted in blue and press Ctrl+C to copy it. <iframe width="560" height="315" src=" " frameborder="0" allowfullscreen></iframe> 9

10 12. Paste the copied link over the Embed URL (18) link of the video callout snippet. 13. Place the cursor in the Color Sample cell (do NOT delete the placeholder text). Select the garnet color from the Styles (19) menu. 14. Click (20) to save your changes and exit the JustEdit toolbar. Spotlight Callout 1. Repeat steps 1-5 from "Video Callout" but select the "Spotlight Callout" instead when inserting the snippet. Make sure the callout is inserted in the white area outside the other snippets on the page. 2. Type a category and headline for the callout: Category: Alumni Spotlight Headline: Launching IT Careers 10

11 3. Update the caption copying and pasting from the Google Doc: A couple of recent integrated information technology (iit) graduates are making headway early in their young careers, buoyed by senior project management courses taken at the University of South Carolina. Dustin Smith, 2014, and Jeff Fontaine, 2015, were both accepted into MetLife s Technical University (MTU) program in large part due to the experience they gained in Dr. Karen Patten s Capstone Project course. 4. Delete the placeholder image and insert the image in images/callout_images/callout_capstone_project.jpg as described in steps 7-8 of Video Callout. 5. Update the link: a. Change the text Link as necessary to More. Highlight the word More and click the tool. b. Change the server to Production (1), click on Sites (2) in the breadcrumb and then double-click site HRSM (3). 11

12 c. Navigate to about/news/2015 and select the capstone_project.php (4). Click Insert." and then Ok. 6. Place the cursor in the Color Sample cell (do NOT delete the placeholder text). Select Palmetto Blue from the Styles (5) menu. 7. Click to save your changes and exit the editable region. 12

13 Degree Programs Page Edits Responsive Table 1. Click on the Content tab and then study_training-{yourlastname_yourfirstname} (1) in the breadcrumb and navigate to the degree_programs section. 2. Click on the index.pcf page. 3. Click on the Edit button for the main editable region. 4. Change the snippet category to Content (2) and double-click the Responsive Table (3) snippet to insert it in the main editable region. 5. Update it with the information below: Area of Study Bachelor s Master s Doctoral Hotel, Restaurant and Tourism Management B.S. (Hospitality) M.I.H.T.M. Ph.D. 13

14 Integrated Information Technology B.S. (Tourism) B.S. M.H.I.T. 6. Highlight the empty rows, right-click, hover over "Row" and then select "Delete Row." 7. Click to save your changes and exit the editable region. Internships Page Edits Expand and Collapse 1. Click on the Content tab and then on study_training-{yourlastname_yourfirstname} in the breadcrumb and navigate to the internships section. 2. Click on the index.pcf page and click on the Edit button for the main editable region. 14

15 3. Press Enter after the first paragraph and double-click the "Expand-collapse Widget (1) : a. Do NOT update the table headers. Leave them as they are. b. Paste School of Hotel, Restaurant and Tourism Management (HRTM) in the first column under the Title header. The text for the Title column should not include paragraphs or hyperlinks. c. Paste the text below in the second column under the Expanded Details header: Two internships are required (HRTM 290 and HRTM 495) The first experience is typically during or after your sophomore year, and can be any job in the industry. The second experience is typically taken when you are a junior or senior, and it must be either 1) a managerial or supervisory position, 2) a formal internship program or 3) a rotational experience where you would work at least three areas within the same organization. 400 work hours are required per experience, within the industry related to your major. d. Highlight the pasted text in the Expanded Details column and click to make it an unordered list. e. Place the cursor in front of The first experience is and click to indent it. f. Place the cursor in front of The second experience is and click to indent it. 15

16 g. Highlight the indented bullets and choose Circle from the bullet list dropdown. h. The pasted text should look like the one below: Two internships are required (HRTM 290 and HRTM 495) The first experience is typically during or after your sophomore year, and can be any job in the industry. The second experience is typically taken when you are a junior or senior, and it must be either 1) a managerial or supervisory position, 2) a formal internship program or 3) a rotational experience where you would work at least three areas within the same organization. 400 work hours are required per experience, within the industry related to your major. 5. Click to save your changes and exit the editable region. Creating a Profile Page Build a profile page using your own information. 1. Click on the Content tab and then on the home button (1) in the breadcrumb. Then click on the faculty-staff section. 16

17 2. Click on the dropdown and select the "New Profile"(2) template. 3. (for faculty members only) Select the Faculty member checkbox when creating a faculty profile. 4. Fill out the contact information in the Profile section of the form. The format for the phone number is Provide Searchable Keywords for filtering the profile directory at 6. Provide meta keywords and description in the "Keywords" and "Description" fields to categorize the page for search engines. 7. If the faculty/staff page will use callouts, make sure that both the Show callout column and Use local callouts checkboxes are selected. 8. Update the Filename field leaving the extension as pcf and replacing untitled with {yourlastname_yourfirstname} e.g. smith_john.pcf 9. Click Create. 10. Publish (3) the newly created faculty/staff profile page. 17

18 Updating a Faculty/Staff Profile Page Once the faculty/staff profile page has been created, it can be updated with additional structured data through the Multi Edit button by following these steps. 1. Click on the respective profile page for editing. 2. The button will appear in the top, middle section of the screen. 3. Click the button (1). A form-like interface will appear where the structured information created with the New Profile template can be edited. Additional information can be provided as well, such as: a. Upload a profile image by clicking the icon. Image path: /images/profile_images/profile_ayres_kevin.jpg b. Fill out the Image Description field which will generate the alt tag for accessibility. c. Resources provide one or more links to additional resources. For example, to add a link for a website, follow the steps below. i. Type the link text, e.g. Website. in the Resources text area. ii. Highlight the typed text and click the icon to insert a hyperlink. 18

19 iii. Click the Browse button (2) and navigate to the page in OU Campus or paste/type the URL to the page in the Link URL field. iv. Click Insert. 4. Click Save to save these changes and exit the Multi Edit form. 5. To provide additional information on the profile page not included on the form-like interface above, access the page for editing and: a. Click the button(3) for the main editable region. Additional sections can be created, such as Bio, Teaching, Research, Selected Publications. b. Select Heading 4 for the title of any additional section from the Format menu. c. Click to save the changes and exit the editable region. d. If callouts are desired, click the Edit button for the callout editable region and add the respective snippets. If the Edit button does not appear, click the lightbulb (4) to check out the page and then region (6). (5) to access page properties and enable the callout editable 19

20 Creating a News Article 1. Click on the Content tab and then on the home button in the breadcrumb. Navigate to the /news/2017 (1) section. 2. Click and select the New Article (2) template. 3. Fill out the form: a. Article Heading (3) : generates the title for the news article page and the RSS item. Type: Capstone project management launches IT careers 20

21 b. Article Teaser (4) : generates the RSS item description. Type: A couple of recent integrated information technology (iit) graduates are making headway early in their young careers, c. Keywords (5) : categorize the page for search engines. Type one or more meta tags separated by comma. Type: capstone project, recent graduates d. List Image (6) : generates the thumbnail in the dynamic news simple list. Navigate to: /images/list_images/capstone_project.jpg. e. Filename : generates the file name for the news article in the directory structure for the site. Provide a unique file name but leave the.pcf extension, e.g. news_{yourlastname_yourfirstname}.pcf. All file names in OU Campus should be lowercase, with no spaces or special characters. 21

22 4. Click Create to create the new page. 5. Publish the page. 6. Review the dynamic news simple list at Updating the Dynamic News List 1. Click on the Content tab and make sure you are in the /news/2017 directory where you can see a list of all news articles. 2. Click the Modified column to show most recently updated pages at the top.. 3. Locate the page that you just created and click on the light bulb (1) to check it out. 4. Hover over the page and choose RSS from the Edit menu (2). 5. Click on the link under RSS Items to access the item properties (3). 6. Update the text in Title and Description fields (4). You can simply add * at the end of both. 7. Delete the absolute link in the Link field (5) : Replace with: [auto] 22

23 8. Click Save (6). 9. Click Rebuild Feed (7) and Publish (8). 10. Review the updated dynamic news simple list at after refreshing the page. 23