141
Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Zagreb, 2017.

Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

Grafičkifakultet

MajaTurčić

OPTIMIZACIJAMATEMATIČKOGA

SLOGAUE-KNJIGAMA

DOKTORSKIRAD

Zagreb,2017.

Page 2: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

Grafičkifakultet

MajaTurčić

OPTIMIZACIJAMATEMATIČKOGA

SLOGAUE-KNJIGAMA

DOKTORSKIRAD

Mentor:prof.dr.sc.KlaudioPap

Zagreb,2017.

Page 3: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

FacultyofGraphicArts

MajaTurčić

MATHEMATICALTYPESETTING

OPTIMIZATIONINE-BOOKS

DOCTORALTHESIS

Supervisor:prof.dr.sc.KlaudioPap

Zagreb,2017.

Page 4: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

UDKBROJ:655.28.022.2:51:02:004

Povjerenstvozaocjenudoktorskograda:

1.prof.dr.sc.NikolaMrvac,SveučilišteuZagrebuGrafičkifakultet,predsjednik2.doc.dr.sc.NikolinaStanićLoknar,SveučilišteuZagrebuGrafičkifakultet,članica3.izv.prof.dr.sc.DamirVusić,SveučilišteSjever,Koprivnica,vanjskičlan

Povjerenstvozaobranudoktorskograda:

1.prof.dr.sc.NikolaMrvac,SveučilišteuZagrebuGrafičkifakultet,predsjednik2.izv.prof.dr.sc.IvanaŽiljakStanimirović,SveučilišteuZagrebuGrafičkifakultet,članica3.izv.prof.dr.sc.DamirVusić,SveučilišteSjever,Koprivnica,vanjskičlan

Mentor:prof.dr.sc.KlaudioPap,SveučilišteuZagrebuGrafičkifakultet

Datumobranedoktorskograda:13.ožujak2017.

Mjestoobranedoktorskograda:SveučilišteuZagrebuGrafičkifakultet

Povjerenstvozaobranudoktorskogradadonijelojesljedećuodluku:

„Obranilasocjenomsummacumlaude(snajvećompohvalom)jednoglasnomodlukomPovjerenstva“

Page 5: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

SAŽETAK

Ključneriječi:e-knjiga,matematičkislog,pristupačnost,dinamičkiprijelom

Razvojemtehnologijee-knjigaivažnostisemantikeprilikomizradesadržajapostavljase

problemoptimizacijematematičkogslogainjegovaprijelomakakobiseomogućila

čitljivostipristupačnosttakvogtipasadržajanarazličitimplatformamae-čitača.Tijekom

istraživanjapokazalosedaseautoričestokoristeslikamazaprikazmatematičkih

formulailiprimjenjujurješenjakojaneopisujusadržajsemantičkiispravno,štoje

neupotrebljivozadinamičkimatematičkislog.Uciljupostizanjaoptimalnoga

matematičkogdinamičkogslogaue-knjigamaanalizirajusepostojećiformatie-knjigate

seistražujunačinikreiranjaiugrađivanjasemantičkiispravnogipristupačnog

matematičkogsadržajaue-knjigu.Uradusepredlažeprocesizradesemantički

ispravnogamatematičkogsadržajaue-knjigamaprimjenomodgovarajućihskriptnihi

označnihjezika,štopoboljšavapristupačnost,tečnostirazvitaknaprednihnačina

korištenjae-čitačimateolakšanoarhiviranjeikonverzijuudrugeformate.Uraduse

istražujupojediniproblemirazličitihprikazanihtehnologijae-čitačatesenuderješenja

zapostizanjedinamičkogitipografskioblikovanog,pristupačnogmatematičkogsloga.

Page 6: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

ABSTRACT

Keywords:e-book,mathematicallayout,accessibility,dynamiclayout

Withthedevelopmentofe-booktechnologyandtheimportanceofsemanticswhile

creatingcontent,aproblemofmathematicaltypeoptimizationanditslayoutis

presentedinordertoenablereadabilityandaccessibilityofthatkindofcontenton

differentplatformsofe-readers.Researchshowsthatauthorsoftenuseimagesfor

displayingmathematicalformulaeorusesemanticallyincorrectmarkupwhichis

unusableforfluidmathematicallayout.Inordertoachieveoptimaldynamic

mathematicallayout,availablee-bookformatsareanalyzed,differentkindsofcreating

andembeddingofsemanticallycorrectandaccessiblemathematicalcontentine-books

areresearched.Thisresearchproposesaprocessofcreatingsemanticallycorrect

mathematicalcontentthroughtheuseofadequatescriptandmarkuplanguages,thus

enhancingaccessibility,fluidityanddevelopmentofadvancedwaysofusinge-readers,

easierarchivingandformatconversions.Thisresearchalsoexaminesspecificproblems

ofdifferente-readerrenderersandsolutionsareofferedforachievingdynamicand

typographicallyformatted,accessiblemathematicallayout.

Page 7: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

SADRŽAJ

1. UVOD..................................................................................................................1

1.1. Pregleddosadašnjihistraživanja....................................................................................3

1.2. Ciljihipoteze..................................................................................................................6

1.3. Očekivaniznanstvenidoprinos......................................................................................7

1.4. Metodologijaiplanistraživanja.....................................................................................8

2. ANALIZAFORMATAE-KNJIGA............................................................................11

2.1. FormatMobipocket.....................................................................................................12

2.2. FormatAZW(AmazonKindleformat)..........................................................................14

2.3. FormatKF8(KindleFormat8)......................................................................................15

2.4. FormatEPUB................................................................................................................17

2.5. FormatEPUB2.............................................................................................................18

2.6. FormatEPUB3.............................................................................................................19

2.7. FormatiBooks(IBA).....................................................................................................22

2.8. FormatPDF(PortableDocumentFormat)...................................................................24

2.9. Evaluacijapristupačnostiformataiuređaja.................................................................26

3. ANALIZAPRISTUPAČNOSTIE-ČITAČA.................................................................28

4. KREIRANJEE-KNJIGARAZLIČITIHFORMATA.......................................................30

5. USPOREDBAFORMATAE-KNJIGAPREMADEFINIRANIMPARAMETRIMA

OPTIMALNOGAMATEMATIČKOGSLOGA...................................................................32

6. KREIRANJEMODELAE-KNJIGESTANDARDOMEPUB3........................................37

6.1. Dokumentpackage......................................................................................................41

6.2. Metapodaci..................................................................................................................43

6.3. Elementizapopisizvorapublikacijeislijedčitanja–manifestispine.........................45

6.4. Navigacijskidokument.................................................................................................46

6.5. Validacija......................................................................................................................48

6.6. AnalizasoftverskihalatazakreiranjeEPUBe-knjiga....................................................49

7. STANDARDIUGRAĐIVANJAMATEMATIČKIHFORMULAUE-KNJIGE...................52

7.1. Ugrađivanjematematičkogslogauoblikuslikaue-knjige..........................................54

7.2. Usporedbapristupačnostimatematičkogslogauoblikuslikaue-knjigama...............56

Page 8: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

8. UGRAĐIVANJEMATEMATIČKOGSLOGAUE-KNJIGEPUTEMJEZIKAMATHML....59

8.1. AnalizasoftverskihalatazakreiranjematematičkihizrazaujezikuMathML..............61

8.2. AnalizapristupačnostisadržajaoblikovanogjezikomMathML...................................64

8.3. Analizaikomparacijaprimjerae-knjigasugrađenimmatematičkimsadržajem.........66

9. EKSPERIMENTALNARJEŠENJAPRIKAZAMATEMATIČKOGSLOGAUEPUBE-KNJIZI

NASTANDARDNIME-ČITAČIMA................................................................................69

9.1. Eksperimentalnorješenjezae-čitačEPUBReader.......................................................70

9.2. Eksperimentalnorješenjezae-čitačAppleiBooks.......................................................79

9.3. Eksperimentalnorješenjezae-čitačAdobeDigitalEditions........................................83

9.4. Eksperimentalnorješenjezae-čitačReadiumverzije2.16.X.......................................86

9.5. EksperimentalnorješenjezaIDEALGroupReadernaplatformiAndroidie-čitač

CalibrenaplatformiWindowsiOSX........................................................................................93

10. EKSPERIMENTALNIREZULTATIIANALIZA.......................................................99

10.1. AnalizapodrškeMathML-a........................................................................................100

10.2. Analizametodekreiranjasemantičkipravilnogamatematičkogsloga......................101

10.3. Dinamičkotraženjetočkeprijelomaumatematičkomslogu.....................................102

10.4. Oblikovanjedinamičkogamatematičkogprijeloma...................................................103

10.5. Pristupačnostmatematičkogslogaue-knjigama......................................................105

11. ZAKLJUČAK....................................................................................................108

12. LITERATURA..................................................................................................112

13. POPISSLIKAITABLICA...................................................................................119

14. PRILOZI.........................................................................................................122

14.1. SADRŽAJDOKUMENTAPACKAGE.OPF.......................................................................123

14.2. KODMATEMATIČKEFORMULEUJEZIKUMATHML...................................................125

15. ŽIVOTOPISIPOPISOBJAVLJENIHRADOVA....................................................131

Page 9: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

1

1. UVOD

Prijelommatematičkogslogaoduvijekjebiojednaodkompleksnijihzadaćagrafičkog

dizajnerazbogvlastitihtipografskihpravilaidrugačijihslovnihznakovakojise

podrazumijevaju.Udigitalnomokruženjusustavinakojisevećinaoslanjaprioblikovanju

matematičkogsadržaja,posebicezaznanstveneistručnepublikacije,omogućuju

besprijekornooblikovanjestatičnestranice.Međutim,prilikomoblikovanjatečnogi

semantičkikorektnogamatematičkogsadržajaue-knjigamadizajnersesuočavas

problemimaodabiraoptimalnogformatae-knjigetenačinaoblikovanjaiugrađivanja

matematičkogsadržaja.Problemjesloženijiakopostojipotrebazaprelamanjem

matematičkihizrazauvišeredaka,štoovisiouređajuiveličinizaslonatespecifičnim

tipografskimpravilimakojiosiguravajučitkost.Optimalanformate-knjigeuključuje:

otvorenostkojapodrazumijevaslobodukorištenjaiimplementacije,pretraživost,

prilagođavanjesadržajasvimveličinamairezolucijamazaslona,pristupačnostsadržaja

osobamasinvaliditetom(posebiceslabovidnimislijepimosobama)tepodržanostsvih

potrebnihslovnihznakova.

Nakonuvodnogpregledadosadašnjihistraživanja,postavljanjaciljaihipotezateplanai

metodaistraživanja,udrugomsepoglavljuanalizirajurazličitiformatie-knjigakojisu

popularninatrenutačnomtržištuuokvirutehničkograzvoja.Analizirasestruktura,

pojamotvorenosti,pristupačnostiikorisnosti,vrstepodržanogsadržaja,tečnosti,

mogućnostiiliobvezeugrađivanjaDRM(DigitalRightsManagement)sheme,e-čitačana

kojimaseformatmožečitati,alatazakreacijuteugrađivanjeiizradamatematičkog

sadržajanaformatimaMobipocket(2.1),AZW(2.2),KF8(2.3),EPUB(2.4),EPUB2(2.5),

EPUB3(2.6),IBA(2.7)iPDF(2.8).Nakontogasepristupaevaluacijipristupačnosti

formataiuređajaosobamasposebnimpotrebamaupoljuvidatepotrebisemantičke

korektnostioznačavanjasadržaja(2.9).

Utrećempoglavljuanalizirajusee-čitačiuvidunjihovihtehničkihmogućnosti

prikazivanjasadržajaimehanizamazaiščitavanjesadržaja.Učetvrtomsepoglavlju

istražujurazličitinačiniisoftverizakreiranjee-knjigarazličitihformata.

Petopoglavljeprikazujeusporedbuformatae-knjigapremazahtjevimapostavljenimaza

kreiranjepristupačneitečnee-knjigematematičkogsadržajaprematečnosti,

Page 10: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

2

podržanosti,vremenuijednostavnostiizrade,prijelomuiažuriranjumatematičkog

sadržaja,otvorenostiteugrađivanjuDRMsheme.

Šestopoglavljeopisujeprocesizrademodelae-knjigepremastandarduEPUB3,

prikazujesestrukturaEPUBformatae-knjigeteobveznielementi.Slijediopisključnih

dijelovaformataEPUBzapočevšisXMLdokumentompackage(6.1)kojisesastojiod

obveznihiopcionalnihmetapodataka(6.2),obveznihelemenatazapopisizvora

publikacijeislijedačitanja(6.3)teobveznoganavigacijskogdokumenta(6.4).Takođerse

opisujepotrebaiprocesvalidacijeEPUBe-knjigekakobikreatorznaodajee-knjiga

oblikovanauskladusaspecifikacijom(6.5).Nakrajuseanalizirajusoftverskialatiza

kreiranjeEPUBe-knjiga,čijajeusporedbatabličnoprikazana(6.6).

UsedmompoglavljuistražujusenačiniugrađivanjamatematičkogsadržajauEPUBe-

knjiguuzimajućiuobzirtipografskezahtjeveprezentacijesadržajazbograzumljivostii

čitkosti,aliipristupačnosti,pretraživostiprebacivanjaudrugeformate.Izvodiseanaliza

načinaugrađivanjamatematičkogsadržajauoblikuslike(7.1)iusporedbapristupačnosti

matematičkogsadržajauoblikuslika(7.2).

OsmopoglavljeopisujenačinugrađivanjamatematičkogsadržajaputemjezikaMathML,

njegovupristupačnostipodržanostue-čitačima.Slijedianalizaalatazakreiranje

matematičkihizrazaujezikuMathML(8.1)ianalizapristupačnostijezikaMathMLi

važnostsemantičkekorektnostioznačavanjamatematičkihizraza(8.3).Slijedianaliza

dostupnihprimjeraEPUBe-knjigamatematičkogsadržaja(8.3),kojajetablično

prikazana.

Udevetompoglavljuopisujuseeksperimentalnarješenjaprikazamatematičkogsadržaja

EPUBe-knjiganaodabranime-čitačima.Slijedeopisiproblemaprikazaivizualniprikazi

stanjaprijeinakonapliciranjaJavaScriptskriptizadinamičkiprijelomtenjihovarješenja

ue-čitačimaEPUBReader(9.1),AppleiBooks(9.2),AdobeDigitalEditions(9.3),Readium

(9.4),IDEALGroupReaderiCalibre(9.5).

Udesetomsepoglavljuopisujuianalizirajurezultatieksperimentalnogdijelaputem

podrškeMathML-a(10.1),važnostikreiranjasemantičkipravilnogsadržaja(10.2),

dinamičkogprijelomamatematičkogsadržaja(10.3),tipografskogprijeloma(10.4)i

pristupačnostimatematičkogsadržaja(10.5)tesutabličnoprikazanirezultati

eksperimentalnogdijela.

Page 11: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

3

1.1. Pregleddosadašnjihistraživanja

E-knjigeuvećinisuslučajevadegradiranenajednostavnedigitalneinačicetiskanih

knjiga[1].Danassemoguproizvoditie-knjigečijisadržajmožebitimultimedijskogtipa,

visokopristupačneosobamasinvaliditetom,otvorenogtipa,sadržajakojisemože

ažuriratiipretraživati,kojepodržavajusveznakove,pismaijeziketesemogučitatina

različitimplatformama(monitorima,tabličnimračunalima,e-čitačimaimobilnim

telefonima).Stvarasepotrebaipodlogazastvaranjemsemantičkiispravnogsadržaja

kojiadekvatnooznačavaelementesadržajaoznačnimjezikom,atimepomažepri

ažuriranju,pristupačnosti,konverzijiudrugeformate,pretraživanjuiarhiviranju.

Zbogtihsuprednostinajvećetržištezae-knjigeakademskeiznanstvenepublikacijekoje

imajupotrebuzaprimjenomnajsloženijegamatematičkogsloga.Matematičkijeslog

najzahtjevnijividprijelomakakoutiskutakoiue-knjigama.Jednojeodrješenja

upotrebaslika,čimesegubisemantičkaispravnostpodataka,smanjujesekvaliteta

prikaza,kompliciraažuriranjepodatakateonemogućujekonverzijaudrugeformate.

Takođerseonemogućujetečnostsadržaja,odnosnoprilagodbasadržajarazličitim

veličinama,orijentacijiirazlučivostizaslona.Drugipristupikoristesenajnovijim

označnimjezicima,alizbogizbjegavanjarješavanjaproblemaprikazaiprijelomakoriste

sesemantičkineispravnimelementimapriopisusadržaja.Timsepristupimauvodenovi

problemiprocesiranjapodatakateonemogućujekorištenjepomoćnimtehnologijama,

zanemarujućitimeopćenituprimarnuprednostkorištenjasemantičkiispravnim

označnimjezikom.

Zbognovihtehnologijatenovenamjeneikonzumacijesadržaja,uusporedbis

prijelomomzatisak,evidentnajepotrebazadefiniranjemnovihprocesaizradee-knjiga,

kojajeosnovananaotvorenimmrežnimstandardima,auključujerazdvajanjesadržaja,

stilaistrukture[2].Semantičkaispravnostpriizradie-knjiga,aliirazdvajanjesadržajaod

stila,omogućujepomoćnimtehnologijamadasadržajučinepristupačnimiosobamas

određenimvrstamainvaliditeta(prvenstvenoslijepima),aliičitateljimauneoptimalnim

situacijama(npr.izravnaSunčevasvjetlost)[3].Semantičkiispravanopissadržaja

takođerigravažnuuloguprilikomprocesiranjaikonvertiranjaudrugesličneformateiiz

njih,poputLaTeXML-a[4].

Page 12: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

4

Semantičkibogatsadržajusmisludetaljnogopisavrstapodatakaidodavanja

metapodataka(podatakazaopispodataka)imajasneprednostipovećavanjavrijednosti

sadržajauznanstvenimradovimatesevećprimjenjujeue-izdavaštvu[5].

Najpopularnijisuformatie-knjiga,kojevećinae-čitačapodržava,PDF(Portable

documentformat)iEPUB3(Electronicpublication)[6].Međutim,PDFnijepraktičanza

čitanjenamanjimekranimazbogfiksneveličinestranice,dokjeEPUB3tečanformat

kojiseuvijekprilagođavaveličinizaslonanakojemseprikazuje[7].

FormatEPUB3imasvojuosnovuuotvorenimmrežnimstandardima,štoimasmisla

posebnozboglakoćeimplementacije,mogućnostiupotrebemultimedijeiinterakcija,

postojećihknjižnicaialatatemnoštvarazvojnihprogramerakojisuupoznatistim

jezicima[8].

Uvidustandardizacijee-knjige,osimnavedenihprednosti,EPUB3(iMathML–

MathematicalMarkupLanguage[9])takođerseosnivanajezikuXML(Extensible

MarkupLanguage),čijeseprednostiočitavajuuinteroperabilnosti,otvorenosti,

primjenjivostiiproširivosti[10].

Iakoe-knjigepostojevišeod20godina,anajnovijistandardipodržavajumultimedijske

sadržajeivrhunskusemantikuteodličnočitateljskoiskustvo,opcijeprijelomaigrafičkog

dizajnanakojesunavikligrafičkidizajneripriprijelomuzatisakjošuvijekvećinomnisu

podržaneue-čitačima.Postojeodređenarješenjadinamičkogprijelomatekstakoja

primjenjujuskriptekakobisezadržaostandardtipografije[11].

Uciljučitljivosti,istraživanjasupokazaladasvivažniparametrikojiutječunačitljivost

tiskaneknjigeutječuinačitljivostue-knjizi.Konkretno,tosuelementidizajnapoput:

uvlaka,stupaca,stilovaparagrafaitipografije[12].

Postojestrogitipografskistandardiprilikomprelamanjamatematičkihformula,koji

osiguravajučitljivostirazumljivostsadržaja.Izmeđuostalog:mjestoprijelazaunovi

redak,uvlakaidućegretka,ponavljanjeznakajednakostiilimatematičkeoperacijeu

idućemretku[13,14].

Prilikomoblikovanjamatematičkihformulaue-knjigamauoblikubitmapslikastvaraju

seproblemipoputefektapikselizacijeuslijedpovećavanja(akojepovećavanjeuopće

dostupno);dugotrajnogikompliciranogprocesaizmjenaformula;konverzijeudruge

formate;audioreprodukcijesadržaja;prijelomadugačkihformulaunoviredaks

Page 13: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

5

obziromnalogičnomjestolomaizadržavanjamatematičkihpravilaprijelomakakobi

korisnikusvojiosadržajbezpoteškoća[15].PrednostisuprimjeneMathML-avišestrukei

uključujujednostavnostizmjena,stiliziranja,eventualneinteraktivnostiiskalabilnosti

sadržaja.Podrškazaprikazupreglednicimaie-čitačimaMathML-araznolikajeistalno

semijenja,ačestoseprikazoslanjanaMathJaxJavaScriptknjižnicu,međutimne

podržavajusvie-čitačJavaScript[16].

Snovimstilskimmrežnimstandardima(CascadingstylesheetsFontsModule

Level3)[17],kojiseprimjenjujuiustandardue-knjige,mogućajeupotrebabilokojeg

fontaibilokojegUnicodeznaka[18].Umatematičkomprijelomuvrlojevažnokojićese

fontupotrijebiti,kakojepripremljenzadigitalniprikaztesadržilisvepotrebneznakove

[19].

DinamičkiprijelomtekstakojiomogućujeformatEPUB3svojkonačniizgledduguje

ugrađenimalgoritmimaiparametrimazaslonae-čitačanakojemseprikazuje.Osim

osnovnihnaredbizaprijelominekihkojejošuvijeknisuimplementirane,stvarateljima

e-knjiganisupruženeopcijezakontroludinamikeprijeloma[20].

Zbogprocesiranja,digitalneanalizedokumenatatekonvertiranjaudrugeformate

postojipotrebazaizradomoptimalnogamatematičkogsloga[21].Osimizrade,zbog

nepostojećihadekvatnihalatakojibitoomogućilivažnojeiodabiromformatakojimse

sadržajstvaraosiguratičitateljimajednakokvalitetanprikazsadržaja[22].Prikazsamog

sadržajaovisiooznačnomjezikuiverzijistandardakojiseprimjenjujeprilikomizrade,

platforminakojojsesadržajprikazujetenačinuizradesadržaja[23].

Važnoječitateljimaomogućitijednakstandardčitljivostibezobziranauređajkojimse

koriste(veličinuiliproizvođača),sadržajmorabitidostupansvima,bezobzirana

individualnasvojstva,temorabitiprilagodljivusmisluveličinepisma[24].

Page 14: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

6

1.2. Ciljihipoteze

Ciljdisertacijejedefiniratiizraduoptimalnogmatematičkogslogaue-knjigamačiji

sadržajmorabitisemantičkiispravan,tečaniprelomljenpotipografskimstandardimaza

matematičkeformule,štojepreduvjetzaprocesiranje,pretraživostiaudioreprodukciju

sadržajanaraznime-čitačima.

Postavljenesuhipoteze:

1.Optimalanmatematičkislogue-knjigamazarazličiteplatformedobitćese

upotrebommatematičkogaoznačnogjezika.

2.Kontrolomsemantikematematičkogslogadobivasemogućnostnjegovaprocesiranja,

pretraživostiikorištenjapomoćnimtehnologijamaue-knjigama.

3.Dinamičkiprijelommatematičkogsadržajaprematipografskimstandardima

matematičkogslogamogućejeostvaritiskriptnimioznačnimjezikom.

Page 15: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

7

1.3. Očekivaniznanstvenidoprinos

Matematičkislogue-knjigamaneistraženojepodručjeukojemseočekujemnogonovih

iinovativnihrješenja.Tehničkeknjigeinjihovidijelovisadržajauoblikumatematičkog

slogasvećesevišeivišeprezentiratiiprebacivatiue-knjige.Uovojsedisertacijizato

područjeočekujutriznanstvenadoprinosa:

1.izradaoptimalnogitipografskipravilnogdinamičnogmatematičkogslogaue-

knjigamakorištenjemmatematičkogaoznačnogiskriptnogjezika.

2.oblikovanjesemantičkiispravnogamatematičkogslogakojiomogućujenjegovo

procesiranje,pretraživostikorištenjepomoćnimtehnologijamaue-knjigama

3.definiranjeparametarainjihovihoptimalnihvrijednosti,kojejepotrebnopratitipri

odabiruformatae-knjige,dinamičkogamatematičkogsadržajateprikazanae-čitačima.

Page 16: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

8

1.4. Metodologijaiplanistraživanja

PrilikomistraživanjaupotrebljavatćesestandardniHTML/XML/JavaScriptuređivač

tekstazakreiranjedatotekaformataEPUB,štouključujeiMathML,opisnijezikza

matematičkeformule,teePubZip/UnzipprogramzapakiranjeEPUBknjige.Zatestiranje

prikazaupotrebljavatćeserazličitie-čitačinarazličitimplatformama:Readium

(Chrome),EPUBReader(Firefox),iBooks(iOS),GitdenReader(Android),Calibre(OS,

Windows).PrimjenjivatćesejeziciXHTML,XMLiMathMLzaopissadržajakojisudio

standardaEPUBteskriptnijezikJavaScript.Tehnologijakojaćeseprimjenjivatiza

oblikovanjesadržajajestjezikCSS3.

Planistraživanjaizvodiseusljedećimfazama:

1. istraživanjerazličitihstandardaizradee-knjige

2. istraživanjenačinauvrštavanjamatematičkihformulaue-knjigu

3. izradamodelae-knjigeustandarduEPUB3sjezikomMathMLzamatematički

slog

4. testiranjeprijelomamatematičkogsadržajanarazličitime-čitačima

5. uvrštavanjeJavaScriptskriptizapostizanjeoptimalnogadinamičnog

matematičkogsloga

6. klasifikacijae-čitačaiprikazivačamatematičkogsloga.

Nakonprovedenogistraživanjaizvršitćeseklasifikacijaimeđusobnovrednovanje

postojećihstandardaizradee-knjiga.Parametrikojiseplanirajuanaliziratiuključuju:

tečnostsadržaja(prilagođavalisesadržajveličini,razlučivostiiorijentacijizaslona),

podržanostformata(jesulisudostupniodgovarajućisoftverskialatizačitanje),

otvorenosttehnologije(jeliformatvezanzaodređenuaplikacijuilitehnologiju,jeli

mogućakonverzija,ažuriranjeiarhiviranje),lakoćaizrade(vremenskakomponenta

izrade,dostupnostalataiznanjapotrebnogzaizradu),mogućnostinačinuvrštavanja

matematičkogsadržajainjegovprijelom.Uistraživanjusemetodomdedukcijeianalize

formatae-knjigezaključujekojijeformatoptimalanzaizradue-knjigedinamičkoga

matematičkogsadržaja.

Nakonodabranogstandardae-knjigeistražujuserazličitinačiniuvrštavanja

matematičkogsadržaja.Istraživanjeseprovodianalizomdostupnihprimjera,

Page 17: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

9

raspoloživihmetodatekorelacijomparametaraoblikovanjaikonzumacijeovogtipa

sadržaja.Prezentirajuseianalizirajuprednostiimaneuvrštavanjamatematičkihformula

uoblikuslike,uzpomoćoznačnogjezikaMathMLnasemantičkineispravaniispravan

način.Pretpostavkajedamatematičkisadržajuoblikuslikezahtijevakraćevrijeme

izradeijednostavnijukontroluprijelomaformulatetakoosiguravaprikazsadržaja,ali

onemogućujekorištenjepomoćnimtehnologijama,ažuriranjesadržaja,procesiranje

sadržaja,pretraživanjesadržajateprilagodbuveličiniiorijentacijizaslona.Prilikom

primjenematematičkogaoznačnogjezikakojijesemantičkinetočangubisemogućnost

ponovnogobrađivanjasadržajaikorištenjepomoćnimtehnologijama,alimogućeje

zadržavanjeoptimalnogamatematičkogdinamičkogsloga.

Unastavkuistraživanjaprimjenjujesemetodamodeliranjausvrhueksperimentalnog

istraživanjateseizvodianalizaalataizradeikorelacijavarijabliizrade.Izrađujese

konkretnimodele-knjigeustandarduEPUB3,kojisetemeljinaotvorenimstandardima

jezikaXHTML5,CSS3iXML.Prednostupotrebeovihjezikanjihovajeotvorenostte

upoznatoststvarateljasadržajastehnologijomizrade.Matematičkisadržajizrađujeseuz

pomoćmatematičkogoznačnogjezikaMathMLkojipredstavljastandardopisaovogtipa

sadržajanainternetuiue-knjigama.Analizirajusedostupnialatizaizraduteseizvodi

korelacijajednostavnostiizradeisemantičketočnostiproizvedenogsadržaja.

Optimalnostprocesapratisejednostavnošću,brzinomisemantičkomispravnošću

izrade.

Nakonizradesemantičkiispravnogamatematičkogsadržajapristupaseoblikovanjukako

biseomogućiooptimalandinamičkiprikaz.Osiguranjeprikazasvihpotrebnihspecifičnih

UnicodeznakovaizvestćeseuzpomoćtehnologijeCSS3iupotrebomfontaSTIXkojije

osmišljenspecifičnozapotrebeprikazamatematičkogsloganazaslonutezadovoljava

najvišeznanstvene,tehničkeitipografskestandarde.

Uzavršnomdijeluistraživanjećesevršitieksperimentalnommetodomuspoređivanja

prikazakreiranogsadržaja,metodomklasifikacijetehnologijaprikazamatematičkog

sadržajaue-knjigamatemetodomsintezetipografskihpravilaprioblikovanju

matematičkihformula.Izrađenimodele-knjigetestirasenarazličitime-čitačima.

Eksperimentalnommetodomuspoređujeseprikazizrađenogsadržajanarazličitim

platformama–iOS(iBooks),Android(GitdenReader),OSiWindowstee-čitačiu

Page 18: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

10

