De basisknop 'alle site inhoud tonen' links in uw scherm

2.1 Inleiding De mogelijkheden om binnen een Sharepoint-teamsite informatie (content) te presenteren, te delen en te beheren zijn groot. De starttemplates waar uit kunt kiezen (zie 1.3) kunnen door u zelf uitgebreid of veranderd worden. Door bijvoorbeeld nieuwe webonderdelen als enquête of een teamdiscussie toe te voegen kunt u de functionaliteiten uitbreiden. Vervolgens kunt u in de weergave-module van elke webonderdeel de presentatie in de hoofdpagina naar wens (en die van de gebruiker!) maken. Door bijvoorbeeld een uitgebreide 'werkbalk' uit te zetten (onzichtbaar) in het weergavemenu kunt u meer 'rust' op een pagina scheppen. Niet elk webonderdeel heeft namelijk zo'n werkbalk nodig. Het verschil tussen de voorkant en de achterkant van de teamsite De kans is groot dat u in het begin soms niet meer weet waar u bent in de hiërarchie, hoe u terugkomt naar de hoofdpagina of juist naar het scherm waar u webonderdelen kunt vullen met nieuwe content. Vandaar dat we in deze inleiding eerst nog wat algemene principes uitleggen van de Sharepoint-teamsite. De teamsite kent een achterkant (voor de bezoeker NIET zichtbaar) waar u alle webonderdelen beheert. Op de hoofdpagina (voor alle bezoekers zichtbaar) wordt soms slechts een selectie van de webonderdelen getoond. Zo kunt u bijvoorbeeld heel veel plaatjes hebben staan in een afbeeldingsbibliotheek (achterkant) maar slechts een van die plaatjes tonen op de hoofdpagina (de voorkant) met het webonderdeel 'Site-afbeelding'. De basisknoppen Wanneer u de achterkant van de teamsite wilt benaderen dan heeft u altijd de keuze uit twee basisknoppen. De knop 'alle site inhoud tonen' linksboven in uw scherm en de knop 'site-acties' rechtsboven in uw scherm. 2.1 Inleiding - 1

De basisknop 'alle site inhoud tonen' links in uw scherm De achterkant van uw reeds ingerichte teamsite kunt u bereiken via de knop alle site inhoud weergeven (1). Op de pagina Alle site inhoud krijgt u nu een overzicht van alle webonderdelen die reeds aan de website zijn toegevoegd en die u waarschijnlijk later wilt voorzien van nieuwe content. Als u dus voor de rest niets aan het uiterlijk van de site wilt veranderen dan zult u deze knop gebruiken om bijvoorbeeld een document toe te voegen aan het webonderdeel 'documentenbibliotheek'. 2.1 Inleiding - 2

De basisknop 'site-acties' rechts in uw scherm Door rechtsboven in uw scherm op de knop site acties te klikken (1) kunt de hoofdpagina van uiterlijk veranderen, webonderdelen verwijderen, verschuiven en nieuwe webonderdelen aan de website toevoegen maar nog niet publiceren (verbergen). Het is van groot belang om het verschil te realiseren tussen de knop alle site-inhoud weergeven (de achterkant van uw teamsite reeds gevuld met webonderdelen) links in uw scherm en rechts in uw scherm de site acties waarmee u uw hoofdpagina van nieuwe, reeds aangemaakte webonderdelen kan voorzien en deze onderdelen van weergave kan veranderen. Een teamsite wordt standaard aangeboden in twee smaken: template A. 'Quick & Dirty' en B. 'Advanced'. 2.1 Inleiding - 3

Template A. 'Quick & Dirty' Template A.'Quick & Dirty' bestaat uit een hoofdpagina (1) waar de webonderdelen (2) allemaal in de pagina getoond worden. Via de knoppen alle 'site inhoud tonen' (3) en 'site-acties' (4) kunt u de achterkant van de teamsite bereiken. Template B. 'Advanced' Template B. heeft u een navigatiemenu in de linkerkolom (1) dat bestaat uit knoppen die verwijzen naar de actieve webonderdelen. In de hoofdpagina (2) bevinden zich enkel de webonderdelen die voor alle bezoekers relevant zijn. Linksboven bevinden zich standaard de vijf 2.1 Inleiding - 4

