Teacher Website Directions

Transcription

1 LOGIN Teacher Website Directins Access the New NEISD hmepage at (after June 28 th this will change back t Click n the LOGIN link lcated belw the SEARCH field in the upper right-hand crner f the screen. Enter the username and passwrd prvided t yu by yur curse instructr (eventually yu will use yur nrmal Active Directry credentials in rder t lgin) and then click n SIGN IN. Ntice what changes nce yu have lgged in: The LOGIN link changes t LOG OUT, and yu will see a new link fr SITE MANAGER, which is the administrative side f Blackbard that allws yu t edit yur site. There is a new channel in the channel bar called MyNEISD. This indicates that yu nw have access t the NEISD Intranet, which nw requires yu t lgin t view internal cntent. GET TO KNOW THE SECTION WORKSPACE Click n SITE MANGER in the tp navigatin t access the Sectin Wrkspace. Summary Tab: shws yu the pages that have been created within yur Sectin. New Page create a new subpage fr yur Sectin. Organize Pages Change the rder that yur pages appear in the side navigatin. Recycle Bin Restre r permanently delete previus deleted pages. Tls Tab: Files & Flders*: uplad and rganize images and files used in yur wrkspace. Apprve Visitr Cmments*: apprve/reject visitr cmments n yur apps. App Manager: Manage & Edit the apps in yur wrkspace. Pht Gallery*: Create & manage pht galleries fr yur sectin. Frms & Surveys*: Create and manage frms & surveys. Apprve Cmmunity Editing: Apprve/Reject cmmunity edits t yur apps. Reprts: Nt used at this time. Minibase: Nt used at this time. Editrs & Viewers Tab: Add users r grups wh can edit/view yur sectin. D Nt Assign Viewers t yur sectin as it needs t remain pen t all site visitrs Anyne yu add as an editr has FULL ACCESS t yur site including the ability t DELETE everything n yur site. Cntact the District Web Administratrs fr assistance with adding editrs t yur site. Statistics Tab: See hw ften yur site is being visited. Hw d I? Tab: built in Help Guide. Current Pages Status: click t make a page visible (ACTIVE) r hidden (INACTIVE). Page: these are the pages in yur sectin. Click t edit. Actins: an assrtment f ptins available t yu that are perfrmed n individual pages. (Edit Page, Page Optins, Get Link, Cpy Page, Mve Page, Delete, Set Viewers) 1

2 BEGIN EDITING YOUR SITE IMPORTANT: All teacher hmepages will cntain cmparable infrmatin and be rganized in the same manner in rder t prvide site visitrs with a cnsistent lk and feel when they land n any teachers hme page. DO NOT CHANGE THE LAYOUT f yur hmepage r add any additinal infrmatin t yur hmepage beynd that which is discussed belw. Yu may diversify yur layut and design n subpages, but nt the hmepage. All Hmepages will utilize the Tw Clumn layut. DO NOT CHANGE THE HOMEPAGE LAYOUT There are tw apprved hmepage cnfiguratins within the Tw Clumn layut. Headlines & Features The fter is nt used Upcming Events The fter is nt used Click n WELCOME within the Current Pages screen and ntice that the layut has already been designated. 2

3 SETUP FILES & FOLDERS FOR EASIER MANAGEMENT OF PICTURES & DOCUMENTS IMPORTANT: Files and Flders shuld ONLY cntain pictures and dcuments that are actively used n yur site. If they are nt n the site, then delete them frm Files and Flders. Click n the Tls tab and then click n Files & Flders. Click n the FOLDER ACTIONS drp dwn menu and select NEW SUBFOLDER Type in PICTURES as the flder name and click SAVE Click n Site Files in the left clumn t return t the TOP LEVEL Click n the FOLDER ACTIONS drp dwn menu and select NEW SUBFOLDER Type in DOCUMENTS as the flder name and click SAVE Nw uplad yur first picture: Click n the PICTURES flder in the left clumn and cnfirm that Pictures is nw listed at the tp f the screen. Click n the UPLOAD buttn and then click n SELECT FILES Brwse fr a picture f yurself t use as yur bigraphy picture If yu dn t have a picture at this time, just select any picture, but be sure t replace it sn with a gd picture f yurself. Click n the picture f interest and then click OPEN Click the Uplad buttn and cnfirm that the picture has been upladed int the Pictures flder Click n MORE next t the picture and select RENAME frm the menu that appears The picture name shuld clearly identify the picture. Replace any spaces r underscre characters with a hyphen. Example: Students-in-class-listening-t-stry.jpg Click SAVE when dne. Refresh: will refresh the page. Delete Selected: will delete a file nce it is selected. Flder Actins: will allw yu t create subflders and give yu flder Prperties infrmatin. Clse the windw EDIT THE ABOUT TEACHER APP (Abut Teacher) Click n the Abut Teacher app lcated within the layut. Select yur apprpriate Prefix (if desired) and enter yur name in the Name field. Type in a high-quality bigraphy. This is yur first impressin s make it a gd ne. Click n the BROWSE buttn lcated belw the bigraphy Click n Existing Image 3

4 Click n the drp-dwn arrw under Chse Flder and select PICTURES Click n the picture f interest and click Cntinue Click INSERT IMAGE Nte: At the time f this writing, the Height and Width adjustment functin is NOT wrking within the Abut Teacher app. Ideally yur picture shuld be n mre than 200 pixels high. If it is, yu shuld edit the picture size n yur cmputer using the tl f yur chice, r uplad the picture int t adjust the size and then re-uplad the picture int Blackbard fr use in this app. Click n the DETAILS tab Enter yur full address (username@neisd.net). Phne is ptinal. Enter yur Degrees & Certificatins. One per line, hit enter t mve t the next line. Click Save. Click n the Welcme Page breadcrumb t return t the Welcme Page summary. Click View Page t the right in the Actins bx t preview yur page. Clse the page when dne t return t the Sectin Wrkspace. EDIT THE CONTENT APP (Class Schedule) Click n the Cntent app lcated within the layut. Enter yu class schedule in the fllwing frmat, using SHIFT + ENTER t mve t the next line f yur schedule. Elementary: Start Time - End Time Subject/Activity Example: 8:00 9:00 Math Secndary Perid (Start Time End Time) Subject Example: 1st Perid (9:00 9:55) Physics Click Save. Click Optins. Check Shw the App Name n my page ptin. Click Save. Click n the Welcme Page breadcrumb t return t the Welcme Page summary. Click View Page t preview yur page and then return t the Sectin Wrkspace ADD THE HEADLINES & FEATURES APP Click Manage Apps & Layut. Click Add App. Select Headlines & Features and click Create New. Enter Class Annuncements in the Name field and click Create. Click and drag the newly created Classrm Annuncements (Headlines & Features) app int the dtted gray sectin f the layut t the left f the Class Schedule. Click I m Dne in the blue bar abve the layut. 4

5 EDIT THE HEADLINES & FEATURES APP (Class Annuncements) Click n the Headlines & Features app lcated within the layut. Click Optins Check Shw the App Name n my page ptin. Change the Recrd Limit t 3. Click Save. Click New Headline Headline Tab Enter the Headline Title. Enter Teaser Text (ptinal, but recmmended especially if yu are ging t add an accent image als recmmended). Brwse fr yur accent image and set height and width t 50. Yu can either uplad a new image, use an existing image frm yur Files & Flders, r use a Shared image. We will use a Shared Image fr nw. Re-Adjust Height & Width t 50 if necessary. Enter apprpriate ALT Text t describe yur picture. DO NOT USE HYPHENS as this will be read by a screen reader and needs t be written as it shuld be read Ex. Students in class listening t a stry Headline Bdy Tab Enter the cntext fr yur message. Authr Tab Optinal, but recmmended if yu plan t use this app mre like a classrm blg. Viewers Tab Eventually yu can assign different viewing rights t each individual entry if apprpriate. Default is that all site visitrs can see yur entry. Click Save. Repeat fr additinal Headlines as desired. Yu can click n the Srt Headline buttn t srt headlines alphabetically r click and drag a headline int the desired lcatin. Click Save when dne. Click n the Welcme Page breadcrumb t return t the Welcme Page summary. Click View Page t preview yur page. ADD & EDIT A CALENDAR SUBPAGE Click n the Hme icn lcated belw the summary tab. Click New Page. Type in Calendar as the name fr the page, select 1-Cntent Page and click Save & Cntinue. Access the new calendar page if yu are nt already there. Click n Manage Apps & Layut. Delete the Cntent app (Welcme) by clicking n the X in the crner f the app lcated within the layut and then click YES t cnfirm. Click Add App. Select Calendar frm the ptins and click Create New. Type in Calendar in the Name field and click Create. 5

6 Click I m Dne. Click n the Calendar app in the layut. Click Optins. Select the Ggle Calendar Integratin nly if yu already maintain a Ggle calendar fr yur classrm. Otherwise, just click Save. Select hw yu want t integrate yur app (One way r Bth Ways). Cnnect t yur Ggle Calendar by fllwing the prmpts n the screen. Click Save. Click New Event t add yur first entry. Enter an Event Title; add a Start Date,Start Time, End Time, and End Date. Enter a descriptin fr yur event Chse a Categry t better identify the type f event this is (Optinal) Click Save. Add new events as desired. At this pint, yu need t decide if yu are ging t utilize the Upcming Events r Headlines & Features design fr yur hmepage. If yu want t shw Headlines & Features, then n change is necessary, as it already exists n yur hmepage. Hwever, if yu want t shw Upcming Events n yur hmepage then perfrm the fllwing actins. Upcming Events are linked t yur calendar! Click n the Hme icn belw the summary tab. Click New Page. Type in an apprpriate name fr the page (like Class Annuncements, News & Events r Classrm Blg ), select 1-Cntent Page and click Save & Cntinue. Click n Manage Apps & Layut and add a Headlines & Features app t yur page, but instead f creating a new app, just select the ne that is already listed belw FIND. Delete the Welcme cntent app by clicking n the X and click Yes. Click I m Dne. Yu have nw created a new subpage that is ppulated with the Headlines & Features app that yu already created. Yu can nw manage this page separate frm yur hmepage. Return t the Welcme Page, select Manage Apps & Layut, and then delete the Headlines and Features app that is n the left side f yur layut by clicking the X, then click Yes. Add an Upcming Events app t yur page. Click Add App, select Upcming Event, click n Create New, name it Upcming Events and click Create. Select and Drag the Upcming Events app yu just created frm the header int the middle sectin n the left f yur layut and click I m Dne. Next, click n the Upcming Events app and Check the Shw this app name n my page ptin. Select yur calendar frm the Calendar drp dwn menu. Cnfigure the number f days in the future t include (yu chse). Set Maximum number f events t display t 3. Click Save. Click View Page t preview yur site. Ntice that yu nw have a Classrm Annuncements subpage and a Calendar subpage in the left navigatin pane, and have linked yur calendar t the Upcming Events app lcated belw yur picture and cntact infrmatin n the hmepage. 6

7 ADD ADDITIONAL SUBPAGES Click n the Hme icn lcated belw the summary tab. Click New Page. Type in an apprpriate name fr the page (shrt and t the pint), select 1-Cntent Page and click Save & Cntinue. Nw yu can edit the layut f the page and add, delete, r mdify the apps t meet yur needs by ging t Manage Apps & Layut. Make yur changes, click I m Dne, and then edit the cntent f each app by clicking n them ne at a time. Dn t Frget t click n Optins t check Shw the app name n my page when yu add yur apps. While this is nt required, it des help t give structure t yur page and prvides yur visitrs with a clear understanding f what they are lking at. Bnus Infrmatin SHARING AN APP Ratinale: Sharing an app with yur clleagues is a great way t leverage the cllective effrts f yur grade level, department, r team withut asking everyne t maintain the same infrmatin n their site. Scenari: Yu are n a team where ne persn is really gd at keeping the calendar, anther is great at finding vide resurces, and a third is dynamic at cming up with hmewrk and ther activities. In previus systems yu might just put a link n yur page t link ver t the calendar n the ther teacher s page and a separate link that takes site visitrs ver t the hmewrk/resurces page. The prblem with this apprach is that it is cnfusing fr site visitrs wh nw are clicking all ver the place and visiting multiple teacher pages just t find the infrmatin that they need. Slutin: Each teacher develps their wn particular specialty ne des the calendar, ne des the vide resurces, and the third des the hmewrk/resurces and then they all SHARE thse apps with each ther s that they can be placed n the individual teacher pages. The creatr f the app is the wner and nly editr f the app. Any changes made by the wner are autmatically ppulated n the app that the ther teachers have n their pages. This results in everyne having the same infrmatin t share with their site visitrs while keeping thse site visitrs n the page that they visited in the first place. Hw t d it: APP OWNER Brwse t the page within yur Sectin Wrkspace that cntains the APP that yu want t share. Click n the APP as if yu are ging t EDIT it Click n OPTIONS n the right side f the screen and then select SHARING n the windw that appears Click n the ASSIGN USER buttn, enter in the last name f the persn f interest, and then click SEARCH Lcate the crrect user in the list that appears and click n SELECT next t that user s name. Repeat the search and select sequence fr any ther users with whm yu wish t share yur app. Once all users are selected, click ADD at the bttm f the page. PERSON WITH WHOM THE APP HAS BEEN SHARED Brwse t the page within yur Sectin Wrkspace where yu want t place the shared app (in sme cases, yu may want t add a new page fr this cntent) Click Manage Apps & Layuts and then select ADD APP. 7

8 Scrll dwn and select the App type that matches the App type shared with yu. Fr example, if yur clleague shared a Cntent app with yu, then scrll dwn and select the Cntent app frm the list. Lcate the shared app in the list that appears belw the FIND search bx. Lk fr the name f the user wh shared the app with yu t help in yur identificatin prcess. NOTE: Yu will als see yur wn apps in this list apps that yu have created that may be n ther pages, r may nt be n any pages that yu can reuse. This is yur app This app was shared with yu! This is yur app Select the APP that was shared with yu by clicking n it. The App will nw be added t yur page where yu can then place it in yur desired lcatin within yur selected page layut. Yu can nly add, mve, and remve a shared app frm yur page yu can t edit it. It can nly be edited by the wner f the app. EMBEDDING A VIDEO Ratinale: Keeping yur site visitrs n yur page is imprtant fr tw reasns. First f all, they came t yur page fr a reasn and are mre than likely familiar with hw t navigate thrugh yur site. Dn t put a link that is ging t take them away frm that cmfrt zne t sme ther website where they have t figure ut hw t navigate and mre imprtantly hw t get back t yur site. Secndly, the lnger that we keep site visitrs n ur site the better we rank in Ggle. If we keep sending ur visitrs ff f ur site t find infrmatin, Ggle sees that as an indicatin that they had t leave us t find what they are lking fr, which results in a negative mark against us. Slutin: Embed vides int yur apps s that yur site visitrs can appreciate the cntent right there in yur page where they are cmfrtable and familiar. Hw t d it: REMEMBER: Only YuTube prvides autmated captins s stick t YuTube vides!!! Yu shuld strive t nly use YuTube vides that have the CC emblem in the vide descriptin t indicate that the authr f that vide has edited the autmatic captins. If the CC emblem is nt available n the vide f interest at least yur site visitrs will benefit frm the autmated captins prvided, which is better than nthing. Brwse t YOUTUBE and cnduct a search fr the vide f interest. Once the results are displayed, click n the FILTER buttn directly abve the first vide in the list and select SUBTITLES/CC frm the ptins that appear and see if yu can find an apprpriate vide with the CC emblem 8

9 Yur results are nw filtered fr vides that have been edited by the authr and shuld prvide a better reading experience fr site visitrs in need f clsed captins. If yu cannt lcate a vide under this filter, remve the Subtitles/CC filter by clicking n the X next t the name. and then lcate the vide f interest. Click n the vide that yu want and cnfirm that the cntent f the vide matches yur desired result. Click n the SHARE icn belw the vide title that appears directly belw the vide player windw. Click n EMBED in the ptins that appear Click n SHOW MORE directly belw the embed cde that appears and UNCHECK the bx that says s that yur vide will nt display additinal/suggested vides at the end. Highlight and cpy the EMBED cde that appears directly abve the vide. It is the cde that starts and ends with <iframe> tags. Return t yur Sectin Wrkspace within the Web Cmmunity Manager Yu nw have tw ptins t embed the vide 1) Add the EMBED CODE app nt a page and paste the cntents that yu cpied frm YuTube int the app and then click n SAVE, r 2) Add the EMBED CODE int a variety f ther apps that display the SOURCE CODE ptin in the editing tls. < > Click n the Surce Cde ptin and then paste the embed cde int the windw that appears. If yu have already added ther items such as text r images int the APP yu will see the cde fr thse items in this windw as well. Just click yur cursr in the lcatin where yu want yur vide t appear and then paste in yur embed cde. 9