preglednicimaChrome(Readium),Firefox(EPUBReader),kaoidesktope-čitačCalibre.

Uspoređujuseprikazisobziromnatehnologijuprikazivačakojamožebitiugrađeno

svojstvoiliputemMathJaxJavaScriptknjižnice.Pritomseizrađujeklasifikacijae-čitačai

prikazivačamatematičkogslogakojeupotrebljavaju.Akooptimalanmatematičkislog

nijemogućeizvestiuzpomoćosnovnihjezikaMathMLteCSS3,kojimorajubitipodržani

ue-čitačimapremastandarduEPUB3,uprocesizradeuvrstitćeseskriptnijezik

JavaScriptkojimćesedefiniratistrogapravilaprijeloma.Skriptnijezikubacujesenakon

stvaranjaioblikovanjasadržajazbogmogućnostidagae-čitačinećepodržatitekakobi

seizbjeglopovećanjekompleksnostiprocesaizradeidugotrajnijeprocesiranjekonačnog

prikaza.Pravilakojasemorajuobuhvatitijesu:mjestoprijelomakojemorabitina

mjestunekogmatematičkogoperatorailiznakajednakosti.Idućiredakmorazapočeti

matematičkimoperatoromiliznakomjednakostizbograzumijevanjačitateljadajeriječ

ojednoj,aneovišeformula.Idućiredakmoratakođerimatiuvlakuzbogčitljivostii

razumijevanja.Pratisekvalitetaprikazaurazličitimsegmentimatijekomprocesaizradei

prizavršetku:

1. prikazujelisesadržaj

2. nedostajulinekispecifičniznakovipotrebnizačitljivostirazumijevanje

3. prelamalisesadržajnalogičnimmjestimaprematipografskimstandardima

matematičkogsloga

4. jeliosiguranapristupačnostsadržaja(povećavanjefonta,audioreprodukcija)

5. prilagođavalisesadržajveličini,razlučivostiiorijentacijizaslona.

Natemeljuuzorkaianalizedefiniratćeseprocesizradeoptimalnogadinamičnog

matematičkogslogaue-knjigama.

Page 19: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

11

2. ANALIZAFORMATAE-KNJIGA

E-knjigekreirajuseu„otvorenom”i„zatvorenom”formatu.Otvoreniformatie-knjiga

(EPUB)oblikovanisukaoneovisniouređaju,odnosnotakodasemogučitatinabilo

kojemuređajukojipodržavatajformat.Zatvoreniformatie-knjiga(AZW,PDF)čestosu

osnovaninaotvorenomformatu,aliponovnokonfiguriranidasemogučitatina

specifičnome-čitaču,anenadrugima,zbogmarketinškestrategije.Općenito,otvoreni

formatimnogosupristupačnijiodzatvorenihformata.

Svitrenutačnovažnijiformatie-knjiganasljednicisuranijihstandardaOEBPSiliEPUB

2.0.1;toseneodnosisamonaEPUB3.0većinaAmazonovformatKF8[25].

Page 20: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

12

2.1. FormatMobipocket

AmazonupotrebljavaMobipocketkakobizadržaovlasničku(eng.proprietary)prednost

nadkonkurencijom.Stehničkestranenemanijednograzlogazaštobizadržaopodršku

zaformatkojijemanjerazvijenodformataEPUB2.1.Mobipocketseosnivana

standarduOEBPS–OpeneBookPublicationStructure(1.0,2.0),kojijezdružensXHTML-

om,JavaScriptomiFrameovima.KreiranjeufrancuskojtvrtkiMobipocketSAkojuje

Amazonkupio2005.godine.FormatMobipocket(.mobiili.prc)namijenjenje

tekstualnomsadržaju(islikama)inepodržavamultimediju(uključujućiaudio)ni

interaktivnost.

Mobipocketjetečanformat,štoznačidasesadržaje-knjigeuvijekprilagođavaveličini

ekranae-čitača.Korisnik(čitatelj)možesambiratipostavkeodabirafonta,veličine

pisma,veličinemargine,proredaisl.,bezobziranapočetnevrijednostikojesuodredili

kreatorie-knjige.Slikesemoguugrađivatiusadržajurazličitimrezolucijama,kojese

tadamoguučitavatiovisnoorezolucijiiveličinie-čitača.Dokumentejemogućezaštiti

odpiratstvauzpomoćDRMsheme.SobziromnatodaseosnivanastandarduOpen

PublicationStructure(OPS),Mobipocketsadržidokument.OPFXMLkojisadrži

metapodatkeoe-knjiziipopissvihHTMLdokumenatakojee-knjigasadrži.Mobipocket

Creator,softverskialatzakreiranjeformataMobipocket,pakirasvesadržajeujedan

dokument,optimiziragaikomprimira,indeksira(zbogmogućnostipretraživanja)ipo

potrebivršienkripciju.Mobipocketimaidentičnustrukturudokumentapoputformata

EPUB,alisdodatnimelementimapotrebnimazarenderiranjenaMobiiAmazonovim

uređajima.OsimnaKindleu,možesečitatiinaMobipocketReaderunaplatformi

Windows,uređajimaBlackberryiuređajimaNokia(Symbian)[26].

Uzpomoćraznihalata(poputCalibre)mogućejekonvertiratiMobipocketdokumentu

drugiželjeniformatpoputPDF-ailiEPUB-a.Konverzijeznajuproduciratineželjene

rezultateprijeloma(npr.svakarečenicapostavljenajeuvlastitiparagraf),ovisnoo

originalnomformatiranju.Akojeue-knjiguuključenaenkripcijauoblikuDRM-a,

konverzijavišenijemoguća,kaoniarhiviranje(kopiranje),bezuklanjanjaDRM-a.

UklanjanjeDRM-auvećiniseslučajevaizemaljasmatranelegalnim.

NajsigurnijinačinkakouključitimatematičkisadržajuformatMobipocketjestputem

Page 21: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

13

slike,jernepodržavamatematičkioznačnijezik.Procesizradetakvogsadržaja

dugotrajanjeikompliciran.Najprijesemorajukreiratimatematičkeformuleu

odabranomsoftveru(npr.MicrosoftWordiliAdobeInDesign),zatimsesvakaeksportira

uoblikuslikepaseuvrštavauHTMLpotrebanzaknjigu.Sliketakođermogubitipremale

zbogprilagođavanjaekranupajesvakupotrebnoručnopovećavatiprilikomčitanja,što

jezamoraninepraktičanproces.

Page 22: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

14

2.2. FormatAZW(AmazonKindleformat)

IdentičanjeformatuMobipocketsDRMzaštitomidodatnomkompresijom.DRM

onemogućujekorisnikadadijeliknjigutejezaključavanadotičniuređaj.FormatAZW

bezDRMzaštitejestzapravosamoformatMobipocketukomprimiranojvarijanti.

AZWjezatvoreniformatkojimsekoristeAmazonoviKindlee-čitači.Ovajseformat

možečitatiisključivonauređajuKindleiliaplikacijiKindle[27].

Page 23: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

15

2.3. FormatKF8(KindleFormat8)

Amazon2012.godinepuštasvojvlastitinoviformatzae-knjigeKF8namijenjenčitanju

nanovomuređajuKindleFire.TajXMLformatzamjenjujedosadašnjiformat

Mobipocket,odnosnoformatAZW.KF8sedistribuiraisključivoputemtrgovineAmazon

KindletesemožečitatinauređajimaKindleiliaplikacijamaKindle(narazličitim

platformama)iliizravnoupreglednicima.SpecifičnostzauređajeKindle(osimKindle

Fire)jestdakoristetehnologijue-inkkojapružaopcijučitanjaisključivoucrno-bijeloj

varijanti.StrogojezabranjenouvjetimaAmazonadasee-knjigekupljeneputemnjihova

dućanaprebacujunauređajedrugihproizvođača.UpotrebomAmazonovihalataza

distribucijue-knjigaautoriizdavačobvezujusenaisključivudistribucijuputemtrgovine

Kindleprvih90dananakonizdavanja.

Tehnički,KF8podržavaHTML5iCSS3,azbogkompatibilnostisastarijimuređajima

sadržidvaformata:MobipocketistrukturupodatakasličnuEPUB-u.Detaljna

specifikacijanijejavnodostupna.KF8sekreiraputemalataKindleGenilidodatkaza

AdobeInDesign.KindleGenjealatkomandnelinijekojikonvertiraformateHTML,

XHTMLiliEPUBuKF8.

KF8podržavaaudioivideoputemHTML5elemenata,nonemogusviuređaji(aplikacije)

Kindleprikazatitakavsadržaj.Bilokakavtext-to-speechilimehaničkoiščitavanjenisu

podržaniuovomformatu,odnosnonauređajuKindleFire.KaoiEPUB3,KF8sada

podržavaCSSMediaQueries,SVGifiksniprijelomstranice,alinepodržavaJavaScript,

canvaselementnimatematičkioznačnijezik(MathML).Amazonjekreiraozatvoreni,

nekompatibilnisustavizdavanja,kreiranjaičitanjae-knjigausvojemvlastitomformatu.

Međutim,jošgoreodApplea,AmazonnedozvoljavačakničitanjeformataEPUBna

svojimuređajima[27].

KF8jetečanformat,kojiseprilagođavaveličiniekranateomogućavapretraživanjei

postavljanjekorisničkihpreferencijaprijeloma(pismo,veličina,prored,margine).

KonvertiranjejemogućeipreporučenoprimjenomAmazonovihalataKindleGeni

dodatkazaAdobeInDesign.Arhiviranje(ikopiranje)nijemogućezbogobvezne

upotrebeDRM-aprilikomdistribucijekojanužnomoraićiputemAmazonovadućana.

Page 24: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

16

Ugrađivanjematematičkogsadržajaputemoznačnogjezikanijemogućeuovom

formatu,zamatematičkisadržajmorajuseupotrebljavatiilibitmapslikeiliSVG.

Page 25: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

17

2.4. FormatEPUB

CiljkreiranjastandardaEPUBbiojerazvitakotvorenogstandardae-knjigekojiseosniva

naXML-u,kojibiomogućioupotrebue-knjiganeovisnihoplatformi.

EPUBsesmatrastandardomindustrije,formatokokojegsuse„svi”složili(IDPF),osim

Amazona(IDPFsesastojiodčlanovapredstavnikaindustrijekaoštosuBarnes&Noble,

AppleiSony).InternationalDigitalPublishingForum(IDPF)jestkrovnaorganizacijakoja

koordinirastandarde-knjiga,preimenovana2005.godineizinicijalneorganizacijeOpen

eBookForum,stvorene1998.godine.Utosuvrijemesviformatibilizatvoreni,odnosno

svakiseformatmogaočitatinasvojemvlastitome-čitaču.Izprvogkreiranogstandarda

OEBPS(OpeneBookPublicationStructure)1.0proizašlojemnogo„ekstenzijskih”

formataprilagođenihdistribucijikaoštojeMobiiliMicrosoftovLIT.IDPFkaoodgovor

timnovonastalimformatimaosnivanovugrupukojasebavikreacijomkontejner

formatakojimožespojitisvedokumentee-knjigetakodasemoželakodistribuirati.

EPUB2.02007.godinepostajeslužbenistandardizamjenjujestariOEBPS1.2[27].

Page 26: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

18

2.5. FormatEPUB2

EPUB2.0.1jeststandardzae-knjigeod2010.godineisastojiseodtridjela:Open

PublicationStructure(OPS)kojiopisujesadržajformata;OpenPackagingFormat(OPF)

kojidefinirastrukturuXMLdokumenta;OpenContainerFormat(OCF)kojikomprimira

svedokumenteuZIParhivu.OPSupotrebljavaXHTML1.1zatekstistrukturutekstate

dioCSS-a2.0zadizajn,apodržavaivektorskugrafiku(SVG)testandardneformateza

slikekaoštosuJPG,PNGiGIF.EPUB2namijenjenjezatekstualneknjige,čijisesadržaj

prilagođavaveličiniekrananatečannačinpasemožečitatinauređajimarazličitih

veličinazaslona.ZbogmanaformataEPUB2(najvišemanjakpodrškemultimedijei

interaktivnosti)kreiranjeformatEPUB3.

TehnologijenakojimaseosnivaEPUB2.0.1jesuHTML4iCSS2tesuorijentiranena

izradutekstualnihsadržaja.Uovomformatuiznimnojelimitiranaizradamultimedijskihi

interaktivnihsadržaja.ZatoštoHTML4nemainkorporiranoznačnijezikMathML,nije

mogućekreiranjematematičkihformulaoznačnimjezikom,većisključivouzpomoć

slika.

TablicasadržajaEPUB2.0.1jestXMLdokumentsekstenzijom.ncxkojajebila

nepraktičnauviduizradeirazumijevanjakodateteškazaupotrebu[27].

EPUB2semožečitatinavećinie-čitačakaoštosuNook,SonyReader,AppleiBooksi

AdobeDigitalEditions.NaAmazonovome-čitačuKindlenijemogućebezkonverzije

čitatiEPUB2.

Page 27: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

19

2.6. FormatEPUB3

EPUB3kreiranje2011.godineisastojiseodčetirispecifikacije:EPUBPublication3.0

kojidefinirasemantikuisveobuhvatnezahtjeveusklađenosti;EPUBContent

Documents3.0kojidefiniraoblikovanjesadržaja;EPUBOpenContainerFormat

(OCF)3.0kojidefiniraformatdokumentaipakiranjeuZIPkontejner;EPUBMedia

Overlays3.0kojidefiniraformatimodelprocesiranjazasinkronizacijutekstaizvuka.

EPUB3osnivasenatehnologijamaHTML5iCSS3kojeomogućujuizradue-knjigas

multimedijskim,interaktivnimsadržajem,kompleksnihprijelomaimatematičkih

formula.Takođerjemogućekreiranjenelinearnihdokumenataifunkcijatext-to-speech.

ZarazlikuodformataEPUB2,mogućajeiupotrebaskriptnogjezikaJavaScript,što

izmeđuostalogomogućujekreiranjeinteraktivnihinestatičnihe-knjiga.Iakoseosniva

nastandarduzaoznačavanjesadržajaHTML5,koristiseXMLinačicomtogstandarda

XHTML5,kojapodrazumijevaXMLsintaksu.Natajjenačinolakšanoautomatsko

procesiranjedokumenata.GotovosveprednostiformataEPUB3uodnosunaEPUB2

proizlazeizprednostitehnologijaHTML5iCSS3uodnosunaHTML4iCSS2.Uvijeksu

popularnanovapodržanasvojstva<video>i<audio>element,HTMLelement

<canvas>zacrtanjeiinteraktivnost,slobodnaprimjenaSVG-azavektorskegrafike,

inkorporiranostoznačnogjezikaMathMLzamatematičkeformule,novielementiforma,

slobodnaprimjenabilokojegfonta(ijapanskihiazijskihpisamaismjerovačitanja)te

sinkroniziranostaudionaracijesasadržajem.

NoviHTML5element<nav>zamjenjujestarutablicusadržaja.ncxkojajejednostavna

začitanjeiinterpretiranje.

NovimodulitehnologijeCSS3kojisupodržaniuformatuEPUB3sumodulSpeech(za

kontroliranjeimanipulacijumehaničkogiščitavanja)iMediaQueries(zakontroliranje

prilagođavanjasadržajaveličinizaslona).

Nepostojanjee-čitačakojiupotpunostipodržavasvasvojstvakojanudiovajformat

razlogjetomeštoizdavačisporoimplementirajuovajstandard.Zbogtogajekreiran

Readium(IDPF,Adobe,Google,Barnes&Noble,Kobo,O’Reilley,Samsung,Sony),

otvorenisustavreferenciranjaimehanizamrenderiranjazaEPUB3.Ciljjeprojekta

Page 28: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

20

izgradnjareferentnogsustavazaizgradnjuEPUB3e-čitača.Readiumusemožepristupiti

putempreglednikaGoogleChrome[27].

Malosoftverapodržavamogućnostikojenudiovajformat(bilozakreiranjebiloza

čitanje).Malojeljudiupoznatoskreiranjemformataupraktičnomsmislupanije

dostupnomnogoinformacijailisavjeta.

EPUB2polaganojezamijenjennovijomvarijantomstandardaEPUB3kojije

sofisticiraniji.Podržavasveštopodržavajuinajnovijeinternetsketehnologije:najnoviju

tipografiju,video,animacije,zvučnesadržaje…Usvajanjeovognovogformata

problematičnojeizvišeaspekata.Najprije,nepostojipodrškauoblikusoftveraza

kreiranjetakvihe-knjiga,zatimnepostojeuređajikojiupotpunostipodržavajusvešto

nudiEPUB3.Izdavačinisunaviklinatakvetipovesadržajauknjigamapasunespremni

zanove,kompleksnijeiskupljeproizvodneprocese(npr.dosadanitkonijemorao

kreiratiipripremativideozaknjigu).Adaptacijatržištajošjeupunomjeku.EPUB3

mijenjamogućnostiidefinicijee-knjigeteuklanjatehnološkepreprekekojesudosada

prisiljavalee-knjigedabuduisključivotekstualnogsadržaja.Procesizradejestogajoš

uvijekdugotrajaniskup[28].

Tehnologijareproduciranjaodnosnomehaničkogiščitavanjauosnovnomoblikuovisi

isključivootomeuključujelie-čitačuključujeTTS(text-to-speech)tehnologijuiliima

pristuptakvojpomoćnojtehnologiji.Međutim,kompleksnijiizrazivokabularačesto

buduizrečeninakrivinačinbezpoboljšanja.EPUB3dodajetrinovekomplementarne

tehnologijekojimasetapoboljšanjamoguizvesti.PronunciationLexiconSpecification

(PLS)definiraXMLbazupodatakakojasadržiizgovoreriječičijeseiščitavanjenemijenja

sobziromnakontekst.SyntheticSpeechMarkupLanguagedozvoljavadaseizgovori

unesuizravnouoznačnijezikteseupotrebljavajuukombinacijisPLSleksikonimaza

izgovoreuposebnimsituacijamapoputheteronima.CSSSpeechModulessadržerazne

atributezakontroluizgovorapoputsricanjariječiibrojkiiliugrađivanjapauza.Nažalost,

jošuvijeknepostojee-čitačikojipodržavajuovetritehnologije,iakopostojerazni

EPUB3e-čitačikojiimajuosnovnutehnologijumehaničkogiščitavanja[29].

EPUBjeformatosnovannaotvorenimstandardima,alinudimogućnostugrađivanja

DRMprotekcije.Samougrađivanjeupotpunostiovisiosamimizdavačimai/ili

distributerima.Akoe-knjiganemaDRM,arhiviranje,kopiranjeidijeljenjesadržajau

Page 29: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

21

potpunostijeomogućeno.ZarazlikuodAmazonaiApplea,ugrađivanjeDRMshemejest

opcionalno.

Page 30: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

22

2.7. FormatiBooks(IBA)

ApplekreirasvojvlastitizatvoreniformatkojisetakođerosnivanaformatuEPUB2.0.1,

aliimaodređenanadodanasvojstvakojanedostajuformatuEPUB2.Applesudjelujeu

kreiranjustandardaEPUB3teseposljedičnovelikdiotogstandarda(npr.osnovni

konceptiizradeidistribucijetestrukturepodataka)možepronaćiuformatuiBooks.

Apple2010.godinepuštaudistribucijuuređajiPadsaplikacijomiBookszačitanjee-

knjiga(PDFiEPUB).TakođerkreirainoviformatAppleFixedLayoutEPUBnamijenjenza

sadržajkojijeneodvojivodslika,poputkuharica,putopisa,knjigafotografijailidječjih

knjiga.TajseformatmožečitatiisključivonauređajimasoperativnimsistemimaiOS4i

višetenijepodržannadrugime-čitačimakojipodržavajuEPUB.Godine2012.puštaju

softveriBooksAuthorkojiolakšavaizraduinteraktivnihimultimedijskihe-knjigautom

zatvorenomformatu.Takvee-knjigemogusekreiratiodkućebezmnogoznanjao

razvojnomprogramiranjuiliformatimaidistribuiratiisključivoputemAppleiBooks

Storeasekstenzijom.ibooks.E-knjigekupljeneputemiBooksStoreanasebiimajuDRM

zaštitu,štoonemogućujekorisnikedameđusobnodijeleknjige.Prednostformata

iBooksjetoštojekreirandaoptimalnofunkcioniranaAppleovimuređajima(primarno

naiPadu)pakreatorsadržajaimaosiguranjedasvičitateljiimajupristuptomsadržaju

najednakioptimalannačin.Postojeiodređenerestrikcijeprilikomkreacijekojese

odnosenaveličinudokumenta,naslovneslike,veličinevideosadržajainekihCSS

svojstva.Formattakođerpodržavafunkcionalnosttext-to-speechiskriptiranje,alije

fiksan,štoznačidaseneprilagođavaveličinizaslona(zamišljendasečitanauređaju

iPad).NakonizlaskaspecifikacijeEPUB3Appleodbacujeovajformatiprelazinapunu

podrškuformataEPUB3,iakoidaljepostojeizdavačikojipreferirajuovajformatiizdaju

putemiBooksStorea.

Od2012.godineiBookspodržavaugrađivanjefontova,naprednematematičkeformulei

interaktivnost.ZarazlikuodformataEPUB3,iBooksimasvojevlastitenamespaceovei

CSSekstenzije.MožesečitatiisključivonaaplikacijiiBooksnauređajimasaiOS

operativnimsistemima.KreiranjejevrlojednostavnoputembesplatneaplikacijeiBooks

Author.NajvećamanaformatajestdajediozatvorenogAppleovaekosustavaizkojegne

možeizići.IzdavačiikreatorisadržajaprisiljenisuizdavatiknjigeputemAppleiBooks

Page 31: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

23

Storea,ačitateljičitatiputemaplikacijeiBooks.FormatjemogućeeksportiratiuPDF

putemaplikacijeiBooksAuthor,aliniujedandrugiformat[27].

Pretraživanjeunutarsamoge-čitača(aplikacijeiBooks)upotpunostijeomogućeno,isto

kaoiprilagođavanječitateljevimpreferencijamafonta,veličineibojepozadine.E-knjige

kupljeneputemiTunesStoreatakođeromogućavajuautomatskoažuriranjepoputbilo

kojedrugeaplikacije.Također,iBooksnudiopcijukreiranjatečnogformatakojise

prilagođavaekranuilipakfiksnogformatakojijeponekadpotrebanpogotovokod

dječjihknjigasilustracijamailimangastripova.AplikacijaiBooksAuthoromogućuje

automatskokreiranjee-knjigaspristupačnošćuzaonesvizualniminvaliditetom

iskorištavajućisvojuvlastitutehnologijuVoiceOver,kojajetrenutačnonajnaprednijana

tržištu.Najvećamanaformatajestdajezatvorentenamijenjenprvenstvenočitanjuna

iPadu(iakojemogućeinaostalimAppleovimuređajima).

Page 32: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

24

2.8. FormatPDF(PortableDocumentFormat)

PDFjeformatkojisvojizgleddugujetiskuiotisnutojstranici.OsimuAmerici,veličinate

stranicenajčešćejeA4.Prelaskomizanalogneknjige(otisnute)uelektroničkuverziju

knjigemijenjasedefinicija„stranice”.Stranicajedosadafiksnaplohaukojusesmješta

teksti/ilislikeikaotakvadefiniraočekivanjaiponašanjakorisnika.Tanaučena

ponašanjatolikosusnažnadasudjelomičnoodredilakorisničkaponašanjamodernih

uređajakojisedržeuruci(handheld–pametnitelefoniitabličnaračunala),poput

„listanja”izmeđuekrana.Dorazvitkae-knjiganitkosenijebaviorazmišljanjimaotome

štotakavmedijdopuštailionemogućuje.PDFjeformatzaprikazivanjedokumenata

neovisnoosoftveru,hardveru,operativnomsustavukojimćeseizrađivati,aliineovisno

otomenačemućesečitati.MožesekreiratisoftveromAdobeAcrobat,aliimnogim

drugimsoftverimakojinisuAdobeovi.UpočetkujePDFbionamijenjenprikazustatične

otisnutestranice,nospecifikacijasesvremenommijenjatedanaspodržavainteraktivne

elemente(npr.poveznice,zvukivideo)istrukturiranooznačavanjesadržaja(npr.XML),

štokasnijemožekoristitizapristupačnostiliinteroperabilnost.PDFjedanasjedanod

najraširenijihformatakojisemožeslakoćomkreiratinaširokomspektrusoftvera,alii

čitatinabilokojemuređaju.DokumentiuformatuPDFjednostavnonudevećinu

atributapapirnatihdokumenata(strukturastranice,naprednagrafikaidetaljandizajn,

uznavedeneelektroničkemogućnosti).PDFjetakođermeđuprvimformatimakojise

moženazvatie-knjigom.Najvećajeprednostiistovremenomanaovogformatanjegova

fiksnaistrogokontroliranastranica[28].

VećinauređajamožeučitatiPDFdokumente,jednakokakoihmnogosoftveramože

kreirati,alibašzbogteraznolikostiPDFčestobudenepristupačan.Možeseučiniti

pristupačnijimpravilnimsemantičkimoznačavanjemiuključivanjemalternativnogteksta

zagrafike.BeztakvogćepristupaPDFbitinepristupačanzatehnologijumehaničkog

iščitavanja[25].

PostojeraznisoftverskialatikojiomogućujukonvertiranjePDFdokumenataudruge

formatee-knjiga,međutimčestosepojavljujugreškeuformatiranju.

Page 33: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

25

Slika1.StrukturaPDFdokumenta

Page 34: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

26

2.9. Evaluacijapristupačnostiformataiuređaja

Tiskaneseknjigeproizvodenadvapotpunorazličitanačinakadaseoblikujuza

pristupačnostiosobamaslabijegvidailislijepima.Tiskanajeknjigafiksnausvojim

mjeramaiveličinipismapanepostojinačinkakojeprilagoditidrugačijimpotrebama.Za

slijepepostojiBrailleevopismozakojeseknjigemorajuposebnopripremati,aliizvučne

knjigekojejepotrebnosnimati.Prelaskomudigitalnookruženje,knjigeitehnologije

takođerseprilagođavaju.KonzorcijDaisy(DigitalAccessibleInformationSystem)

formiranje1996.godineuciljudaomogućiprijelazanalognihzvučnihknjigaudigitalne.

Daisyjeotvorenisustavčijesedigitalneknjigesastojeodaudionaracijesadržaja,

dokumentasinkronizacijezvučnihitekstualnihdokumenatatenavigacije.Kreiranje

zvučnihknjiga,biloanalognihbilodigitalnih,zahtijevaznatnovrijemeiresursepaseveć

duljepokušavapronaćilakšinačinzapristupačnostdigitalnimsadržajima.Tetehnologije

najprijesestvarajuzaomogućavanjepristupasadržajunainternetu.E-knjige

predstavljajuvelikpotencijalzaljudesinvaliditetomusmislupristupainformacijama

kojebiiminačebilenedostupne,akosue-čitačiopskrbljenitehnologijomkoja

omogućavapristupačnostslijepimislabovidnimosobama(npr.Screenreader,Braille,

Screenmagnifiers),ae-knjigeoblikovaneadekvatnimtehnologijama.Posljednjihgodina

tehnologijajeznatnonapredovalaukvaliteti,posebicekvalitetiizgovora,teseproširilai

na„obične”korisnike,anesamoonezakinutezavidnesposobnosti.Naime,nemaju

samoslijepcipotrebuzapristupačnošću,postojemnogesituacijeusvakodnevnom

životukadajezgodnijeposlušatinekisadržajumjestočitanja,npr.kadasurukezauzete

nekimalatimailiupravljanjemvozilom,kadasvjetlonijeoptimalnozačitanjeilipri

učenjustranihjezikapričemujeključnočutiizgovor.Semantičkiwebpolaganopostaje

realnostsHTML5jezikomkojiznačenje(semantiku)informacijadefiniratakodaga

razumijuljudiistrojevi.Semantičkiwebnatajnačinomogućujeiprimjenunaprednih

text-to-speechtehnologija,odnosnomehaničkogiščitavanjasadržajaipretvaranja

svojegsadržajaupristupačan.Kakobitext-to-speechoptimalnofunkcioniraomorajubiti

zadovoljenadvauvjeta:sadržajmorabitioptimalnoopisanoznačnimjezikomna

semantičkikorektannačinteuređajnakojemsesadržajiščitavamoraimatiugrađenu

Page 35: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

27

takvufunkciju.Uslučajuiščitavanjasadržajae-knjiga,sadržajmorabitipripremljenna

adekvatannačinie-čitačmoraimatiugrađenuposebnutehnologiju.

Premasekciji508smjernicaTechnologyAccessibilityStandards&W3CWebContent

AccessibilityGuidelines2.0(WCAG),e-knjigajepristupačnakadahardverilisoftverima

baremjedannačinkorištenjaidolaženjadoinformacijazakojenijepotrebanvid,zaone

kojislabovide,kojinečuju(ilislabočuju),zakojenijepotrebnafinamotorikarukuili

simultanipokreti,kojisemožeupotrebljavatismalomsnagomilidosegom.WCAG2.0

imačetiriglavnaprincipa:

1. primjetljiv:informacijeikomponentekorisničkogsučeljamorajubiti

predstavljenekorisnicimananačindasuprimjetljive

2. operabilan:komponentekorisničkogsučeljainavigacijamorajubitioperabilne

3. razumljiv:informacijeioperacijekorisničkogsučeljamorajubitirazumljive

4. robustan(jasan):sadržajmorabitidovoljnojasandasemožesigurno

interpretiratisrazličitimkorisničkimposrednicima,uključujućiipomoćnu

tehnologiju[30].

Najvećapreprekaupristupačnostie-knjigajestkadasadržajnijeoblikovannabazi

teksta.Upotrebaslikaumjestotekstaonemogućavapomoćnojtehnologijidaprocesuira

