Medienmanagement mit Drupal 7

Medienmanagement mit Drupal 7ein Überblick über die Möglichkeiten mitIMCE, Media, Scald, Mediabox, Assets

Nicolai Schwarz

textformer mediendesign | @textformer

Medienmanagement mit Drupal 7ein Überblick über die Möglichkeiten mit IMCE, Media, Scald, Asset, Mediabox(kommentierte Fassung)

Nicolai Schwarz

textformer mediendesign | textformer.de | @textformer

Medienmanagement mit Drupal 7ein Überblick über die Möglichkeiten mitIMCE, Media, Scald, Mediabox, Assets

Nicolai Schwarz

textformer mediendesign | @textformer

Start frei

Medienmanagament ist in Drupal 7 leider ein großes Problem. Es gibt immer noch keine zufriedenstellende Lösung. Mittlerweile stehen verschiedene Module in den Startlöchern, die sich als Grundlage anbieten, aber keines der Module kann alle Anforderungen erfüllen. Je nach Projektes mag das eine oder andere Modul eine gute Basis bieten. Trotzdem muss man selbst noch mehr oder weniger basteln, um das Medienmanagement auch für Kunden benutzerfreundlich zu machen.

Überblick

• Wunschliste

• (IMCE)• Media• Scald• Asset• Mediabox

• MeineLösung

• Drupal8

• EureLösungen–Diskussion

Die Wunschliste

•DieMediensollteneinzelninDrupalangelegtsein. Drupal „weiß“ von den Daten (sonst wäre es kein Medienmanagement).

•DieMediensindeinzelneEntities,neueEntity-Typen.•ÜblicherweisekannmanBilder,Dokumente,AudioundVideounterscheiden.

Die Wunschliste

•DieMediensollteneinzelninDrupalangelegtsein. Drupal „weiß“ von den Daten (sonst wäre es kein Medienmanagement).

•DieMediensindeinzelneEntities,neueEntity-Typen.•ÜblicherweisekannmanBilder,Dokumente,AudioundVideounterscheiden.

•MankanneigeneMedientypenanlegen.•DieMedientypensindfieldable.•VielleichtkannmanauchexterneMedienreferenzieren(Tweets,Slideshare).

Die Wunschliste

•DieMediensollteneinzelninDrupalangelegtsein. Drupal „weiß“ von den Daten (sonst wäre es kein Medienmanagement).

•DieMediensindeinzelneEntities,neueEntity-Typen.•ÜblicherweisekannmanBilder,Dokumente,AudioundVideounterscheiden.

•MankanneigeneMedientypenanlegen.•DieMedientypensindfieldable.•VielleichtkannmanauchexterneMedienreferenzieren(Tweets,Slideshare).

•DieDarstellungistanpassbar,perDrupal-Theming zumBeispiel:<img>oderHTML5<figure> oder Format für Responsive Images

Exkurs: Responsive Images?

<img alt=“Bildbeschreibung“ src=“/path/to/fallbackimage.jpg“srcset=“/path/to/image.jpg800w400h1x,/path/to/high-res-image.jpg2x“>

<picture alt=“Bildbeschreibung“> <source src=“mobile.jpg“ /> <sourcesrc=“medium.jpg“media=“min-width:600px“/><sourcesrc=“fullsize.jpg“media=“min-width:900px“/><imgsrc=“mobile.jpg“/><!--FallbackfürältereBrowser--></picture>

<picture alt=“Bildbeschreibung“> <sourcesrcset=“small.jpg1x,small-highres.jpg2x“><sourcemedia=“(min-width:18em)“srcset=“med.jpg1x,med-highres.jpg2x“><sourcemedia=“(min-width:45em)“srcset=“large.jpg1x,large-highres.jpg2x“> <img src=“small.jpg“ alt=“Description of image subject.“></picture>

Siehe:http://webkrauts.de/artikel/2012/responsive-images

Die Wunschliste

•DieMediensollteneinzelninDrupalangelegtsein. Drupal „weiß“ von den Daten (sonst wäre es kein Medienmanagement).

•DieMediensindeinzelneEntities,neueEntity-Typen.•ÜblicherweisekannmanBilder,Dokumente,AudioundVideounterscheiden.

•MankanneigeneMedientypenanlegen.•DieMedientypensindfieldable.•VielleichtkannmanauchexterneMedienreferenzieren(Tweets,Slideshare).