10 Click OK Yu will nw see yur vide in the larger editing windw and can use nrmal desktp editing strategies t add / relcate yur vide r ther cntent as desired. Click SAVE when dne. GRANTING VIEWING RIGHTS Ratinale: Smethings that yu put n yur site are intended fr a specific audience. Fr example, maybe yu want t limit visibility f a page t nly thse students wh are in yur AP class, r yu want t have a page that is nly viewable t the teachers n yur grade level r team. Setting Viewing rights allws yu t accmplish this. Yu can add viewing rights t entire pages, r just t specific cntent within individual apps n yur page. Just remember, that nly District emplyees and Students will be able t be assigned as viewers f yur cntent. This means that assigning a grup f students as viewers n yur page will prevent everyne else, even their parents/guardians, frm seeing that cntent as well. If n viewers are assigned then ALL site visitrs can see the cntent. If viewers ARE assigned, then they must lgin in rder t gain access t the cntent s that the system knws wh they are. Hw t d it: Assigning Page Viewing Rights Lgin t yur Sectin Wrkspace within the Site Manager and lcate the page t which yu want t assign viewership rights Click n the ACTIONS buttn t the right f the page f interest and select SET VIEWERS frm the menu that appears Click n the ASSIGN USER buttn, enter in the last name f the persn f interest, and then click SEARCH Lcate the crrect user in the list that appears and click n SELECT next t that user s name. Repeat the search and select sequence fr any ther users with whm yu wish t grant viewership rights. Once all users are selected, click ADD at the bttm f the page. Nw ONLY these users and yu will be able t view the page prvided that everyne lgs int the site. All ther site visitrs, whether they lgin r nt, will NOT be able t see the page. Assigning Viewing Rights t Cntent Within an APP NOTE: Only certain apps will allw yu t assign viewing rights t specific cntent within the app itself. Fr example, yu can assign viewing rights t an individual headline within the Headlines & Features app, r t an individual calendar entry within the Calendar app. Brwse t the page cntaining the app f interest and click n the app as if yu are ging t edit the cntents. Select r add the entry t which yu want t give viewing rights Click n the VIEWERS link in the windw that appears and assign users in the same manner that is explained abve under Assigning Page Viewing Rights. Once dne, nly users wh lgin t the site AND wh have been granted viewing rights will be able t see the specific recrd within yur app. ACTIVATING / DE-ACTIVATING A PAGE Ratinale: Smetimes yu need a little bit mre time t finish yur page befre it is ready t be viewed by the public. By De-Activating yur page, yu can cntinue t wrk n it behind the scenes and then Activate it when yu are ready t shw it ff. 10