sadržajtakodagamožeobraditizamehaničkoiščitavanje.Također,slikeue-knjigama

znatnojetežepovećavatiičitati,sobziromnarezolucijuisamuotežanutehnikučitanja

sadržaja(zoom&pan).VlasničkizatvoreniformatisuključenimDRM-omtakođer

komplicirajupristupačnosttesuzaključaninaodređeniuređaj,kojionemogućava

pristupsadržajuakonemaopcijupomoćnetehnologije.Najpristupačnijiformatie-knjiga

uključujuEPUB3iiBooks(aliisključivonaAppleovimuređajima).Najlošijeopcije

pristupačnostinudiuređajKindleFiresasvojimvlastitimformatomKF8kojinemaopciju

korištenjapomoćnimtehnologijama.

Page 36: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

28

3. ANALIZAPRISTUPAČNOSTIE-ČITAČA

Postojee-čitačiuoblikuuređajačijajejedinafunkcijačitanjee-knjiga(KindleiSony)i

multifunkcionalniuređajinakojimasetakođermogučitatie-knjige(iPad).Alipostojei

aplikacijee-čitačikojiseinstalirajunaželjeniuređaj(mobilnitelefon,tabličnoračunalo

iliosobnoračunalo).Takođerpostojeie-čitačibaziraninainternetskompregledniku.

Prematehnologijiprikazatakođersedijelenaonekojisekoristetehnologijome-inki

onesLCDekranima.E-čitačinamijenjeniisključivočitanjue-knjigauobičajenosuupareni

stehnologijome-ink.Onistehnologijome-ink,naravno,imajumnogoduljuizdržljivost

baterijetelakšečitanjenadirektnojSunčevojsvjetlostinegoonispozadinski

osvijetljenimLCD-om.E-inkprikazčešćejecrno-bijeli,teknovijiimajuprikazboja.

LCDe-čitačimogukristalnojasnoprikazatislikesvihbojaivideozapisevisokihrezolucija.

Mnogie-čitačidolazeopremljenistandardnimopcijamaispomoćiosobamas

invaliditetom.Tipičnajemogućnostkorištenjetehnologijomtext-to-speechkoja

mehaničkiiščitavatekst.Dobretext-to-speechaplikacijedozvoljavajukorisnicimada

podesebrzinučitanja,označavajuriječkojasečitanekombojomteimajuizbornikei

tablicesadržajakojesemoguposlušati.Ovatehnologijaimajošuvijekmnogomanajer

seoslanjanaračunalnočitanjekojenezvučikaoljudsko,tejošuvijeknemamnogo

podrškeizvanengleskogagovornogpodručja.Ipakomogućavaslijepimadapristupe

sadržajukojibiiminačebionedostupan.Pristupačnostnae-čitačimatakođeruključuju

mogućnostipovećanjaveličinepisma.

E-čitačiKindletvrtkeAmazondolazeudvaoblika:e-čitačuoblikuuređaja(hardver)ie-

čitačuoblikusoftvera.UređajiKindle(sviosimKindleFire)imajufunkcijutext-to-speech

kojaiščitavasveelementeizbornikaisadržaj.KindleFirenedolazistandardnosopcijom

text-to-speech.KindlečitaAZW,Mobi,KF8iPDF,anečitaEPUB.

E-čitačBarnes&NobleNooktakođerdolaziuvarijantamahardveraisoftvera.Nookčita

EPUB(sposebnimDRM-om)inemaopcijezapristupačnost.

ApplejerazviosoftveriBookszaiOS(iPad,iPhoneinovijaAppleovaračunala)te

podržavaformateEPUB,PDFiiBooks.DolazesugrađenimsoftveromVoiceOverza

iščitavanje.Trenutačnopredstavljajunajpristupačnijutehnologijunatržištu[31].

Page 37: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

29

AdobeDigitalEditionsjestdesktope-čitačikaotakavsekoristitehnologijomdotičnog

operativnogsustava(uključujućiitext-to-speech).Namijenjenjezačitanjeformata

EPUB2iEPUB3tePDF-a.

Page 38: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

30

4. KREIRANJEE-KNJIGARAZLIČITIHFORMATA

Oblikovanjee-knjigeuvelikejesličnokreiranjumrežnestranice.Potrebnojeupoznatise

saspecifikacijomdotičnogformataterestrikcijamae-čitačakojimajetajformat

namijenjen.Nijemogućekreiratiuniverzalnidokumentzasvee-čitače,osimuslučaju

PDFdokumenta.

FormatPDFnajlakšijeinajbržizaoblikovanjezahvaljujućivelikombrojusoftverskih

alatakojitoomogućuju,aliifiksneveličinestranicekojaseneprilagođavauređajima.

Također,nikakvaposebnapredznanjanisupotrebnaprilikomkreiranjaovogformata,

osimuslučajusemantičkogoznačavanjasadržaja.

CjelokupnuspecifikacijuEPUBobjaviojeIDPFnasvojojmrežnojstranici.Posljednjaje

specifikacijaEPUB3.01objavljena2014.godine,alisadržisamomanjeizmjeneod

posljednjevelikeizmjeneEPUB3iz2011.godine.EPUBsemožekreiratiraznim

softverskimalatimakaoštosuAdobeInDesign,Calibre,ApplePagesiJutoh.Međutim,

zakvalitetnooblikovanee-knjigeformataEPUBskorektnomsemantikom,kreirane

premaspecifikacijamaIDPF-a,potrebnajeilipostproizvodnjaili„ručno”oblikovanje

upotrebomuređivačatekstazaprogramiranje.Patakopostojealati(npr.Jutoh)za

„popravljanje”semantičkenekorektnostikojaseproizvodiInDesignom,aliipopularni

konverteri.Potrebnasuposebnaznanja,iakoseosnivanajezicimaHTML,CSSiXML,

postojeposebnerestrikcijeprilikomprimjeneodređenihelemenataiatributa,alii

posebnemogućnostispecifičnezae-knjige.Najosnovnijiformate-knjigemožesekreirati

sosnovnimznanjemHTML-aiCSS-aiobičnimuređivačemteksta.Iakojespecifikacija

preporučena2011.godine,podrškaovisioe-čitačuteseshodnotomemogu

upotrebljavatiodređenasvojstva.Postojealatikojiolakšavajuproizvodnju,npr.

EPUBCheck(zavalidaciju),ePUBZip/Unzip(zapakiranjenaOS-u)iePUBPack(za

pakiranjeuoperativnomsustavuWindows).

IzformataEPUBmogućejeproizvestisveostaleformatee-knjigaraznimdostupnim

alatimazakonverziju.

MobipocketsemožekreiratialatomMobipocketCreator,zakojinijepotrebnoposebno

predznanje.SoftveromsemogukonvertiratiWord,PDFitekstualnidokumentiili

nadodavativlastitikreiraniHTMLdokumenti.

Page 39: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

31

AmazonimadetaljandokumentkojiopsujenačinkreiranjaformataAZW/KF8tenudi

vlastitealatezakreiranjee-knjigautimformatima.Postojimogućnostupotrebedodatka

zaAdobeInDesign.KindleGenjebesplatansoftverzakonverzijuizformataHTML,

XHTMLiliEPUB.KindlePreviewerSoftvergrafičkojesučeljekojeomogućuje

pregledavanjeprikazae-knjigenauređajuKindle.Amazonspecificiranačinupotrebe

dozvoljenihelemenataHTML-aiCSS-a,aliisvojavlastitanestandardnasvojstva.

DistribucijaiizdavanjeAmazonovihformatamogućisuisključivoputemAmazonakojie-

knjigezaključavasvojomDRMshemom[32].

KreiranjeioblikovanjeformataiBooksmogućejeisključivokorištenjemAppleova

besplatnogsoftveraiBooksAuthor.Alatjenamijenjenzaštojednostavnijekreiranjee-

knjigezaautoreimaleizdavačekojimanijepotrebnonikakvoposebnopredznanjeo

tehnologijamaHTML,CSSiliXML.E-knjigekreiranenaovajnačinmorajuproćikroz

AppleoviTunesStore,platitinaknadutebitizaštićenevlastitimDRM-om.

Page 40: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

32

5. USPOREDBAFORMATAE-KNJIGAPREMADEFINIRANIMPARAMETRIMA

OPTIMALNOGAMATEMATIČKOGSLOGA

TEČNOST(engl.reflowable)(prilagodbaveličinizaslona,rezolucijiiorijentacijizaslona)

Glavnakarakteristikakojakonceptualnoodvajaidefinirae-knjiguuodnosunaotisnutu

knjigejestsvojstvodanemafizikalnihkarakteristika.E-knjigeutomsmislunemaju

veličinu,rezolucijunitežinu.Smisaoe-knjigajestdajesadržajdostupanuvijekinasvim

uređajimakojimasutrenutačnikorisniciokruženi,poputtabličnihračunala,prijenosnih

računala,mobilnihtelefonaiuređajanamijenjenihzačitanjeknjiga(e-čitača).Svojstvo

prilagođavanjasadržajaveličini,orijentacijiirezolucijizaslonaključnojezapristupačnost

sadržaja.Sadržajseneprilagođavausmislusmanjivanjailipovećavanjateksta,već

aktivnogprelamanjasadržajapremadostupnojveličiniirezolucijizaslona.Prvikoncepti

e-knjiga,poputstandardaOEBPSiformataMobipocket,uvidjelisuprednosttakvog

konceptakojiserodiosmrežnimtehnologijama,apristupsenastavioikodformata

EPUB2iEPUB3,nasljednikaMobipocketaformataAZWiKF8teformataiBooks.

FormatiMobiiEPUB2.1tečnisuusmisluprilagođavanjatekstaveličiniekrana.Obase

mogugeneraliziratikaozapakiranemrežnestranice.Kaotakve,primarnajefunkcijakoju

obnašajuprikazivanjejednostavnihtekstualnihdokumenata,međutimkodbilokakvog

kompliciranijegprijelomapoputtablicaigrafikapokazujuniskukvalitetuprikaza.

SvojevrstanjeAmazonovodgovornaEPUB3zatvoreniformatKF8,kojijesličan(iobase

osnivajunanajnovijimW3Cstandardima),alidovoljnorazličitkakobiprodukcija

zahtijevalasvojevlastitetehnološkeintervencije[28].

IEPUB3iKF8tečnisuformatikojidozvoljavajuprilagođavanjetekstaveličiniekrana.

Međutim,EPUB3dozvoljavamnogovišefunkcijazakontroliranjeprijelomaistranicai

riječiovisnoojeziku,štoKF8nedozvoljavateprisiljavatekstdauvijekbudeobostrano

poravnat[27].

JedinistandardkojinepodražavaaktivnaprilagođavanjakaoosnovnosvojstvojestPDF,

čijajepovijest,atimeinamjenadrugačija.PDFipakspadaukategorijuformatae-knjiga

potomeštojeelektroničkiformatkojiopisujeknjiškisadržaj,aliisvojimdrugim

karakteristikama(npr.pretraživost,navigacijaiinteraktivnost).Nonepreporučujese

kaoprimarniformate-knjigazbogsvojeumanjenepristupačnosti(posebnonamanjim

Page 41: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

33

zaslonima,poputpametnogtelefona)izravnopovezanesasadržajemkojinijetečan.

UčitavanjemPDFdokumentanamanjimzaslonimastranicaseprikazujetakodase

skalirapremaveličinizaslona,nobudućidajevećinaPDFdokumenatapripremljenau

veličiniA4ilisl.,takavjeprikazpremalenzačitanje.Korisnikjetadaprisiljenručno

povećatistranicutenavigiratiponjojprstima,štoumaraiumanjujesposobnost

razumijevanjasadržaja.

PODRŽANOST(engl.support)(alatizačitanje)iOTVORENOST(engl.open)(povezanost,

konverzijaiarhiviranje)

Formatie-knjigamogubitiotvoreniizatvoreni.Otvoreniformatinisuosmišljenizaneki

konkretniuređajtejenjihovaspecifikacijaupotpunostidostupna,auslučajue-knjiga

čestoseosnivajunanekompostojećem,takođerotvorenom,mrežnomstandardu

(poputjezikaHTML,XMLiCSS).Prednostjeotvorenihformatanjihovanezavisnosti

dostupnost.UovukategorijuspadajuOEBPS,EPUB(2i3)tedonekleiPDF.Zatvoreniili

vlasnički(engl.proprietary)formatispecifičnosukreiranizaodređeniuređajiliaplikaciju

izvankojeimsenemožepristupiti.Njihovajespecifikacijadostupnauonojmjeriukojoj

toproizvođačdozvoli,anapredaksvojstavaovisiodotičnomproizvođaču.Takoje

MobipocketrazvijenzačitačMobipocket,formatiAZWiKF8zauređajeKindlei

aplikacijezačitanjeKindle,aiBookszaaplikacijuiBooksnaAppleovimuređajima.

Podržanostformataovisionjihovojotvorenosti.Otvorenisuformatiukonstantnom

razvojuzbogsvojeovisnostiodrugimotvorenimmrežnimstandardima,pajetakoi

mogućrazvitakalatazačitanje.Glavnirazlograzvojae-čitačaReadiumjestdapotaknei

drugenarazvitaknovihe-čitačazaštovišeuređaja,štojeevidentnoiznjihova

postojećegirastućegbroja.PDF,iakogajeAdobeinicijalnokreiraokaozatvorenog,

postaojeotvoren2008.godinekadajespecifikacijaslužbenopuštenaujavnost.PDFje

kreirandabudeneovisanouređaimaiplatformamatedodanastakaviostaje.

Međutim,zbogtogaštootvoreniformatinisuosmišljenizanekispecifičniuređaj,

podržanostodređenihdijelovaspecifikacijenijezagarantirana(zarazlikuodzatvorenih

formata).IakojespecifikacijaEPUB3izašla2011.godine,jošuvijekznatandiouopće

nijepodržanninajednome-čitaču,doksunekidijelovidjelomiceiliupotpunosti

podržani.ZbogtogajeIDPFosmisliomrežnustranicuepubtest.orgnakojojtkogodželi,

Page 42: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

34

premastandardiziranimtestovima,prijavljujekojijediospecifikacijepodržannakojem

e-čitaču.Natajsenačinuvelikepomažerazvojnimprogramerimae-knjiga(aliie-čitača)

prilikomoblikovanjae-knjiga.Podržanostkodzatvorenihformatanijeupitnajersuti

formatiosmišljenizatajdotičanuređaj.Problemjeisključivokodpristupakupljenime-

knjigamajersu„zaključane”utajuređajiliplatformu.Npr.e-knjiguiBooksnijemoguće

čitatinauređajukojinijeApple.

SampojamotvorenostinijepovezanspojmomDRM-a(DigitalRightsManagement).

DRMjekodnazaštitakojaonemogućujekopiranjeiarhiviranjedokumenataosmišljena

zbogzaštiteodpiratstva.IakojeEPUBotvoreniformat,aKF8zatvoreni,naobaje

mogućeugraditiDRMzaštitu,samoštojeDRMobveznouključennasvimAmazonovimi

Appleovime-knjigama,dokjenaEPUB-uopcionalan.ZbogprisutnostiDRMshemee-

knjigekupljeneputemAmazonoveknjižarenijemogućedugoročnopohraniti,već

iznajmiti.E-knjigebezDRMzaštitemogućejepohraniti,dijelitiikopiratitečitatina

neograničenombrojuuređajakojitajformatpodržavaju.

Konvertiranjezatvorenihformata,ovisnoozemlji,nijemogućenalegalannačinakoe-

knjigusaministeizradili,jerkakobisee-knjigakonvertirala,obveznojeuklanjanjeDRM

sheme.Akostee-knjigusamiizradili,postojimogućnostkonverzijekrozodređene

softverskealatepoputCalibre,alisurezultatičestonepredvidljiviusmisluprijeloma

(Mobipocket,AZW,KF8).iBooksAuthormožeimportiratiEPUB,inDesign,PDF,Word,

PagesiText,alieksportiratisamouformateiBooksiPDF.FormatEPUBmogućeje

konvertiratiubilokojidrugiformat,aliobrnutiprocesnijeuvijekmoguć,zadovoljavajući

ililegalan.

EPUB3,KF8iiBooksdozvoljavajudefiniranjestandardnogfonta,veličinefonta,znakova,

udaljenostiriječiiredakaputemCSS-a.Ovestilovekorisnikuvijekmožepregazitina

svojemuređaju.EPUB3dozvoljavakontroluprijeloma(margina)putemCSS-a,dokje

KF8nedozvoljava[27].

IZRADA(vrijeme,alati,znanje)

Procesizradee-knjigeovisioželjenomformatukojisečestoodabirepremasadržaju

samee-knjige,aliiciljanepublikeitržištakomejenamijenjena.Amazonoviseformati

kreirajuisključivoputemnjihovihvlastitihalatakojizahtijevajuučenjeprilikom

Page 43: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

35

zahtjevnijihoblikasadržajaiprijeloma.Prednostjepostojanjedodatka(plug-in)za

InDesignkojijestandardnialatstrukezaprijelomtemogućnostkreacijeizHTML

dokumenata.iBooksjevjerojatnonajjednostavnijizakreacijuteimanajbržukrivulju

učenjazahvaljujućiAppleovusoftveruiBooksAuthorkojijepristupačanijednostavanza

upotrebutenemaiznenađenjauizlaznomformatu.PDFjeprisutanvećtolikogodinau

struciprijelomapanemagovoraoproblemimapostojanjapotrebnihalatailiznanja.

Najvećiproblemkvalitetneizradesemantičkee-knjigeimaformatEPUB.Zbogmnoštva

dijelovaspecifikacijekojajošnijepodržana,razvojniprogrameriprisiljenisuosmišljavati

načinezanovetipovesadržaja.Većinastandardiziranihsadržajakojisuprisutnina

internetunepredstavljajuproblem,alidosadauindustrijiizdavaštvanisubilipotrebni

razvojniprogrameri,većgrafičkidizajneri.KreiranjeEPUB-aimajošuvijekpreprekeu

pristupačnimalatima(iakoInDesignvrlobrzonapreduje),aliipotpunonovomtipuposla

kojipodrazumijevaikodiranjeigrafičkidizajnprijeloma.Međutim,jednakokakonijedan

alatnijeosmišljenzakvalitetnokreiranjemrežnihstranica(iakojeAdobeDreamweaver

pokušao)teseoneidanaskreiraju„ručno”uuređivačimateksta,zasadajejednaka

sudbinaEPUBe-knjiga.InDesignmožeuvelikeubrzatiproces,posebicedijelovapoput

metapodatakainavigacije,nosamsadržajmorasenaknadnoispravljatikakobibio

semantičkipravilan.Zbogtogajenajbržiinajkorektnijinačin„ručno”oblikovanjeu

uređivačuteksta.

Najčešćinačinkreiranjae-knjigedodanasjeipakkonverzijaizPDF-auMobiiliEPUB.

Takavjeproceskompliciranizahtijevamnogoviševremenanegodasee-knjigakreira

odpočetka,zbogmnogonepredvidivihgrešakakojesedogađaju,poputneobjašnjivih

prijelomastranicailinestankadjelateksta[28].

MATEMATIČKISADRŽAJ(prijelomiažuriranje)

Matematičkisesadržajue-knjigedanasmožeugraditiuoblikuslike,jezikaSVGili

označnogjezikaMathML.OznačnijezikMathML,semantičkioptimalanzaoblikovanje

pristupačnogamatematičkogsadržaja,podržanjeuformatimaEPUB3iiBooks.

OblikovanjemmatematičkogsadržajaMathML-omtakođerseomogućujeažuriranjete

vrstesadržaja,dokjetakavsadržajuoblikuslikezauvijekzarobljenubitmapobliku.

Opcijeoblikovanjanajsigurnijesuioptimalneuoblikuslike(dakleMobipocket,AZWi

Page 44: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

36

KF8)iPDF-u,alitakosegubiopcijatečnostitogsadržaja.Optimalanmatematičkislogu

e-knjigamapodrazumijevadajeoblikovanoznačnimjezikomkojijedostupanpomoćnim

tehnologijama,kojiseaktivnoidinamičnoprilagođavaveličiniekranatakodasadržaj

ostaječitljivirazumljivbezobziranatokojisee-čitačupotrebljava.Oblikovanjei

prijelom,uteoriji,upotpunostisudefiniranijezikomMathML,aunastavkuovograda

vidjetćeseoptimalninačinizapostizanjetihmogućnosti.

Zaključujesedajezaizraduoptimalnogadinamičkogmatematičkogsloganajbolji

formatEPUB3jerjeotvoren(nevezanisključivozajedantipe-čitača),omogućuje

prilagođavanjematematičkogsadržajarazličitimrezolucijamaiveličinamae-čitačate

omogućujepristuppomoćnimtehnologijama.

Tablica1.Usporedbaformatae-knjigapremadefiniranimparametrimazaoptimizaciju

dinamičkogamatematičkogsloga

format tečnost podržanost otvorenost izrada DRM pristupačnost matematika

Mobipocket da ne da da opcija da ne

AZW da ne ne da da da ne

KF8 da ne ne da da ne ne

EPUB2 da da da ne opcija da ne

EPUB3 da da da ne opcija da da

IBA da ne ne da da da da

PDF ne da da da opcija parcijalno ne

Page 45: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

37

6. KREIRANJEMODELAE-KNJIGESTANDARDOMEPUB3

SpecifikacijaEPUBstandardnijeformatzadistribucijuirazmjenudigitalnihpublikacijai

dokumenata.EPUBdefiniranačinprikaza,pakiranjaikodiranjastrukturiranogi

semantičkipoboljšanogmrežnogsadržaja(uključujućiHTML5,CSS,SVG,slikei

multimediju)zadistribucijuuoblikujednedatoteke.EPUB3trećajeverzijastandarda

kojasesastojiodčetirispecifikacije:

1. EPUBPublications3.0kojadefinirasemantikuisveobuhvatnusukladnostza

EPUBpublikacije

2. EPUBContentDocuments3.0kojadefiniraprofileXHTML,SCGiCSS-aza

primjenuuEPUBpublikacijama

3. EPUBOpenContainerFormatkojadefiniraformatdatotekeimodelobradeza

pakiranjesvihdatotekaujednu(ZIP)

4. EPUBMediaOverlays3.0kojadefiniraformatimodelobradezasinkronizaciju

audiozapisaiteksta.

TrenutačnaverzijastandardajestEPUB3.0.1kojajenasnaziodlipnja2014.godine.

SpecifikacijujekreiralaskupinaIDPF(InternationalDigitalPublishingForum)EPUB

WorkingGroupčijijeradupotpunostiotvorenogtipa(eng.opensource).EPUBje

općeprihvaćenkaoformatzae-knjige,aosmišljenjedapodržavasvevrsteizdavačkih

potrebapoputkompleksnihprijeloma,multimedijeiinteraktivnostiteglobalne

tipografije.Namjenamunadilaziisključivoe-knjige,teuključujeičasopise,publikacijeza

edukacijutestručneiznanstvenepublikacije[33].

Processtandardizacijezapočeoje1998.godineiciljmujebiorazvitiotvorenistandard

e-knjigekojiseosnivanaXML-utejeneovisanoplatforminakojojsečita.Platformesu

postalerelevantnenakonpojaveuređajamanjihzaslonanakojimasePDFnijemogao

čitatikaonadesktopračunalima.EPUB2biojeoblikovanvećinomzatekstualneknjiges

varijabilnomširinomkojaomogućujesadržajudaseaktivnoprilagođavaširinizaslonate

timepružaopcijučitanjanauređajimarazličitihveličina.EPUB3nastaojekakobi

ispravionedostatkestandardaEPUB2,asadaseosnivanatehnologijamaHTML5iCSS3

dozvoljavajućikreacijumultimedije,kompleksnihprijeloma,matematičkihformulai

interaktivnosti,fiksnihprijeloma,nelinearnihdokumenataifunkcionalnostitext-to-

Page 46: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

38

speech.EPUBseosnivanatehnologijiHTML5odnosnoXHTML5.XHTML5jestXML

inačicaspecifikacijeHTML5,primjenjujeXMLnačinizražavanjateolakšava

automatiziranoprocesiranjedokumenata.IakoEPUB3dozvoljavaupotrebujezika

JavaScriptzaskriptiranisadržaj,ipaknijestandardiziran,štorezultirarazličitimrazinama

podrškenae-čitačima.Dovelikejepromjenetakođerdošlouoblikovanjunavigacijskog

dokumenta,kojijeustandarduEPUB2bioXMLdokumentekstenzije.ncx,kompliciran

zakreiranje,aliirazumijevanje.EPUB3uvodiHTML5element<nav>,jednostavnijiza

čitanjeiinterpretaciju[27].

PrvijekorakpriizradiEPUB3e-knjigekreacijadokumenatasadržajakojimorajubiti

XHTML5iliSVGdokumenti.Zatimslijedikreiranjedokumentapackagekojimsekoriste

e-čitačikakobisakupilirazneinformacijeoe-knjizi.Udijelumanifestuoblikupopisa

navodesesviizvoriupotrijebljeniprilikomoblikovanjadokumenatasadržaja,uključujući

dokumentestila,fontove,multimediju,slike,skripteiXHTMLdokumentesadržaja.E-

čitačiovimsepopisomkoristekakobiutvrdilijelie-knjigapotpunatekojesvevanjske

resursemoradobavitikakobiprikazalisadržaj.Udokumentupackagetakođersenalaze

metapodacikojiuključujuinformacijeoknjizi,poputautora,imenaknjige,vremena

izdavanjaitd.Obvezanjedioisekcijaspinekojauoblikupopisanavodistandardnislijed

čitanjasvihzasebnihdokumenatasadržaja.Posljednjijekorakprilikomoblikovanja

pakiranjesvihdokumenataujednuZIParhivu.Posebnidokumentimimetypei

container.xmlmorajubitiuključeniupaketkakobisepaketidentificiraokaoEPUBte

kakobie-čitačznaopronaćidokumentpackage.Ovajsemanualniprocestipičnone

izvodisvakiputucijelosti,većpostojesoftverskialatizasveukupnuilidjelomičnu

automatizacijuprocesa,ovisnoosadržajue-knjige.

EPUBdjelomičnosvojemogućnostitemeljinamrežnimtehnologijamakaoštosu

XHTML5iSVG1.1zatekst,slike,multimediju,matematičkisadržajigrafike;CSS2.1i3

zastilskooblikovanjeiprikazsadržaja;JavaScriptzainteraktivnostiautomatizaciju

skriptiranjem;TrueTypeiWOFFzaprimjenurazličitihfontova;specijaliziraneXML

gramatikezajednostavnootkrivanjeiprocesiranjeEPUB-a;SSML/PLS/CSS3text-to-

speechzapoboljšanoglasovnoiščitavanje.

OstalejetehnologijekojesekoristeuEPUBknjigamaspecijalnorazvioIDPF[34].

Page 47: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

39

Slika2.SlikastruktureEPUB3e-knjige:datotekamimetypesadržitekstkojime-čitač

prepoznajeEPUB;direktorijMETA-INFsadržidatotekucontainer.xmlkojaukazujena

dokumentpackage;direktorijOPS(OpenPublicationStructure)sadržisvedokumente

sadržaja,dokumentpackage,metapodatke,izvorepublikacijeinjihovelokacije,CSS

dokumenttetablicusadržaja(toc.xhtml).

DokumentmimetypejednostavanjeASCIItekstualnidokumentkojioperativnom

sustavue-čitačagovorinakojijenačine-knjigaformatirana.UEPUBe-knjiziuvijekmora

imatiidentičansadržaj:application/epub+zip.

DirektorijMETA-INFmožesadržavatijedanilivišeXMLdokumenata.Container.xml

obvezanjedokumentkojiukazujenadokumentpackageodnosnonasadržaje-knjige.

Opcionalnidokumentimogusadržavatiinformacijeoenkripciji,DRM-uisl.

PrilikomručnogkreiranjaEPUBe-knjigevažnojedajedokumentmimetypeprviunutar

ZIParhive.StandardnopakiranjeZIP-om,međutim,postavljadirektorijMETA-INFna

prvomjesto,anatajnačine-knjiganeprolazivalidaciju.Zbogtogaseprimjenjujualati

Page 48: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

40

zakreiranjeZIParhive,naMacračunalimaseupotrebljavaaplikacijaePubZip/Unzip,a

naračunalimasoperativnimsustavomWindowsePubPack.

Page 49: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

41

6.1. Dokumentpackage

Svetemeljneinformacijeoe-knjizipotrebnee-čitačimazaprocesuiranjenalazeseuXML

dokumentupackage.Dokumentzapočinjeelementom<package>sdjecom

elementima<metadata>,<manifest>i<spine>usljedećojstrukturi:

<package ... version="3.0"

xmlns="http://www.idpf.org/2007/opf">

<metadata xmlns:dc="http://purl.org/dc/elements/1.1/">

...

</metadata>

<manifest>

...

</manifest>

<spine>

...

</spine>

</package>

Element<package>moraimatideklariranuverzijuinamespace,amožeimatiijeziku

kojemjepisanismjerteksta.

Page 50: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

42

Slika3.Prikazstrukturedokumentapackage

Page 51: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

43

6.2. Metapodaci

EPUB3koristisevokabularomDublinCoreMetadataElementSet(DCMES)zavećinu

obveznihiopcionalnihmetapodatka.Metapodacipružajuinformacijeoe-knjiziio

sadržajuknjigekrajnjimkorisnicima,aliie-čitačimakakobiolakšaliprocesuiranjeEPUB-

a.Zbogpotrebezabogatstvomiraznolikošćumetainformacijakojeomogućuju

kompleksnijefunkcionalnosti,specifikacijaEPUB3dozvoljavaidrugevokabulareosim

onihosnovnih.Osnovnivokabularuključujeključneelemente:<meta>,<link>,

<item>(metapodacizaelementeumanifestu)i<itemref>(metapodaciza

elementeuspineu).Oviosnovniizrazipružajue-čitačimasiguranikonzistentannačin

