Medienmanagement mit Drupal 7
-
Upload
nicolai-schwarz -
Category
Technology
-
view
2.344 -
download
0
description
Transcript of 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