Antonet-knoppen (3). Via de knoppen alle 'site inhoud tonen' (4) en 'site-acties' (5) kunt u de achterkant van de teamsite bereiken. Terugkeren naar de hoofdpagina Elke teamsite heeft een kruimelpad (1), waarmee u door de verschillende lagen van uw teamsite kan navigeren. Door op de eerste titel van het kruimelpad te klikken komt u altijd in de hoofdpagina terug van uw teamsite. Tot slot Zowel binnen template A. als binnen template B. gelden dezelfde acties om webonderdelen te maken, te vullen, toe te voegen of te verwijderen. Ook het aanpassen van de weergave van uw teamsite vindt op dezelfde manier plaats. De templates zijn bedoeld om u op weg te helpen. Zij kunnen naar wens op maat gemaakt geworden en uitgebreid. Naarmate u meer vaardigheden ontwikkelt zal dit steeds makkelijker gaan. 2.1 Inleiding - 5

2.2 Webonderdelen vullen: toevoegen van nieuwsbericht aan 'Aankondigingen' Ga naar de achterkant van uw oefensite Klik links boven op de knop 'Alle site inhoud tonen'. 2.2 Webonderdelen vullen: toevoegen van nieuwsbericht aan 'Aankondigingen' - 1

Kies een bestaand webonderdeel Klik op 'aankondigingen' in de rubriek Lijsten. Maak een nieuw 'nieuws-item' U bevindt zich nu in het scherm van het webonderdeel 'Aankondigingen'. Klik op nieuw om een nieuw nieuws-item aan te maken dat u wilt publiceren op de hoofdpagina. 2.2 Webonderdelen vullen: toevoegen van nieuwsbericht aan 'Aankondigingen' - 2

Vul de velden Voeg titel(1), hoofdtekst (2) van het nieuwsbericht en een eventuele verloopdatum (3) toe aan het scherm en klik op OK (4) Bekijk het restultaat Onder het kopje Nieuws staat nu een nieuwsbericht op de hoofdpagina van uw teamsite. 2.2 Webonderdelen vullen: toevoegen van nieuwsbericht aan 'Aankondigingen' - 3

2.3 Webonderdelen vullen: nieuwe gebeurtenis toevoegen aan 'Kalender' Ga naar de achterkant van uw oefensite Ga naar 'site inhoud', rubriek Lijsten en klik op 'Agenda'. 2.3 Webonderdelen vullen: nieuwe gebeurtenis toevoegen aan 'Kalender' - 1

Klik op de knop 'Nieuw' U bent nu in het webonderdeel 'Agenda'. Klik op nieuw om een nieuwe gebeurtenis aan te maken die u in de hoofdpagina van uw teamsite onder Agenda wilt presenteren aan uw bezoeker. Vul de velden in Vul een titel (1), locatie (2), begin- en eindtijd (3), beschrijving (4) en, indien gewenst, terugkeerpatroon (5) van de gebeurtenis in. Let op: velden met een * zijn verplicht. Klik op OK om het scherm af te sluiten. 2.3 Webonderdelen vullen: nieuwe gebeurtenis toevoegen aan 'Kalender' - 2

Bekijk het resultaat 2.3 Webonderdelen vullen: nieuwe gebeurtenis toevoegen aan 'Kalender' - 3

2.4 Webonderdelen vullen: nieuw document toevoegen aan 'Documentenbibliotheek' Ga naar het scherm 'alle site-inhoud' Klik op 'alle site-inhoud' in de hoofdpagina van uw teamsite, kies rubriek Documentenbibliotheken en klik op webonderdeel 'Gedeelde documenten'. Klik in het scherm Gedeelde documenten op 'document uploaden' of, indien gewenst, 'meerdere documenten uploaden'. 2.4 Webonderdelen vullen: nieuw document toevoegen aan 'Documentenbibliotheek' - 1

Blader naar uw document Met de knop 'Bladeren' bladert u naar het gewenste office-document (.doc,.xls,.ppt), selecteer en klik op OK. Bekijk het resultaat in het webonderdeel Gedeelde documenten In dit geval hebben we een Excel-bestand toegevoegd met de naam Map1 (1). Indien u nu terug wilt keren naar de hoofdpagina van uw teamsite, kunt u altijd het kruimelpad (2) gebruiken. Klik op Template A. 'Quick & Dirty' om terug te keren naar de hoofdpagina van uw teamsite. 2.4 Webonderdelen vullen: nieuw document toevoegen aan 'Documentenbibliotheek' - 2