razumijevanjaprocesuiranjasvakogelementa.Element<item>umanifestu,na

primjer,informirae-čitačotomekojidokumentisadržajauključujuMathMLi/ili

JavaScript.

PogonskimetaelementspecifikacijeEPUB3jest<meta>kojipružajednostavan,

generičkiifleksibilanmehanizamzapovezivanjemetapodatakaspackageominjegovim

sadržajem.Brojmetaelemenatanijeograničen,analazeseuelementu <metadata>,

prvomdjetetuelementa <package>.Element<metadata>moraobvezno

sadržavatitrielementa:

<dc:identifier>, <dc:title> i <dc:language>.Pritomsedcodnosina

vokabularDCMESkojimorabitideklariranunutarelementa <metadata>:

<metadata xmlns:dc="http://purl.org/dc/elements/1.1/">

Element <dc:identifier>sadržiidentifikacijskuoznakue-knjige(npr.ISBNiliDOI).

EPUBmožeimatiivišeovihoznaka,alisamojednamorabitiioznačenaatributom

unique-identifier.Element <dc:title>sadržinaslove-knjige,a

dc:languagespecificirajezikkojimjesadržaje-knjigenapisan.Postojeimnogidrugi

korisni,aliopcionalnielementimetapodatakakojiupućujunainformacijeokreatorue-

knjige,autoru,datumukreacijeitd.SpecifikacijaEPUB3takođernalažedapackage

sadržavametaelementkojibilježivrijemeidatumizrade.Osnovnielement

<metadata>EPUBe-knjigemožesevidjetinaslici4.

Page 52: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

44

Slika4.Osnovniizgledelementa<metadata>injegoveobveznedjeceuEPUBe-knjizi

Page 53: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

45

6.3. Elementizapopisizvorapublikacijeislijedčitanja–manifestispine

Nakonelementa<metadata>,sljedećiobveznidijelovielementapackagejesu

manifestispine.Manifestsadržipopis,obilježenelementima<item>,svihizvora

publikacije,poputdokumenatasadržaja,CSSdokumenta,videozapisaizvučnihzapisa,

fontovainavigacijskogdokumenta.Svrhajeovogpopisadaunaprijedinformirae-čitačo

tipumedijasvakogelementaiotomegdjesenalaziunutare-knjige.Redoslijedovog

popisanijevažan,alijevažnodajenavedensvakiizvorpublikacije.Svaki<item>ima

triobveznaatributa:id,hrefimedia-type.Jedan<item>zadokumentsadržaja

kojisadržiMathMLiskriptiranisadržajizgledaovako:

<item id="p2" media-type="application/xhtml+xml"

href="poglavlje2.xhtml" properties="mathml scripted">

Atributidslužijedinstvenomidentificiranjusvakogpojedinogelementakojiomogućuje

uvrštavanjemetapodataka.Atributhrefdefiniralokacijudokumenta,amedia-type

definiratipiformatizvora.Neobvezatanatributjestpropertiesukojiseupisujelista

vrijednostibezzarezakojeolakšavajuprocesuiranjee-čitaču.Prilikomnavođenja

dokumentakojisadržimatematikuiskriptukorisnojenavestivrijednostimathmli

scriptedkakobie-čitačznaodaćesesusrestistimtipovimasadržaja.

Spinenavodilistukomponenataknjigeoznačeneelementima<itemref>kojipružaju

informacijustandardnogslijedačitanjae-knjige.Navodisesamoprimarnisadržajkoji

predstavljabaremjedanlogičanslijedčitanja:

<spine>

<itemref idref="p1"/>

<itemref idref="p2"/>

</spine>

Page 54: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

46

6.4. Navigacijskidokument

Jednaodglavnihprednostielektroničkihpublikacijajestolakšanoibrzonavigiranjekroz

sadržaj.DokseEPUB2koristiokompleksnimNCXdokumentom,EPUB3uvodinovii

razumljivijiEPUBnavigacijskidokumentbazirannaoznačnomjezikuHTML5.EPUB

navigacijskidokumentomogućavae-čitačimadačitateljimapružeprikazspecijalizirane

tablicesadržaja,aliikaosadržajniprikazunutare-knjige.Specijaliziraniprikaztipičnoje

dostupanuoblikuposebneikonenavrhuekranakojapritiskomaktiviraprikaztablice

sadržajauoblikubočnetrakeililebdećegprikazakojiprekrivatrenutačnustranicu.

Ovakavjeprikazomogućenposebnimoznakamaunavigacijskomdokumentukoji

e-čitačiupotrebljavajuzarenderiranje,anjegovdizajnovisiorazvojnimprogramerima

kojisugaoblikovalizapojedinisustav.Ovajdokument,iakorazumljivijiilakšiza

kreiranjeodstarogformataNCX,nijezamišljendaseoblikuje„ručno”.Sviprogrami

kojimasemožekreiratiEPUB3dokumentautomatskićegageneriratipremasadržaju

e-knjige.Strukturujepotrebnopoznavatiakoautore-knjigeželikontroliratiprikaz.

Navigacijskidokument(slika5)jestXHTMLdokumentkojisadržiželjenibrojelemenata

<nav>unutarkojihsegnijezdeuređeneliste(<ol>).Tipnavigacijskogdokumenta

određujeseatributomepub:type,sobziromnatodapostojetrirazličitatipakojise

moguprimijeniti.ZbogograničenjaHTMLgramatikeprilikomdefiniranjabogatih

strukturapodataka,posebiceprilikomuzimanjauobzirnevizualnihčitateljakojimaje

takvastrukturavažnazbogpristupačnosti,EPUB3uključujeatributepub:typekoji

omogućujepreciznoznačenjegeneričkimoznakamakojesezovusemantička

modulacija.Bogatasemantikapodatakajeključnaprilikomnavigacije,alii

specijaliziranihponašanjae-čitača.Atributepub:typeuslučajunavigacijskog

dokumentadefiniratipnavigacije(npr.toc–tableofcontents),aliimjestonakojemse

tajtippodatakatipičnopojavljujeuknjizi(eng.frontmatter)[35][36].

Page 55: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

47

Slika5.PrikazstrukturenavigacijskogdokumentauEPUB3e-knjizi

Page 56: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

48

6.5. Validacija

ValidacijajeprocesprovjerevaljanostikreiranepublikacijepremastandardimaIDPF-a.

ProlaženjeovogprocesaosiguravapotvrdukreatorudajeispravnooblikovaoEPUB

datotekutedaćesesadržajotvoritiiprikazatinabilokojeme-čitaču.Validatortakođer

upućujenakonkretnepogreškeunutarstruktureEPUBe-knjigekojemogubitirezultat

lošestruktureoznaka.ValidatorpratipravilaEPUBstandarda,alineosiguravadataista

pravilaiaplicirajusvie-čitači.Stogajepotrebno,posebiceprikorištenjuneafirmiranim

tehnologijamaijezicimapoputMathML-a,testiranjenasamimuređajima.Alatkojise

primjenjujeprivalidiranjuEPUB3datotekajestEpubCheck.EpubCheckpostojiod

vremenastandardaEPUB2tegajerazvioAdobe,alijenjegovoodržavanjeuobliku

opensourcealatapreuzeoIDPF.Slobodanjezaupotrebuieventualnuadaptacijuprema

potrebi.Alatpostojiudvaoblika:kaoonlineaplikacijanainternetskojadresi

http://validator.idpf.org/[37]iliuoblikuinstalacijskogpaketakojifunkcioniralokalnona

osobnomračunaluputemkomandnelinijetezahtijevainstaliranpaketJava.Online

validacijaimamanupostavljenoglimitaveličinee-knjigena10MB,štomože

predstavljatiproblemprilikomkreiranjae-knjigabogatogsadržajapoputmultimedije,

velikogbrojafontovailiugrađeneJavaScriptknjižnice.Lokalnoinstaliranivalidator

provjeravastrukturuioznakedatotekepackage,konzistencijureferenciranihizvorai

drugihgrešaka,aliimožegeneriratiizvješćeoprocjenikojesadržigreške,upozorenja,ali

iraznemetapodatkeoEPUB-u.ValidacijajeodkoristiiprilikomkreiranjaEPUB-a

„ručno”,aliinakonkorištenjasoftverskimalatimakojičestokreirajusemantičkii

označnonekorektnestrukture.Prilikomkreiranjamatematičkogsadržajajezikom

MathMLčestajegreškanenavođenjepotrebnogivaljanognamespacea.Sobziromnato

dajeEpubCheckstrukturalnivalidator,nemožeprovjeritivaljanostskriptiranogsadržaja

tejeJavaScriptkodobveznoprovjeritiuštojevišemogućee-čitača[34].

Page 57: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

49

6.6. AnalizasoftverskihalatazakreiranjeEPUBe-knjiga

NajpopularnijitenajdostupnijisoftverskialatiuključujuAdobeInDesign,SigiliiBooks

Author.

Sigiljeopensourceibesplatansoftverzakreiranjee-knjigauEPUBformatu.Primjenjuje

sezaoblikovanje,pakiranjeivalidiranjeEPUBe-knjiga.Imamogućnostiunošenjavelikog

opsegametapodatakaputemjednostavnogsučelja,uređivanja,kreiranjaivalidiranja

pojedinihHTMLiCSSdatotekaputemkodaigeneriranjatablicesadržaja.Najvećaje

prednostSigilaotvaranjeiuređivanjepostojećihe-knjiga,ubacivanjegotovihHTML

datotekateprikazkoda.JedinajemanaštoSigilnemaugrađenumogućnostkreiranjani

uređivanjae-knjigapremastandarduEPUB3,većisključivopremazastarjelom

standarduEPUB2.Međutim,postojiidodatakkojiomogućujeponovnoprocesiranjeu

formatEPUB3.Rezultatnijeoptimalantejepotrebnouređivanjekakobidokument

prošaovalidaciju,nobudućidajealatopen-source,konstantnojeprisutno

poboljšavanjeunutarzajednice.Umetnuti,prethodnokreiraniMathMLsadržajSigil

gledakaoHTMLkodtejeustanjuprovjeritiispravnostoznaka.Sigiltimečinikvalitetan

alatzakreiranjeosnovneljuskeEPUBe-knjige,alinekaodirektanipouzdan,posebice

prikreiranjunovihEPUB3mogućnosti.

iBooksAuthorbesplatanjeWYSIWYG(whatyouseeiswhatyouget)alatzakreiranjee-

knjigatvrtkeApple.OvimsealatommožeuređivatipostojećeEPUBe-knjige,kreirati

nove,aliiuvestivećkreiraneHTML,WordiliPagesdatoteke.Nedozvoljavanipregledni

uređivanjenarazinikoda.Unosmetapodatakaograničenjenaautora,naslovijezik.E-

knjigamožeseizvestiuEPUB3,PDFiliAppleovformat.iba.Kreiranjeiuređivanje

matematičkihformulamogućejepovezivanjemsalatomMathType.Validacijae-knjige

nijepotrebnajersedokumentinekreiraju„ručnim”kodiranjem.Tablicasadržajakreira

seiuređujeputemjednostavnogsučelja.iBooksAuthoromogućavanjemkreiranja

EPUB3datotekaučiniojevelikipomakkaprihvaćanjuovogformatae-knjigaipovećao

pristupačnostkreiranjae-knjigaosobamakojenisuvičnekodiranju.Nakonuvezeneveć

kreiraneEPUB3e-knjigenepostojimogućnostizvozauformatEPUB,negosamou.iba,

PDFiliobičantekst.Međutim,nakonodabiraEPUBpredloškaprilikomkreiranjanove

knjigeilikreiranjamatematičkeformulepovezanimalatomMathTypetamogućnost

Page 58: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

50

postoji.KreiranamatematičkaformulaostajeujezikuMathML,međutimsnekorektnom

semantikom.AlatomiBooksAuthormožeseWYSYWIGnačinomkreiratiEPUB3e-knjiga

kojasadržimatematičkisadržajkojinijeuoblikuslike.Iakosekasnijekodmora

dorađivatiradioznačneisemantičkekorektnosti,ovajbesplatnialatomogućuje

kreiranjeEPUBe-knjigabezpredznanja.

AdobeInDesignprofesionalnijealatzaprijelomkojitakođersadržiopcijukreiranja

odnosnoizvozaEPUB3e-knjiga.Sadržiopcijedetaljnoguređivanjametapodatakate

generiranjeioblikovanjetablicesadržajapremastandarduEPUB3.AdobeInDesignalat

jezagrafičkedizajnere,stoganenudiopcijuuređivanjakodanivalidacije,alinudi

najvišenajpreciznijihopcijadizajnaodsvihponuđenihprograma.Kaoalatzakreiranje

osnovnestruktureEPUB3dokumenatakojemoguuključivatiimultimedijskei

interaktivneelemente,posebicedizajnerimakojisunaviklinanjegovosučelje,može

koristitikaopočetnatočkakreiranjae-knjige.Kreiranjematematičkihformulaunutar

sučeljaInDesignačakniuzpomoćalataMathTypenijemogućenanačindarezultat

budeoznačnijezikMathML.JedinijenačinuvrštavanjeformulauformatuEPSkojetvore

poveznicunaoriginalandokumentpajenaknadnouređivanjematematičkogsadržajai

daljemoguće.StoganijemogućekreiratisemantičkiioznačnokorektnuEPUBe-knjigu

uzpomoćAdobeInDesigna.

Tablica2.UsporedbapopularnihsoftverskihalatazakreiranjeEPUBe-knjiga

Sigil iBooksAuthor AdobeInDesign

EPUB3 ne da da

metapodaci da ne da

kodivalidacija da ne ne

MathML da da ne

besplatan da da ne

Iztablice2možesevidjetidanijedanalatnepružaoptimalannačinkreiranjaEPUB3e-

knjigaoznačnokorektnogamatematičkogsadržaja.SvakiautorEPUBe-knjigakreira

vlastitinačinradapremanavikamaipreferencijama.iBooksAuthoručiniojevažankorak

kapopularizacijiformataEPUB3timeštojebesplatanijednostavanzaupotrebu.

Page 59: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

51

GrafičkidizajnerisklonisuupotrebiAdobeInDesignazbognavike,arazvojniprogrameri

radijeupotrebljavajuSigilzbogmogućnostiuređivanjaikontroliranjakoda.Neizbježno

jedasvakiautorpoznajestrukturuformataEPUB3,jerbezobziranatokojimsealatom

koristili,naknadnajedoradanarazinikodazasadaobvezna.

Page 60: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

52

7. STANDARDIUGRAĐIVANJAMATEMATIČKIHFORMULAUE-KNJIGE

Matematičkisadržajoduvijekjepredstavljaojedanodkompleksnijihvidaprijelomazbog

posebnihtipografskihpravilakojauvjetujurazumijevanjetogtipasadržaja,posebnih

znakovakojiseupotrebljavajuprilikomoblikovanjatekompleksnihoblika,veličinai

pozicijapojedinihznakovakojematematikazahtijeva.Autoriseposebnomoraju

posvetitistilu,korištenju,značenju,jasnoći,točnostiikonzistenciji.Morajusekoristiti

pravilnomterminologijomioznačavanjemtemorajupažljivopratitidogovore

specijaliziranihpolja[38].

Prijelazudigitalnookruženjesofisticiranihračunalnihalatazaprijelomolakšaoje

oblikovanjematematičkogsadržaja;kaonaprimjersustavLatexzapripremu

dokumenatakojijeomogućiodaseautoriznanstvenihitehničkihsadržajanemoraju

brinutiosamomizgledukojijeautomatskizajamčensamimsustavom,većsebrinu

isključivoosadržaju.

Pojavominternetapotrebazaznanstvenimitehničkimsadržajemubrzojenaišlana

prepreke.SobziromnatodasestandardEPUB3većinomoslanjanamrežnestandarde,

sličnisuseproblemipojaviliprilikomuvrštavanjamatematičkihformulaue-knjige.Za

razlikuodstandardaEPUB2gdjenijepostojalapreporukaokouvrštavanjatogtipa

sadržajaue-knjigezbognepostojanjabilotehnologijebilopodrške,ustandarduEPUB3

preporukajezakorištenjeoznačnimjezikomMathML.Prijelazizmeđuovadva

standardanisugeneralnoprihvatiliizdavačiiprodavačitesetrenutačnoovopodručjei

daljenalaziunedoumicamaokonajboljegnačinarješavanjaovogproblema.

Problemnadilaziisključivoprezentacijuinformacijateuključujeipristupačnostsadržaja

osobamasinvaliditetom,kopiranjeipretraživanjesadržajateprocesiranjesadržajau

svrhusoftverskeanalizeiliprebacivanjaualternativniformat.Također,potrebnojeuzeti

uobzirimogućnostprikazaposebnihmatematičkihznakovaisimbolazakojeje

potrebanadekvatanfont.

Osimposebnihznakova,matematikadonosiicijelisettipografskihstandardakojise

morajupoštivatizbogčitljivostiirazumljivostisadržaja.ChicagoManualofStylenavodi

kakosematematičkisadržajmoraprikazivatitipografskomkvalitetomjednakomtekstu

kojimjeokružen,posebnoseodnosinaskaliranje(formulesemorajuskaliratis

Page 61: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

53

tekstom);formulesmješteneuistojlinijistekstommorajuimatiidentičnulinijuteksta

(osnovnulinijunakojoj„leže”svaslova).Akojematematičkaformulapredugačkadase

prikažeujednomretku,prijelommorabitikodoperatora(npr.=ili+)iliznakazarelaciju

(npr.<),aidućiredakmorabitiuvučenteporavnatslogičnimmjestomuretkuiznad

[38].KnjigaMathematicsintoTypekojuizdajeAmeričkoudruženjezamatematiku

(AmericanMathematicalSociety)detaljnijenavodipostupkeuslučajuprikazaizrazakao

samostalnihobjekata(neunutartekućegteksta):

1.izrazsemoralomitiprijeoperatora,akonijeuzagradama,dačitateljznadaseizraz

nastavljauidućemretku,anedazapočinjenoviizraz

2.poravnavanjeseradikodznakajednakostiili,akojejakouvučen,dvačetvercaod

lijevogrubaprvogretkaformule

3.akoseformulalomikodznakovaoperacija(+,–,x,/)tadaseporavnavasprvim

znakomnakonjednakosti(ilidvačetverca)[39].

Slika6.Prikaztipografskihpravilakompleksnihmatematičkihizraza

Uslučajunepodržanostiodabranogformata,sadržajmoradegradiratiiliprikazati

zamjenskisadržajtakodabezobziranaodabranie-čitaččitateljimapristupsadržaju.I

naravno,savsadržajmorabitivjeranspecifikacijiformataEPUB3.

Problemmogupredstavljatiisoftverskialatidostupnizaoblikovanježeljenogsadržajate

kontrolasamogoblikovanjauzpomoćtihalata.Kompatibilnostjetakođerfaktorkoji

utječenadobrokorisničkoiskustvo,aovisioodabranojformisadržaja.Način

oblikovanjautjecatćeinaveličinue-knjige,akoličinavremenaikompleksnostiizradena

cijenufinalnogproizvoda.

Samstandardnudinekolikorazličitihmogućnostiprikreiranjue-knjigasmatematičkim

formulama.Prvinačin,nakojisevećinae-knjigadanasoslanja,uoblikujeslika.Slike

mogubitiubitmapformatu(JPEG,PNG,GIF)ilivektorskomformatu(SVG).Drugije

način,kojipreporučujeIDPF,korištenjeoznačnimjezikomMathML.

Page 62: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

54

7.1. Ugrađivanjematematičkogslogauoblikuslikaue-knjige

Uključivanjekompleksnogamatematičkogsadržajaue-knjigenajčešćeseizvodiuobliku

slika.Slikeubitmapformatupodržanesunasvimuređajimaiusvimformatimae-knjiga.

Kreiranjetakvogsadržajaneprimoravaautorenanoveproceserada,većimje

omogućenodapostojećiformatkonvertirajuusliku.Patakoautorikojisunavikliraditiu

okruženjuLaTex,kojejenajčešćezaizraduznanstvenihpublikacija,imajumogućnost

korištenjaraznimonlinekonverterima,perlskriptama(npr.gladTeX)kojekonvertirajuu

slike,aliimogućnostkreiranjaPDFdokumenta(pdflatex)izkojegjejednostavnokreirati

bitmapslike.NerealnojeočekivatiprocesizradegdjesenajprijekreiraLatex,zatimPDF

tenakarajuslikakojaseugrađujeuXHTML.Jednostavnijijeiizravnijiprocesupotreba

popularnogsustavaTeX4htkojidirektnokonvertiraLaTexdokumentuHTMLiliXHTML

dokumenttedopuštaodabirformataslika,bilobitmapbiloSVG,zamatematičke

formulekojesenemoguprikazatiuformatuHTML.

ZakreiranjeSVGslikamatematičkogsadržaja,osimkonverteraizformataLaTeX,

primjenjujusestandardnisoftverskialatipoputAdobeIllustratoraiInkscapea.Adobe

Illustrator,međutim,nijezamišljenkaoalatzaslaganjematematičkogsadržajapaje

priličnonespretantejeprocesdugotrajan.UpotrebomalataMathTypekojemtoijest

namjenamogućejekaoizlazniformatpostavitiEPSkojizadržisvasvojstvaeditiranja

tekstajednomkadaseuneseuIllustrator.Inkscapeimaopcijuunošenjaformula

formatuuLaTex,štogačinipristupačnijimzakreiranjeSVGslikajerjemogućesavposao

obavitiujedinstvenomokruženju.

Najvećajeprednostkreiranjamatematičkogsadržajauoblikuslikapotpunaautorska

kontrola.Autorodređujesvakiaspektoblikovanjamatematičkihformulasasigurnošću

prikazanasvimuređajimaiplatformama.Problemiprikazakojisejavljajunisuu

podržanostisamogformataslika,većunačinurenderiranja.Sadržajuoblikuslikaskalira

seipozicioniradrugačijenarazličitimuređajima.OdređenaCSSsvojstvatretirajuse

drugačijepaseCSSkodiHTMLelementimorajupodešavatinaspecifičnenestandardne

načinekakobiprikazbiosvagdjejednak.Naprimjer,stiliziranjeslikazae-čitačiBooks

zahtijevaomatanjeelementa<img>elementom<div>kakobiseveličinaslikemogla

reguliratispostotnim(%)vrijednostima.Upotrebaelementa<div>usvrhu

Page 63: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

55

prezentacijesmatrasesemantičkinetočnom.Prilikomugrađivanjamatematičkog

sadržajakojijeokružentekstom(inline)dolaziidoproblemapomicanjaosnovnelinije

nakojojizraz„leži”,štosesmatratipografskomgreškomkojaotežavačitkost.Rezolucija

takođermožeuzrokovatipoteškoćesčitkošću,jerakonijedovoljnovelika,slikaćeimati

pikseliziranprikaz,aakojerezolucijavelika,atakvogsadržajaimamnogo,e-knjigaće

bitipretjeranovelika.Sadržajuoblikubitmapslikatakođerseveličinomneprilagođava

veličinifonta.Korisnici,naime,imajumogućnostmijenjanjaveličinefontaunutare-

čitača,štopredstavljajednoodosnovnihsvojstvapristupačnosti,aliakojesadržaj

„zarobljen”usliku,nećeseskaliratiuskladusfontom.Kadaseformuleoblikujukao

zasebniblokovi(eng.display),uslučajukompleksnijihizrazateizrazakojisupredugački

zajedanredak,akosečitanamalomuređajuiliuređajuvisokerezolucije,jedininačin

pristupatakvomsadržajujestdakorisniklaganoudari(eng.tap)namjestogdjejeslika

tetehnikom„zoom&pan”(povećavanjesobaprstatepomicanjeslikeprstompo

ekranu)čitasadržaj.Takavjepostupakčitanjazamoraninečitljiv.

UslučajuvektorskihSVGslikaprilagođavanjesadržajaznatnojeboljejerseSVG

renderiranadrugačijinačin.Mogućejeskaliranjeuskladusokolnimtekstom,a

zahvaljujućiSVGsvojstvimamogućajeiboljakontrolapozicioniranjauodnosuna

osnovnuliniju.SVGjetakođerzbogsvojevektorskeprirodemnogokvalitetnijiprilikom

povećavanjapanemanikakvoggubitkainformacijatesuznakoviuvijekoštri.Međutim,

niuslučajuSVGslikanemagovoraoprilagođavanjusadržajapremaveličiniekrana.E-

čitačćeSVGdoživljavatikaoblokteseformulanemoželomitipremapotrebi.Zarazliku

odbitmapslika,SVGusvojojspecifikacijiimaiopcijuugrađivanjaioblikovanjatekstas

elementom<text>,štoutomslučajune„zaključa”tekstusliku,veććeseidaljemoći

selektiratikaotekstipretraživati.Ipak,ručnokreiranjetakvogkodabilobinerealnozbog

svojekompleksnosti.NajrealnijitijekbilabikonverzijaizjezikaMathMLiliLatex,zašto

postojeraznialati(npr.PythonskriptaSVGKit),alinatajnačinnemakontrole

zadržavanjatekstauoblikuslovnihznakovazaselekcijuilipretraživanje,anikakoza

konverzijuudrugimatematičkiformat.

PodržanostSVG-aue-čitačimapremaspecifikacijiEPUB3obveznajetejeznatno

poraslapasemožeprimjenjivatibezpretjeranezabrinutostihoćeličitateljimati

pristupasadržaju.

Page 64: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

56

7.2. Usporedbapristupačnostimatematičkogslogauoblikuslikaue-knjigama

Uporabljivost(eng.usability)jenajočitijiproblempriuvrštavanjumatematičkogsadržaja

ue-knjigeuoblikuslikajerneomogućavamaksimalnuefikasnost,učinkovitostni

satisfakcijupripostizanjukonkretnogciljačitatelja,odnosnočitanjamatematičkog

sadržajaue-knjigama[40].Međutim,pristupačnost(eng.accessibility)slikaopćenito,

kakonainternetutakoiue-knjigama,predstavljavelikproblem,posebicekadaslike

imajusadržajkrucijalanzanarativ,štojeislučajsmatematičkimformulama.Pojam

pristupačnostičestosepovezujeisključivosodređenimvrstamainvaliditeta,auslučaju

slikaočitoiskačeproblempristupačnostislijepimislabovidnimosobama.Međutim,

jednakproblemimajuiljudisasituacijskimnemoćimautrenucimakadasuse

konstantnoprisiljenikoristitimehanizmimapovećavanjazbogmalogzaslonaili

pokušavajučitatinaizravnojSunčevojsvjetlosti[36].

Prilikomstrukturiranjapodatakae-knjigenajvažnijejepripazitinaispravnostpodataka,

usmisludasekoristepravilneoznakeielementi.Akosupodacipravilnooznačeni,

sustavizaiščitavanjemoguispunitisvojunamjenu.Uključivanjematematičkihformulau

oblikuslikakršiovoosnovnopravilopristupačnostiiispravnostipodataka.Mehanizam

zaiščitavanjeizgovoritćealternativnitekstkojijepridodanslici,akojeprisutan.Ako

alternativnitekstnijeuvršten,mehanizamćeslikuignorirati,ačitateljnećenitiznatida

jepropustiodiosadržaja[41].Osnovnododavanjetekstakojiopisujesliku(<img>)vrši

seputematributaalt.Akojesadržajprekompleksandabiseuvrstioualtopisslike,

postojimogućnostupotrebeWAI-ARIA(AccessibleRichInternetApplicationsSuite)

svojstvaaria-describedby[42]ukombinacijisHTMLelementima<figure>i

<figcaption>.Primjerosnovnogkodamožesevidjetinaslici7.

Page 65: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

57

Slika7.UvrštavanjekompleksnogopisaslikeuzpomoćjezikaWAI-ARIAiHTML

elemenata<figure>i<figcaption>

Ovimpristupomnailazimonadvaproblema.Prvijesemantičkoznačenjeelementa

<figure>,kojisepremaspecifikacijiupotrebljavazasekundarninarativ,odnosnoza

sadržajkojinijekrucijalanzarazumijevanjeglavne„priče”tesemožečitatikaoodvojeni

samodostatan,amehanizamzaiščitavanjeutomgaslučajumožepreskočiti.Ovakvaće

definicijaovisitiosituacijiivrstimatematičkogsadržajaknjige.Drugijeproblemsam

tekstualniopismatematičkogsadržajakojičestonijelinearanpoputobičnogtekstate

načinčitanjamožeupotpunostipromijenitiznačenjesadržaja.Manjakstandardaza

izgovaranje(tekstualnoopisivanje)matematičkogsadržajadoneklejeriješiosustav

MathSpeakkojinudidetaljnamatematičkagramatičkapravila[43].Zakreiranjetakvog

sadržaja,međutim,autorjeprisiljennaučitijošjedanstandard.Primjer:

xequalsyovercplus1.

Ovaformulamožebitiprotumačenakao:

𝑥 = #$+ 1ili𝑥 = #

$()

PravilanopispremasustavuMathSpeakbiobi:

xequalsBEGINFRACTIONyOVERcENDFRACTIONplus1.

Page 66: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

58

PristupačnostikorisnostSVGslika,zbogvektorskeprirodeSVG-a,aliirazličitosti

označnogjezika,boljajeodbitmapslika.SVGsemožeskaliratibezkorištenjaposebnim

alatimazapovećavanjeibezefektapikselizacije.Takođersekodmožeunaprijeditiuz

pomoćjezikaWAI-ARIA,asvakielementmožesadržavati<title>i<desc>(opis)bez

opasnostisemantičkenekorektnosti.SVG-usetakođermožepristupitiiskriptnim

jezicimapasumogućeitakveintervencijeakosupotrebneuvidupoboljšanja

pristupačnosti.Međutim,kaoiuslučajubitmapslika,opissadržajakojisepostavljau

element<desc>jesttajkojimatematičkisadržajčinipristupačnimtejestogaproblem

identičan.PrimjerosnovnogSVGkoda:

<svg xmlns:svg="http://www.w3.org/2000/svg">

