SlideShare ist ein Scribd-Unternehmen logo
1 von 36
Downloaden Sie, um offline zu lesen
Oplæg om E-publicering
.. og lidt om hvorfor det er blevet nemmere:-)
Brandts Klædefabrik, Odense 20/3 2015
Oplæg ved Lars Bojen, lcbn@eal.dk,
Erhvervsakademiet Lillebælt ,EAL.
1
Screenshot af Artikel side
fra min DPS App taget i
InDesign CC
2
Foto af DPS app test på min
iPad 3 vha
Adobe Content Viewer
3
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
Agenda
1. E-publicering
a. E-magasiner eksempler
b. App typer
2. Værktøjer
3. Workflow
4. Demoer
a. Tablet magazin
b. E-bog
4
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
5
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
E-magasiner: Eksempler
● Inspire
http://inspire.adobe.com/
● Fast Company
http://www.fastcodesign.com/
● Magic of Reality (Bog app)
http://www.magicofrealityapp.com/
● Flere E-magasin eksempler
Se DPS gallery fra Adobe http://dpsgallery.adobe.com/
6
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
7
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
8
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
9
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
Fast Company
Video: https://www.youtube.com/watch?v=42NL9QlVHY8 10
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
11
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
App typer
12
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
13
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
14
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
15
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
Værktøjer
16
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
Værktøjer til at publicere med
● Adobe Indesign
● Adobe DPS (Digital Publishing Suite)
(http://digitalpublishing.acrobat.com )
○ Enterprise
○ Professional
○ Single Edition
○ Adobe Creative Cloud (free download af DPS tools)
17
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
Kilde: https://www.adobe.com/dk/products/digital-publishing-suite-enterprise.html
18
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
Workflow
19
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
Workflow: Fra Indesign til app
20
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
7 steps til publicering
1. Installere DPS Tools (digitalpublishing.acrobat.com)
Adobe inDesign + Cloud
2. Lave dokumenter i InDesign
3. Tilføj interaktive objekter
4. Brug Folio Builder (Adobe ID) til at lave
folios (Magasiner)
og artikler
Adobe Content Viewer
5. Test artikler vha Adobe Content Viewer på iPad, Android og Windows tablets
(Apple App Store, Google Play Store, or Windows Store)
DPS Tools
6. Publicér på App Stores (Apple/Google Play/Windows)
7. Analyser kunde data
21
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
Demo
22
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
InDesign: Overlays / Folios
● “Overlays” er de interaktive elementer, du kan føje til dine DPS
publikationer.
● De kaldes “overlays” eller overlejringer, fordi når du eksporterer et
InDesign-layout til en folio , bliver alle ikke-interaktive produkter,
eksporteret som et baggrundsbillede , enten en PDF , en JPEG eller en
PNG ,
● Du styrer overlejringer med et panel kaldet panelet Folio Overlays, og der
er p.t. i InDesign otte slags interaktivitet, som du kan tilføje en folio .
23
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
InDesign: Folio overlays panel
● De første 5: Her opretter du eller placere objekter i InDesign og derefter bruge
Folio Overlays panel for at redigere dem:
○ Hyperlink,
○ Slideshows,
○ Audio/video,
○ Pan and zoom and
○ Scrollable frames,
● Til resten :
● Image sequences
● Panoramas, and
● Web content,
Her laver du en tom ramme , og derefter bruge panelet Folio Overlays til
at placere indhold i denne ramme
● Når ønsket interaktivitet er tilføjet,bruger du panelet Folio Builder til at samle indhold
i artikler, og derefter samle artikler i en samlet pakke kaldet Folio
24
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
InDesign: Folio Builder
● Derfra samler du dine artikler vha Folio Builder i en Folio.
● Uploader til Adobe Cloud og tester på Tablet (iPad) vha Adobe Content Viewer.
25
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
Demo: Tablet magasin
● Brief:
○ Lav oplæg og fungerende prototype til fremtidig engagerende
projektformidling i magasinformat til tablets (iPad + Android tablets).
● Oplæg til løsning:
○ Marts 2015
■ Magasin layout lavet i InDesign med afsæt i konkret projekt content (Augmented
Reality projekt - forår 2015)
■ Test på iPad vha Adobe Content Viewer
○ April-Juni 2015
■ Indsamling af content fra projekt (tekst, fotos, video)
■ Publivering af magasin app Adobe vha DPS
26
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
27
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
28
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
29
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
Demo: iBook (EPUB)
Brief:
Lav oplæg til E-bog til projekt dokumentation med
interaktivitet i form af animation, lyd og slideshow.
Oplæg til løsning:
Fixed layout EPUB document demo til iBooks (iPad/Mac)
og til Adobe Digital Editions(iPad/Google Play/Windows).
30
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
31
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
32
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
33
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
34
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
Tak for opmærksomheden:-)
Spørgsmål?
Lars Bojen,
Lektor.
Multimedie og IT,
EAL / Erhvervsakademiet Lillebælt
lcbn@eal.dk
35
Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt,
EAL.
DPS resourcer
● Adobe DPS official site: https://digitalpublishing.acrobat.com/welcome.html
● DPS gallery fra Adobe: http://dpsgallery.adobe.com/
● What iS DPS - Intro video: https://www.youtube.com/watch?v=D1arRF-WvXQ
● Adobe TV om DPS tools: http://tv.adobe.com/show/learn-digital-publishing-suite/
● Basic Viewer Types in DPS: Single-folio and multiple-folio.
https://youtu.be/GcGkiCBKLKc
● DPS Tips app : https://itunes.apple.com/us/app/dps-tips/id436199090
● Folio Author plugin for Wordpress http://www.adobe.com/devnet/digitalpublishingsuite/articles/wordpress-folio-author-
plugin.html
● “New Fast Company App Reveals Adobe’s Vision for Future of Digital Publishing”
https://blogs.adobe.com/digitalpublishing/2015/02/fast-company-launches-new-app-with-adobe-dps.html
● “5 Things to Know Before Developing a DPS App” by Bob Levine, December 2013
http://blogs.adobe.com/digitalpublishing/2013/11/5-things-to-know-before-developing-a-dps-app.html
36