Bekijk het resultaat in de teamsite Toegevoegd aan het webonderdeel 'Documenten': een Excel-bestand met de titel 'Map1'. Op dezelfde wijze kunt u een word- of powerpoint-document toevoegen. 2.4 Webonderdelen vullen: nieuw document toevoegen aan 'Documentenbibliotheek' - 3

2.5 Webonderdelen vullen: toevoegen van website-adressen aan 'Koppelingen' Ga via 'site-inhoud' naar de rubriek Lijsten en klik op 'Koppelingen'. Klik op nieuw. 2.5 Webonderdelen vullen: toevoegen van website-adressen aan 'Koppelingen' - 1

Vul de velden in Voeg een website-adres (inclusief htttp://) toe (1), geef een titel aan het websiteadres (2) en voeg eventueel een omschrijving van de website toe (3) en klik op OK om het scherm te verlaten. Bekijk het resultaat 2.5 Webonderdelen vullen: toevoegen van website-adressen aan 'Koppelingen' - 2

2.6 Webonderdelen vullen: toevoegen van plaatjes aan de Afbeeldingsbibliotheek Ga naar 'Alle site-inhoud' Ga naar 'Site-inhoud' en kies in de lijst Afbeeldingsbibliotheek het webonderdeel 'Afbeeldingen'. Klik op nieuw. 2.6 Webonderdelen vullen: toevoegen van plaatjes aan de Afbeeldingsbibliotheek - 1

Voeg een plaatje toe aan de bibliotheek Klik op bladeren, selecteer een plaatje (.jpg of.gif) van een externe schijf en klik op OK. In dit scherm kunt u, indien gewenst, de eigenschappen van de afbeelding voorzien van informatie. U kunt de bestandsnaam wijzigen (1), de titel van het bestand wijzigen zoals die in de pagina terecht komt(2), een beschrijving toevoegen (3) en het plaatje van tags (4) voorzien waarmee u later het plaatje kan terugvinden. Klik op OK om af te sluiten. 2.6 Webonderdelen vullen: toevoegen van plaatjes aan de Afbeeldingsbibliotheek - 2

Plaatje toevoegen aan de teamsite Plaatjes toevoegen aan de hoofdpagina kan binnen Sharepoint met het zogenaamde 'pad' (= het websiteadres) waarmee dit plaatje is opgeslagen. Hoe kunt u nu deze link achterhalen? Ga via 'Site-inhoud' / rubriek Afbeeldingsbibliotheken / 'Afbeeldingen'. Klik op het plaatje dat u wilt toevoegen. Klik nog een keer op het plaatje zelf. Het plaatje opent nu in een nieuw browserscherm, zonder omlijsting. Lees het linkadres (url) af van het plaatje Elk plaatje dat toegevoegd is aan het webonderdeel 'Afbeeldingsbibliotheek' krijgt een uniek adres. In het adresvenster van uw browser (1) kunt u dit adres aflezen en kopieren. In dit geval is het adres: http://sharepoint/teamsites/teamsitevb2/afbeeldingen/logo.gif. U kunt ook op het plaatje gaan staan met uw cursor en met de rechtermuisknop de afbeeldingsinformatie bekijken 2.6 Webonderdelen vullen: toevoegen van plaatjes aan de Afbeeldingsbibliotheek - 3

van het plaatje. Ook daar staat bij locatie: http://sharepoint/teamsites/teamsitevb2/afbeeldingen/logo.gif. Kopieer het adres van het plaatje zodat u het later kunt toevoegen. Ga weer naar de hoofdpagina Klik op de knop 'Site-acties', rechtsboven in uw scherm (1). Klik in het uitklapmenu van 'Site-acties' op de knop 'Pagina-bewerken'. 2.6 Webonderdelen vullen: toevoegen van plaatjes aan de Afbeeldingsbibliotheek - 4

Het plaatje toevoegen U bent nu in de bewerkingsmodus(1) van de hoofdpagina van uw teamsite(1). Hier kunt u de verschillende webonderdelen in de hoofdpagina aanpassen, nieuwe webonderdelen toevoegen of bestaande webonderdelen verslepen binnen een kolom. (Zie verder voor instructie, hoofdstuk 3. van deze cursusmap) De hoofdpagina van uw teamsite is opgedeeld in 2 kolommen: Links (2) en Rechts (3). Alle webonderdelen krijgen in de bewerkingsmodus een visuele omlijsting (dat is het teken dat de webonderdelen versleept kunnen worden) en kunnen met drag & drop verplaatst worden met de cursor. Klik in de kolom Rechts (3) op het webonderdeel 'SiteAfbeelding' (4), in de rechterbovenhoek op 'bewerken' (5). 2.6 Webonderdelen vullen: toevoegen van plaatjes aan de Afbeeldingsbibliotheek - 5

U bent nu in de bewerkingsmodus van het webonderdeel 'Siteafbeelding' (het webonderdeel is omkaderd met een stippellijn) (1). Helemaal rechts in uw scherm is een apart menu (2) geopend waarmee u het webonderdeel kan bewerken. Dit bewerkingsmenu zult u in hoofdstuk 3 veelvuldig gebruiken om de layout, de indeling, de weergave en andere specifieke instellingen van uw webonderdeel te bepalen. Klik op de knop ' Gedeeld webonderdeel wijzigen' (3). 2.6 Webonderdelen vullen: toevoegen van plaatjes aan de Afbeeldingsbibliotheek - 6

Via het veld 'koppeling naar afbeelding' in het menu van 'Siteafbeelding', kunt u een nieuw plaatje toevoegen aan het webonderdeel. U typt daar de url of het pad van het plaatje (zie voorgaande stappen) dat u net uit de afbeeldingsbibliotheek heeft afgelezen of gekopieerd. In dit geval was het pad van het plaatje: 'http://sharepoint/teamsites/teamsitevb2/afbeeldingen/logo.gif'. Klik op OK om af te sluiten. 2.6 Webonderdelen vullen: toevoegen van plaatjes aan de Afbeeldingsbibliotheek - 7

Bekijk het resultaat Het plaatje met het logo van NKI-AVL (1) met het adres 'http://sharepoint/teamsites/teamsitevb2/afbeeldingen/logo.gif' is toegevoegd aan de hoofdpagina van de teamsite. Klik nu rechtsboven op de knop 'Bewerkingsmodus verlaten' (2). U bent nu weer op de hoofdpagina in de gewone weergave. De kaders rond de webonderdelen zijn verdwenen. U ziet de pagina nu zoals alle bezoekers met minder rechten de pagina zien. 2.6 Webonderdelen vullen: toevoegen van plaatjes aan de Afbeeldingsbibliotheek - 8

2.7 Webonderdelen vullen: videoclip toevoegen aan de 'Inhoudseditor' Videoclips worden toegevoegd aan de teamsite door de zogenaamde embedded code van een YouTube-clip op te nemen in het webonderdeel "Inhoudseditor'. U kunt deze embedded code kopieren door naar de YouTube-clip van uw keuze te gaan en op de knoppen 'Delen en 'Insluiten' te klikken. Deze code gaat u nu verwerken in het webonderdeel Inhoudseditor/Video. Vergelijkbaar met het webonderdeel ;Site-afbeelding' is het webonderdeel Video alleen te benaderen met de knop 'Site-acties' rechts in uw scherm. De YouTube video-clip is in de oefenomgeving is reeds ingevuld. Deze instructie laat zien hoe u een nieuwe clip toevoegt. Ga naar de hoofdpagina van uw oefensite Klik het uitklapmenu van de knop 'Site-acties' open, rechtsboven in uw scherm (1). Klik verder in het uitklapmenu van de knop 'Site-acties' op de knop 'Pagina-bewerken'. 2.7 Webonderdelen vullen: videoclip toevoegen aan de 'Inhoudseditor' - 1

Bewerk uw webonderdeel U bent nu in de bewerkingsmodus (1) van de hoofdpagina van uw teamsite. De webonderdelen zijn omkaderd en kunnen bewerkt worden. Klik op de knop 'bewerken' (2) in het webonderdeel 'Video'. Kies in het uitklapmenu de knop 'Gedeeld webonderdeel wijzigen'. Vul de embedded code van een nieuwe YouTube-clip in U ziet nu rechts het bewerkingsmenu (1) van het webonderdeel 'Video'. Open de 'bron-editor' (2) en vul een nieuwe YouTube insluitcode van een filmpje in. Deze code kunt u vinden op Internet. Ga naar www.youtube.com; klik in het filmpje op 'delen' en vervolgens op 'insluiten'. De 2.7 Webonderdelen vullen: videoclip toevoegen aan de 'Inhoudseditor' - 2

coderegels kunt u nu uit het scherm kopieren door te blokken en te kopieren. Bijvoorbeeld de code van dit NKI-AVL-filmpje (http://youtu.be/uoxqhpkvlus) is <iframe width="560" height="315" src="http://www.youtube.com/embed/uoxqhpkvlus" frameborder="0" allowfullscreen></iframe> In dit voorbeeld hebben we deze embedded code ingevuld in de 'broneditor' (2), in het rechtermenu. Klik op OK om af te sluiten. Bekijk het resultaat Klik rechtsboven op de knop 'Bewerkingsmodus verlaten' en bekijk het resultaat. Het flimpje over de Anesthesie Medewerker is vervangen door een andere clip over het NKI-AVL. 2.7 Webonderdelen vullen: videoclip toevoegen aan de 'Inhoudseditor' - 3

2.8 Oefeningen 'webonderdelen vullen' Uw oefenomgeving staat klaar op uw laptop. De cursusleider zal u wijzen op de exacte locatie binnen Antonet. De oefenomgeving is uiteraard besloten. U bent, samen met de cursusleiders, als enige medewerker gemachtigd om in de teamsite te werken. Het is dus geen probleem als u fouten maakt. Oefening baart kunst Oefening 1. - Maak binnen uw oefensite een nieuwsbericht aan met de titel; 'NKI-AVL heeft ratten in de kelder'; verzin zelf enkele regels tekst voor het nieuwsbericht en laat het nieuwsbericht verlopen op 01-01-2012. - Maak een nieuwe gebeurtenis aan binnen het webonderdeel 'Agenda' met de titel; 'Rattevanger op NKI-AVL'; datum en tijdstip: van 21.00 uur tot 23.00 uur op de dag 23-12-2011 en maak hiervan een maandelijkse terugkerende gebeurtenis die eindigt op 27-2-2012. Bekijk het resultaat in de hoofdpagina. -Voeg twee verschillende word-documenten tegelijk toe aan het webonderdeel 'Documenten'. -Maak binnen het webonderdeel 'Links' een nieuw websiteadres aan met de url: http://www.vanleeuwenhoekkliniek.nl. Oefening 2. -Download een plaatje van Internet (.jpg of.gif) van maximaal 1000 x 500 pixels. Voeg het plaatje toe aan het webonderdeel 'Afbeeldingsbibliotheek'. Plaats vervolgens het plaatje in de hoofdpagina in het webonderdeel 'Siteafbeelding'. En bekijk het resultaat. Sharepoint heeft een mogelijkheid om de grootte van de afbeelding binnen het webonderdeel 'Afbeeldingsbibliotheek' te bewerken. Vaak is de grootte van een logo of plaatje nog niet geschikt voor de teamsite en ontdekt u dat pas wanneer u het plaatje toevoegt aan de rechterkolom. Het plaatje is te breed. U kunt natuurlijk dit plaatje eerst in Photoshop in het juiste formaat wijzigen maar Sharepoint heeft zelf ook een 'afbeeldingseditor'. In deze oefening experimenteert u met het aanpassen van de grootte van plaatjes. -Ga naar de 'Afbeeldingsbibliotheek', rubriek afbeeldingen via de knop ' alle site inhoud' en vink het plaatje aan dat u wilt bewerken. Kik nu op de knop 'acties' in de werkbalk en selecteer de knop 'bewerken'. De afbeeldingseditor opent. In het menu rechts 'formaat wijzigen' past u het plaatje aan bijvoorbeeld naar een breedte van 500 pixels bij 250 pixels hoog. Klik op 'Opslaan en sluiten'. Plaats vervolgens nu het aangepaste het plaatje in de hoofdpagina in het webonderdeel 'Siteafbeelding'. 2.8 Oefeningen 'webonderdelen vullen' - 1

Oefening 3. -Zoek op het Internet binnen YouTube naar het NKI-AVL-videokanaal (http://www.youtube.com/user/nkiavl) en kies een geschikte videoclip. Klik op een gewenst YouTube-filmpje met behulp van de knoppen 'delen' en 'insluiten' naar de embedded code en kopieer deze regels tekst. Ga naar uw oefensite en voeg de 'embedded code' van het fimpje toe aan het webonderdeel 'Video'. Bekijk het resultaat. 2.8 Oefeningen 'webonderdelen vullen' - 2