<title>Naslov slike</title>

<desc>

Opis slike

</desc>

</svg>

Page 67: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

59

8. UGRAĐIVANJEMATEMATIČKOGSLOGAUE-KNJIGEPUTEMJEZIKAMATHML

MathematicalMarkupLanguage(MathML)označnijejezikzamatematikukojiseosniva

naXMLgramatici.Godine2014.postajeslužbenapreporukaistandardkadajeuvrštenu

specifikacijuHTML5.VažanciljMathML-a,kaoobveznogdijelaHTML-a,jestda

matematičkisadržajvišenemapotrebebitislika,čimepostajeinteraktivanipristupačan

[44].

StandardEPUB3podržavapodskupjezikaMathMLkojiseodnosinanjegovprikaz–

PresentationalMathML.Ovajjepodskupkreirankakobiseolakšalaiubrzalapodrška

MathML-ausustavimae-čitačatekakobisepromoviralanjegovapristupačnost.E-čitači

kojifunkcionirajuuskladuspreporukomstandardaEPUB3timemorajupružitipodršku

zaPresentationalMathMLtegaadekvatnoprikazati,morajumoćidinamičkigenerirati

alternativnitekstualnisadržajzapotrebemehaničkogiščitavanja(text-to-speech)[45].

Prezentacijskielementiodgovarajuosnovnimtipovimasimbolaistrukturaodkojihse

možeizgraditibilokojitradicionalanmatematičkizapis.Elementidiktirajunačinprikaza,

alisuneovisniomedijuusmisludasuoblikovanidasadržedovoljnoinformacijaza

vizualnuizvučnuinterpretaciju.Prezentacijskisuelementinamijenjenidaizraze

sintaksnustrukturumatematičkogzapisa,poputnaslovaiparagrafaustandardnom

tekstualnomzapisu.Nekiseznakoviupotrebljavajuzaidentifikatoreilioperatorekojise

tradicionalnoprikazujuidentičnokaonekidrugisimboliliseuopćeneprikazuju.Npr.

imaginarno„i”moglobisezapisatikaoi,alibitadaimalodrugačijeznačenje(značenje

varijable),atimeiizgovorTTSmehanizma,stogabisetrebaloprimjenjivati

<imaginaryi/>. Također,entitetipoput&InvisibleTimes; i

&ApplyFunction; običnoseneprikazujuvizualno,alisadrževažneinformacijeza

izgovoriprijelomtemoguutjecatinaznačenjeizraza[46].

MathMLkoristisenotacijomUnicodezasvesvojeslovneznakove.Zaupotrebu

ugrađenogMathMLzapisapotrebnojeprimijenitiadekvatninamespaceunutar

elementa <math>:

<math xmlns="http://www.w3.org/1998/Math/MathML">...</math>

Page 68: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

60

Specifikacijaopisujeidetaljnukontroluprijeloma(prelaskaunovired)unutar

matematičkihjednadžbiuzpomoćatributa linebreak,lineleading,

linebreakstyleilinebreakmultchar,koji,međutim,jošuvijeknemaju

podrškuupreglednicima.Prilikomopisasadržajatakođertrebapripazitidasene

upotrebljavajuimenaznakovajernisupodržaniuXHTML5dokumentima,većnjihove

decimalneiliheksadecimalneekvivalente.Naprimjer,znakzaintegralnesmijese

opisatiHTMLimenom&int,većheksadecimalnimkodom:&#x222B;.

IakojeMathMLoptimalannačinuvrštavanjamatematičkihizrazauXHTMLiEPUB,

najvećiproblempredstavljapodrškae-čitačakojajerazličitateseosnivanarazličitim

sustavima.SustavikojisebazirajunamehanizmimaGeckoiWebKitzaprikazdonekle

pružajunativnu(ugrađenu)podršku,dokdrugi(npr.Readium)oviseoMathJax

Javascriptknjižnici[47].MathJaxknjižnicaosmišljenajekakobisepremostiojazpodrške

MathML-aupreglednicima.IakoprikazujeSVGsliku(uslučajuReadiuma)kadanema

podrškepreglednika,uvijekostajeprisutanoriginalnikod,kojijetadadostupan

pretraživačima,aliidostupanzakopiranje.Pristupačnostjeomogućenaugrađenim

mehanizmomzapovećavanje,alijeikoddostupanmehanizmimazaiščitavanje(TTS)

kojimasekoristeslijepci[48].

Zbogovihrazlikaupodršciočekujuserazličitiprikaziurazličitime-čitačima.Također,

zbograzličitihmehanizamazaprikazpojedinasvojstvaCSS-aimajurazličiterazine

podržanosti.

Odabirfontatakođerutječenaprikazmatematičkogzapisa.PrilikomkorištenjaMathJax

knjižnicomnepostojiopcijaupotrebevlastitogfontajerpružasvoj,aliudrugim

slučajevimavrlojevažanodabirfontajerćeonjemuovisitipodrškasvihpotrebnih

specijalnihznakovakojisutipičnonužniumatematičkomsadržaju[34].STIXfontproject

osmišljenjezakreiranjematematičkihzapisanajvišekvaliteteizahtjevastrukete

omogućujebesplatnuupotrebufontaprimjerenogzaznanstvenoitehničkoizdavaštvo

[18].

Page 69: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

61

8.1. AnalizasoftverskihalatazakreiranjematematičkihizrazaujezikuMathML

IakoseMathMLmožekreiratibilokojimuređivačemteksta,zamišljenjedaseoblikuje

uzpomoćsoftverskihalata.Pregledniciie-čitačikojisebazirajunamrežnimpogonima

kojinativnopodržavajuMathMLjesuFirefoxovGeckoiAppleovWebKit.Internet

ExplorerzahtijevainstalacijudodatkaMathPlayer,aChromekorištenjeMathJax

JavaScriptknjižnicom.E-čitačAdobeDigitalEditionstakođerpodržavaMathML.Za

kreiranjesemoguprimjenjivatirazličitisoftverskialatikaoštosuFireMath,Wirisi

MathType.TakođersemoguprimjenjivatiialatizakonverzijuizLaTeX-auMathML,

primjericeLaTeXML,TeX4htiMathToWeb.ZatestiranjealatazakreiranjaMathML-a

primjenjujeseCauchy-Schwartzovanejednakostkojauključujeupotrebuznakazasumu,

velikihzagrada,gornjegidonjegindeksateznakazanejednakost(slika8).

Slika8.Cauchy-SchwartzovajednadžbakojaseprimjenjujezatestiranjealataMathML

MathTypejealatkojiseobičnoprimjenjujeukombinacijisdrugimsoftverima(npr.

WordiliInDesign),aliisamostalno.Sučeljemujejednostavnotenijepotrebnomnogo

vremenazanavikavanje.Zamjerkamuještoječestopotrebnoupotrebljavatimišza

unospredložaka,štousporavarad,nopostojimogućnostpovezivanjaodređenihtipkina

tipkovnicisčestoupotrebljavanimpredlošcima(npr.zarazlomak).MathType

primjenjujeUnicode,aliidodajespecifičnematematičkeznakovekojijošuvijeknisu

uvršteniuUnicode.Nakonkreiranjajednadžbejednostavnimprocesom„kopiraj-

zalijepi”,nakonodabranogformata(LaTex,MathML,TeX…)prikazilikodprebacujeseu

željenisustav[49].MathTypedozvoljavapreciznukontroluprikreiranjumatematičkih

izrazausmislusvjesnostirazineoznakanakojimaseautornalazi(štojeposebnovažno

kodkontroliranjaelemenata<mrow>potrebnihzaaktivniprijelom).Izrazjesemantičkii

označnokorektantebrzoizrađen.Sviposebniznakoviizraženisuuzpomoć

heksadecimalnogzapisa.Jedinajezamjerkaštoprijelomkodasprogramerskogstajališta

Page 70: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

62

nijekorektantegajepotrebnopreoblikovatikakobiugnježđivanjeelemenatabilojasno

tekakobikasnijaintervencijakodabilaolakšana.MathTypetakođerkreiraielemente

<mstyle>satributomdisplaystyle=”true”,potrebne,zapravilanprikaz

posebnihznakova(poputsumeiliintegrala)uvećojveličini.Velikamujeprednost

povezanostsdrugimsoftverskimalatimazaoblikovanjepoputInDesignaiWordate

različitiformatiizlaza(MathML,LaTeX).MathTypesetakođermožeupotrebljavatiikao

konverterizformataLatexuMathMLiobratno.

FiremathjealatkojijekreiraoFirefoxkaoekstenzijuzapreglednik.Sučeljejeintuitivno,

aliunossemoraobavljatiisključivoklikanjemtipkemiša,štousporavaproces.Prednost

ještosekodgenerirazavrijemekreacije,nosvejednojeponekadteškoshvatitiukojoj

serazininalazitrenutačnapozicija.Generiranijekodlijepooblikovanioznačnotočan,

iakonemapotrebannamespace,<mstyle>sadrživrijednostupostocima,aneključnu

riječiposebnisuznakoviizraženiHTMLriječima,štojeustandarduEPUBzabranjeno.

SoftverjezamišljenzakreiranjeMathMLizrazaspecifičnozaFirefoxpanatajnačini

oblikuje.

WirisjejošjedansličanMathMLiLaTeXuređivačtekstasjednostavnimilogičnim

sučeljem.Kreiranjenetrajedugoteseistovremenoprikazujesamkod.Negativnaje

stranadakodnijeprelomljenpajenaknadnouređivanjenemogućeprijenegoštose

koduredi.Namespacejeautomatskigeneriran,primjenjujuseheksadecimalniizraziza

sumu,aupotrebajeelemenata<mrow>minimalna,štoolakšavaeventualno

dorađivanje.Semantičkijeioznačnotočan.

WebEquationjeMathMLiLateXuređivačtekstatvrtkeMyScriptukojemseizrazi

kreirajucrtanjemrukomiliposebnomolovkomnatabličnimračunalima.Mogućejei

korištenjemišemnaosobnomračunalu,nonijevrloprecizno.Predstavljanajbržinačin

kreiranjamatematičkogsadržajajersenemoraučitisučeljenipozicijaodređenih

znakova,većseprirodnopišerukom.Rezultatisuprecizni,prepoznavanjerukopisa

odličnojeisemantičkitočno.Pravilnoprimjenjuje<mstyle>iheksadecimalnoizražava

znakzasumu(čakidodajekomentarsimenomznaka).Kreiraprevišenepotrebnih

elemenata<mrow>inemabašmnogomjestazapisanjepasedugačkeformulemoraju

generiratiukomadima.

Page 71: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

63

AlternativanjenačinzakreiranjeMathMLzapisaprimjenomkonverterakaoštosu

TeXZillaiMathToWeb.MathToWebkonvertiraLaTeXuMathMLuinternetskom

pregledniku.Semantičkinekorektnokreiraelement<mtable>,iakomatematički

sadržajnijetabličnogtipa,tedodajemnoštvonepotrebnihelemenatapoput<mspace>

iinlineCSSstilova.Pravilnokreiranamespaceiposebneznakoveuheksadecimalnom

zapisu.Nijeteškoizvućipravilnidioizrazaiznepotrebnetablice.

TeXZillaFirefoxtakođerkonvertiraizLaTeXauMathMLipritomunutarelementa

<annotation>ostavljaiizrazzapisanuLaTeXu.Kodnijeprelomljentejestogai

nečitak.ZnakzasumuizraženjeUnicodeznakom,štozahtijevaručnuizmjenuu

heksadecimalnizapispotrebanzaformatEPUB.Nužnanamespacedeklaracijapravilno

jekreiranaipostavljenaukod.Ovajkonverternekreiraelemente<mstyle>kojise

moguprimjenjivatizastiliziranjegrupacijekoda.

Page 72: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

64

8.2. AnalizapristupačnostisadržajaoblikovanogjezikomMathML

Važnajeprednoste-knjiga,atimeie-čitača,mogućnostadaptacijesadržajarazličitim

veličinamaekrana.Sadržajsereformatirapremadostupnojveličinizaslonaiuslučaju

povećanjaveličinepismaipromjeneorijentacijezaslona[50].Pristupačnostuvidu

adaptacijesadržajalimitiranajeakojesadržajuoblikuslike.Uslučajumatematičkog

sadržaja,kojijeubitijedanvidtekstualnogsadržaja,pristupačnostjegotovo

nepostojećailikompliciranazakorisnikenamobilnimuređajima.Kadasematematički

sadržajoblikujeuzpomoćoznačnogjezikaMathML,e-čitačprocesuirasadržajbaškaoi

bilokojidrugitekstualnisadržaj,štoznačidajemogućepovećavanjeveličinepisma,alii

potrebnoreformatiranjezaprilagodbuveličinamazaslona.JezikMathML,ukombinaciji

sCSS-om,nudinaredbepotrebnezakontroluprijelomamatematičkihformula,a

problemipodržanosti,prilagodbeimogućarješenjaistražujuseuovomradu.

PristupačnostikorisnostkojuMathMLtakođerpružajestdostupnostsadržaja

mehanizmimazapretraživanje,zapotrebepretraživanjasadržajaunutare-knjige,aliiza

potrebeinteraktivnemanipulacijepodacima.

Kadajematematičkisadržajuključenuoblikugrafike(slike),nedostupanje

mehanizmimazaiščitavanje.Ostaliuobičajeniproblemipristupačnostidigitalnoga

matematičkogsadržajauključujunemogućnostpovećavanjasadržajapopotrebi,

nemogućnostmanipulacijepodacimainemogućnoststrukturiranogoblikovanja

sadržaja.Akosematematičkisadržajoblikujesemantičkipravilno,takavsadržajimasve

uvjetepristupačnosti[51].DesignScienceMathPlayer[52]softverjekojiomogućuje

iščitavanjematematičkogsadržajanaplatformamaWindows,uInternetExplorerui

Firefoxu.NaAppleovimsustavimaiščitavanjejeomogućenotehnologijomApple

VoiceOver[53].Iakosee-čitačiosnivajunatehnologijamapreglednika,tonijegarancija

daimajuidentičnemehanizmepasenemožezaključititočnokakoćeseodređenie-

čitačponašatinatemeljutogakakosepreglednikponaša(npr.SafariiiBooks).

AkoseupotrebljavaMathJaxknjižnicazaprikazivanjeMathMLsadržaja,pristupačnostje

smanjenajerjesource(izvornisadržaj)dostupansamoodređenimmehanizmima

iščitavanja,iakojepovećavanjeikopiranjeuvijekdostupno.

Page 73: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

65

Akosadržajnijekvalitetnostrukturiran,štoječestouslučajukonverzije,sadržaje-knjige

nećebitidostupanTTSmehanizmima.Prioblikovanjusadržajazapristupačnostvažnoje

informiratikorisnikaotipusadržajaskojimsesusrećetemuomogućitidaodređenu

sekciju,premaželji,preskoči,štosepostižeupotrebomsemantičkitočnihoznaka[54].

Matematičkijesadržajuoblikuslikeneispravanjernijegrafika,aMathMLpredstavlja

očitiizborpribiranjusemantičkipristupačnognačinauvrštavanjamatematičkogsadržaja

[55].

DigitalAccessibleInformationSystem(DAISY)načinjekreiranjadigitalnihzvučnihknjiga

zaljudekojiželeslušatiinavigiratinapisanimaterijalprezentiranuformatukojisemože

slušati.MnogikorisniciDAISYknjigaimajunekuvrstunemogućnostičitanjapoput

sljepila,slabogvida,disleksijeislično.UpotrebomDAISYformataknjigesadržajje

prezentiransasustavomnavigacijeunutarsekvencijalneihijerarhijskestrukturekojase

sastojiod(označnog)tekstasinkroniziranogsaudiom[56].StandardDAISYnudivodilje

kojeobjašnjavajukakosekoristitioznačnimelementimazamatematičkeizrazeuDAISY

knjigamapremastandarduMathML.Savsadržajkojiprikazujematematičkeizraze

trebaobiseoblikovatijezikomMathML,samoseslikenebitrebaleupotrebljavatiza

prikazmatematičkihizrazajersenemogurenderiratisasintetičkimgovoromili

konvertiratiuBraille.UtipičnojprimjeniprezentacijskogMathML-avizualniprikaz

matematičkogsadržajamorabitištosličnijitradicionalnomprikazupoputručnopisane

matematiketenijekrucijalnodajeoznačenisadržajsemantičkirazumljivsvedokje

vizualniprikaztočan.UslučajupristupačnihDAISYknjigakojimapristupajučitatelji

vidnihilimentalnihoštećenjaMathMLsadržajmorabitipogodanzarenderiranjeputem

mehanizamazaiščitavanjeilisoftverazaprijevoduBraille.Ovoznačidajesemantičko

označivanjesadržajajednakovažnokaoivizualniprikaz.BudućidaseMathMLsveviše

prihvaćaiugrađujeusoftver,produciranjesadržajapremaspecifikacijiMathML

osiguravaprenosivostsadržajaikonzistentnostprikaza,bezobziranamedij.XSL

transformacijeiprocesuiranjetekstasemantičkipravilnogsadržajaproduciratće

predvidljivijerezultate[57].

Page 74: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

66

8.3. Analizaikomparacijaprimjerae-knjigasugrađenimmatematičkimsadržajem

1.PRIMJER:BITMAPSLIKEizknjigeTheoreticalAerodynamics(izdavač:Wiley,2013.)

EPUBknjigaoblikovanajeuHTML-u,amatematičkijesadržajubačenisključivouobliku

bitmapslika(formatGIF).Zbogovisnostiorezolucijislika,prikazdramatičnodegradira

prilikompovećavanjaslikekojesemoravršitidvostrukimdodirom(eng.doubletap),što

smanjuječitljivostiprisiljavakorisnikanaprekidtijekomčitanja.Prilikompovećavanja

veličinefontaslikeostajuistihdimenzija.Naovajnačinmatematičkisadržajnije

pristupačannislabovidnimakojibihtjelipovećativeličinupismanislijepima,jerzapisu

slikamanijedostupanTTSmehanizmima(posebicejernijeuvrštenniopisslika).

Matematičkisadržajsenemožepretraživatinitiprebacitiudrugiformat.Prijelomje

optimalan,iakonijetečan,anazaslonimamanjihdimenzijagdjeseslikeprilagođavaju

veličinizaslonapresitanzačitanje.Ažuriranjesadržajazahtijevaizradunovebitmap

slike.Također,veličinadatotekeneizbježnojemnogovećauusporedbisidentičnom

knjigomoblikovanomisključivooznačnimjezikom,alijeprikazmatematičkogsadržaja

zajamčen.

2.PRIMJER:MATHMLMTABLEizknjigaLinearAlgebra(IDPF–EPUB3samples)iThe

TheoryofHeathRadiation(InfogridPacific–sample)

ObjeknjigeslužekaoogledniprimjeriEPUBe-knjigakojeprimjenjujuisključivoMathML

zamatematičkisadržaj.Prvaknjigasvematematičkeformulekojesenalazesamostalno

uretkusmještauMathMLelement<mtable>,adrugasamooneizrazekojisu

kompleksnijiodnosnodulji.Element<mtable>namijenjenjeoznačavanjumatricai

tablicateomogućavakontroluprijelomamatematičkihizraza,sličnokakoseHTML

element<table>uprošlostiupotrebljavaozadizajnprijelomamrežnihstranica[58].

Jednakokaoiuwebdizajnu,takojeiuEPUBe-knjigamavažnosepariratisadržajodstila

tesenikakonebitrebalokoristitioznačnimelementimazasadržajkojitoine

predstavlja.Lažnoprezentiranjeinformacijaposebiceštetipristupačnostisadržajajer

čitateljdobivalažnuinformacijuosamojstrukturisadržaja.Upraktičnomsmislu,

element<mtable>omogućujekontroluprijelomasadržaja,čakiodređenukoličinu

prilagodbeveličiniekrana.Akotabliceimajuodređenufiksnuveličinu,uaplikacijiiBooks

Page 75: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

67

takavseizrazprikazujetakodasepojedinislovniznakovipreklapajuipostajuu

potpunostinečitki(posebnokodpovećanjaveličinefonta).Primehaničkomiščitavanju

zvučnareprodukcijajeusporena,aliomogućena.Potrebnojeuzetiuobzirdaćeslijepa

osobamoždatakavsadržajipreskočitijerćemislitidajeriječotablici,aneo

matematičkomizrazu.Povećavanjesadržajaomogućenojeiakomožepolučitineželjene

rezultatepoputprelamanjaunutaroblikovanećelijetabliceilivećnapomenutog

preklapanjaznakovauaplikacijiiBooks.Pretraživanjeikopiranjeteoretskisumogućijer

jeizrazoblikovanoznačnimjezikomMathMLikoristisefontomzaprikazznakova.

Najvećijenedostatakprebacivanjeudrugeformatejerćeseinformacijeokotablice

takođerprenijetiiudrugijezik.AkonemapodrškejezikaMathMLunekome-čitaču,

sadržajsenećeprikazatipravilno.Uvlake,kojeseoblikujukoddugačkihmatematičkih

izrazakojiseprelamajuuvišeredaka,mogućejeukomponiratiuovakavdizajnjerse

prvaćelijanapočetkusvakogretka,započevšisdrugim,možeostavitiprazna.

3.PRIMJER:EPUB:SWITCHMATHML,SVG,BITMAPizknjigeOnOptimalBitAllocationfor

Classification-BasedSource-DependentTransformCoding(HindawiPublishing

Corporation)

Uovomprimjeru,iakouformatuEPUB2,primijenjenajeopcijazamjenskog(eng.

fallback)sadržajametodomepub:switch.Element<epub:switch> dozvoljavadae-

čitačprepoznanamespacedeklaracijukojupodržavaiprikažega.Natajsenačinautori

e-knjiganemorajubrinutiotomejelinekaXMLgramatikapodržana,većmoguuvrstiti

alternative,ae-čitačprikazujegramatikukadajeprepozna.Akonepodržavanijednu,

morapostojatizadanavrijednostuXHTMLinačicikojućesvipodržatisustavi.Processe

možeapstrahiratinasljedećinačin[34]:

<switch>

<case 1 je li podržan MathML?>

prikaži MathML

<case 2 je li podržan SVG?>

prikaži SVG

<default>

prikaži XHTML sadržaj (u ovom slučaju JPG slike)

Page 76: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

68

SustavswitchpostojijošodspecifikacijeEPUB2,nopregledavanjemovogprimjerau

različitime-čitačimauočenojedapodrškajošuvijeknijeoptimalna.Unekimse

e-čitačimaprikazujusvetriinačice(iBooks,EPUBReader,Calibre),unekimadvije(IDEAL

Reader),asamoseue-čitačimaAdobeDigitalEditionsiReadiumprikazujesamojedna.

Ovakavprikazupotpunostionemogućuječitanjesrazumijevanjem.Metodaepub:switch

idealnaje,uslučajudajepodržana,zaupotrebuoznačnihjezikakojijošuvijeknemaju

općenitupodržanostue-čitačima,kaoosiguranjedasesadržajprikažekorisniku.

Negativnastranametodejestdajepotrebnomnogovišetrudaivremenazakreiranje

ovakvee-knjige,aiveličinatakvedatotekevišestrukosepovećava.

Tablica3.UsporedbanačinaugrađivanjamatematičkogsadržajauEPUBe-knjigemetoda prikaz dizajn aktivni

prijelom

pristupačnost pretraživanje konverzija semantika

bitmap da da ne ne ne ne ne

MathML

<mtable>

da da da/ne da da ne ne

epub:switch višestruki - da da da ne da

Page 77: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

69

9. EKSPERIMENTALNARJEŠENJAPRIKAZAMATEMATIČKOGSLOGAUEPUBE-KNJIZI

NASTANDARDNIME-ČITAČIMA

PreciznijeoblikovanjeikontrolaprikazamatematičkihformulauEPUBe-knjiziu

potpunostiovisioe-čitačuinjegovojtehnologijiprikaza.Svakie-čitačimarazličiturazinu

podržanostisvihprimijenjenihtehnologijainjihovihkombinacija:MathML,CSSi

JavaScript.Sobziromnatodaponašanjee-čitačanijemogućepretpostaviti,pojedinise

problemiidentificirajueksperimentalnommetodom.KreiranaEPUBe-knjigasispravno

oblikovanommatematičkomformulomjezikomMathMLtestirasenarazličitim

platformamakakobiseidentificiralispecifičniproblemiprikazatezatimindividualno

riješilikakobie-knjigabilapristupačnabezobziranauređajkojikorisnikodabere.

Testirajusee-čitači:

1. EPUBReadernaFirefoxu(mehanizamzaprikazivanjeGecko)

2. iBooksnaAppleovimuređajima(mehanizamzaprikazivanjeWebKit)

3. ReadiumnaChromeu(mehanizamzaprikazivanjeBlink)

4. AdobeDigitalEditionsnaAppleovimuređajima(mehanizamzaprikazivanje

WebKit)

5. IDEALGroupReadernaplatformiAndroid(neutvrđenmehanizamza

prikazivanje)

6. Calibre(mehanizamzaprikazivanjeQTWebKit).

Page 78: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

70

9.1. Eksperimentalnorješenjezae-čitačEPUBReader

EPUBReader[59]jebesplatnidodatakzapreglednikFirefoxkojiomogućavačitanjeEPUB

e-knjigausamomepreglednikubezpotrebeinstalacijedodatnihsoftvera.Zaprikazse

koristimehanizmomGeckozaprikazmrežnogsadržajatesemožeupotrebljavatinabilo

kojemoperativnomsustavunakojisemožeinstaliratipreglednikFirefox(Windows,Mac

OSX,Linux).Firefoximaugrađenu(nativnu)podrškuprikazajezikaMathML.Slika9

prikazujematematičkuformuluoblikovanujezikomMathMLunutarEPUB3e-knjigebez

intervencijeCSS-ailiskriptnogjezika.FormulaseprikazujespunompodrškomMathML-

a;sviposebniznakovipodržanisuzbogspecijaliziranogfontaSTIXkojijeugrađenu

preglednikFirefox.Prilikompromjenaveličineprozorapreglednikamatematičkase

formulaprilagođavadinamičkimprijelomomnaadekvatnimmjestimazbogprimjene

elemenata<mrow>zagrupiranjebezpotrebezaosvježavanjemprozora.Naslici9vidi

sedauvlakakojajepotrebnazbograzumijevanjaičitkostikompleksnihmatematičkih

izraza,akojasepremaspecifikacijiizvršavauzpomoćMathMLatributaindentalign

iindenttarget,nijeapliciranazbognjihovenepodržanosti.

Slika9.Prikazue-čitačuEPUBReaderunutarFirefoxa(Gecko)kojiimanativnuMathML

podršku

Page 79: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

71

Problemkojijepotrebnoriješitiue-čitačuEPUBReader(Firefox)jestaplikacijauvlake

svakogprelomljenogretkauveličiniudaljenostiprvogmatematičkogoperatoraod

početkaizraza.PrilikomprvogpokušajaintervencijeskriptnimjezikomJavaScriptuočeno

jedaJavaScriptnijeuključenkaopočetnavrijednostuovome-čitaču.Jedanodvećih

dodatakanovomformatuEPUB3,zarazlikuodnjegovaprethodnikaEPUB2,jest

dodatakpodržanostiskriptiranihsadržaja.Tajspecifičninovidodatakimaiuvjete

korištenjakakobiseosiguralapristupačnostsadržaja.Specifikacijanavodikakojeglavni

principskriptiranjaprogresivnopoboljšanje:„kadae-čitačrenderiradokumentbez

skriptnepodrškeilisisključenompodrškomskriptiranja,sadržajdokumentamora

zadržativlastitiintegritet,ostatičitljivkorisnikubezgubitakainformacijailidrugih

znatnihgubitaka”[60].Progresivnopoboljšanjenepodrazumijevaizbacivanje

skriptiranogsadržaja,većskriptiranjenijeobvezno.Skriptiranjebitrebalopoboljšati

iskustvokadajedostupno.Potrebnojeizbjegavatisituacijugdjeprimarninarativovisio

skritptiranju,odnosnodazahvaljujućiskriptiranjuodređenidiosadržajanijedostupan

čitatelju.Uprimjerukompleksnihmatematičkihizrazagdjeseuvlakamožeaplicirati

isključivoskriptnimputemzbognepodržanostipostojećihatributa,primarninarativ,

odnosnosadržajuvijekjedostupanbezobziranaskriptnupodržanost.Sadržajuzpomoć

skriptedobivaaktivnopoboljšanjeusmislučitljivostitakvogspecifičnogsadržajagdjesu

čitateljinaviknulinaodređenetipografskekonvencije,istodobnoganesakrivajući.U

slučajue-čitačaEPUBReaderkojinemastandardnouključenupodrškuskriptnogsadržaja

postižesesituacijaprogresivnogpoboljšanja.Akokorisniksamostalnoneuključipodršku

skriptiranja,matematičkijesadržajidaljevidljivičitak,aliakojeuključi,pozitivan

doživljajčitanjabitćepovećan(slika10).Jedinijeproblemuosviještenostičitateljao

danojsituaciji.Uvećinisituacijačitateljsamoželičitatisvojue-knjigutesenezamara

postavkamae-čitača.Bilobiuputnodatidoznanjačitateljukakodapoboljšasvoje

iskustvočitanjatedatiuputeouključivanjuskriptnepodrške,alidetaljnijeuputenisu

mogućejersepostavkerazlikujuode-čitačadoe-čitača.

Page 80: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

72

Slika10.Prikazpostavkiskriptiranjae-čitačaEPUBReaderuFirefoxu

FunkcijaJavaScriptzaaplikacijuuvlakezapočinjedohvaćanjemmatematičkogizraza

metodomgetElementsByTagName()kojavraćakolekcijuelemenataoznakemath

tepostavljanjemdohvaćenoguvarijabluzbogopetovaneupotrebe.

var matem = document.getElementsByTagName('math');

Najprijejepotrebnoutvrditipostojanjeiudaljenostprvogsamostalnogmatematičkog