11 Hw t d it: Lgin t the Web Cmmunity Manager and access yur Sectin Wrkspace Lcate the page that yu want t make INACTIVE. Click n the green ACTIVE buttn that precedes yur page t tggle it t an INACTIVE state Once ready t reactivate, click n the beige INACTIVE buttn t tggle it back t an ACTIVE state Things T Knw: ALL IMAGES must have apprpriate ALT TEXT entered t help describe the image t an individual wh may require the use f a screen reader ALT TEXT shuld be brief, but descriptive f the image that yu added. D nt use hyphens t separate wrds in ALT TEXT hyphens are nly used t replace spaces in files that are upladed int yur Files & Flders. ALL VIDEOS that are placed n teacher websites must: Reside within YuTube. Eventually, we will have a Campus YuTube channel within the NEISD Channel n YuTube where all linked vides will reside, but fr nw, their current lcatin will suffice. Be embedded using the Embed app. Dn t put a link t the vide embed it! Must have captins that can be enabled by yur site visitrs. YuTube autmatically adds captins t all vides. Hwever, nly thse vides with the CC lg have been edited by the site authr fr punctuatin and ther features that make the captins read apprpriately. Our redesign initiative is nt just abut accessibility. It als relates t brand awareness and Search Engine Optimizatin effrts intended t slidify NEISD as the tp ranked and perfrming schl district in the Greater San Antni educatinal market. This means that we will have standards fr the lk and feel f ur websites and need t prvide as much pprtunity fr site visitrs t stay n ur sites (within the NEISD.net dmain) as pssible. Refer t the Style Guide fr guidance and infrmatin n standardized clrs, fnts, tips n writing fr the web, and accessibility assistance. Check with the District s Web Administratrs if yu have a questin abut the best way t publish infrmatin n yur site Keep visitrs n the NEISD site as much as pssible by husing yur resurces internally and nt sending them t third-party resurces. Using an embed cde is a great way t prvide a windw t external resurces that meet accessibility standards while still keeping the visitr n yur website and in the NEISD dmain. Yu must have a hmepage that is maintained within the Blackbard Web Cmmunity Manager. Yu can cntinue t link t yur existing teacher website in a third-party slutin fr the Fall Semester; HOWEVER, these links must be remved and cntent migrated int Blackbard Web Cmmunity Manager by December 22,