GibsonCSUN2016EPUB€¦ · GPII = Global Public Inclusive Infrastructure Multiple formats are...

1

2

3

4

LogosdisplayedforHTML5,JavaScript,CSS3,MathML,SVG,andSMIL

5

The includedimagedepictsthedifferentdevicesandscreensizes.

6

7

Apple iBooks andGooglePlaylogosdisplayed.

8

9

LogosforDaisyConsortium,W3C,andDAISY/EPUBTIESdisplayedonpage.

10

MathML AssociationlogoandscreenshotofReadium CloudReaderdisplayinganEPUBpagecontainingMathML.

11

ScreenshotofsearchingwithiniBooks onaniPhone

12

ScreenshotofsearchingwithiniBooks onaniPhoneandanother ofNotesiniBooks.

13

Twoscreenshots:OneofiBooks font&styleoptionsandintheotherthethemehasbeenchangedtonight(whitetextonblackbackground)andthefonthasbeenmademuchlarger.

14

EPUB TTSenhancements:PLX(pronunciationlexiconspecification),SSMIL–syntheticspeechmarkuplanguage,CSS3speechpropertiesScreenshotofReadium displayingabookwithMediaOverlaycontrolsandhighlighting.

15

Readiumscreenshotshowingembeddedvideowithscriptedcontrols

16

17

2PDFscreenshotstodemonstratetheneedforscrollinginPDFdocuments.

18

2iBooks screenshotsdemonstratinghowEPUBscanberesizedforthedevice

19

20

21

ImagesdepictingW3C,IBMaccessibility,variousdevicesizes,andglobalizationareincluded.

22

Logosfor:SMIL=SynchronizedMultimediaIntegrationLanguage,SVG=ScalableVectorGraphics,ARIA– AccessibleRich InternetApplications,MathML–MathMarkupLanguage,W3C=WorldWideWebConsortium

23

24

25

26

Thisisanexample fromtheEPUBbookLearnSVGInteractivelybyJayNick.Onthelefthandsideofthescreenweseearedcircleinacartesian plane.Ontherighthandsidethereareslidercontrolstochangethepositionofthecircleanditsradius.AsImakechangestotheslidersthecircleisdynamicallyupdated.WhenIadjusttheradiusslidertotheleftthevaluedecreasesandthecirclegetssmaller.Adjustingthexslidertorightmakesthevaluelargerandmovesthecircletotheright.AdjustingtheyslidertotheleftmakestheyvaluesmallerandmovesthecircletotheleftontheCartesianplane.

27

28

ThepagehastheheadingEnglishforSpeakersofothe LanguageswithapictureofBigBenTherightandsideofthepagehastheheadingTravelwiththetext,"Whentravellingitisveryimportanttoreadallsignscarefully.Beforewelearnmoreaboutreadingcomprehension,let'stakethefollowingtest..."Thenextparagraphhastheinstructions,"Lookatallthetex inthepicture."Followedbyaplackard thatreads,:NEVERLEAVELUGGAGEUNATTENDED"There isthenaprompt,"Whatdoesitsay?"followedbythreeradiobuttonchoices:Youmuststaywithyourluggageatalltimes,Donotletsomeoneelselookafteryourluggage;Rememberyourluggagewhenyouleave.Theuserwillmakeaselectionandselectsubmitandgetimmediatefeedback.

29

IMS - InstructionalManagementSystem.Thelearningapplicationdevelopercanwritetheintegrationinthelanguageofchoiceanddeploy.TheLearningplatformadministratorcanincorporatethatmoduleintotheLMS.ThelearningapplicaiotnandLearningmanagementsysteminteractwithoneanother.TheLearnerscanloginoncetoaccessgradesandfeedback.Teacherscanaccessmultipleapplicationsandgivefeedback.

30

UMBC– UniversityofMarylandBaltimoreCounty.ThisisfromUMBCstudents.Thepageincludesabannerandthendisplaysaprogressbarshowingtheactivityforaparticularcourse.Thereisthenastudentspecificbarchartshowing"YourUsage".

31

GPII=GlobalPublicInclusiveInfrastructureMultipleformatsareharmonizedwithinan EPUBdocument.ThisEPUBcanbedeliveredviathecloudwithincorporateanalyticsandGPIIinformationtosupportmultipledevicereadersanduserpreferencesandneeds.

32

33

34

35

36

PicturesonthepageincludetheReadiumlogoandthelogosofReadiumassociatedtechnologies:HTML5,idpf,ePUB.Thetexthereistakendirectlyfromthereadium.orgwebsite.

37

38

ScreenshotofReadiumrunninginSafariwiththetableofContentsandfirstpageofchapter1ofMobyDickdisplayed.

39

40

41

AppleiBooksAuthor,Googledocs,Calibreebookmanagement,AdobeFrameMakerandInDesign,TobiDAISYMultimedia,dita OASIS,nameInteractive.DITA =DarwinInformationTypingArchitecture;

42

43

TheusercansubmitanEPUBdocumentforvalidation.Thesizemustbe10MBorless.ThesiteusesEPUBCheck toprovidevalidationinformationforEPUB2and3documents.IfyouarecreatingcommercialEPUBsinvolume,youmustinstallEPUBCheck insteadofusingthissite.

44

ScreenshotofReadiumrunninginSafariwiththetableofContentsandfirstpageofchapter1ofMobyDickdisplayed.

45

Logosforidpf, BISG(BookIndustryStudyGroup),andDaisyConsortium.

46

Thisdescribesthethreemainfeaturesofthesitewithlinkstotherelevantpages:ReadingSystemstoreviewtheresultsoftestingvariousEPUBReadingSystems;FeaturestoreviewtheReadingSystemsbysupportforparticularEPUBfeatures;AccessibilitytofindsupportforaccessibilityinReadingSystems

47

ThisisforAccessibleEPUB3ConformanceTestDocument:FundamentalTests0300andcontainsinstructionsforthetestertoperformthedifferentaccessibilitytests.

48

49

IBMBluemix isanopen-standards,cloudplatformforbuilding,running,andmanagingapplications.BuiltonCloudFoundryopensourcetechnology,tomakeapplicationdevelopmenteasier withPlatformasa Service(PaaS)

50

ScreenshotofDigitalContentCheckershowingtheViolation,PotentialViolation,Recommendation,andManualCheckcountsonthelefthandside.Themainpanecontainsdetailsabouttwoviolationsandpotentialviolations.OPS/Cover.xhtml hasthevioloation “Thispagemustproivdealinktoskipdirectly tothemainpagecontentasthefirstlinkoneachpageoruseWAI-ARIAlandmarks.Xpath:/html/body2.4b(A)Navigatetomaincontent:Methodsareprovidedforskippingovernavigationlinkstogettothemaincontentofthepage.PotentialViolation:ProvideamechanismtobypassblocksofcontentthatarerepeatedonmultipleWebpages”.

51

52

53