operatora.Tosečiniprolaženjempetljomforkrozprvinivodjeceelementeglavnog

elementa<math>svojstvomNode.childNodes.Zatimsedohvaćaprvisamostalni

operatoruspoređivanjemstringaoznakemetodomElement.tagNamesastringom

<mo>tespremauzasebnuvarijablu.MathMLelement<mo> predstavljaoperatoru

širokomsmislu,osimmatematičkihoperatoraelementuključujeioperatorepoput

zagrada,zarezaitočkazarezaililinijakojeoznačavajuapsolutnuvrijednost.Zbogtogaje

važnoprilikomoblikovanjamatematičkeformulekojaseplaniraprelamatiiuvlačiti

postavitiprvioperatorkaosamostalnodijetenajvišegnivoa:

Page 81: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

73

<math>

<mrow> … </mrow>

<mo>=</mo>

<mrow> … </mrow>

</math>

Natajsenačinizbjegavadohvaćanjeneželjenih,aprisutnihelemenata <mo>.

Horizontalnaudaljenostprvogoperatoraodpočetkamatematičkogizrazapotrebnaza

utvrđivanjeipostavljanjeveličineuvlakedohvaćasemetodom

Element.getBoundingClientRect().left.Ovametodavraćaveličinu

elementainjegovurelativnupozicijupremaprikaznompodručju.Svojstvoleftove

metodedohvaćaudaljenostupikselimaodlijevogrubaCSSokvira.

Slika11.Dohvaćanjeprvogoperatorainjegoveudaljenostiodlijevogruba

Nakonutvrđivanjaveličineuvlakezapočinjedohvatsvihelemenata<mrow>kakobise

utvrdilamjestaprijelomatepostavilauvlaka.Dohvaćanjesevršipetljomforkoja

prolazikrozdjecuelementenajvišegnivoaglavnogelementa<math>teseuspoređuju

njihovaimenasimenomoznakemrowtesenadodajuupoljemrowsakojeupit

pozitivanmetodompush.

Page 82: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

74

Slika12.Dohvaćanjesvihelemenata<mrow>zbogapliciranjauvlake

Idućijekorakdohvaćanjeudaljenostiprvogretkaodvrhaprikaznogokviraidentičnom

metodomkaoizadohvaćanjevrijednostiuvlake

Element.getBoundingClientRect(),aliuzpomoćsvojstva top.Elementčija

seudaljenostnajprijeprovjeravajestprvičlanpoljamrows.Ovavrijednostupikselima

potrebnajekakobislužilakaoreferentnaveličinazausporedbusostalimelementima

poljamrowsusvrhuutvrđivanjakojijetoelementpoljakojiseprelomiounoviredak,

odnosnonakojemsemjestuunutarmatematičkogizrazadogodioprijelomkakobisena

tommjestumoglaapliciratiuvlaka.Zatimsedohvaćaudaljenostsvihelemenatapolja

mrowsteseuspoređujesudaljenošćuprvogelementapoljamrows.Akojeudaljenost

prvogelementamanjaodtrenutačnodohvaćenogelementa<mrow>,nadotičnise

elementpostavljalijevamarginauvrijednostiprijedohvaćeneudaljenostiprvog

operatoraodlijevogrubaprikaznogpodručja.Marginasepostavljametodom

element.setAttribute() postavljanjematributastylevrijednosti

margin-leftnaveličinuvarijableuvlaka:

Page 83: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

75

Slika13.Usporedbaudaljenostipojedinihelemenata<mrow>poosiyteaplikacija

uvlake

FunkcijaresizerzapostavljanježeljeneuvlakezapočinjefunkcijomresetOffsets

čijijeciljresetiranjesvihlijevihmarginana0kakobiseprilikommijenjanjaveličine

prikaznogpodručja(mijenjanjemveličineprozorapreglednika)prvotnoapliciraneuvlake

resetiraleipritomnebistvaralerupeunutarmatematičkogizraza.

Slika14.Resetiranjemarginanavrijednost0pxsvihelemenata<mrow>

Page 84: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

76

Funkcijazaaplikacijuuvlakepozivaseupravljačemdogađajaprozora onload.

window.onload = uvlaka;

Funkcijazapostavljanjemarginepozivaseprilikommijenjanjaveličineprozora

preglednika.

window.addEventListener("resize", resizer);

Ovomsefunkcijompostiglodakorisniknemoraosvježitipreglednik(e-čitač)nakon

mijenjanjanjegoveveličinekakobidobiooptimalanprikazmatematičkeformule.

Slika15.PrikazEPUBe-knjigeue-čitačuEPUBReader(Firefox)nakonintervencije

JavaScriptom.Sadržajjevidljivteoptimalnotipografskioblikovanaplikacijomuvlakeu

veličiniudaljenostiprvogoperatora.

IntervencijomkreiraneJavaScriptformulepostignutjekrajnjiciljoptimizacijeprikazai

tipografskogstandardaprilikomoblikovanjakompleksnihmatematičkihizrazaunutar

EPUBe-knjigazae-čitačEPUBReaderuFirefoxu.Sadržajseucijelostipravilnoprikazuje

zahvaljujućimehanizmuprikazaGeckokojiFirefoxprimjenjujezarenderiranjemrežnog

sadržaja,uključujućijezikMathML.Dinamičkiseprilagođavaveličiniprozoraodnosno

prikaznogpodručja.Tipografskistandardiziranauvlakasvakogidućegretkaapliciranaje

Page 85: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

77

uzpomoćskriptnogjezikaJavaScript,kojameđutimneumanjujepristupačnostakoje

korisnikneuključi.SadržajjetakođerdostupanmehaničkomiščitavanjuTTStehnologije

dostupnenaplatforminakojojsečitazbogprimjenejezikaMathML.Matematičkise

izrazprelamanatipografskioptimalnimmjestimaiznakovioperatoranalazesena

početkuretkaprimjenomfunkcijeJSigrupiranjemkomadasadržajaelementima

<mrow>.Sadržajsetakođervrlojednostavnomožepovećavatiugrađenomopcijome-

čitačabezdegradacijeprikaza.

Slika16.Prikazmatematičkogizrazanakonvišestrukogpovećanjaveličinefonta

ugrađenomopcijome-čitača

Page 86: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

78

Slika17.Prikazdinamičkogprijelomatijekompromjeneveličineprozorapreglednika

Page 87: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

79

9.2. Eksperimentalnorješenjezae-čitačAppleiBooks

E-čitačiBooksaplikacijajetvrtkeAppletesepronalazinaoperativnimsustavimaOSXi

iOS,odnosnonaosobnimračunalimaMacimobilnimuređajimaiPhoneiiPad.Zaprikaz

upotrebljavamehanizamSafarizaprikazivanjemrežnogsadržajabazirannamehanizmu

WebKit.

PrilikomotvaranjaoblikovaneEPUBe-knjigeue-čitačuiBooksuočenojedasesadržajne

prikazujeucijelosti.Matematičkaseformulaprikazujedorubazaslonatejezatim

odsječenateninajedannačinnijedostupna(npr.pomicanjempozaslonu,jerje

pomicanjeonemogućenounutare-čitača).Razlogjenedostupnostimatematičkog

sadržajajošuvijekeksperimentalnametodaCSSkojomsekoristiiBooks(odnosno

MobileSafari),uovomeslučajuflexbox.CSSsvojstvoflex-wrap određujehoćeli

seobjektflexprelamatiunoveretkeilićeseprikazivatiujednomretku.Inicijalna

vrijednostovogasvojstvapostavljenajenanowrap,štoprisiljavaobjektdabude

prikazanujednomeretku.UstanovljenojedaseMathMLsadržajue-čitačuiBooks

prikazujeuzpomoćCSSmetodeprikazivanjaflexboxtesejedinonatajnačinmožei

ispraviti.Postavljanjemsvojstvaflex-wrapnawrapsadržajseprelamauvišeredaka.

Page 88: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

80

Slika18.PrikazoblikovaneEPUBe-knjigebezintervencijaCSS-aiJavaScriptaue-čitaču

iBooksnauređajuiPhone(iOS)

NakonintervencijeCSSsvojstvomprikazjeidentičanonomeuEPUBReaderuuFirefoxu.

TimejedokazanodamehanizamSafarizaprikazivanjemrežnogsadržajanativno

podržavajezikMathML.Sobziromnatodajeproblematikakojaseodnosinaapliciranje

adekvatnihuvlakazbogčitljivostiidentičnaonojuEPUBReaderu,rješavanjuproblema

pristupilosesvećkreiranomJavaScriptformulom.E-čitačiBookspodržavaskriptiranje

tenijepotrebnanikakvadodatnakorisničkaintervencijakakobiJavaScriptbiouključen.

FunkcijakreiranazaFirefox,međutim,nijekreiralaželjeneuvlakeusadržaju.Nakon

eksperimentiranjaspostojećomfunkcijomunutare-čitačaiBooksotkrivenojedaiBooks

neprepoznaje,odnosnonepodržavametodugetBoundingClientRect().

OtkrivenojedaseudaljenostprvogoperatoramožedohvatitimetodomoffsetLeft,

ausporedbaelemenata<mrow>uzpomoćmetodeoffsetTop.Metoda

offsetLeftdohvaćaudaljenostelementaodgornjeglijevogkutanjegovaelementa

roditelja,asvojstvooffsetTopdohvaćaudaljenostelementaodvrhaelementa

roditelja.Ostatakfunkcijezadržavapostojećulogikuialgoritamteostvaruježeljene

rezultate:matematičkisesadržajprelamakodoperatora,apliciraseuvlakazbog

Page 89: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

81

čitljivostitogtipasadržaja,sadržajsedinamičkiprelamaovisnooveličinidostupnog

prostoranazaslonuuređaja,asadržajjepristupačan(TTSipovećanjeveličinepisma).

Slika19.PrikazrješenjaapliciranefunkcijeJavaScriptzaiBooksnaplatformiiOS

Zboguniverzalnostiprimjenekreiranefunkcijezauvlake,adaptiranafunkcijapokušava

seapliciratiunutarEPUBReadera.Optimalnabisolucijabilakreacijafunkcijekojabi

djelovalanasvime-čitačima.Međutim,metodeoffsetTopioffsetLeftnisu

podržaneuEPUBReaderupafunkcijaadaptiranazaiBooksnemožedjelovati

univerzalno.Zbogtogasenapočetakfunkcijepostavljaupitzapodržanostpojedine

metodekojasezatimpopotrebiaplicira.Izmjena,odnosnoprimjenapotrebnemetode

ostvarujeseJavaScriptizjavomswitchkojaobavljarazličiteakcijepremazadanim

uvjetima.

Page 90: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

82

Slika20.FunkcijakojaobavljaupitpodržanostimetodeoffsetTopizjavomswitch

teshodnoprimjenjujepotrebnumetoduzadohvaćanjeudaljenosti

Podržanostsvojstva,poputpodržanostiskriptiranja,ue-čitačimanemožese

generaliziratizbogkompleksnostiekosustavakojisupojedinetvrtkekreirale.Zbogtoga

jepotrebno,prilikomkreiranjae-knjigespecifičnihzahtjeva,ispitatiitestiratipodržanost

pojedinihsvojstva,bezobziranatoštospecifikacijapojedinogproizvođačatvrdidaje

nekogeneralnosvojstvopodržano.Uovomkonkretnomslučajue-čitačiEPUBReaderi

iBookspodržavajuJavaScriptskriptiranjeunutarsadržajae-knjige,alinijemoguće

primijenitijedinstvenumetodudohvaćanjaudaljenostipojedinogMathMLelementaod

rubazaslona(odnosnoizvornogHTMLelementa).Timejeoblikovanjeoptimiziranog

sadržajae-knjigapremakorisničkimzahtjevimakompleksanposaokojinijemoguće

automatiziratisvedoktehnologijee-čitačanepostanuusuglašenije.

Page 91: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

83

9.3. Eksperimentalnorješenjezae-čitačAdobeDigitalEditions

AdobeDigitalEditionsbesplatnijee-čitačtvrtkeAdobenamijenjenzasveplatforme:

OSX,iOS,AndroidiWindows.PrvenstvenojerazvijenzačitanjeEPUBe-knjigapasamim

timeimavelikupodrškuspecifikacijeEPUB3.TvrtkaAdobe,kaovodećakompanijau

grafičkojindustriji,prihvatilajeformatEPUBzasoftverzaprelamanjeknjigaAdobe

InDesign.Danasomogućujesvojimsoftverskimalatimaikreiranjeičitanjee-knjigau

formatuEPUB3.SobziromnatodajeAdobeDigitalEditionse-čitačnamijenjenzaviše

platformi,koristiserazličitimmehanizmimaprikazivanjajezikaMathML.Ovajjee-čitač

testirannaoperativnomsustavuMacOSXkojiupotrebljavamehanizamSafariza

prikazivanjesadržaja.Prilikomotvaranjapripremljenee-knjigeunutare-čitačaAdobe

DigitalEditionsverzije4.01,uslučajubezintervencijeCSS-omiliJavaScriptom,

matematičkaseformulaneprelama,aliseprikazujusvipotrebniznakovi.Sobziromna

todasematematičkisadržajneprelama,čitateljunijeomogućenpristupsadržajuu

cijelostijerjeakcijascrolltipičnoisključenaue-čitačima.Inicijalnijeproblemidentičan

onomeue-čitačuiBooks,kakojebiloiočekivano,sobziromnamehanizamza

prikazivanje.Testiranjejeipaknužnozbogunikatnostipristupasvakoge-čitačaprema

specifičnimznačajkamakojerazvija.

Page 92: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

84

Slika21.Prikaze-knjigeprijeintervencijeCSS-omiJavaScriptomue-čitačuAdobeDigital

Editions4.01naplatformiMacOSX

NakonotvaranjamatematičkogsadržajaoblikovanogCSS-omiJavaScriptom,

apliciranomfunkcijomprethodnopripremljenomzaEPUBReaderiiBooks,sadržajse

prilagođavaveličinizaslonauviduprijelomanaadekvatnimmjestimateseaplicira

željenaveličinauvlake.SobziromnatodaseAdobeDigitalEditionskoristimehanizmom

Safari(WebKit)zaprikazivanjesadržaja,zaključujesedajefunkcijakreiranazaiBooksu

ovomeslučajuadekvatna.Pristupačnostjetakođeromogućenauvidupovećavanja

veličinefontaimogućnostipristupaTTSmehanizmanadotičnomoperativnomsustavu.

TimejeostvarenaoptimizacijaprijelomamatematičkogslogaunutarEPUBe-knjiganae-

čitačuAdobeDigitalEditionsnaplatformiMacOSX.

Page 93: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

85

Slika22.Prikaze-knjigeue-čitačuAdobeDigitalEditions4.01naplatformiMacOSX

nakonintervencijeCSS-omifunkcijomJavaScript

Page 94: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

86

9.4. Eksperimentalnorješenjezae-čitačReadiumverzije2.16.X

Readium[61]jetehnologijaotvorenogkodanamijenjenaubrzavanjuprihvaćanja

formataEPUB3unutarindustrijedigitalnogizdavaštva.GlavnijeciljprojektaReadium

proizvestiEPUBe-čitačkojipoštujespecifikaciju,amožeseprimjenjivatiu

preglednicima,aplikacijamapreglednikailiugraditikaoSDK(SoftwareDevelopmentKit)

unativnuaplikaciju.ProjektimaciljpružitifunkcionalniEPUBe-čitačzaupotrebuna

internetuipostojiudvaoblika:kaoReadiumCloudReaderiekstenzijazapreglednik

Chrome.Dostupanjeuoblikuotvorenogkodakakobiosiguraorazvitakprojektai

populariziraoformatEPUB.ReadiumciljanausuglašenostposljednjespecifikacijeEPUBi

kaotestnaplatformazanoveEPUBmodule.Readiumjereferentnisustavipogon,aline

ikomercijalnie-čitač.

ReadiumjetestirannaplatformiMacOSXkaoekstenzijapreglednikaChrome.Prilikom

otvaranjae-knjigeuReadiumuvidljivojedasematematičkisadržajprikazujetedase

prelamaunoviredakpremapotrebisobziromnadostupanprostorprozoraaplikacije.

Sadržajselomiprijematematičkihoperatora,štodokazujeuspješnostoblikovanja

sadržajagrupiranjemuzpomoćelemenata <mrow>.

Page 95: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

87

Slika23.PrikazmatematičkeformulebezintervencijeCSS-ailiJavaScriptaue-čitaču

ReadiumupreglednikuChromenaplatformiMacOSX

PreglednikChromenativnonepodržavajezikMathML.StogaReadium,kakobi

zadovoljiozahtjevespecifikacije,omogućuječitanjematematičkogsadržajaoblikovanog

jezikomMathMLuzpomoćJavaScriptknjižniceMathJax.

MathJaxmožerenderiratimatematičkeizrazenatrinačina:koristećiseHTML-omiCSS-

omzaprikaz,koristećiseSVG-omilikoristećisenativnompodrškompreglednika.Ovisu

prikaziimplementiranisizlaznimprocesorimaHTML-CSS,SVGiNativeMML.Readium

upotrebljavaSVGizlazniprocesorzaprikazmatematičkihizrazauvrštenihjezikom

MathML.SVGizlazniprocesorupotrebljavatehnologijuScalableVectorGraphicsza

prikazmatematičkihizraza.SVGjepodržanusvimvećimpreglednicima,uključujući

Chrome.SVGnačinprikazavisokejekvaliteteibrz,stogasedobroprikazujeu

preglednicima.ManaovognačinaprikazajestdanesekoristiprednostimafontaSTIXza

prikazmatematičkihznakovapaimapristupsamoonimznakovimakojisenalazeu

mrežnimfontovima.DrugavelikamanaSVGprikazajestdajednomkadajematematički

izrazrenderiraniprelomljenpostajefiksneveličinepaseneprelamadinamičkiprilikom

promjeneveličineprozora.

Page 96: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

88

IzlazniprocesoriHTML-CSSiSVGimplementirajuMathMLautomatskoprelamanje

tekstaunoviredakpremaspecifikaciji.Sobziromnatodaprelamanjezahtijevadodatno

procesiranjeimožeusporitiprikaz,čestojeautomatskiisključeno.Utestiranojverziji

Readiumaautomatskijeprijelomuključen,kaoštosevidinaslici15.Automatsko

prelamanjetekstaprikorištenjuSVGprikazomtakođersemožeaktiviratikonfiguracijom

MathJaxauzpomoćnaredbe:

MathJax.Hub.Config({

SVG: { linebreaks: { automatic: true, },

}

});

SviseposebnimatematičkiznakoviprikazujuzatoštoMathJaxpodržavasedamrazličitih

fontovaodkojihautormožebiratikojićeupotrijebititedolazeupaketusJavaScript

knjižnicom.ZaSVGprikazMathJaxpreuzimapodatkeputanjakojiodgovarajudotičnom

fontu.IzlazniprocesorSVGnećeseizravnokoristitifontovima,većizvedenimSVG

podacimaputanjakakobiiscrtaoputanjepotrebnihznakova.Samjeprikaz

matematičkihizraza,dakle,izvedenuoblikuSVGkrivulja,aneznakovafonta.

ZaapliciranjeuvlakenaretkekojiselomepotrebnojeupoznatisesDocumentObject

Modelom(DOM)kojiMathJaxgenerirauopcijiSVGizlaza.Naslici16vidisekako

MathJaxkreiraSVGelemente<g>zagrupiranjesadržaja.Ovielementiodgovaraju

MathMLelementima<mrow>kreiranimazagrupiranjeiprelamanjematematičkog

sadržaja,štoolakšavamanipulacijutimelementimaspomoćuJavaScripta.

Page 97: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

89

Slika24.PrikazDokumentObjectModelaMathMLsadržajaue-čitačuReadium

Kakobiseutvrdilapozicijaprvogoperatorapotrebnojenatajelementpostavitiatribut

idkojijenazvan„firstOperator”.Ovopodrazumijevadaautormorasamostalnolocirati

prvioperatorukodumatematičkeformuleiunijetinjegov id.PoznavanjeDOM-a

unutare-čitačaReadiumtakođerjenužnozadohvaćanjesvihgrupacijamatematičke

formulekakobiseformulamoglaprelamatiodnosnosamauvlakaapliciratinaciljane

elemente.Matematičkaseformulanalaziuelementu<svg>kojijeugniježđenunutar

elementačijiidjestMathJax-Element-1-Frame.Nakonutvrđivanjastrukture

DOM-amogućajemanipulacijaelementimauzpomoćjezikaJavaScript.Najprijese

dohvaćajusviredovimatematičkeformuletesespremajuuvarijablusvg:

var svg = window.document.getElementById

('MathJax-Element-1-Frame').getElementsByTagName('svg');

PrviseoperatorpostavljauvarijabluuzpomoćmetodegetElementById().Pozicija

prvogoperatora,odnosnonjegovahorizontalnaudaljenostupikselimaodrubaokvira

Page 98: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

90

dohvaćaseuzpomoćregularnihizrazaJavaScriptobjekta.PozicijesvihSVGelemenata

<g>zapisanesuuatribututransform = „translate(x,y)”, stogase

regularniizrazprimjenjujezapregledavanjeatributatransformprvogoperatora,

dohvaćastringvrijednostpikselaxpozicijetranslatetegapostavljausvojuvarijablu

kojaćesekasnijeupotrebljavatizaapliciranjeuvlake.

Slika25.Dohvaćanjeprvogoperatorairegularniizrazspomoćukojegsedohvaća

udaljenostprvogoperatoraodrubaprozora

Zatimsekreirapetljaforkojomsepunipoljeselementima<g>kojimaćesepostaviti

upitpozicijeteapliciratiuvlaka.

Slika26.Prikazpetljekojadohvaćasveretkematematičkogizraza

ElementiredovadohvaćajusekaoprvadjecaSVGelementatesespremajuupoljepod

uvjetomdaseelementzove<g>.

Sadasudohvaćenisvipotrebnielementitevrijednostuvlakekojaseželiprimijeniti.

Posljednjapetljaufunkcijiuvlakezapočinjeseprolaženjemkrozpoljesakupljenih

elemenata<g>,preskačućiprvijersenanjegauvlakaneaplicira.Elementimase

dohvaćanjihovapozicijaizatributatransformkakobisemoglaizvršitiusporedba

udaljenostipoosimaxiyodrubaekrana.Akojexpozicijaelementajednakanuli,ay

Page 99: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

91

pozicijarazličitaodnule(štoznačidasenalaziudrugom,trećemiliinomretku)natajse

element<g>postavljaatributtransformsvrijednošćupomicanjapoosixu

vrijednostiprethodnodohvaćeneudaljenostiprvogoperatora.

Slika27.Prikazpetljekojautvrđujepozicijepojedinihgrupaelemenata,uspoređujeihte

apliciranovuželjenupoziciju

Slika28.PrikazformulenakonapliciranjaJavaScriptfunkcijeue-čitačuReadiumu

preglednikuChrome

Page 100: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

92

Nakonotvaranjae-knjigespripremljenommatematičkomformulomtepozivanjem

JavaScriptfunkcijesadržajjevizualnodostupanteseprelamaprilagođavanjem

dostupnomprostoruzaslona.Takođerjevidljivodasesadržajprelamanaadekvatnim

mjestima,gdjesvakiredakzapočinjesoperatorom,asadržajsenelominatipografski

nelogičnimmjestima.Uvlakaveličineudaljenostiprvogoperatoraaplicirasenapočetku

svakogidućegretka.

Mijenjanjemveličinezaslonailiizmjenomveličinefontasadržajseneprilagođava

automatskizbogtogaštojepotrebnodaMathJaxponovnorenderiraSVGprikaz

formule.Nakonštoseprozorosvježi,formulaseopetoptimizira.Ovojerješenjestoga

problematičnojerkorisnikneznazapotrebuponovnogučitavanjasadržajaradi

optimizacijeprikaza.

PristupačnostsamogsadržajaputemTTSmehanizmaomogućenajejer,iakoMathJax

matematičkisadržajpretvaraujezikSVG,takođerzadržavaizvorniMathMLzapisukodu

kojijedostupanmehanizmimamehaničkogiščitavanja.

Page 101: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

93

9.5. EksperimentalnorješenjezaIDEALGroupReadernaplatformiAndroidie-čitač

CalibrenaplatformiWindowsiOSX

IDEALGroupReaderjeste-čitačnamijenjenzaplatformuAndroid.Njegovesuglavne

karakteristikedapodržavaEPUB3formate-knjiga,omogućujemehaničkoiščitavanje

teksta,vizualnonaglašavatekstkojiseiščitava,prikazujeiglasovnoiščitavaMathML

sadržaj,znatnopovećavapristupačnostsadržaja,omogućujezapisivanjebilješki,

podržavavideoiaudiosadržajeunutarEPUBe-knjigatepodržavainteraktivnost[62].

Najvećajeprednostovoge-čitačadaomogućujeiščitavanjeMathMLsadržaja,što

povećavapristupačnostovevrstesadržajaslijepimislabovidnimosobama.IDEALGroup

ReadertestiranjenatabličnomračunaluSamsungGalaxyTab2iplatformiAndroid.

Slika29.Prikazmatematičkeformulenae-čitačuIDEALReaderGroupnatabličnom

računaluSamsungGalaxyTab2prijeintervencijeskriptnimjezikom

Page 102: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

94

NakonotvaranjaEPUBe-knjigematematičkogsadržajanatabličnomračunaluSamsung

Galaxyvidljivojedasematematičkiznakoviprikazuju,štoznačidajejezikMathML

podržan,alidasematematičkaformulaneprelamasobziromnadostupnuširinu

zaslonaodnosnoprozoraaplikacije.Rješenjestogapodrazumijevaintervencijukojaće

prisilitimatematičkuformulunaprijelomiapliciranjetipografskeuvlakeradi

razumijevanjasadržaja.PrijelomserealizirakonfiguriranjemMathJaxknjižnicena

početkuXHTMLdokumenta.

Slika30.PrikazkonfiguracijeMathJaxknjižnicekodizlaznogprikaza„HTML-CSS”

MathJaxknjižnicanudiopcijekonfiguriranjaprijelomamatematičkogsadržajas

unaprijeddefiniranimnaredbama.IDEALGroupReaderprimjenjujeizlazniprikazHTML-

CSSzajezikMathML,štojeiprimarniizlazniprikazMathJaxknjižnice.Proizvodiprikaz

visokekvalitete,koristisemrežnimfontovima,alizahtijevaviševremenazarenderiranje

odnativnogprikaza.Objektlinebreakskontroliraponašanjeizlaznogprocesora

HTML-CSSčijajepočetnavrijednostfalse.Automatskoseprelamanjestogamora

uključitipostavljanjemnavrijednosttrue.Širinasepostavljana70%širinekontejner

elementakakosesadržajnakonapliciranjauvlakenebiprikazivaoizvanzaslona.Nakon

konfiguracijeprijelomaredaka,međutim,sadržajseneprikazujezbogredoslijeda

učitavanja.Naime,prilikomučitavanjadokumentae-čitačprepoznajezikMathMLte

automatskinajprijeučitavaMathJaxknjižnicu,atekzatimnjegovukonfiguraciju

prijelomaredaka.ZbogtogajepotrebnonaknadnoučitatiMathJaxknjižnicujerje

potrebnonajprijekonfiguriratiizlaz,atekzatimknjižnicu,kakobisesadržajprikazaoi

prelomio:

Page 103: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

95

<script type="text/javascript"

src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config

=MML_HTMLorMML">

</script>

NaknadnoučitavanjeMathJaxknjižniceusporavarade-čitačajerseprilikomotvaranja

svakestranicemoraučitaticijelaMathJaxknjižnica.Postojimogućnostoptimiziranja

smanjivanjemknjižnicenanužnedijelove,alitajeoptimizacijaizvanistraživanjaovog

rada.

ZatimsepristuparješavanjuuvlakefunkcijomJavaScript.Ponovnojepotrebnoupoznati

sesaspecifičnomDOMstrukturomovogizlaznogmodela.

Slika31.PrikazDOMstrukturematematičkeformuleuzpomoćMathJaxknjižnices

izlazomHTML-CSS

Najprijejepotrebnodohvatitiprvioperatorumatematičkojformuliteočitatinjegovu

udaljenostodlijevogrubazaslona.

Page 104: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

96

Slika32.PrikazfunkcijeJavaScriptzaapliciranjeuvlakenaplatformiAndroid

DOMseuovomslučajurazlikujeodonogakreiranoguReadiumuzbogdrugačijeg

izlaznogmodela.Matematičkisesadržajnalaziuelementuklasemathkojisedohvaća

naredbomgetElemetsByClassNameispremaupolje.Elementikojisugrupirani

oznakama<mrow>uMathML-useuizlazuHTML-CSSnalazeuelementima<span>.

Prviseoperatordohvaćasakupljanjemelemenata<span>prvegrupacijematematičke

formuleinjihovedjeceelemenata:

var firstOperator =

mat[0].getElementsByTagName('span')[3].childNodes;

Nakondohvaćanjaadekvatnihelemenata<span>,uzpomoćpetljeforpretražujese

poljeiprovjeravaimeklaseelementa.Akoklasanosiimemo,spremaseuvarijablu.

UdaljenostsedohvaćametodomoffsetLeft:

Page 105: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

97

Slika33.PrikazdohvaćanjaudaljenostiprvogoperatorazaIDEALGroupReader

Varijablaxsadasadržiudaljenostprvogoperatoraodlijevogrubazaslona.Zatimse

dohvaćajuredovikojisuprelomljenikakobisenanjihmoglaapliciratiuvlaka.Uvlakase

apliciraJavaScriptintervencijomuCSSsvojstvomargin-left:

polje[0].firstChild.setAttribute

('style','margin-left:'+ x + 'px');

Akopostojivišeredova,nanjihsetakođerapliciralijevamarginaistevrijednosti:

if (polje[1])