•DieDarstellungistanpassbar,perDrupal-Theming zumBeispiel:<img>oderHTML5<figure> oder Format für Responsive Images

•EsgibteineIntegrationmitWYSIWYG/CKEditor,sodassKundendieseMedieneinfach selbst hinzufügen können.

•MedienlassensichbenutzerfreundlichnachträglichimEditorbearbeiten.

Spezialfall: Bilder für Kunden

WenneinKundeeinBildeinfügenwill,waswillerfürgewöhnlicheingeben?

•Bildauswählen•Bildstilwählen(vordefinierteAuswahldurchdenSiteBuilder)•OptionaleBildunterzeile•SolldasBildlinksoderrechtsstehen?•SollsichdasBildineinerColorboxöffnen?

Spezialfall: Bilder für Kunden

WenneinKundedieseOptionenhat,wiewerdenOriginaldatenundInstanzen gehandhabt?

•Ersteinmalgehörenalt-undtitle-AttributdirektzumBild•DarfeinBenutzerbeideAtributebeieinerInstanzüberschreiben?

• IstdieBildunterzeileTeildesBildes–oderbenötigtmanesnuranderStelle, anderdasBildeingesetztwird?

•WirddasBildeinmalalsechtesHTMLindenEditoreingefügt? OderstehtdortnureineReferenz? Mit einer Referenz könnte das Bild leicht ausgetauscht werden. FüreineVoransichtbenötigtmanabereinechtesBild.

Spezialfall: Bilder für Kunden

WenneinKundedieseOptionenhat,wiewerdenOriginaldatenundInstanzen gehandhabt?

•Ersteinmalgehörenalt-undtitle-AttributdirektzumBild•DarfeinBenutzerbeideAtributebeieinerInstanzüberschreiben?

• IstdieBildunterzeileTeildesBildes–oderbenötigtmanesnuranderStelle, anderdasBildeingesetztwird?

•WirddasBildeinmalalsechtesHTMLindenEditoreingefügt? OderstehtdortnureineReferenz? Mit einer Referenz könnte das Bild leicht ausgetauscht werden. FüreineVoransichtbenötigtmanabereinechtesBild. <imgsrc="textbild.jpg"alt="lokalüberschrieben"title="lokal"data-mid="3451"/> (EineReferenzwieüberdata-midwäreeineMöglichkeit.Medienmanagament-ModulearbeitenmeistmiteinereigenenSyntaxfürdieReferenzierung.)

Medienmanagement mit Drupal 7ein Überblick über die Möglichkeiten mitIMCE, Media, Scald, Mediabox, Assets

Nicolai Schwarz

textformer mediendesign | @textformer

https://drupal.org/project/IMCE

IMCE bietet kein Medienmanagement. Mit dem Modul lassen sich ledig-lich Bilder und Dateien auf den Server hochladen und via Editor einbinden. Drupal weiß nichts von den Medien.

Ichhabeeshierlediglichaufgenommen,weilesaufvielenWebsites immer noch im Einsatz ist. IMCE kann moderne Anforderungen jedoch nicht erfüllen.

IMCE

Aktuell:7.x-1.7|29.1.2013dev:7.x-1.x-dev|30.9.2013

Reportedinstalls:326.623sitesDownloads:1.447.854

IMCE

+ Dateien können hochgeladen werden und einfach mit CKEditor eingefügt werden

- KeinMedienmanagement- Hatersteinmalkeine

Integration mit Bildstilen- Bilderwerdenohneweiteren

Dialog eingefügt, zum Beispiel als: <p> <img alt=“Planet_Co-mics_54783.jpg“ src=“/imce/dateien/Pla-net_Comics_54783.jpg“style=“height:539px;width:393px“/> </p>

IMCE

lässt sich erweitern:

• IMCEMkdir• IMCECrop

Alternative:

• elFinder

Medienmanagement mit Drupal 7ein Überblick über die Möglichkeiten mitIMCE, Media, Scald, Mediabox, Assets

Nicolai Schwarz

textformer mediendesign | @textformer

https://drupal.org/project/media

DasMedia-ModulfürDrupal7versuchtsichbereitsseit2010als sinnvolleMedienmanagement-Lösungzuetablieren.VieleLeutehabenetlicheStundenanArbeitindasModulgesteckt.Dochauchheute–dreiJahrespäter–istesnichtbenutzbar.MeinerWahrnehmungnachhatdasModulvonAnfanganversucht,„alles“abzudecken. Dabei sind wirklich grundlegende Dinge auf der Strecke geblieben. Zum Beispiel gibt es erst seit ein paar Monaten die Möglichkeit, Bilderperdefaultmitalt-undtitle-Attributenauszustatten.Undselbstdasist unbefriedigend umgesetzt.

