KUNSKAPSBANKEN

INTRODUKTION - PROJEKTBESKRIVNING

RESEARCH

OMVÄRLDSANALYS

MUSIKER

PERSONA

ORGANISATION

PERSONA

SQUARESPACE

Vi utgår från användandet av Squarespace som designverktyg. Squarespace är en plattform som lämpar sig bra för webbplatser för små och medelstora organisationer. De funktioner vi efterfrågar, som embedding av media, låsta medlemssidor etc, finns integrerade i plattformen och den har ett intuitivt gränssnitt som vi lätt kommer kunna arbeta med, samt bra inställningar för olika behörighetsgrader för personal och medlemmar, så att ni kan anpassa vem som har tillgång till olika funktioner på webbplatsen.

Integrerat i Squarespace finns även ett nyhetsbrevsverktyg där utskick kan göras i samma design och integreras med andra funktioner på webbplatsen som medlemsregister, anmälningar, bokningar, köp osv.

“Multiple membership programs or tiers

MemberSpace allows you to offer membership access with a variety of combinations, which is helpful for businesses that have different membership tiers, or complementary programs. For example, you can combine program content into bundles, which is a nice option to have.”

Squarespace har även bra integrerade verktyg för SEO- sociala medie- och webbtrafikanalys.

EMBEDDA FRÅN GOOGLE DRIVE PÅ SQUARESPACE

Kan ej förhindra de som har länken att sprida länken vidare eftersom det delade innehållet måste vara publikt för att kunna delas.. Det kan dock inte ladda ner den. Och vi kan ändra behörighet när vi vill och ta ner innehållet ifall vi bara använder det under en viss tid.

Men man kan komma runt detta genom att tweaka iframe-embeddkoden så att det inte går att trycka på “öppna i nytt fönster” ikonen..

FÖR PDF:

För att förhindra att man kan öppna en google drive länk i ett nytt fönster så ska man embedda med denna koden:

<div style="width: 1080px; height: 480px; position: relative;"><iframe src="https://drive.google.com/file/d/1XYE8SVZJD2zLth-1FO3GZloc0K5liVws/preview"width="1080" height="480" frameborder="0" scrolling="no" seamless="" allowfullscreen="allowfullscreen"></iframe>

<div style="width: 80px; height: 80px; position: absolute; opacity: 0; right: 0px; top: 0px;"</div>

Byt bara ut src länken

Göra embeddandet responsivt efter att du tweakat koden:

<div style="width: 100%; height: 480px; position: relative;"><iframe src="https://drive.google.com/file/d/1XYE8SVZJD2zLth-1FO3GZloc0K5liVws/preview"width="100%" height="100%" frameborder="0" scrolling="no" seamless="" allowfullscreen="allowfullscreen"></iframe>

<div style="width: 80px; height: 80px; position: absolute; opacity: 100%; right: 0px; top: 0px;"</div>

FÖR VIDEO:

<div  style="width: 1080; height: 480px; position: relative;">

<iframe src="https://drive.google.com/file/d/1EbbTDFt6uLEKddXFPDi-a8RKdTeoeZip/preview" width="100%" height="480" allowfullscreen allow="autoplay"></iframe><div style="width: 80px; height: 80px; position: absolute; opacity: 0; right: 0px; top: 0px;">&nbsp;</div>

</div>

Byt bara ut google drive länken i grönt i src

Länk:

https://stackoverflow.com/questions/37390231/how-to-stop-pop-out-in-embedded-video-with-iframe-from-google-drive

Här finns mer info om Squarespace

UPPLADDNINGSPLATTFORM

Uppladdningsplattform för video content- VIMEO

VIMEO

är en video och streaming plattform där användaren kan ladda upp videos. Användaren kan bland annat

• skapa olistade/privata videos som är inbäddningsbara på egna hemsidor.
• Skapa kapitel/timestamps
• Skapa spellistor
• Anpassa design
• Live video Streamingverktyg - avancerat Live video streamingverktyg
• Skapa länkar som kan ingå i ett säljscenario
• embedda en hel playlist/Showcase
• Söka på playlists/Showcase
• Söka på videos i playlists/Showcase

Läs mer om erbjudanden::

https://drive.google.com/file/d/10XMZ02mdtTz_4PJk2gz7oLd_6ltWdXax/view?usp=sharing

Upladdningsplattform för audio content - SOUNDCLOUD

SOUNDCLOUD

är en plattform där användarna kan

• Ladda upp audiofiler
• skapa spellistor
• Anpassa design
• Bädda in på våra egna hemsidor

Uppladdningsplattform för interaktiva media -

CANVA

Uppladningsplattform för interaktiva media -

POWERPOINT

Uppladningsplattform för interaktiva media -

PADLET

Uppladningsplattform för interaktiva media -

PREZI

LAGRING

Molnlagring

DROPBOX?

GOOGLE DRIVE

Skapa ett nytt Google drive för kunskapsbanken som är synkad till hårddiskar

Användningsområden

• Kan synka med hårddiskar på datorn -

• Kan embedda videos  olika interaktiva formulär på Squarespace och andra plattformar - har många plugins

Läs mer om synkning till hårddiskar:

https://support.google.com/a/answer/7491633?hl=en

EMBEDDA - Hur gör jag?

Nackdelar:

Kan ej förhindra de som har länken att sprida länken vidare eftersom det delade innehållet måste vara publikt för att kunna delas.. Det kan dock inte ladda ner den. Och vi kan ändra behörighet när vi vill och ta ner innehållet ifall vi bara använder det under en viss tid.

Men man kan komma runt detta genom att tweaka iframe-embeddkoden.

För att förhindra att man kan öppna en google drive länk i ett nytt fönster så ska man embedda med denna koden:

<div style="width: 1080px; height: 480px; position: relative;"><iframe src="https://drive.google.com/file/d/1XYE8SVZJD2zLth-1FO3GZloc0K5liVws/preview"width="1080" height="480" frameborder="0" scrolling="no" seamless="" allowfullscreen="allowfullscreen"></iframe>

<div style="width: 80px; height: 80px; position: absolute; opacity: 0; right: 0px; top: 0px;"</div>

Byt bara ut src länken

KREATIV DIGITAL WORKSTATION -

MIRO

MUSIKCENTRUM ACADEMIA PLATTFORM

Plattform för pedagogiskt content -

SQUARESPACE - Musikcentrum Riks?

SCENARIO 1 - Eget upplägg:

De olika regionerna hämtar pedagogiskt innehåll från kunskapsbanken - VIMEO - SOUNDCLOUD - INTERAKTIVA KANALER, Canva, PPT etc och bygger sin egna sida/sidor utifrån det behov/scenario som finns och delar med sig till medlemmarna.

Du behöver bygga en workshop-serie som ska handla om entreprenörskap för musiker

1. Du letar efter specifika videos, audiofiler, PDF´s och interaktiva media i Kunskapsbanken som handlar om att skapa ett ramverk för musiker kring revision. Du hittar vad du söker och loggar in på Musikcentrum ACADEMIA och bygger din egna sida - skapar ditt egna upplägg. Du delar sidan med medlemmarna och har den som grund för workshop-serien.
2. Du hittar det pedagogiska materialet i Kunskapsbanken och lägger upp på era egna sociala medier eller er egna hemsida
3. Är det workshops för icke medlemmar så kan du skapa en tidsbestämd inloggssida som du delar med deltagarna

SCENARIO 2 - Färdiga upplägg:

På plattformen finns färdiga pedagogiska paket till de mest förekommande scenarierna som kan användas direkt av organisationerna- och eller av medlemmarna. Content/innehållet har ett pedagogiskt ramverk som är framtaget i samskapande med medlemmar och organisation.

PEDAGOGISKT CONTENT RAMVERK

Seven ways of learning

TIDSASPEKTEN

Scenario DIREKT PROBLEMLÖSNING:

1. När användaren sitter med ett problem som man vill ha ett svar på men söker inte hjälp i tid utan försöker och försöker själv innan man ger upp och börjar leta information: Musikcentrum Akademia är “thee go to” informationsbank
2. Sökfunktion på landingpage/första sidan där användaren snabbt kan söka på det den söker efter. I backend är det upplagt med hashtaggs - Se webbdesign Interaktionsdesign exempel: Koppla USB mick streama video:

#S

#Streama

#Mick + streama

#USB-mick

3. Video med timestamps där det finns utsatt bland annat på vilken tid det kopplas in en USB-mick
4. Nedladdningsbar PDF med “steg för steg” instruktioner
5. Länk till forum på sociala medier eller webbforum

Scenario VILL LÄRA SIG DE BASALA KUNSKAPERNA OCH VILL FÅ ALLT PAKETERAT:

1. Tydligt upplägg på första sidan med HUVUDKATEGORIERNA och färdigt paket tex marknadsföring på Sociala medier
2. Sökfunktion efter färdigt paket tex “marknadsföring på sociala medier”’
3. I paketet ingår delkurser som “grafisk design för webben”, “hur skriva copy på social medier”, “Visuell strategi”, “Streama”, etc.

Scenario: Vill själv plocka ihop olika “kurser” och lära sig när hen vill:

1. Smörgåsbordsupplägg på första sidan nedre halva “Alla kurser” + “all content” i huvudmenyn - Headern
2. Användaren väljer ut flera videos som hen kryssar för och mailar till sig själva - Skapar en playlist och PDF-material etc
3. Användaren

CONTENT

INTERAKTIONSDESIGN & WEBBDESIGN PLATTFORM

http://www.musikcentrumsyd.se/for-medlemmar/omstarta-mej

INFORMATIONSARKITEKTUR

USER INTERFACE - WIREFRAMES

Pedagogiskt upplägg och wireframes för webben

WEBB-PEDAGOGISKT UPPLÄGG VIDEO CONTENT

http://www.musikcentrumsyd.se/for-medlemmar/omstarta-mej

Klickbara (interaktiv) PDF´s med praktiska övningar som uppföljning till lecture videos

GRAFISK DESIGN MALL

Typsnitt:

Titeltypsnitt:

Färgschema:

Loggor:

PRODUKTIONSTEKNISKT RAMVERK

Video:

Audio:

Interaktiv PDF:

Text:

LOGISTIK CONTENT RAMVERK

Kunskapsbank:

Video (“databasen för video”):

Vimeo kjdkajdhkJhdakdhakha

Ljud:

Soundcloud

KJSkjahskjhsa

PARTNERSAMVERKAN CONTENT RAMVERK

• Inköpt content

       Gör så här polysis

• Inlånat content

        Gör så här polysis

REGIONAL OCH INTERNATIONELL PARTNERSAMVERKAN KRING CONTENT

Content trading

• Samla in content från partners in i vår kunskapsbank
• Dela med sig av content till partners
• Sälja content till partners

INTERNUTBILDNING

• Squarespace utbildning
• Pedagogiskt ramverk utbildning
• Produktionsteknisk utbildning
• Logistiskt utbildning - Hur du hanterar uppladdning, paketering och inhämtning av content

NYA ARBETSROLLER I VARJE ORGANISATIONSDEL

• Content producer - Basic level - alla?
• Content manager - Basic level - alla?
• Content trader - Basic level - alla?
• Content supervisor - en i varje organisationsdel
• Content master - en för hela organisationen