Virtuele boeken maken met MegaZine 3

Intro

Megazine3 laat je een grafisch flipbook maken waarbij je de pagina’s net als in een echt boek kan omslaan. In dat boek kan je bovendien allerlei multimediabestanden opnemen.

De tool is gratis zolang je hem niet commercieel inzet. Het geheel laat zich verregaand configureren, onder meer met behulp van xml-bestanden. In deze korte workshop geven we je al een eerste aanzet mee.

STAP 1: Voorbereiden

Surf naar www.megazine3.de en klik de link MEGAZINE3 2.0.9 aan. Sla dat bestand op en klik meteen ook de link DEMO FILES aan. Die zet je netjes bij het eerste bestand. Het gaat in beide gevallen om een archiefbestand met de extensie .7z. Zulke archieven laten zich uitpakken met een gratis tool als 7-Zip.

Na de installatie van 7-Zip klik je het eerste gedownloade bestand met de rechtermuisknop aan en kies je EXTRACT. 7-Zip schiet uit de startblokken, waarna je via het …-knopje naar een nog lege map navigeert en bevestigt met OK. Het bestand wordt nu naar de gevraagde map uitgepakt.

Navigeer vervolgens met de Windows Verkenner naar die map, open de submap megazine en verwijder (of hernoem) het bestand megazine.mz3. Pak nu het demobestand uit met 7zip. Zorg dat het archief wordt uitgepakt naar de map megazine.

STAP 2: Verkennen

Blader nu met de Verkenner naar de map waarin je de bestanden hebt uitgepakt en dubbelklik op het bestand index.html. Als alles goed is, opent je standaardbrowser en krijg je alvast een indrukwekkende demonstratie van Megazine3 te zien.

De bediening van je ‘virtuele boek’ spreekt grotendeels voor zich en het multimediale boek laat zich op verschillende manieren doorbladeren. Interessant zijn ook de eerste vier knopjes bovenaan: een om het geluid in en uit te schakelen, een om het boek in full screen te bewonderen en twee om in- en uit te zoomen.

STAP 3: Analyseren

Een goed startpunt om inzicht te krijgen in de opbouw van zo’n boek is het bestand megazine.mz3, dat je in de map megazine vindt. Nu kan je dat xml-bestand wel openen met je Kladblok, maar je doet er toch beter aan dat in het gratis Notepad++ te doen.

Klik na installatie van deze gratis tool het mz3-bestand met de rechtermuisknop aan en kies EDIT WITH NOTEPAD++. Neem nu rustig de tijd om de structuur van dit bestand in je op te nemen. Je merkt al meteen dat het hiërarchisch is opgebouwd: <book><chapter><page>…</page></chapter</book>, waarbij een boek uiteraard verschillende pagina’s kan bevatten.

Meteen achter <book> (regel 3) merk je op dat de hoogte op 600 pixels en de breedte op 400 pixels staat ingesteld en lees je ook af wat de huidige achtergrondkleur van de pagina’s is (bgcolor=”…”). Experimenteer gerust met deze waarden en herlaad telkens de webpagina index.html in je browser om de resultaten te bekijken – veiligheidshalve maak je best eerst een kopie van het originele megazine.mz3-bestand.

STAP 4: Pagina aanpassen

De xml-code van megazine.mz3 vertelt je ook dat de voorkaft van het boek niets anders is dan een simpel jpg-bestand: <chapter><page stiff="false" anchor="cover"><img src="data/cover_front.jpg" aa="true" width="400" height="600"/> (regel 17), en uit de aanduiding <img src=”data/cover_front.jpg” weten we meteen waar we dat plaatje moeten zoeken: in de map /data dus, een submap van onze megazine-map.

Vervang dat plaatje maar even door een eigen exemplaar, waarbij je bij voorkeur de verhouding 400 op 600 pixels bewaart, en ververs daarna de webpagina in je browser.

In dezelfde code verneem je dat ook de eerste pagina van het boek een jpg-plaatje is, waarbij je dat plaatje afhankelijk van de taal in de juiste submap plaatst: <page anchor="chapter1"><img width="400" height="600"><src lang="en">data/en/page01.jpg</src><src lang="de">data/de/page01.jpg</src></img> </page> (regels 51-52).

STAP 5: Pagina creëren

Stel, je wil de eerste pagina van de Engelse versie van het demoboek aanpassen: dan moet je dus een nieuw plaatje page01.jpg in de submap data zetten. Hoe giet je nu een heuse pagina met tekst en afbeeldingen in de vorm van zo’n jpg? Dat kan in enkele stappen.

Eerst start je je favoriete tekstverwerker op – wij gebruiken hier MS Word 2007 – en stel je het paginaformaat op de gewenste grootte in (hier 400×600 pixels). Open daarvoor de rubriek PAGINA-INDELING, kies FORMAAT en selecteer MEER PAPIERFORMATEN. Bij PAPIERFORMAAT kies je dan AANGEPAST FORMAAT en vul je een formaat in dat de verhouding 400×600 bewaart – bijvoorbeeld 10cmx15cm.

Eventueel verklein je ook eerst de paginamarges (via PAGINA-INDELING, MARGES) en fris je de paginakleur wat op (via PAGINA-INDELING, PAGINAKLEUR).

Vervolgens vul je de gewenste tekst in en kan je er gerust ook een plaatje bij halen. Bekijk de pagina na in een afdrukvoorbeeld en druk vervolgens op ALT+PRTSCN, zodat een schermafdruk van Word in het Windowsklembord belandt. Plak die in je favoriete beeldbewerker, trek een selectiekader rond de pagina en sla die in de juiste locatie op als page01.jpg.

Ververs de pagina in je browser en ga op zoek naar je eigen creatie.

Uiteraard zijn er nog veel meer – multimediale – mogelijkheden. We hebben hier echter niet de ruimte om die verder uit te spitten. Op www.megazine3.de/forum kan je alvast aankloppen bij een bedrijvig forum en ook op www.megazine3.de/doc/MegaZine3 vind je interessante informatie.

Verder kan je op http://www.digitalebieb.nl/ terecht voor een paar Nederlandstalige workshops in – wat had je gedacht – Megazine3-formaat.