Media (und File Entity)

Aktuell:7.x-1.3|2.3.2013Alternativ:7.x-2.0-alpha2| 20.8.2013dev:7.x-2.x-dev|23.10.2013

Reportedinstalls:127.644sitesDownloads:810.770

Media (und File Entity)

+Mittlerweilemitalt-und title-AttributenfürBilder

+ Mittlerweile lassen sich eige-neMedientypendefinieren

+VielezusätzlicheModule+FileEntityließesichauch

alleine nutzen

- alt-undtitle-Attributwerdennicht ausgegeben!

- VerwirrendeAnzeige- einstellungen

- FunktioniertnichtdirektmitCKEditor

•DasWYSIWYG-ModulerkenntCKEditor4.xnicht.ManmussCKEditor3.6.6.1nutzen.

Medienmanagement mit Drupal 7ein Überblick über die Möglichkeiten mitIMCE, Media, Scald, Mediabox, Assets

Nicolai Schwarz

textformer mediendesign | @textformer

https://drupal.org/project/media

DieBasis-AnforderunganeinMedienmanagementwärefürmich,dass Bilder sinnvoll verwaltet werden. Das ist hier nicht der Fall. Statt auf ein Standard-Bild-Feld(ImageField)zubauen,dasbereitsUnterstützungfüralt-undtitle-Attributeanbietet,gibteshierzweizusätzlicheTextfelder dafür. Beide Felder lassen sich zwar zusätzlich zum Bild ausgeben, aber nichtalsechteAttributezumimg-Tag.Dasistschlichtinkompetent umgesetzt. Natürlich könnte ich selbst die Ausgabe anpassen, aber ein Medienmanagement-Modulsollteselbstmitbringen.

Medienmanagement mit Drupal 7ein Überblick über die Möglichkeiten mitIMCE, Media, Scald, Mediabox, Assets

Nicolai Schwarz

textformer mediendesign | @textformer

https://drupal.org/project/scald

ScaldisteinMedienmanagament,dasdiefranzösischeFirmaOpenWebSolutionsmitUnterstützungvonRadioFranceentwickelthat.Esistins-besondere bei großen französischen Medien im Einsatz. Hierzulande ist es nocheherunbekannt–zuUnrecht.EsmachtbereitsvielesbesseralsdasMedia-Modul.

Scald

Aktuell:7.x-1.1|24.7.2013dev:7.x-1.x-dev|24.10.2013

Reportedinstalls:790sitesDownloads:6.649

WernutztScald?•BigRadioStationSiteslike

France Info, France Inter, France Culture, France Bleu, FIP, Le Mouv‘ (French Public National Radios), or Radio Nova

•TVchannelslikeARTE•Magazineslike

Santé Magazine•PublicandGovernmentSites

Scald

+ nützliches Interface+alt-undtitle-Attributsind

erst einmal nicht vorhanden, lassen sich aber schnell hin-zufügen (Image Field)

? Kontextelassensichergän-zen. Evtl. reicht das aus. Das konnte ich aber nicht testen.

Medienmanagement mit Drupal 7ein Überblick über die Möglichkeiten mitIMCE, Media, Scald, Mediabox, Assets

Nicolai Schwarz

textformer mediendesign | @textformer

https://drupal.org/project/asset

Asset ist noch einmal eine Stufe unbekannter als Scald. Es funktioniert an vielenStellenähnlich;insbesonderedurchdieMedienbox,dieander rechtenSeitedesBrowserszurVerfügungsteht.ImGegensatzzuScaldlassen sich die Eigenschaften der Medien hier bei den einzelnen Instanzen überschreiben.

Asset

Aktuell:7.x-1.0-beta4|20.2.2013dev:7.x-1.x-dev|30.9.2013

Reportedinstalls:527sitesDownloads:14.021

Asset

• läuftnichtmiteinemaktuel-lenCKEditor,abermit3.6.6.1

+OverrideAssetmöglich+alt-undtitle-Attributsind

erst einmal nicht vorhanden, lassen sich aber leicht hinzu-fügen

+alt-undtitle-Attributwerdenwie erwartet angezeigt

- OverrideAssetlässtsichnicht auf die hinzugefügten alt-undtitle-Attributean-wenden