{polje[1].firstChild.setAttribute

('style', 'margin-left:' + x + 'px');

InterveniranjemukonfiguracijuMathJaxknjižniceimodificiranomfunkcijomJavaScript

postignutojezamišljenorješenjezaprijelomkompleksnematematičkeformuleuEPUB

e-knjizinaplatformiAndroid.Ovoserješenjetakođermožeapliciratinabilokojem

e-čitačukojisekoristiMathJaxknjižnicomsizlazomHTML-CSS.Ovajetvrdnja

provjerenaidokazananae-čitačuCalibrenaplatformiWindows.

Page 106: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

98

Slika34.Prikazmatematičkeformuleue-čitačuIDEALGroupReadernaplatformi

AndroidnakonintervencijekonfiguracijomMathJaxknjižniceifunkcijeJavaScript

Nakonintervencije,matematičkijesadržajdostupankorisnikuvizualnoiprema

tipografskimpravilimastruke,alijeidostupanputemTTStehnologijejerjezadržan

izvorniMathMLkodkojiovaje-čitačimafunkcijumehaničkiiščitati.Prilikommijenjanja

veličinezaslonanakonštojestranicaknjigeučitanasadržajsenećeprilagoditibez

osvježavanjaprikaza,alitouovomslučajunepredstavljaproblemjerkorisnicirijetko

mijenjajuorijentacijuuređajaprilikomčitanjae-knjiga,anamobilnimuređajimajeto

jedininačinmijenjanjaveličinezaslona.

Page 107: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

99

10. EKSPERIMENTALNIREZULTATIIANALIZA

SemantičkiispravnojezikomMathMLoblikovanakompleksnamatematičkaformula

ugrađenajeuEPUB3e-knjiguitestirananae-čitačimarazličitihmehanizamazaprikaz

mrežnogsadržajanarazličitimplatformama.Ukupnojetestiranošeste-čitačana

operativnimsustavimaWindows,MacOSX,iOSiAndroid.Eksperimentisusevodiliu

uvjetimaugrađenog(nativnog)prikazajezikaMathML,aliiputemMathJaxJavaScript

knjižnice.Svojstvakojasusetestiralasu:podrškajezikaMathMLkojaopisujeprikazujeli

sesadržajoblikovanjezikomMathMLnae-čitaču;izlazniprikazkojiuvjetuje

pristupačnosttakvogsadržaja;pristupačnostuvidudostupnostisadržajaTTS

mehanizmimateperformanseugrađenihTTSmehanizamapriiščitavanjumatematičkog

sadržajaimogućnostipovećavanjaveličinesadržaja;pretraživostuoblikukopiranja

određenihdijelovamatematičkejednadžbeteizvođenjapretragekopiranihznakova

ugrađenimmehanizmomzapretragu;tipografskiprijelomkojioptimalnozačitljivosti

razumijevanjeprelamamatematičkeformuletedinamičkiprijelomkojiaktivno

prilagođavaprijelomsadržajadostupnojveličinizaslonailiprozora.

Page 108: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

100

10.1. AnalizapodrškeMathML-a

EksperimentalnommetodomizrademodelaEPUBe-knjigematematičkogsadržaja

utvrdilosedasvitestiranie-čitačiprikazujuMathMLsadržajunutarEPUB3e-knjige.

Suprotnopretpostavci,nijepotrebnougraditispecijalnifontkojisadržisvematematičke

simbole.Izlazniprikazodnosnorenderiranjesadržajaovisioe-čitačukojise

upotrebljava.E-čitačiupotrijebljenizatestiranjeizrađenogmodelanarazličitenačine

renderirajujezikMathMLovisnoodplatformiodnosnomehanizmuzaprikazmrežnog

sadržaja.Stogasepremarenderiranjumatematičkogsadržajae-čitačimogupodijelitiu

dvijeosnovnegrupacije:onikojijezikMathMLprikazujunativnoiputemMathJax

JavaScriptknjižnice.Nativniprikazomogućujumehanizmizaprikazmrežnogsadržaja

Gecko(Firefox)iWebKit(Safari).Mehanizmizaprikazmrežnogsadržajakojineprikazuju

jezikMathMLnativnovećsekoristeMathJaxknjižnicomzaprikazjesuBlink(Chrome)i

QTWebKit(Calibre).E-čitačikojiMathMLprikazujunativnokaoizlazniprikazimaju

MathML,međutimtoneunificiraspecifičneproblemeprijelomamatematičkogsadržaja.

Page 109: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

101

10.2. Analizametodekreiranjasemantičkipravilnogamatematičkogsloga

PrilikomkreiranjaMathMLsadržajavažanjeodabirsoftverskogalata.Softverskialat

utječenasemantičkukorektnostsadržaja,štoutječenakvalitetukonverzijeudruge

formate,nanačinnakojićeTTSmehanizmičitatisadržajigrupiranjesadržaja.Pri

kompleksnimmatematičkimizrazimautvrđenajenužnostgrupiranjadijelova

matematičkihformula.Grupiranjeseizvršavaprilikomoblikovanjamatematičkih

formulaujezikuMathMLuzpomoćelemenata<mrow>iomogućujeprijelom

matematičkeformulenatipografskioptimalnimmjestima.Utvrđenojedajenasvim

e-čitačimanakojimajeotvorenmodele-knjigečijijematematičkisadržajgrupiran

elementima <mrow>ispunjenciljprijelomanatipografskioptimalnimmjestima,

odnosnonamjestimaoperatorailijednakosti.Pokazaloseda,iakojezikMathMLsadrži

atributepotrebnezadetaljnuispecifičnukontroluprijelomasadržaja,tiatributijoš

uvijeknisupodržaninikodjednoge-čitačatesenemoguprimjenjivatiupraksi.

Eksperimentalnomjemetodomutvrđenodasvitestiranie-čitači,bezobzirana

mehanizamprikazivanja,prikazujusvepotrebnematematičkeznakove,iakoseu

oblikovanommodelue-knjigeneprimjenjujezatusvrhukreiranfontSTIX.Akobi

postojalapotrebazaugradnjomfontaSTIXudirektorijEPUB-a,tobiznatnopovećalo

njegovuveličinu,posebnozbogpotrebeugradnjekompletnefamilijepisma,alii

različitihformatafontanužnihzafunkcioniranjenarazličitimplatformama.

Page 110: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

102

10.3. Dinamičkotraženjetočkeprijelomaumatematičkomslogu

Dinamičkiprijelompodrazumijevaprilagođavanjematematičkogsadržajarazličitim

zaslonima,odnosnorazličitimveličinamadostupnihprozorae-čitača.Prilikomučitavanja

modelae-knjigeprimijećenasutrinačinaprikazakompleksnogamatematičkogsadržaja

sobziromnaprijelom.Prvi,optimalannačin,sobziromnapodrškujezikaMathML,

prikazujeEPUBReader.EPUBReaderiReadiumprikazujumatematičkiizrazcjelovito,

prelamajuformuluovisnooveličinidostupnogprozoranatipografskioptimalnim

mjestima,bezstilskeiliskriptneintervencije.E-čitačCalibretakođerprelama

matematičkisadržaj,alinaproizvoljnimmjestima,bezobziranagrupiranisadržajtene

zadovoljavatipografskipreduvjetčitljivostiovogtipasadržaja.Druginačinprikazajestda

sematematičkisadržajneprelama,prikazanjedorubaprozorae-čitača.Takavsadržaj

možeinemorabitidostupankorisniku.Uslučajue-čitačaiBooksiAdobeDigitalEditions

sadržajkojisenalaziizvanprozorauopćenijevizualnodostupančitatelju.Sadržajjena

platformiMacOSpostaodostupanCSSintervencijomzbogSafarijeveimplementacije

modelaprikazivanjaflexbox.Trećinačinprikaza,viđennae-čitačuIDEALGroupReader,

jestdasesadržajtakođerneprelama,alijedostupanklizanjem(eng.scroll-pan)udesno.

ProblemprijelomauovomjeslučajuriješenkonfiguriranjemMathJaxknjižnice.Prijelom

matematičkogsadržajakojiserenderiraputemMathJaxknjižniceuprimjerimamožebiti

standardnouključen(ReadiumiCalibre)iliisključen(IDEALGroupReader).Osnovni

preduvjetkorisnostie-knjigejestdanjezinsadržaj,bezobziranatojelitekstualni,

matematički,slikovniitd.,budevizualnodostupan.Problemnedostatkaprelamanja

matematičkogsadržajaodnosnovizualnenedostupnostimatematičkogsadržajaue-

knjigamariješenjeintervencijomjezikomCSSilikonfiguriranjemMathJaxknjižnice.

Page 111: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

103

10.4. Oblikovanjedinamičkogamatematičkogprijeloma

Uvjetvažanzačitljivostirazumijevanjekompleksnogmatematičkogsadržajajesti

pravilnotipografskooblikovanjekoje,osimprijelomanaadekvatnimmjestima,

podrazumijevaiapliciranjeuvlakeuveličiniprostoradoprvogznakajednakostiiliprvog

važnogznakamatematičkeoperacije.JezikMathMLsadržiatributezaovufinukontrolu

prijeloma,alinijedane-čitačzasadanepružapodrškutimmogućnostima.Samimtime

slijedidaniujednome-čitačunijeautomatskiapliciranatakvauvlaka.

Kontroludokojegseznakamjeriudaljenostimakreatormatematičkogsadržaja,atakvu

odlukuvjerojatnonikadanećemoćidonijetinijedansoftver,veććeuvijekovisitio

specifičnomprimjeru.Manipulacijateudaljenostiuprimjerusevršilapostavljanjemtog

označnogelementaslobodnim,odnosnoprvimdjetetomglavnogelementa <math>,

okruženogostalimelementima <mrow>.Takođermuseidodijeliounikatniimenovan

atributidkakobiseuodređenimsituacijamamogaodohvatiti.Ovakvaintervencija

zahtijevaodkreatorasadržajaosnovnopoznavanjesintakseistrukturejezikaMathML.

DohvaćanjeudaljenostiusvimserješenjimavršiuzpomoćskriptnogjezikaJavaScript.

Određenie-čitačinemajustandardnouključenuopcijuJavaScripta,kaoštojeuprimjeru

EPUBReadera,štomožeumanjitikorisnostovogpristuparješavanjuproblemauvlake.

Funkcijakreiranazaapliciranjeuvlakezasvee-čitačeimaidentičanalgoritam:

1. dohvatielementdokojegsemjeriudaljenost

2. izmjeriudaljenostodlijevogrubaprozoradodohvaćenogznaka

3. dohvatidrugired/redovematematičkogizraza

4. aplicirajuvlakudohvaćeneudaljenosti.

Kreiranjefunkcijeovisiomehanizmuzaprikazmrežnogsadržaja,specifičnijeo:

podržanimmetodama,DOM-uiizlaznomprikazu.UslučajunativnogprikazaMathML-a

manipulacijaelementimajednostavnijajeiizravnijajerseDocumentObjectModel

izgledompoklapasoriginalnimkodomjezikaMathML.Zanativniprikazkojisepronalazi

ue-čitačimaEPUBReader,iBooksiAdobeDigitalEditions(MacOS)potrebnaje

prilagodbafunkcijeizmjenomJavaScriptmetodedohvaćanjaudaljenostiprvog

operatorazbograzličitepodržanostiumehanizmimaGeckoiWebKit.Uslučajevima

prikazaputemMathJaxknjižnicefunkcijaovisioizlaznomprikazutesukladnokreiranom

Page 112: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

104

DOM-u.TadajepotrebnoproučitikreiraniDOMiprilagoditialgoritam.Prviseoperator

uovimslučajevimanajjednostavnijedohvaćaputempostavljenogatributaid,štonije

nužnouprimjerimanativnogprikazaMathML-a.Readiumjejedinitestiranie-čitačkoji

sekoristiizlaznimprikazomSVGputemMathJaxknjižniceizbogtogajepotrebno

upotrebljavatiregularneizrazekakobisedohvatilaudaljenostprvogoperatoraiSVG

atributeprilikomapliciranjauvlake.IDEALGroupReaderkoristiseizlaznimprikazom

HTMLputemMathJaxknjižnicepauovomslučajunemapotrebezaprimjenomatributa

idniregularnihizraza,udaljenostsedohvaćaidentičnomJavaScriptmetodomkaoikod

mehanizmaWebKitzamrežniprikaz,auvlakaseapliciraputemCSSsvojstva.

Nakonštojeriješenproblemdinamičkogitipografskogprijeloma,uočenojedaseue-

čitačimakojisekoristeMathJaxknjižnicomzaprikazmatematičkogsadržajaaktivno

prilagođavanjesadržajaprilikomizmjeneveličinedostupnogprozora(primjerice

okretanjemorijentacijeuređaja)zadaneizmjenenećerealiziratinakonštoseučitala

stranicasmatematičkomformulomiprimijenilafunkcijaJavaScript.Natimjee-čitačima

potrebnoponovnoosvježitistranicuteprisilitiuređajdaponovnorenderirasadržajkako

bisedogodileželjeneizmjenenasadržaju.Nae-čitačimakojinativnoprikazujuMathML

osvježavanjenijepotrebno,većseprilagođavanjedogađaurealnomvremenu.

Page 113: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

105

10.5. Pristupačnostmatematičkogslogaue-knjigama

Pristupačnostmatematičkogsadržajaue-knjigamatestiralasekrozčetiridefinirana

principapristupačnostismjernicaWebContentAccessibilityGuidelines:

1. primjetljiv

2. operabilan

3. razumljiv

4. robustan.

Premaprvomprincipukojinalažedasuinformacijeprimjetljivetestiranajepromjena

veličinematematičkihznakovaisimbolaurazličitime-čitačima.Eksperimentalnomje

metodomutvrđenodasenasvimtestiranime-čitačimamatematičkisadržajodnosno

veličinafontamožepovećavatiputemzatopredviđenogizbornikastandardiziranogu

svime-čitačima.Nadalje,sobziromnatodajematematičkisadržajoblikovanuzpomoć

označnogjezikaMathML,aneputembitmapslika,dostupanjetehnologijamatext-to-

speech,aliiprocesiranjuudrugejezikepoputBrailleailiLaTexa.Dostupnisurazličiti

softverskiprogramiiinternetskeaplikaciječijajenamjenakonvertiranjejezikaMathML

unekudruguvrstuzapisa.IakoMathJaxknjižnicaimaizlazniprikazuoblikuHTML-aili

SVG-aitimemijenjastrukturuDOM-a,originalniMathMLzapisuvijekjezadržanu

svojemizvornomoblikuusvime-čitačima.

Drugiprincipoperabilnostnalažedasesadržajemmoženavigiratiidajepretraživ.

Navigacijajeunutarsustavae-čitačaosiguranaputemnavigacijskogizbornika,dokje

lokalnonavigiranjeosiguranozbogobgrljenostimatematičkogsadržajaelementom

<math>pasetakavsadržajuslučajuslušanjamožejednostavnopronaćiilipreskočiti.

Pretraživostsetestiralakopiranjemspecifičnihdijelovamatematičkeformulete

pretragomputemzatopredviđenogalataunutare-čitača.Sobziromnatodajesadržaj

oblikovanoznačnimjezikom,autorskisemaksimalnoosiguralaovamogućnost,međutim

e-čitačijošuvijekuglavnomnepružajupodrškuzaovumogućnost.Jedinoe-čitačCalibre

dozvoljavakopiranjeipretraživanjeposebnihmatematičkihsimbola,poputsimbolaza

integral.EPUBReaderdozvoljavapretragusvihostalihznakova,alineisimbolaza

integral,dokostalie-čitačinedozvoljavajuniselekcijudijelovaformule.

Page 114: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

106

Trećijeprinciprazumljivostiičitljivostisadržajadokazanusvime-čitačimaputem

dinamičkogitipografskogprijelomaosiguranogputemCSSiJavaScriptintervencije.

Kakobimatematičkeformulebilerazumljiveičitljive,potrebnojeosiguratinjihovprikaz

ucijelostiteoptimiziratinjihovprijelompremastandardimatipografskestruke.

Četvrtiprinciprobusnostitestiranjeprovjeromkompatibilnostimodelae-knjigena

različitimuređajima.Modele-knjigeizrađenjeprematrenutačnimstandardimaEPUB3

kojipodrazumijevajukorištenjeoznačnimjezikomMathMLprilikomoblikovanja

matematičkogsadržaja.UtvrđenojedajenakonintervencijeCSS-omifunkcijom

JavaScriptsadržajkompatibilannasvimtestiranime-čitačima.DostupnostisadržajaTTS

tehnologijamapokazalasedjelomičnoispunjenom.E-čitačikojiimajuugrađeniTTS

mehanizamiščitavajusadržaj,alijošuvijeknisuusvojojstandardnojverzijiosposobljeni

začitanjematematičkogsadržaja.Readiumjediniuopćeneiščitavasadržaj,dokostali

iščitavaju,alinetakodatočitateljmožerazumjeti(bezčitanjaznakazasumu,jednakost,

integraliostalihspecifičnihznakova).Zaiščitavanjespecijalnogamatematičkogsadržaja

potrebnojeinstaliratiposebnesoftverekojisutomenamijenjeni,kojiprilikomizrade

ovogradanisubilidostupniautoru.Međutim,akospecifikacijasoftveratvrdidaiščitava

MathMLsadržaj,modelovee-knjigesigurnojekompatibilan.

Page 115: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

107

Tablica4.Eksperimentalnirezultatiusporedbee-čitačapremadefiniranimparametrima

optimizacijematematičkogslogaue-knjigama

e-čitač Platforma PodrškaMathML-a

Izlazniprikaz

Pristupačnost Pretraživost Tipografskiprijelom

Dinamičkiprijelom

EPUBReader PC/Mac nativno(Gecko)

MathML da djelomično da da

iBooks Mac/iOS nativno(MobileSafari)

MathML djelomično ne da da

Readium PC/Mac MathJax SVG djelomično ne da djelomično

AdobeDigitalEditions

Mac nativno(Safari)

MathML djelomično ne da da

IDEALGroupReader

Android MathJax HTML da ne da djelomično

Calibre PC/Mac MathJax SVG/HTML djelomično da da djelomično

Page 116: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

108

11. ZAKLJUČAK

Postavljeniuvjetkreiranjaoptimalnogamatematičkogslogaue-knjigamapodrazumijeva

njegovusemantičkuispravnost,tečnostiprijelomprematipografskimstandardima

matematičkestruke.Procesukreiranjaoptimalnogamatematičkogsadržajazae-knjige

pristupilosenajprijeanalizomiusporedbomformatae-knjiga(2)tedefiniranjem

vrijednostiparametarakojejepotrebnoispuniti.Utvrđenojedasvidanasprisutni

formatipotječuizranijegstandardaOEBPS(OpeneBookPublicationStructure),ali

njihovrazvojtečeudrugačijimsmjerovima,premaciljevimapojedinetvrtkekojanjima

upravlja.Prviuvjetkojijebilopotrebnozadovoljitibiojeanalizomnaćioptimalniformat

otvorenogtipazbogtransparentnostikreiranjakodatepristupaistome.

PrvosejepristupiloanaliziformataMobipocket(2.1)kojijesličanformatuEPUBkoji

Amazonotkupljujeidržizatvorenog,sadržajprikazujetečno,aliisključivopodržava

prikaztekstaislika.Mogućegajekonvertiratiudrugeformatesnekontroliranim

rezultatima.Uovomeformatunijesemogućekoristitimatematičkimoznačnimjezikom,

štoonemogućujekorištenjepomoćnimtehnologijama.Sljedećiformatuanalizi,AZW

(AmazonKindlebookformat)(2.2),identičanjeformatuMobipocketsdodatkom

enkripcijeusvrhuzaštiteodpiratstva.FormatKF8(KindleFormat8)vlasničkije,

zatvorenitečanformattvrtkeAmazon,nemamogućnostzvučnereprodukcijesadržaja

nitipodržavamatematičkisadržajuoblikuoznačnogjezikaMathML(Mathematical

MarkupLanguage)kojibiosiguraosemantičkutočnost.Konverzijesumogućeudruge

formatetakođeruztipografskiisemantičkinepredvidiverezultate.UformatimaAZWi

KF8oblikovanjesadržajatipografskijeizrazitolimitirano.FormatEPUB(2.4,2.5,2.6)

standardjeindustrijekojijeotvoren,tečan,dostupanpomoćnimtehnologijama,lakose

konvertiraudrugeformate,osnovannaotvorenimmrežnimtehnologijamaiXML-u

(ExtensibleMarkupLanguage),tekstseoblikujeputemCSS-a(CascadingStyleSheets),

podržavamatematičkioznačnijezikimultimediju.FormatiBookstakođerjevlasnički

formattvrtkeApplesenkripcijskomzaštitom.Fluidanje,podržavaTTStehnologije(text-

to-speech)imatematičkislog,aliječitanjemogućeisključivonaAppleovimuređajima,a

distribucijaputemAppleovadućana.FormatPDF(PortableDocumentFormat)(2.8)ne

Page 117: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

109

možeseprimjenjivatizakreiranjetečnogamatematičkogslogazbogtogaštonijefluidan

tetimeonemogućuječitanjenamalimzaslonima.

Analizomjepotvrđenodajeuvjetpristupačnogamatematičkogsadržajanjegova

semantičkatočnostkojaomogućujekorištenjepomoćnimtehnologijama.Sadržaju

oblikuslikenesmatrasepristupačnim.UtvrdilosedajeEPUB3najpristupačnijiformat

(2.9).Analizompristupačnostie-čitača(3)zaključilosedaće,bezobzirananačin

kreiranjasadržajailiformata,prikazipristupačnostovisitioodabranomuređaju.

Analizomnačinakreiranjarazličitihformata(4)zaključenojedajezatvoreneformate

znatnojednostavnijeibržeproizvestizbogsoftverskihalatakojedostavljajutvrtke

vlasnice,alibezkontrolesemantike.Zasemantičkioptimalansadržajpotrebnoje

„ručno”kodiranjekojejedugotrajnije,aliprecizno.

Priuspoređivanjuformatae-knjiga(5)definiralisuseparametrikojiseprate:tečnost,

podržanost,otvorenost,izrada,prijelomiažuriranjematematičkogsadržaja.Tečnost

podrazumijevaprilagodbusadržajaveličinisadržaja,rezolucijiiorijentacijizaslonateje

kaotakvaobveznazaoptimalanmatematičkislog.Podržanostseodnosinakoličinu

prisutnihalatazačitanje,aotvorenostnapovezanostformatasnekimsustavom,

njegovukonverzijuiarhiviranje.Vlasničkisuformatizatvoreni,vezanizaodređenialatili

platformuteimjearhiviranjeonemogućenozahvaljujućiDRM(DigitalRights

Management)shemi.Izradauslučajusemantičkitočnokreiranogsadržajazasada

zahtijevaznatnoduljevrijemeiznanjenegokodvlasničkihformata.Jediniformatkoji

omogućujekreacijutečnogisemantičkogmatematičkogsadržajakojijeotvoren,

pristupačanipodržanjestEPUB3.Sobziromnatrenutačnuneprisutnostadekvatnih

softverskihalatazabrzoijednostavnokreiranjeEPUB3e-knjigekreiranjejeopisanou

šestompoglavlju.OpisanisuobveznikonstruktoriEPUBe-knjige:dokumentpackage

(6.1),metapodaci(6.2),elementizapopisizvorapublikacijeislijedčitanja(6.3),

navigacijskidokumentiprocesobveznogvalidiranja(6.5).

UsporedbompopularnihsoftverskihalatazakreiranjeEPUBe-knjiga(6.6)utvrđenojeda

nijedanalatnepružaoptimalannačinkreiranjaEPUBe-knjigesemantičkikorektnoga

matematičkogsadržajatedaseodređenialatimoguprimjenjivatikaopomoć,alije

„ručno”kodiranjeneizbježandioprocesaizrade.

Page 118: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

110

UsedmompoglavljupostavljenisuproblemiugrađivanjamatematičkogsadržajauEPUB

e-knjigu,kojiosimštouključujuspecifičnutipografskuprezentacijukojaomogućuje

razumijevanje,uključujuipristupačnostsadržaja,kopiranje,pretraživanje,procesiranjei

prebacivanjeudrugeformate(matematičkeiknjižne).Ustanovljenojedaugradnjom

matematičkogsadržajauoblikuvektorskeilibitmapslike(7.1)sadržajnezadovoljava

uvjeteoptimalnogamatematičkogsloga.Zbogpristupačnostimatematičkogsadržaja

potrebnojeposvetitipažnjuprilikomstrukturiranjapodataka(7.2).Nakonštoje

utvrđenodajeMathMLoptimalannačinugradnjematematičkogsadržajaue-knjige,

utvrđenjeprocesizradeioblikovanja(8)teseustanovioioptimalansoftverskialatzataj

zadatak(8.1).Potvrđenajehipotezadajematematičkioznačnijezikuvjetza

pristupačnostmatematičkogsadržajaue-knjigamatedaudrugimopcijamanijemoguća

pretraživostilidostupnostpomoćnihtehnologija(8.2).Komparacijomdostupnih

primjerastržištakojiugrađujumatematičkisadržajuoblikubitmapslika,semantički

netočnoopisanogamatematičkogsadržajailiuzpomoćelementa<switch>utvrđeno

jedanijednaodtetridostupnemetodeneudovoljavauvjetimaoptimalnoga

matematičkogsloga.Dokazanajehipotezadaoptimalnimatematičkislogmože

oblikovatiisključivooznačnimjezikomMathML.

Ueksperimentalnomdijeluradaodabranoješeste-čitačanarazličitimoperativnim

sustavimakojisekoristerazličitimmehanizmimazaprikazivanjemrežnogsadržajaza

testiranjeEPUBe-knjigesMathMLsadržajem.Dokazanojedadinamičkimatematički

slogneovisisamooodabranomeformatue-knjigeinačinuugrađivanjamatematičkog

slogavećioodabranomee-čitačuukojemsee-knjigarenderira.Pokazanasurješenjaza

pojedinee-čitačeuzpomoćjezikaCSSčijajeintervencijabilanužnakode-čitačaiBooks

(9.2)iJavaScriptfunkcijazaapliciranjetipografskeuvlake.Uslučajevimaprimjene

MathJaxknjižnicezaprikazjezikaMathMLbilajenužnaintervencijakonfiguracije

MathJaxknjižniceuciljuprelamanjamatematičkogsloga(9.4).Dokazanajetvrdnjada

bezintervencijeskriptnimjezikomJavaScriptapliciranjetipografskeuvlakekoja

osiguravačitljivostpridinamičkomprijelomunijemoguće.

Urezultatimaianalizieksperimentalnogdijela(10)uspoređenasutestiranasvojstva

podrškeprikazajezikaMathMLteizlazniprikazkojiuvjetujepristupačnost,pretraživost,

tipografskiprijelomidinamičkiprijelomusvrhukategorizacijetestiranihe-čitača.

Page 119: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

111

Eksperimentalnojeutvrđenavažnostsemantičkikorektnooznačenogamatematičkog

sadržaja(10.2)nakojuutječealatizrade.Dokazanojedasemantikautječenagrupiranje

sadržajakojeosiguravakorektantipografskiprijelominačinnakojiTTSmehanizmičitaju

sadržaj.Sviodabranie-čitačipružajupodrškujezikaMathMLnativnoiliputemMathJax

knjižnice.Dinamičkiprijelommatematičkogsadržaja(10.3)kojipodrazumijeva

prilagođavanjematematičkogsadržajaveličinizaslonailiprozorae-čitačapostignutjena

trinačina:automatskiue-čitaču,putemCSS-ailikonfiguracijomMathJaxknjižnice.

Tipografskiprijelom(10.4)ključanjeelementprirazumijevanjukompleksnih

matematičkihizrazainijegamogućeostvaritijezikomMathMLkojisadržisvepotrebne

elementeiatributeutusvrhu,većjepostignutkreiranjemfunkcijeJavaScriptzasebno

zasvakie-čitač.Eksperimentalnommetodomdokazanajehipotezadasedinamički

matematičkislogoblikovanprematipografskimpravilimamožepostićiprimjenom

označnogjezikaMathMLiJavaScriptintervencije.Pristupačnostmatematičkogsadržaja

testiralasekrozčetiriosnovnaprincipapristupačnosti(10.5).Nakrajujetablično

prikazanakategorizacijatestiranihe-čitača.

Ovomdisertacijomukazanojenavažnostipotrebupostojanjatipografskioblikovanoga

matematičkogsadržajaunutare-knjigakojijedostupanpomoćnimtehnologijama.

Usprkospostojećimspecifikacijama,tehnološkirazvitake-čitačajošuvijekzaostajeu

podršci,djelomičnozbogmonopolavelikihtvrtkikojeupravljajutržištem.Jednakokako

internetskipreglednicikočerazvitakwebdizajnaiprisiljavajudizajnerenakreiranje

trenutačnihrješenja,e-čitačikočepunipotencijalpristupačnihitipografskioblikovanih

e-knjiga.Uovojsedisertacijirješavajutrenutačniproblemimatematičkogslogaue-

knjigamačijarješenjanećefunkcioniratidugoročno,alidokazujudasuvećsadamoguća

ipotrebna.Tehnologijae-čitačaubrzanoserazvija,aformatEPUBsvejepriznatijikao

standardstruke.Pristupačnostsadržajanijesamotrenutačnopopularanpojamveć

tehnološkiprioritetiobvezakreatorasadržaja.Potrebnojepravilnomupotrebom

postojećihspecifikacijazahtijevatipodrškuodkreatorae-čitačauciljurješavanja

problemapristupačnostiistandardnogatipografskogoblikovanja.

Page 120: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

112

12. LITERATURA

[1]Warren,J.W.InnovationandFutureofe-books.TheInternationalJournalofthe

Book6(1),2009,83-94

[2]DeMeester,B.etal.Adigital-firstauthoringenvironmentforenrichede-Booksusing

EPUB3.InformationServices&Use34.3-4(2014):259-268

[3]Kim,J.,Hong,E.J.,Jeon,G.I.DevelopmentofaBrailleE-BookfortheBlindusingE-

BookStandard.JournalofKIISE:ComputingPracticesandLetters17.6(2011):369-377.

[4]Ginev,D.,MillerB.R.,OpreaS.E-booksandGraphicswithLATExml⋆.Intelligent

ComputerMathematics:CICM2014JointEvents:Calculemus,DML,MKM,andSystems

andProjects2014,Coimbra,Portugal,July7-11,2014.Proceedings8543(2014):427.

[5]Shotton,D.Semanticpublishing:thecomingrevolutioninscientificjournal

publishing.LearnedPublishing22.2(2009):85-94.

[6]Garrish,M.WhatisEPUB3?.O'ReillyMedia,Inc.,2011.

[7]Marinai,S.,Marino,E.andSoda,G.ConversionofPDFbooksinePubformat.2011

InternationalConferenceonDocumentAnalysisandRecognition.IEEE,2011.

[8]Choi,J.,Lee,Y.,Kim,K.AnHTML5-basedInteractiveE-bookReader.International

JournalofSoftwareEngineeringandItsApplications8.2(2014):67-74.

[9]Sandhu,P.TheMathMLHandbook,CharlesRiverMedia.Inc.,Hingham,

Massachusetts(2003).

[10]Lee,K.,Guttenberg,N.andMcCraryV.StandardizationaspectsofeBookcontent

formats.ComputerStandards&Interfaces24.3(2002):227-239.

Page 121: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

113

[11]Pinkney,A.J.,Bagley,S.R.andBrailsford,D.F.Noneedtojustifyyourchoice:pre-

compilinglinebreakstoimproveeBookreadability.Proceedingsofthe2013ACM

symposiumonDocumentengineering.ACM,2013.

[12]Tai,M.T.,Lin,C.K.,Ke,Z.R.andChen,P.Y.AStudyofE-BookReadability.Applied

MechanicsandMaterials.Vol.262.TransTechPublications,2013.

[13]Rubens,P.Scienceandtechnicalwriting:Amanualofstyle.Routledge,2002.

[14]Krantz,S.G.Handbookoftypographyforthemathematicalsciences.CRCPress,

2000.

[15]Marinai,S.,Quiriconi,S.DisplayingchemicalstructuralformulaeinePubformat.

Proceedingsofthe2012ACMsymposiumonDocumentengineering.ACM,2012.

[16]Kleinfeld,S.HTML5forPublishers.O'ReillyMedia,Inc.,2011.

[17]W3C–WorldWideWebConsortium(2013),CSSFontsModule3,dostupnona:

http://www.w3.org/TR/css3-fonts/,posijećeno:15.08.2016.

[18]STIXFontProject(2016)STIXFonts,dostupnona:http://www.stixfonts.org/,

posijećeno:15.08.2016.

[19]Park,B.,Casestudy:howtousetypographyofdigitalpublishingontheSmart

Devices.ATreatiseonThePlasticMedia16.3(2013):99-108.

[20]Pinkney,A.J.,Bagley,S.R.,Brailsford,D.F.Reflowabledocumentscomposedfrom

pre-renderedatomiccomponents.Proceedingsofthe11thACMsymposiumon

Documentengineering.ACM,2011.

Page 122: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

114

[21]Lin,X.,Gao,L.,Tang,Z.,Lin,X.,Hu,X.MathematicalformulaidentificationinPDF

documents.2011InternationalConferenceonDocumentAnalysisandRecognition.IEEE,

2011.

[22]Moon,H.S.TheProductionofInteractiveAppBooksusingDigitalPublishing

Technique.JournalofDigitalDesign13.2(2013):441-449.

[23]Nakajima,T.,Shinohara,S.,Tamura,Y.Typicalfunctionsofe-Textbook,

implementation,andcompatibilityverificationwithuseofePub3materials.Procedia

ComputerScience22(2013):1344-1353.

[24]Giannetti,F.Paginatedynamicandwebcontent.Proceedingsofthe11thACM

symposiumonDocumentengineering.ACM,2011.

[25]Junus,S.R.E-booksandE-readersforUserswithPrintDisabilities.Library

TechnologyReports48.7(2012):22-28.

[26]MobipocketDeveloperCenter(2008)WhatisMobipocketfileformat?,dostupnona:

http://www.mobipocket.com/dev/article.asp?BaseFolder=prcgen&File=mobiformat.ht

m,posijećeno:15.08.2016.

[27]Bläsi,C.,Rothlauf,F.OntheinteroperabilityofeBookformats.JohannesGutenberg-

UniversitätMainz–Germany.http://wi.bwl.uni-mainz.

de/publikationen/InteroperabilityReportGutenbergfinal07052013.pdf(2013).

[28]McIlroy,T.Ebookformatsareamess—here'swhy.LearnedPublishing25.4(2012):

247-250.

[29],InternationalDigitalPublishingForum(2016)EPUB3AccessibilityGuidelines-

Text-to-SpeechOverview,dostupnona:https://idpf.github.io/a11y-

guidelines/content/tts/overview.html,posijećeno:15.08.2016.

Page 123: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

115

[30]Petri,K.AccessibilityIssuesinE-booksandE-bookReaders.Noshelfrequired2

(2012):35-60.

[31]Junus,S.R.E-booksandE-readersforUserswithPrintDisabilities.Library

TechnologyReports48.7(2012):22-28.

[32]AmazonInc.(2016)AmazonKindlePublishingGuidelines,dostupnona:

https://kindlegen.s3.amazonaws.com/AmazonKindlePublishingGuidelines.pdf,

posijećeno:15.08.2016.

[33]InternationalDigitalPublishingForum(2016)EPUB3Overview,dostupnona:

http://www.idpf.org/epub/30/spec/epub30-overview.html,posijećeno:15.08.2106.

[34]Garrish,M.,Gylling,M.EPUB3bestpractices.O'ReillyMedia,Inc.,2013.

[35]InternationalDigitalPublishingForum(2016)EPUB3AccessibilityGuidelines-The

pub:typeattribute,dostupnona:https://idpf.github.io/a11y-

guidelines/content/semantics/epub-type.html,posijećeno:15.08.2016.

[36]Garrish,M.AccessibleEPUB3.O'ReillyMedia,Inc.,2012.

[37]InternationalDigitalPublishingForum(2016)EPUBValidator(beta),dostupnona:

http://validator.idpf.org,posijećeno:15.08.2016.

[38]Grossman,J.,ur.TheChicagomanualofstyle.UniversityofChicagoPress,1993.

[39]Swanson,E.,O'Sean,A.A.,Schleyer,A.T.Mathematicsintotype.American

MathematicalSoc.,1999.

Page 124: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

116

[40]Jokela,T.,Iivari,N.,Matero,J.,Karukka,M.Thestandardofuser-centereddesign

andthestandarddefinitionofusability:analyzingISO13407againstISO9241-11.

ProceedingsoftheLatinAmericanconferenceonHuman-computerinteraction.ACM,

2003.

[41]WebAIM(2014)DesigningforScreenReaderCompatibility,dostupnona:

http://webaim.org/techniques/screenreader/,posijećeno:15.08.2016.

[42]TheWorldWideWebConsortium(2016)ARIA1:Usingthearia-describedby

propertytoprovideadescriptivelabelforuserinterfacecontrols,dostupnona:

https://www.w3.org/TR/WCAG20-TECHS/ARIA1.html,posijećeno:15.08.2016.

[43]GHLLC(2006)MathSpeakInitiative,dostupnona:http://www.gh-mathspeak.com/,

posijećeno:15.08.2016.

[44]TheWorldWideWebConsortium(2015)W3CMathML3.0ApprovedasISO/IEC

InternationalStandard,dostupnona:

https://www.w3.org/2015/06/mathmlpas.html.en,posijećeno:15.08.2016.

[45]InternationalDigitalPublishingForum(2016)EPUBContentDocuments3.0

EmbeddedMathML,dostupnona:http://www.idpf.org/epub/30/spec/epub30-

contentdocs.html#sec-xhtml-mathml,posijećeno:15.08.2016.

[46]W3C–TheWorldWideWebConsortium(2014)MathematicalMarkupLanguage

(MathML)Version3.02ndEdition-PresentationMarkup,dostupnona:

https://www.w3.org/TR/MathML3/chapter3.html,posijećeno:15.08.2016.

[47]MathJaxConsortium(2016)MathJax,dostupnona:https://www.mathjax.org,

posijećeno:15.08.2016.

Page 125: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

117

[48]Cervone,D.MathJax:aplatformformathematicsontheWeb.NoticesoftheAMS

59.2(2012):312-316.

[49]Topping,P.UsingMathTypetocreateTeXandMathMLequations.Proceedingsof

the1999TEXAnnualMeeting,TUGBoat.Vol.20.No.3.1999.

[50]Bazargan,K.TEXasaneBookreader.ArsTEXnica(2009):40.

[51]IMSGlobalLearningConsortiumInc.(2016)IMSGuidelinesforDeveloping

AccessibleLearningApplications,dustupnona:

http://www.imsglobal.org/accessibility/accessiblevers/sec11.html,posijećeno:

15.08.2016.

[52]DesignScience(2016)MathPlayer,dostupnona:

http://www.dessci.com/en/products/mathplayer/,posijećeno:15.08.2016.

[53]AppleInc.(2016)VoiceOverforOSX,dostupnona:

https://www.apple.com/accessibility/osx/voiceover/,posijećeno:15.08.2016.

[54]Lenzi,V.B.,Leporini,B.InvestigatinganaccessibleandusableePubbookvia

VoiceOver:acasestudy.HumanFactorsinComputingandInformatics.SpringerBerlin

Heidelberg,2013.272-283.

[55]Nazemi,A.,Murray,I.,Mohammadi,N.Mathspeak:Anaudiomethodfor

presentingmathematicalformulaetoblindstudents.20125thInternationalConference

onHumanSystemInteractions.IEEE,2012.

[56]TheDAISYConsortium(2016)DAISYconsortium:DAISYDigitalTalkingBook,

dostupnona:http://www.daisy.org/daisypedia/daisy-digital-talking-book,posijećeno:

15.08.2016.

Page 126: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

118

[57]TheDAISYConsortium(2012)MathMLinDAISY3StructureGuidelines,dostupno

na:http://www.daisy.org/z3986/structure/SG-DAISY3/part2-math.html,posijećeno:

15.08.2016.

[58]Kerer,C.,Kirda,E.Layout,contentandlogicseparationinwebengineering.Web

Engineering.SpringerBerlinHeidelberg,2001.135-147.

[59]EPUBReader(2009)EPUBReader,dostupnona:http://www.epubread.com/en/,

posijećeno:15.08.2016.

[60]InternationalDigitalPublishingForum(2016)EPUB3AccessibilityGuidelines:

ProgressiveEnhancement,dostupnona:https://idpf.github.io/a11y-

guidelines/content/script/pe.html,posijećeno:15.08.2016.

[61]Readiumfoundation(2016)Readium,dostupnona:http://readium.org/,

posijećeno:15.08.2016.

[62]Google(2016)IDEALGroupReader,dostupnona:

https://play.google.com/store/apps/details?id=org.easyaccess.epubreader&hl=en,

posijećeno:15.08.2016.

Page 127: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

119

13. POPISSLIKAITABLICA

Slike:

Slika1.StrukturaPDFdokumenta

Slika2.SlikastruktureEPUB3e-knjige:datotekamimetypesadržitekstkojime-čitač

prepoznajeEPUB;direktorijMETA-INFsadržidatotekucontainer.xmlkojaukazujena

dokumentpackage;direktorijOPS(OpenPublicationStructure)sadržisvedokumente

sadržaja,dokumentpackage,metapodatke,izvorepublikacijeinjihovelokacije,CSS

dokumenttetablicusadržaja(toc.xhtml).

Slika3.Prikazstrukturedokumentapackage

Slika4.Osnovniizgledelementa<metadata>injegoveobveznedjeceuEPUBe-knjizi

Slika5.PrikazstrukturenavigacijskogdokumentauEPUB3e-knjizi

Slika6.Prikaztipografskihpravilakompleksnihmatematičkihizraza

Slika7.UvrštavanjekompleksnogopisaslikeuzpomoćjezikaWAI-ARIAiHTML

elemenata<figure>i<figcaption>

Slika8.Cauchy-SchwartzovajednadžbakojaseprimjenjujezatestiranjealataMathML

Slika9.Prikazue-čitačuEPUBReaderunutarFirefoxa(Gecko)kojiimanativnuMathML

podršku

Slika10.Prikazpostavkiskriptiranjae-čitačaEPUBReaderuFirefoxu

Slika11.Dohvaćanjeprvogoperatorainjegoveudaljenostiodlijevogruba

Slika12.Dohvaćanjesvihelemenata<mrow>zbogapliciranjauvlake

Slika13.Usporedbaudaljenostipojedinihelemenata<mrow>poosiyteaplikacija

uvlake

Slika14.Resetiranjemarginanavrijednost0pxsvihelemenata<mrow>

Slika15.PrikazEPUBe-knjigeue-čitačuEPUBReader(Firefox)nakonintervencije

JavaScriptom.Sadržajjevidljivteoptimalnotipografskioblikovanaplikacijomuvlakeu

veličiniudaljenostiprvogoperatora.

Slika16.Prikazmatematičkogizrazanakonvišestrukogpovećanjaveličinefonta

ugrađenomopcijome-čitača

Slika17.Prikazdinamičkogprijelomatijekompromjeneveličineprozorapreglednika

Page 128: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

120

Slika18.PrikazoblikovaneEPUBe-knjigebezintervencijaCSS-aiJavaScriptaue-čitaču

iBooksnauređajuiPhone(iOS)

Slika19.PrikazrješenjaapliciranefunkcijeJavaScriptzaiBooksnaplatformiiOS

Slika20.FunkcijakojaobavljaupitpodržanostimetodeoffsetTopizjavomswitch

teshodnoprimjenjujepotrebnumetoduzadohvaćanjeudaljenosti

Slika21.Prikaze-knjigeprijeintervencijeCSS-omiJavaScriptomue-čitačuAdobeDigital

Editions4.01naplatformiMacOSX

Slika22.Prikaze-knjigeue-čitačuAdobeDigitalEditions4.01naplatformiMacOSX

nakonintervencijeCSS-omifunkcijomJavaScript

Slika23.PrikazmatematičkeformulebezintervencijeCSS-ailiJavaScriptaue-čitaču

ReadiumupreglednikuChromenaplatformiMacOSX

Slika24.PrikazDokumentObjectModelaMathMLsadržajaue-čitačuReadium

Slika25.Dohvaćanjeprvogoperatorairegularniizrazspomoćukojegsedohvaća

udaljenostprvogoperatoraodrubaprozora

Slika26.Prikazpetljekojadohvaćasveretkematematičkogizraza

Slika27.Prikazpetljekojautvrđujepozicijepojedinihgrupaelemenata,uspoređujeihte

apliciranovuželjenupoziciju

Slika28.PrikazformulenakonapliciranjaJavaScriptfunkcijeue-čitačuReadiumu

preglednikuChrome

Slika29.Prikazmatematičkeformulenae-čitačuIDEALReaderGroupnatabličnom

računaluSamsungGalaxyTab2prijeintervencijeskriptnimjezikom

Slika30.PrikazkonfiguracijeMathJaxknjižnicekodizlaznogprikaza„HTML-CSS”

Slika31.PrikazDOMstrukturematematičkeformuleuzpomoćMathJaxknjižnices

izlazomHTML-CSS

Slika32.PrikazfunkcijeJavaScriptzaapliciranjeuvlakenaplatformiAndroid

Slika33.PrikazdohvaćanjaudaljenostiprvogoperatorazaIDEALGroupReader

Slika34.Prikazmatematičkeformuleue-čitačuIDEALGroupReadernaplatformi

AndroidnakonintervencijekonfiguracijomMathJaxknjižniceifunkcijeJavaScript

Page 129: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

121

Tablice:

Tablica1.Usporedbaformatae-knjigapremadefiniranimparametrimazaoptimizaciju

dinamičkogamatematičkogsloga

Tablica2.UsporedbapopularnihsoftverskihalatazakreiranjeEPUBe-knjiga

Tablica3.UsporedbanačinaugrađivanjamatematičkogsadržajauEPUBe-knjige

Tablica4.Eksperimentalnirezultatiusporedbee-čitačapremadefiniranimparametrima

optimizacijematematičkogslogaue-knjigama

Page 130: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

122

14. PRILOZI

Page 131: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

123

14.1. SADRŽAJDOKUMENTAPACKAGE.OPF

<?xml version="1.0" encoding="utf-8"?>

<package version="3.0" xml:lang="en" unique-

identifier="mojamat" xmlns="http://www.idpf.org/2007/opf">

<metadata xmlns:dc="http://purl.org/dc/elements/1.1/">

<dc:title id="title">Moja matematika</dc:title>

<dc:identifier id="mojamat">2014-11-

10T09:38:00Z</dc:identifier>

<dc:language>hr</dc:language>

<dc:creator>Maja Turcic</dc:creator>

<meta property="dcterms:modified">2014-11-

10T09:38:00Z</meta>

</metadata>

<manifest>

<item id="css" href="style.css" media-type="text/css"/>

<item id="p1" media-type="application/xhtml+xml"

href="poglavlje1.xhtml" properties="mathml"/>

<item id="p2" media-type="application/xhtml+xml"

href="poglavlje2.xhtml" properties="mathml scripted"/>

<item id="p3" media-type="application/xhtml+xml"

href="poglavlje3.xhtml" properties="mathml scripted"/>

<item id="p4" media-type="application/xhtml+xml"

href="poglavlje4.xhtml" properties="mathml scripted"/>

<item id="p5" media-type="application/xhtml+xml"

href="poglavlje5.xhtml" properties="mathml scripted"/>

<item id="p6" media-type="application/xhtml+xml"

href="poglavlje6.xhtml" properties="mathml scripted"/>

<item id="p7" media-type="application/xhtml+xml"

href="poglavlje7.xhtml" properties="mathml scripted"/>

<item id="nav" media-type="application/xhtml+xml"

href="toc.xhtml" properties="nav"/>

</manifest>

<spine>

Page 132: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

124

<itemref idref="p1"/>

<itemref idref="p2"/>

<itemref idref="p3"/>

<itemref idref="p4"/>

<itemref idref="p5"/>

<itemref idref="p6"/>

<itemref idref="p7"/>

</spine>

</package>

Page 133: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

125

14.2. KODMATEMATIČKEFORMULEUJEZIKUMATHML

<?xml version="1.0" encoding="utf-8"?>

<html xml:lang="en-us" lang="en-us"

xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta charset="utf-8"/>

<title>Primjer matematičke formule u EPUB3</title>

</head>

<body>

<math xmlns="http://www.w3.org/1998/Math/MathML"

id='matem'>

<mrow>

<mstyle displaystyle='true'>

<munder>

<mo>&#x222C;</mo>

<mrow><mi>D</mi></mrow>

</munder>

</mstyle>

<mrow>

<mo>(</mo>

<mrow>

<msub><mi>Q</mi><mi>x</mi></msub>

<mo>&#x2212;</mo>

<msub><mi>P</mi><mi>y</mi></msub>

</mrow>

<mo>)</mo>

</mrow>

<mi>d</mi><mi>A</mi>

</mrow>

<mo id="firstOperator" linebreak='nobreak'>=</mo>

<mrow>

Page 134: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

126

<mstyle displaystyle='true'>

<munder>

<mo>&#x222C;</mo>

<mrow>

<msub><mi>D</mi><mn>1</mn></msub>

</mrow>

</munder>

</mstyle>

<mrow>

<mo>(</mo>

<mrow>

<msub><mi>Q</mi><mi>x</mi></msub>

<mo>&#x2212;</mo>

<msub><mi>P</mi><mi>y</mi></msub>

</mrow>

<mo>)</mo>

</mrow>

<mi>d</mi><mi>A</mi>

</mrow>

<mrow>

<mo>+</mo>

<mstyle displaystyle='true'>

<munder>

<mo>&#x222C;</mo>

<mrow>

<msub><mi>D</mi><mn>2</mn></msub>

</mrow>

</munder>

</mstyle>

<mrow>

<mo>(</mo>

Page 135: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

127

<mrow>

<msub><mi>Q</mi><mi>x</mi></msub>

<mo>&#x2212;</mo>

<msub><mi>P</mi><mi>y</mi></msub>

</mrow>

<mo>)</mo>

</mrow>

<mi>d</mi><mi>A</mi>

</mrow>

<mrow>

<mo>=</mo>

<mstyle displaystyle='true'>

<munder>

<mo>&#x222E;</mo>

<mrow>

<msub><mi>C</mi><mn>1</mn></msub>

<mo>&#x222A;</mo>

<msub><mi>C</mi><mn>3</mn></msub>

</mrow>

</munder>

</mstyle>

<mi>P</mi><mi>d</mi><mi>x</mi><mo>+</mo><mi>Q</mi><mi>d

</mi><mi>y</mi>

</mrow>

<mrow>

<mo>+</mo>

<mstyle displaystyle='true'>

<munder>

<mo>&#x222E;</mo>

Page 136: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

128

<mrow>

<msub><mi>C</mi><mn>2</mn></msub>

<mo>&#x222A;</mo>

<mo>(</mo>

<mo>&#x2212;</mo>

<msub><mi>C</mi><mn>3</mn></msub>

<mo>)</mo>

</mrow>

</munder>

</mstyle>

<mi>P</mi><mi>d</mi><mi>x</mi><mo>+</mo><mi>Q</mi><mi>d

</mi><mi>y</mi>

</mrow>

<mrow>

<mo>=</mo>

<mstyle displaystyle='true'>

<munder>

<mo>&#x222E;</mo>

<mrow>

<msub><mi>C</mi><mn>1</mn></msub>

</mrow>

</munder>

</mstyle>

<mi>P</mi><mi>d</mi><mi>x</mi><mo>+</mo><mi>Q</mi><mi>d

</mi><mi>y</mi>

</mrow>

<mrow>

Page 137: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

129

<mo>+</mo>

<mstyle displaystyle='true'>

<munder>

<mo>&#x222E;</mo>

<mrow>

<msub><mi>C</mi><mn>3</mn></msub>

</mrow>

</munder>

</mstyle>

<mi>P</mi><mi>d</mi><mi>x</mi><mo>+</mo><mi>Q</mi><mi>d

</mi><mi>y</mi>

</mrow>

<mrow>

<mo>+</mo>

<mstyle displaystyle='true'>

<munder>

<mo>&#x222E;</mo>

<mrow>

<msub><mi>C</mi><mn>2</mn></msub>

</mrow>

</munder>

</mstyle>

<mi>P</mi><mi>d</mi><mi>x</mi><mo>+</mo><mi>Q</mi><mi>d

</mi><mi>y</mi>

</mrow>

<mrow>

<mo>+</mo>

<mstyle displaystyle='true'>

Page 138: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

130

<munder>

<mo>&#x222E;</mo>

<mrow>

<mo>&#x2212;</mo>

<msub><mi>C</mi><mn>3</mn></msub>

</mrow>

</munder>

</mstyle>

<mi>P</mi><mi>d</mi><mi>x</mi><mo>+</mo><mi>Q</mi><mi>d

</mi><mi>y</mi>

</mrow>

</math>

</body>

</html>

Page 139: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

131

15. ŽIVOTOPISIPOPISOBJAVLJENIHRADOVA

MajaTurčićrođenaje1982.godineuZagrebu,gdjeje2000.godinezavršilasrednju

školuInternationalBaccalaureate.DiplomiralajenaGrafičkomfakultetuSveučilištau

Zagrebu2006.godinestemom„SVGanimacijateksta”podmentorstvomprof.Žiljka.

RadnoiskustvozapočinjenaTehničkomveleučilištuuZagrebu2006.godinenapoziciji

asistentanapredmetimaRačunalnatipografija,Grafičkiprogramskijezici,Interaktivno

programiranjenawebutePretražniciinavigacijanawebu.Praktičnoiskustvografičkog

dizajnaprikupljaod2006.godinevolontirajućigodinudanaustudijuzadizajn

Parabureau.Predavačicapostaje2012.godinetedržipredavanjanapredmetima

Oblikovanjeweb-stranicaiGrafičkiprogramskijeziciteosnivanovipredmetOblikovanje

e-literature.

Osimštojeznanstvenimradovimasudjelovalanašestmeđunarodnihznanstvenih

konferencija,objavilajeidvaznanstvenaradauznanstvenimčasopisimaipoglavljeu

knjizi.Takođerjezanimaunaprjeđenjemetodapredavanja,stogajesudjelovalautri

programaErasmus.

Popisradova:

1. Turčić,Maja;Janković,Mario.KakoDigitalRightsMovementštetie-knjigama//

TISKARSTVO&DIZAJN2013/ŽiljakVujić,Jana(ur.).Zagreb:FS,FotoSoft,2013.

143-147(predavanje,međunarodnarecenzija,objavljenirad,znanstveni).

2. Turčić,Maja;Predanić,Stipe.PripremanjeWebsadržajazatisak(naprimjeru

HTMLformelementaputemProcessinga)//TISKARSTVO2011/Žiljak,Vilko

(ur.).Zagreb:FS,FotoSoft,2011.89-94(predavanje,međunarodnarecenzija,

objavljenirad,znanstveni).

3. Turčić,Maja;Koren,Tajana;Rudolf,Maja.Geometricalmeasurementsof

diacriticaldcroatsign//AnnalsofDAAAMfor2010&Proceedingsofthe21st

InternationalDAAAMSymposium„IntelligentManufacturing&Automation:

FocusonInterdisciplinarySolutions”20-23rdOctober2010,Zadar,Croatia/

Katalinić,Branko(ur.).Vienna,Austria:DAAAMInternatinalVienna,2010.1327-

1328(predavanje,međunarodnarecenzija,objavljenirad,znanstveni).

Page 140: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

132

4. StanićLoknar,Nikolina;Rudolf,Maja;Turčić,Maja.PixelManipulationin

SecurityGraphics//11thInternationaldesignconference:Design2010/Žiljak,

Vilko;Milčić,Diana(ur.).Zagreb:Grafičkifakultet,SveučilišteuZagrebu,2010.

1947-1952(predavanje,međunarodnarecenzija,objavljenirad,znanstveni).

5. Turčić,Maja;Rudolf,Maja;Uglješić,Vesna;StanićLoknar,Nikolina.Uvođenje

novihtipografskihelemenatanaWeb//Tiskarstvo2010/Žiljak,Vilko(ur.).

Zagreb:Fotosoft,2010.5-10(predavanje,međunarodnarecenzija,objavljenirad,

znanstveni).

6. Rudolf,Maja;StanićLoknar,Nikolina;Turčić,Maja;Koren,Tajana.Raster

elementsinsecuritiestypography//Proceedingsofthe10thInternational

DesignConference(Design2008)Workshop:DesignofGraphicMedia/Žiljak,

Vilko(ur.).Zagreb;Glasgow:FacultyofMechanicalEngineeringandNaval

Architecture;DesignSociety,2008.1475-1479(predavanje,međunarodna

recenzija,objavljenirad,znanstveni).

7. Pap,Klaudio;Turčić,Maja;Rudolf,Maja.DinamičkaizradaPDFdokumenata//

Tiskarstvo2010,Digitalnisustaviutiskarstvu/Žiljak,Vilko(ur.).Zagreb:FotoSoft

d.o.o.,2010.61(predavanje,međunarodnarecenzija,sažetak,znanstveni).

8. Turčić,Maja;Rudolf,Maja;Pavlović,Tomislav.IndividualiziranisadržajPDFknjige

krozProcessing//Znanstveno-stručniskupTiskarstvo09:knjigasažetaka.

Zagreb,2009.(predavanje,međunarodnarecenzija,sažetak,znanstveni).

9. Turčić,Maja;Rudolf,Maja.IndividualnislovniznakovivektorskegrafikeuXML-u

(PrimjenenakarakterističneznakovehrvatskeabecedeuSVG-u)//Tiskarstvo08

/Žiljak,Vilko(ur.).Zagreb:FotoSoftd.o.o.,2008.20-20(predavanje,

međunarodnarecenzija,sažetak,znanstveni).

10. Rudolf,Maja;Turčić,Maja;Pavlović,Tomislav.InteraktivneaplikacijenaWeb-u

(SVG)//Zbornikradovasaznanstveno-stručnogskupaTiskarstvo08/Žiljak,Vilko

(ur.).Zagreb:FotoSoft,2008.21-21(predavanje,međunarodnarecenzija,

sažetak,znanstveni).

11. Rudolf,Maja;Turčić,Maja.Tipografijaugrafičkimprogramskimjezicima(sa

primjenomuProcessingu)//Tiskarstvo08/Žiljak,Vilko(ur.).Zagreb:FotoSoft

d.o.o.,2008.22-22(predavanje,međunarodnarecenzija,sažetak,znanstveni).

Page 141: Grafički fakultet Maja Turčić · 2017. 3. 30. · Grafički fakultet Maja Turčić OPTIMIZACIJA MATEMATIČKOGA SLOGA U E-KNJIGAMA DOKTORSKI RAD Mentor: prof. dr. sc. Klaudio Pap

133

12. Turčić,Maja;Koren,Tajana;Rudolf,Maja.Digitalcharacterdesignofdcroatmark

//DaaamInternationalScientificBook2011/Katalinić,Branko(ur.).Vienna:

DAAAMInternationalVienna,2011.

13. Turčić,Maja;Žiljak,Vilko;Žiljak-Stanimirović,Ivana.IndividualStochastic

ScreeningfortheDevelopmentofComputerGraphics.//Actagraphica.22

(2011),3-4;69-78(članak,znanstveni).

14. Turčić,Maja;Uglješić,Vesna;Rajković,Ivan;Koren,Antun.Designand

positioningofdiacriticalmarksinlatintypefaces.//Actagraphica.22(2010),3-4;

5-15(članak,znanstveni).