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

http://textformer.de/

https://twitter.com/textformer


Nicolai Schwarz


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



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

Die Wunschliste




•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“/></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

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

Die Wunschliste




•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?


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.


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.)


Nicolai Schwarz


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



Nicolai Schwarz


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.



Nicolai Schwarz



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.



Nicolai Schwarz


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.



Nicolai Schwarz


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



Nicolai Schwarz


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



Nicolai Schwarz


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.›


Nicolai Schwarz


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.


Nicolai Schwarz


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

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

https://drupal.org/project/media_entity


Nicolai Schwarz


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

Nicolai Schwarz

textformer mediendesign | textformer.de | @textformer

http://textformer.de/

https://twitter.com/textformer

Technology

Medienmanagement mit Drupal 7