Medienmanagement mit Drupal 7ein Überblick über die Möglichkeiten mitIMCE, Media, Scald, Mediabox, Assets

Nicolai Schwarz

textformer mediendesign | @textformer

https://drupal.org/project/mediabox

Mediabox schickt sich an, eine universelle Bibliothek für Bilder zu werden. DieFunktionenundScreenshotsehenvielversprechendaus;allerdingsistdas Modul aktuell noch nicht einsetzbar.

Mediabox

Aktuell:–dev:7.x-1.x-dev|15.10.2013

Reportedinstalls:145sitesDownloads:399

•Bild-Bibliothek

Mediabox

+ Für Bilder sieht das sehr vielversprechend aus

- KeinechterTestmöglich,weil sich keine Bilder hochladen lassen

Medienmanagement mit Drupal 7ein Überblick über die Möglichkeiten mitIMCE, Media, Scald, Mediabox, Assets

Nicolai Schwarz

textformer mediendesign | @textformer

Meine Lösung

MeineKundensollendieMöglichkeithaben,dieaufSeite9zusammen- gefasstsind(Bildauswählen,Bildstilwählen,ggf.optionaleBild- unterzeile,AusrichtungdesBildes,Colorboxodernicht).DadieMedien- module das nicht einfach so bieten, arbeite ich in Drupal 7 mit einer Lösung über eigene Nodes. FürBilder(manchmalauchVideosoderDateien)gibteseigeneInhalts-typen.DieMedienkönnenübereinenKurzbefehlwie[bild:nid]oder[bild:nid+halb+links+colorbox]indenWYSIWYG-Editorkopiertwerden.›

Medienmanagement mit Drupal 7ein Überblick über die Möglichkeiten mitIMCE, Media, Scald, Mediabox, Assets

Nicolai Schwarz

textformer mediendesign | @textformer

Meine Lösung

Im Template gebe ich dann zum Beispiel nicht einfach $content aus, sondern theme_shortcode_image($content). Die Funktion habe ich im template.php angelegt. Per Regulären Ausdrücken suche nach dem Mus-ter für den Kurzbefehl und ersetze die Textteile entsprechend. Aus einem „halb“ wird zum Beispiel der Bildstil für die halbe Spalte. Ein „colorbox“ fügt den Code für die Colorbox hinzu. Die Möglichkeiten der Kurzbefehle passeichdemProjektan,dasmachtdieSacheflexibel.Außerdemhabeich die volle Kontrolle über die Ausgabe.Nachteil:ImEditorerscheintnurderKurzbefehl,esgibtkeineVorschau.

Meine Lösung

•NodesalsMedientypen

Meine Lösung

- uncooleLösung,weilNodesstatteigeneMedien-Entitiesverwendetwerden (invielenFällenmagFileEntityauchausreichen)

- BenutzermüssenMedienperCopy/Pasteeinfügen (wenn man nicht einen eigenenWYSIWYG-Buttonprogrammiert)

- ImEditorwirdkeineVorschauangezeigt (wenn man das nicht extra programmiert)

+extremflexibel+ (Meine) Benutzer kommen mit dem Kurzbefehl klar

Zwischenstand

•WieüblichgibtesinDrupalvieleverschiedeneWege.

• StattMedialohntsicheinBlickaufScaldundAsset.

•AlleLösungenhabenihreVor-undNachteile.EinMashupmitdenbesten Ideen bietet sich an.

Medienmanagement mit Drupal 7ein Überblick über die Möglichkeiten mitIMCE, Media, Scald, Mediabox, Assets

Nicolai Schwarz

textformer mediendesign | @textformer

Ausblick

Allewissen,dasseskeingutesMedienmanagementinDrupalgibt.UndnatürlichgibtesPläne,dasfürDrupal8zuändern.EineGruppeversucht,dasBesteausdenModulenMedia/FileEntity,Scald,AssetundMediaboxzusammenzufassen:alsMediaEntity.

https://groups.drupal.org/node/327768https://drupal.org/project/media_entity

Medienmanagement mit Drupal 7ein Überblick über die Möglichkeiten mitIMCE, Media, Scald, Mediabox, Assets

Nicolai Schwarz

textformer mediendesign | @textformer

Aus. Aus. Das Spiel ist aus. Aber ich könnte die Module noch kurz demonstrieren.

Nicolai Schwarz

textformer mediendesign | textformer.de | @textformer