Weitere ähnliche Inhalte

Ähnlich wie E-Publicering. Easier than it used to be!

Employer Branding - når dem der betaler helst vil ud at sejle - Lise Emilie ...
Employer Branding -  når dem der betaler helst vil ud at sejle - Lise Emilie ...Employer Branding -  når dem der betaler helst vil ud at sejle - Lise Emilie ...
Employer Branding - når dem der betaler helst vil ud at sejle - Lise Emilie ...Mediehuset Ingeniøren Live
 
Nytænk din digitale strategi
Nytænk din digitale strategi Nytænk din digitale strategi
Nytænk din digitale strategi Morten Gade
 
Sociale medier Del2. Kom tæt på dine kunder. Iværksættermesse 2010 Odense
Sociale medier Del2. Kom tæt på dine kunder. Iværksættermesse 2010 OdenseSociale medier Del2. Kom tæt på dine kunder. Iværksættermesse 2010 Odense
Sociale medier Del2. Kom tæt på dine kunder. Iværksættermesse 2010 OdenseOle Bach Andersen
 
Fundraiserkonferencen 2015: Plant og Røde Kors
Fundraiserkonferencen 2015: Plant og Røde KorsFundraiserkonferencen 2015: Plant og Røde Kors
Fundraiserkonferencen 2015: Plant og Røde KorsPlant
 

Ähnlich wie E-Publicering. Easier than it used to be! (7)

Employer Branding - når dem der betaler helst vil ud at sejle - Lise Emilie ...
Employer Branding -  når dem der betaler helst vil ud at sejle - Lise Emilie ...Employer Branding -  når dem der betaler helst vil ud at sejle - Lise Emilie ...
Employer Branding - når dem der betaler helst vil ud at sejle - Lise Emilie ...
 
Nytænk din digitale strategi
Nytænk din digitale strategi Nytænk din digitale strategi
Nytænk din digitale strategi
 
Æstetiske virkemidler
Æstetiske virkemidlerÆstetiske virkemidler
Æstetiske virkemidler
 
Sociale medier Del2. Kom tæt på dine kunder. Iværksættermesse 2010 Odense
Sociale medier Del2. Kom tæt på dine kunder. Iværksættermesse 2010 OdenseSociale medier Del2. Kom tæt på dine kunder. Iværksættermesse 2010 Odense
Sociale medier Del2. Kom tæt på dine kunder. Iværksættermesse 2010 Odense
 
Digital Formidling
Digital FormidlingDigital Formidling
Digital Formidling
 
Introduktion SDG Lea Schick
Introduktion SDG Lea SchickIntroduktion SDG Lea Schick
Introduktion SDG Lea Schick
 
Fundraiserkonferencen 2015: Plant og Røde Kors
Fundraiserkonferencen 2015: Plant og Røde KorsFundraiserkonferencen 2015: Plant og Røde Kors
Fundraiserkonferencen 2015: Plant og Røde Kors
 

E-Publicering. Easier than it used to be!

  • 1. Oplæg om E-publicering .. og lidt om hvorfor det er blevet nemmere:-) Brandts Klædefabrik, Odense 20/3 2015 Oplæg ved Lars Bojen, lcbn@eal.dk, Erhvervsakademiet Lillebælt ,EAL. 1
  • 2. Screenshot af Artikel side fra min DPS App taget i InDesign CC 2
  • 3. Foto af DPS app test på min iPad 3 vha Adobe Content Viewer 3
  • 4. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. Agenda 1. E-publicering a. E-magasiner eksempler b. App typer 2. Værktøjer 3. Workflow 4. Demoer a. Tablet magazin b. E-bog 4
  • 5. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 5
  • 6. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. E-magasiner: Eksempler ● Inspire http://inspire.adobe.com/ ● Fast Company http://www.fastcodesign.com/ ● Magic of Reality (Bog app) http://www.magicofrealityapp.com/ ● Flere E-magasin eksempler Se DPS gallery fra Adobe http://dpsgallery.adobe.com/ 6
  • 7. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 7
  • 8. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 8
  • 9. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 9
  • 10. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. Fast Company Video: https://www.youtube.com/watch?v=42NL9QlVHY8 10
  • 11. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 11
  • 12. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. App typer 12
  • 13. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 13
  • 14. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 14
  • 15. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 15
  • 16. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. Værktøjer 16
  • 17. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. Værktøjer til at publicere med ● Adobe Indesign ● Adobe DPS (Digital Publishing Suite) (http://digitalpublishing.acrobat.com ) ○ Enterprise ○ Professional ○ Single Edition ○ Adobe Creative Cloud (free download af DPS tools) 17
  • 18. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. Kilde: https://www.adobe.com/dk/products/digital-publishing-suite-enterprise.html 18
  • 19. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. Workflow 19
  • 20. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. Workflow: Fra Indesign til app 20
  • 21. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 7 steps til publicering 1. Installere DPS Tools (digitalpublishing.acrobat.com) Adobe inDesign + Cloud 2. Lave dokumenter i InDesign 3. Tilføj interaktive objekter 4. Brug Folio Builder (Adobe ID) til at lave folios (Magasiner) og artikler Adobe Content Viewer 5. Test artikler vha Adobe Content Viewer på iPad, Android og Windows tablets (Apple App Store, Google Play Store, or Windows Store) DPS Tools 6. Publicér på App Stores (Apple/Google Play/Windows) 7. Analyser kunde data 21
  • 22. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. Demo 22
  • 23. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. InDesign: Overlays / Folios ● “Overlays” er de interaktive elementer, du kan føje til dine DPS publikationer. ● De kaldes “overlays” eller overlejringer, fordi når du eksporterer et InDesign-layout til en folio , bliver alle ikke-interaktive produkter, eksporteret som et baggrundsbillede , enten en PDF , en JPEG eller en PNG , ● Du styrer overlejringer med et panel kaldet panelet Folio Overlays, og der er p.t. i InDesign otte slags interaktivitet, som du kan tilføje en folio . 23
  • 24. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. InDesign: Folio overlays panel ● De første 5: Her opretter du eller placere objekter i InDesign og derefter bruge Folio Overlays panel for at redigere dem: ○ Hyperlink, ○ Slideshows, ○ Audio/video, ○ Pan and zoom and ○ Scrollable frames, ● Til resten : ● Image sequences ● Panoramas, and ● Web content, Her laver du en tom ramme , og derefter bruge panelet Folio Overlays til at placere indhold i denne ramme ● Når ønsket interaktivitet er tilføjet,bruger du panelet Folio Builder til at samle indhold i artikler, og derefter samle artikler i en samlet pakke kaldet Folio 24
  • 25. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. InDesign: Folio Builder ● Derfra samler du dine artikler vha Folio Builder i en Folio. ● Uploader til Adobe Cloud og tester på Tablet (iPad) vha Adobe Content Viewer. 25
  • 26. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. Demo: Tablet magasin ● Brief: ○ Lav oplæg og fungerende prototype til fremtidig engagerende projektformidling i magasinformat til tablets (iPad + Android tablets). ● Oplæg til løsning: ○ Marts 2015 ■ Magasin layout lavet i InDesign med afsæt i konkret projekt content (Augmented Reality projekt - forår 2015) ■ Test på iPad vha Adobe Content Viewer ○ April-Juni 2015 ■ Indsamling af content fra projekt (tekst, fotos, video) ■ Publivering af magasin app Adobe vha DPS 26
  • 27. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 27
  • 28. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 28
  • 29. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 29
  • 30. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. Demo: iBook (EPUB) Brief: Lav oplæg til E-bog til projekt dokumentation med interaktivitet i form af animation, lyd og slideshow. Oplæg til løsning: Fixed layout EPUB document demo til iBooks (iPad/Mac) og til Adobe Digital Editions(iPad/Google Play/Windows). 30
  • 31. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 31
  • 32. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 32
  • 33. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 33
  • 34. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. 34
  • 35. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. Tak for opmærksomheden:-) Spørgsmål? Lars Bojen, Lektor. Multimedie og IT, EAL / Erhvervsakademiet Lillebælt lcbn@eal.dk 35
  • 36. Oplæg om E-Publicering, Brandts 20/3 2015 v/ Lars Bojen, Erhvervsakademiet Lillebælt, EAL. DPS resourcer ● Adobe DPS official site: https://digitalpublishing.acrobat.com/welcome.html ● DPS gallery fra Adobe: http://dpsgallery.adobe.com/ ● What iS DPS - Intro video: https://www.youtube.com/watch?v=D1arRF-WvXQ ● Adobe TV om DPS tools: http://tv.adobe.com/show/learn-digital-publishing-suite/ ● Basic Viewer Types in DPS: Single-folio and multiple-folio. https://youtu.be/GcGkiCBKLKc ● DPS Tips app : https://itunes.apple.com/us/app/dps-tips/id436199090 ● Folio Author plugin for Wordpress http://www.adobe.com/devnet/digitalpublishingsuite/articles/wordpress-folio-author- plugin.html ● “New Fast Company App Reveals Adobe’s Vision for Future of Digital Publishing” https://blogs.adobe.com/digitalpublishing/2015/02/fast-company-launches-new-app-with-adobe-dps.html ● “5 Things to Know Before Developing a DPS App” by Bob Levine, December 2013 http://blogs.adobe.com/digitalpublishing/2013/11/5-things-to-know-before-developing-a-dps-app.html 36