AppCross Studio User Manual
Contents
1. 7 Appearance Order IS on IER n A General A Pop up Create a frame by frame appearance order by playing images in sequence Add a start button to start the appearance order sequence to attract viewer s eye Instructions Step 1 Insert and adjust objects Insert the images text individual objects or group objects to 34 AppCross Studio User Manual appear in an appearance order in order then adjust the location where the event objects will appear ERY E ATKTA SG sz SE HR PRESS XI reo T n KOU i 5 1632 4T amp 5 ee f PET MRS RIE BOR ES EBT 25 Step 2 Set appearance order images Select the images to display in an appearance order based on the order of playback Click on the button of the appearance order image list and added objects will appear on screen The playback time in seconds can also be played Once successful iiiPopSeqObject will appear in the lower left of the object Images added first will appear at the bottom of the appearance order image list and have the same sequence as the graphical panel In the App images added first will appear first Tips Multiple objects can be selected before pressing the button for Appearance Order The objects will then be added based on the order of insertion or creation NES EBS ASE ZE HR HSER BIO FHSAA AES IIB Fe IIE Fs Step 3 Set appearance order duration The amount of time that selected appearan2. Step3 Open on iPad AppPreview APP gt Preview button gt press refresh icon from the upper right corner gt open the updated file preview from the open button or thumbnail f amp SIM k gt T4r2 06 10096 Gi 10 10 247 212 8080 rre RE HnM HHERLBR zip G UO o gt 65
3. Playback settings Auto play repeating play Interface settings 1 Change preview 2 Show video information or not 3 Show playback control bar or not Play button The Play button has two modes 1 Click on the button to start playing the video on screen 2 Click on the button to open a video pop up The pop up video can be centered or full screen GE LIE Tips if you wish to adjust play time of video please use amp BARE mM 6 MASH 00 00 oe 0025 100 set the on the time bar to adjust ape PV Temm THRE ven SESZSSE v ERER Hi RASI AppCross Studio User Manual EHE HEA Ide vos gare Game E Pop up video button Step 1 Insert video play button insert all video material pictures or grouped items Step 2 Complete video setting complete the video setting by using standard step 1 2 after obtain the movie information please save and the panel will display thumbnail and related name information Step 3 Set video play button select all inserted movie and use give the button the object will show the iiiVideoButton label the setting can be pop up or full screen two type BAA SES SS es BARE EARS 00 00 oe 00 25 100 gt SEE SHER 7 SSR THRE a SPREE v Sr eg ghee o HARA 54 AppCross Studio User Manual 12 Doogle Picture Doodle picture can be applied to picture books and he the function can be used for drawing books The plug ins o
4. 2 ES ES San agl Com tw ma You can also copy the link from your browser s address bar s place 10594E5968F36B03 E53 8C369734E53 RERED eno wie w FAB panne A gum ig Pi ig S eee IRE ZTESF x m Hm ERTE aa emn C A En sch de dfe eg Se HENBAH eegen a S O yki ee E Ak d pemanan 2837 5 E B E Goo eem 48 AppCross Studio User Manual il Google map coordinates Accurate position Use the right cursor of the mouse to select the position and where is this to get the coordinates of the location gom eee EXE TE HS SERERE AN BS CROPS En iB bE 7 dy ILLY EX OUI BE Step 2 Save preview thumbnail After selecting submit the save preview window will pop up Set the preview thumbnail s storage file path and location KEE ahr Wan e 09 mp ab wd at men teg sipa 3 Rips Y As SEM ipo 53 ipo zip Fat i gx EARN Am Tees PG forge S Step 3 Insert map Once the image has been successfully saved the screen shows a shrunk down map by default the ratio is 1 17 coordinates and other related information This means Acquire map information is now complete In the Map Preview area of the screen select and drag a painting to the drawing board After adjusting the map object s location and sizes release the preview map to finish inserting the map 49 AppCross Studio User Manual we
5. v1 14 0918 Pluginhas updated the preset funtion is already clicked Ze Button list order of appearance is same as in the pull down menu order TREOBDCRBSERSSH RAPA RARA 2 3 23 AppCross Studio User Manual ll Pages with multiple buttons Step 1 Insert background picture from file and put up the pop up message HE DRUM En THERAN sx age BMT eg SMR GIE EE n BRAG T 8 iL PRY BRR WERDE f GRAKRTR BHR d LSC VC NN HIE ka kaf bi Dye Man SE SMM He mes WME n X Gra EAZ J Step 3 After setting interactive button select the open frame and select to be interactive button and after select the pop up message to complete the interactive button process 24 AppCross Studio User Manual Senha mamas v 5 8S HER w 5885 E E EXER t J Tc PRO BASSE FRE eH mW EEEBI RS P SABA HAO Mae WIE v3 FEROCES 61 LJ Ly 18503837 gt SO ia gate don RAM BREST TES HAARAF TEZE AK pH REH amp HH AS SS or BE AASR BAA T UWS KAS BA SE OLS sess he ulz tte H PIE ADA SS AB Step 4 After setting interactive button select the open frame and select to be interactive button and after select the pop up message to complete the interactive button process 5 Link Button BRACES st He 25 AppCross Studio User Manual BASES Link Button STAG Jit AN BS KG A BETA 38 45 Ph BDAS ES PAIR GAIT Ba
6. D a e 1 NE x d To OOS SE x SL RB Sg ou lI Jump to external page Step 1 Insert image Object to turn into a link button can be text graphics or grouped objects TT TIENE mieu m HE 5 SS BEBE EB 28 Step 2 Set object Select object then check the Link button If link button is successful then iiiLink Button will appear in the lower left of the object Now set the link target to Jump to external page The select file window will now appear Select the App ZIP file containing the page to jump to and the panel will show the selected file name as well as the page content Now simply select the external page to jump to from the pull down menu The exported App ZIP file should be uploaded as well when uploading to the platform in order for Jump to Page to work Tips 2l AppCross Studio User Manual ek Su WREST Qd Gr r2 8 EEEE Ji Document fonts 2014 5 29 F 05 26 1 ASON Blinks 2014 5 29 FF 03 20 ai ES 2014 5 29 FF 03 21 1 3 ORE Sz Es ae es zip 2014 5 29 F4 04 55 4 LUI a RA AN SBS ee OS zip w BABY Sr Sexe DAMES S BRUBRR lI Webpage Step 1 Insert image Object to turn into a link button can be text graphics or grouped objects Tips please use the tool to set the appropriate touch area dm BBE BB 1 Step 2 Set object Select object then check the Link button If link button is successful then iiiLink Button will
7. Ji images 2014 5 29 FF 03 21 EEERHX SSES Jis 2014 5 29 11 14 BEZER E index html 2014 5 22 E 09 41 HTML SS zB ee E LW ki ISS QD index html em DD LAUER AS S BEBE Step 3 Setup successful Once the object frame has been successfully crafted the file path shown on the html embed signboard shows correctly Et EOS EE P E 360 zNndex html 46 AppCross Studio User Manual 10 Insert Map BAHE w SS A Jh ES em A Map A Map button A Pop up Map eInsert google map about the location s exactly address coordinates location information for users to find out Instructions l Show map directly from image Step 1 Enter map information At the Enter location field on screen after enter the landmark then select Submit The location field can be used to enter the following content E Detailed addresses such as No 133 Sec 4 Minsheng E Rd Songshan District Taipei City 47 AppCross Studio User Manual GA SAL ye PP e SHE Hse Ree E Share Google Map Link After searching on google map on the location and confirming by the red coordination flag please press setting and share and embed the map and copy and share the link SL TE 9E3133 ERR RF I EE e w e me B 1o El Ki _ ergmmgargif W poc 2 RAMA TUO Ah ti D era ENRE SIC eee we RA DER DE wm pena mso B3 pasas6 35302 87 6E 28 RASC
8. OO r r I E A amp audio bkg jpg mus n ERAAN DS21412 055_H 264 mp4 RB ki io SLT TRAR m SS BETA GEIB EIER RE d AS A 4 TRERCP Step 2 Open panel select from the view window gt interact V gt open multimedia E 60 AppCross Studio User Manual HESIA E A IEW Folio Builder Mini Bridge Hes 3 FEN XE A SC AE N ESE AEG XASR E v Sain SS SC SU Gem sen E sx 0 Sy wy E sane B FE Tat Eza E Dio e Ee Fat iz CH e ante TE SWF HAM Shift Ctrl Enter SPERA SECH Hea SAU TEM li RIBUHSSUE F12 Shit Ctrl F10 Alt Ctrl 6 Shitt Ctrl D Step 3 Set video support all items for play repeat play preview display control Se d SAREAREN Bim PDF BS BENE 61 AppCross Studio User Manual B Insert local audio Step 1 Insert map button insert single button to be for one object picture or grouped objects Step 2 Insert Audio select from the ool bar gt insert select the mp3 source and after insert there will be a transparent frame and the left upper corner will show the music icon and that s the touch area for start play the audio Step 3 Adjust the touch area hold ctrl and adjust the button touch area using the transparent frame to cover the area in the step 1 button Sa Step 4 Open panel select interact V gt open multimedia E gone Se RIAH Br 55 e KD i Er Sms Lo
9. the viewable area can then be adjusted This is the state seen by the user when the page is first loaded 13 AppCross Studio User Manual Step 4 Set as scrollable object Select blue object frame tick scrollable and the iiiScrollable tag will appear in the object s lower left JEHA EE ib BEE Step 5 Set scroll method Available scroll methods are Auto Vertical Scrolling and Horizontal Scrolling Tips 1 Once Scrollable s settings have been set a double ended arrow graphic should be placed in an appropriate location e g this example scrolls horizontally so a left and right double ended arrow can be added below the image to show the user that this object is scrollable 2 To avoid mis calculation please do not set the picture and object frame scrollable 3 When export when the picture frame and the original picture size it s the same it will export the original picture 4 If scroll setting is auto then the program will automatically decide to scroll horizontally vertically or both image 3 image BHSHAKENSE AOREXRESAE BHREARENRE BHR CENRE EMRE M EOSE BHSRAKEWEE S eS EISI S SEHR SEHR eH 14 AppCross Studio User Manual E Scrollable Text Step 1 Select Text tool gt Create a text box of suitable size gt Paste text into the text box ds Jia p E P3 a JE h ESSEN a EN ET SEIEN ios sms g EMA PIA E SR IR CET S mA RA ee SAA YA LAA Wer AAA RA gm RE AE
10. wishes can also be written on the reverse side Pinch the image and drag it to the mailbox to send a postcard eFlip the image left and right to receive more product information Use two finger pinch to drag the image to the mailbox and send out product information 39 AppCross Studio User Manual Instructions Step 1 Insert object Insert object to use as postcard supportable image formats individual or team objects Postcard Postcard instructions Album icon Camera icon Mail icon Graffiti pen eraser or text area Tips The following actions can be performed in Postcard preview mode 1 Take snapshot or select photo from album Can be a single or no selection at all to simply send out an image 2 Use the slide left and right gesture to flip the postcard over 3 Doodle or keyboard entry can be used on the reverse side of the postcard Only one mode can be used 4 Pinch the postcard and drag to mailbox to send When there are multiple postcard objects on the screen all can use the same mailbox Prax MONN oie enan 40 AppCross Studio User Manual Step 2 Set postcard object First select the object to use as the basic background of the post card Click on the button in turn to add other objects Tips 1 Postcard object must be inserted into the drawing board 2 Postcard s background and instructions must have identically sized objects The object can be irre
11. LCS um 230 epa a n Step 4 Set map information he image object with inserted map will show the iiiMapFrame The map scale is adjustable Select the map type Street Satellite Hybrid Enter the name of landmark to tag Tips Before the map is inserted into an object the map editor can set the content of the map object Streetview function is not available yet BAe RA 20360 12 Sao Les 50 AppCross Studio User Manual lg Press button to bring up map Step 1 Insert map button object Start by inserting individual objects images and text or group objects Step 2 Enter map information Open the insert map panel and in the panel s Enter Location field After connecting the address coordinates URL address select Submit Once the image has been successfully saved the screen shows a shrunk down map by default the ratio is 1 17 coordinates and other related information Step 5 Set map button Select the inserted button object and then select the pop up button in the panel Once set the iiiMapButton tag appears in the lower left of the object ES d St A eG aves ada Be BE 23 7384162 SE 120 3166729 ERR Ste 10 A amp HERE js Ss OAZE Sep Ss d es RS 51 AppCross Studio User Manual 11 Insert Video o BARA ne e BARA leo ormal v Le aoe A Movie A Movie button A Pop up movie The Insert Video function allows the insertion of YouTube vide
12. button reset button and puzzle complete information All objects must be non dynamic objects such as text images grouped objects or graphics drawn in indd E PRR EZRA 5E CBE ER S Step 2 Select the image and tick the Grid Puzzle option The Grid Puzzle tag will appear in the lower left once successful and be shown on the panel as well The puzzle difficulty can be set from the pull down menu 58 AppCross Studio User Manual Atal EBA i SH 4x4 A 5x5 EE RRR S Step 3 Once a grid puzzle image has been successfully added click on the button to add objects such as the Original Image button Reset button and puzzle complete message Once an object has been successfully added the tag will appear in the lower left corner of the object and it will also appear on the panel ANE SERA 14 59 AppCross Studio User Manual Support InDesign build in functions Q ar wren A Local video A Local audio e Editor can use video editing or animation editing to put pictures to have dynamics and moving effect which will make the content more lively and interesting e Add background music in the App book or use select to play music button to add sounds Instruction B Insert local video Step 1 Insert video select from the tool bar and the file for gt insert select mp4 format H 264 coding and after insert it will auto display thumbnail WBE Ligne
13. ki FIF RANT SRM FIR WB eat nut Sek EB pakjidoon Combination 3 Add Remove Ease of Usage x x xx Click to add the object or click to remove the object that has already been added at this time the plugin Object will become a group object Plugins animation slides and drag to collection Combination 4 Click Drag Add Ease of Usage kk ik Use the panel to link to external pages and after successfully linking and display one can use thumbnail to further page layout and fae 375539185 SES 1269807591 ant E refinement or add new buttons SREL 15 A e Ls A mann o RES Plugins Insert Viedo and insert map SRM 13 AppCross Studio User Manual 3 Reminder When working with modes the object must be in its final form e g grouping objects convert text to outlines or adding light or shadow effects before plug in effects are added e Any objects that already have plug in functionality added can t be grouped or un grouped again or the expected interactive effect will not appear e Objects that already have plug in effects added can t be pasted into a frame or the interactive effect will not appear see Fig 1 e If the object a plug in effect is being added to contains light or shadow effects the frame tool 33 must first be used to create a frame Ze that is larger than the object with special effects The object is then pasted into the frame shortcut Alt Ctrl
14. lower left Set the link target to Webpage and enter the correct syntax into the field Tip To calla landline number use tel number e g tel 026607XXXX To call a mobile phone use phoneto number e g phoneto 0932164XXX To send an e mail use mailto email e g mailto ideas iii org tw Zo ER SE URL tel 0266072220 30 AppCross Studio User Manual 6 Slides A Basic A Dot A Thumbnail A Two finger pull to full screen Editor can use the basic slides function and add content explanation so when the reader use slides they can get more information about the picture By step pictures or similar pictures one can use the dot function to make it like it s in a sequence eLarger numbers of by step or pictures one an use the thumbnail function so user will be able to use thumbnail to quickly find the one they want Instructions Step 1 Insert image Insert the images or grouped objects to set as slideshow Tips 1 Objects that can be added to slides include image files group objects local video and YouTube videos with Insert Video plug ins effect Different object types can exist together ina Slide The frame of the slides can have an irregular shape P ti Ji AA A 31 AppCross Studio User Manual Step 2 Setas slide object Select object gt Select symbol again gt Setup successful when iiiSlideObject appears in lower left of object Tips 1 Select all objects then click
15. photos and videos and set the basic structure of the e book e ETE Step 3 Use Indesign to layout the content and use the AppCross plugin functions to create interactive and multimedia features then export to the to the original e book zip file AppCross SERVER Download APP Step 4 1 Step 4 2 AppCross Studio User Manual Use iTunes to export the original zip file and add to the AppCross Reader in iPad then one can preview what s been made 2 Plug ins Functions 1 Interactive effects 2 Web services L Moving Object Link Button Scrollable Html Embedded Eventimage Insert Map Interactive Button Insert Video Slides Insert Ad Appearance Order Upload the original zip file to AppCross Server for final layout package and publish to AppStore for user to download 3 Customization 4 Export app and preview PostCard d Export App Doodle Picture a Preview App Grid Puzzle AppCross Studio User Manual ll Ill Basic Instructions 1 Terminology Supported image formats png jpg Supported video formats MP4 must use H 264 encoding Non dynamic objects Objects without any other plug ins Individual object A section of text an image or a frame Group object Made up of multiple objects BH BAM GER BARE Drawing board The InDesign editing area Double tap Click the left button twice Reader Tablet or other smart devices Object frame and pic
16. 3 Copy the html code and paste into InDesign DOCTYPE html PUBLIC WSC DTD XHTML 1 0 Transitia tml xrnlns http wwe w 3 org 19559 ht gt head SES title gt style types teias gt html body margin tpadding dw pod tile coloreCC 5522 font size dpr fom wright bold overllow hiddengpadding right 3px chite space nowrap dw poi content kat ip arial sans seril overllowvisiblepad ding top dpxowhite space moz pre wrap word wrap break word atyle script type text javascript src http apimap baidu com api ke v amp v l amp services Struc gt lt script gt Step 4 Open the html embed plugin and paste coding into the iframe content box to become html embed and if it s successful the object frame on the left bottom side will show iiiCustomlframe HAE RRA AEE ETE EAAS lt IDOCTYFE html PUBLIC AAVSC DTD XHTML 1 0 Trisnsitional EN http Awwrw w3 ou TRA tl ID TDi mil tansitonal dtd lt html Me ustomiTrame Mi Local page Step 1 Setframe Select rectangular frame object 2d then set frame size Tips select from the framework then you can call out the frame to set the width and length directly AEW 640 px S M 477 45 AppCross Studio User Manual Step 2 Set object as webpage frame Select frame Tick insert webpage into frame 2 For the content select Local page Select HTML file open old file MBB 360 2 Q 3 re E eps A
17. AppCross Studio User Manual AppCross Cloud based Content Mobilized Platform AppCross Studio User Manual Windows Plug ins Version 1 14 1121 Mac Plug ins Version 1 14 1121 AppCross Studio User Manual Table of Contents l INTRODUGCTION v 1 1 AppCross Plugins installation Environment Steps Windows 8 MAC 1 2 PRODUCTION PROCESS EE 2 3 miU CE FUNCTIONS EEN 3 ll JBASICIUINSTRUCTIONS ii ne ne re ee we A e a n e a PEE NU DEM LO CER M IPRC D EE 4 1 TERMINOLOGY ccccccceccececcececcecuccecuccececuccucuececuucecuuaecseauuacauuucseuecuuaucaeaecsenenecseuecuunecsuaessuausueesecseaecsuaecsuaesauaeees 4 2 TIPE Ee reel 5 3 Pis ND eebe da 7 4 DYNAMIC OBJECT DISPLAY HIERARCHY ccccccccececceccccececcececcecuccecuccusucececuececuececeuaucaeaucucuusecuucecsuaecsuauaeseuaeees 7 5 CREATE NEW DOCUMENT Irene enne nene re er remersecersasersasessisesssrase rase rsasessesesseress rese srage spese rrase spare iiia 8 Ill PLUG INS INSTRUCTIONS RE 10 1 MOVING OBIECT 10 2 SCROLLABLE eren e esee A AAA S neues or ANERE 12 3 EVENT IMAGE ssec rui EE ace veda bias ENT oncle cct ona Me cocco dc Mm enda E viria Vedan 19 4 INTERACTIVE BUTTON esos ch odia nt a oe toca al cesa cus kt at ta n peste cal eco in alie ore opua coo ka e ots 21 5 LINK BUTTON causes cece cece aa HE 25 MEME TEE 31 Z EENHEETEN 34 8 mecs EE 39 EE ci
18. ESIIES A eigtl FO AR ee THEW Folio Builder Mini Bridge SWF RAV j THAHEN SO ERA SECH FAREY V K ssen HFA atM 4 RETE ZI SEN d REVERS PRE AAG F12 WEE Shift Ctrl F10 d 310 Alt Ctrl 6 EEK Shift Ctrl D SZ SS d 62 AppCross Studio User Manual Step 5 Set audio source support all items for play repeat play preview display control s F E gg a e 2 00 00 02 12 86 mem 7 amp AE HERE HERI 63 AppCross Studio User Manual IV Export and Privew AppCrossReader YuHtung Lir In order to export or preview the App made please first install from itune AppCrossReader Or you can download AppCrossReader from App Store or use QR code to download AppCross currently provide two methods to prview on iPad thorough IP preview or iTunes preview Instruction 1 Upload thorough IP Step 1 Please use the same internet connection on both iPad and computer open the preview panel in AppCross and open AppCrossReader on iPad and input the ip and press preview Som k gt 45 09 10 10 247 212 8080 on online demo 1493777 di online demo videoplay 2014 05 13 17 02 00 4 2014 05 13 16 49 17 Plug in Ver v1 14 0512 R ss ASEA BEBE 5 FEBS SB Plug in Ver v1 14 0512 a DIS Step 2 After press the preview button and file will be exported and updated to AppCrossReader after co
19. Kleber TRI EO CURE RR AT Tips Text must all fall fully within the text box The symbol for additional text Pp 2 FRAPS NOGA EB E IAES DKE must not appear see left SERIES X E RREI OARA WREEK CR 3 bH re SO SI e S UEM 1 LANK 25 Ay Es arl k k Step 2 Click on the rectangular frame tool gt Create an object frame of suitable size the viewable area when page is first loaded on the iPad gt Cut the text created in Step 1 gt Select object frame gt Right click then select paste es T CS Be 7 Los TDM DO AK RENE SITE Aan mS ES Co RS ZITA 2 BO eS m8 ERT OS AE eA P E ek ER AD A A BA DUIS LOIR CARIBE M etiam dfc nonton Tee aR fo Q2 AREKE LEMS DKE CARA X 1805 REAA TABLES RA RAO m URS SPORE eb OR A BAINAK DR A Att SIDA 1 E EE mK bc S M GER ECRG T GRABAR SAE NEHENOK JEET d Ee Q3 E REFERE eer au ask eoo e BUT HEB ch BU AMC aS ISO BREEK SUERLE RAO ROP STA EEN RER READE LAJMET ARREARS ASI Pas RO RISHA gt Q4 PARKA TI d SREL CREER EULCON BA ICT ERAT EECHELEN ME pues mma ce Ee aset EROR CS LE v tt EROAESEARB S R EMARE beileed mt ins cay in nam mak min 15 AppCross Studio User Manual Step 3 Open the Scrollable panel gt Select object frame with text pasted gt Tick the Scrollable checkbox gt Set the scrolling direction to vertical scroll gt Once the object has been successfully set up then the tag iiiScrollable will
20. V Check that the object is fully displayed in the blue colored object frame for it to be fully displayed in preview e Undo redo will not restore changed settings e Make sure that the double quote used in the syntax or address for HTML embedding or external hyperlinks is a half character If full character is used or it looks like a comma the expected interactive effects will not appear after exporting 4 Dynamic Object Display Hierarchy The dynamic object display hierarchy is as shown below A smaller number means a higher level oy terae kale ma 10 Web view related object 2 Scrollable l l No set order and is based on the corresponding 3 Event Image Drag to Collection l l l layer in InDesign 4 Insert Video 5 Insert Map Appearance Order 6 Slides Moving Object 7 Post Card cored 8 Doodle Picture 9 Grid Puzzle Html Embed Link Button AppCross Studio User Manual 5 Create new document Step 1 Select File gt New gt Document shortcut Ctrl N Alte Ctr C Rz RSC Ctrl W as Cirl 5 EZRA Shift Cd 5 Fah ausRm Alt Cla i A AO Oxl13DOOkExtLink UP lace DBM nukiey CG Burzword BA BA XML Adobe POF HERE AFE BE FRED Step 2 Set document format Click on webpage Tip For readers such as smart devices and tablets the file must be produced as a webpage Aimee A4 RIED BEL 18 BID 2287 2588 ai AppCross Studio User Manual Step 3 Set pa
21. al and horizontal displacement can also be adjusted Finally decide whether the object should move in the opposite direction Tips 1 How much objects move depends on the vertical and horizontal displacement value set and is centered on the middle of the iPad screen For example if the object tilts the iPad to the right Moving Object will Slide to the right as well 2 Checking the Reverse Displacement box means that when the user tilts the iPad to the right Moving Object will slide to the left instead 11 AppCross Studio User Manual Bee Se E UE v KFE a 10 e Sane 0 l RASH 2 Scrollable Scrollable Text STEN neenon TEHAS Linas FAY SASSI QLA Ji Va EE CET d eg Ve E A Scroll pictures A Scroll words A Scroll grouped objects eScrollable allows more of the content to be viewed Scrollable can appear in three forms Scroll single image scroll text and scroll grouped objects eHorizontal large pictures and long content or hidden remark can be viewed by methods of scroll grouped objects and not be limited by the screen size 12 AppCross Studio User Manual Instructions Ki Scroll Single Image Step 1 Insert the image to scroll shortcut Ctrl D Step 2 Adjust the blue object frame and define the image s viewable area Tip Only rectangular object frames are supported Step 3 Double tap the picture and the hand tool CH appears The location of the image within
22. an all new reading experience 1 AppCross Plugins installation Environment Please double confirmed that you have installed Indesign 5 5 or 6 0 Currently still no support for the CC version and the installation root needs to be under C drive under program files 2 AppCross Plugins Installation Environment Windows amp MAC For Windows Step 1 Please close Indesign Step 2 If you have already installed Plugins please go to control panel and remove the old Plugins first Step 3 After removing the older version of the Plugins please open Indesign again and check if the plugin has been removed from Indesign manual bar and close Indesign again Step 4 If you are 1 time installer and have removed the older version of Plugins please download the AppCross zip file and select exe file to decompress the software and select setup exe to install Step 5 After installation you should able to see the plugins tool bar after opening For MAC Step 1 Close Indesign program Step 2 please select the PGK file to install Step 3 after installation please open InDesign and in the upper tool bar there will be Plugins AppCross Studio User Manual 1 Production process The production process for using AppCross to produce e books is as follows AB EDUCATION A INTERACTIVE MAX NA E CATALOG PAGE 3 Step 1 Think about the theme or topics of the e book Step 2 Collect the related material such as content
23. appear in its lower left corner HAS Hue RI HER BASHAM PARRA BS DEC ROAR 4 7 ENN SERRE Sm A ERT RRS RMR A SERA BA DPA RA YA RD ROGA RC RA EB RAN F4 SRA SAA SERIES TREIE Q2 FRSA Ae SMOKE BY SMS Ke CRSA RAE EE AER SII EBRE DRE wee YO 85S OR PT EEA MMR A AK AN RAS AE n SLD 1 Er EL Kees E Klee Ad BARR SSALRS ETE AN A East EAR Q3 HER BSB Ree d RS Eh E DEE EU ANT BIT 15 28 RIZ AE pk 7 BC RRS RSS MA fai SRS EK MACEN es T MATES Ae LABS PEM ATE 04 ABAIK BIB BRS WK MRM AA BAKA LCE RIZE EE SAA BOR eet Hau LAKHS Hat Let SRL SUE AE S LE KRAN ATA SC See UA SMA NAT RI PASI DIE pri WE ta uS FS A ROD fE A SASA 00 ER L COR IR Q5 88 588 7 188 05 07 8 AIEBNE MH RRA RIA SPRL MMAR CHE BIS 7 HK PRE AKAN RETARA ARTS Ae SS KEE RE COR iS Ee RRS BT mralEbl m Scrollable Group Object Step 1 Insert the required graphics and text Set Group to Scrollable grouped objects will have a dashed outline d pre ta tN Ctrl V SICH gt BRB gt BESIIB EE A d EKS gt S N Ctrl G l STEL Ctrl L E Ctrl 3 SEEE V FEN gt AXE b EE gt SERS a D ECH gt 16 AppCross Studio User Manual Step 2 Select the Rectangle Frame tool Create an object frame of suitable size Create an object frame of suitable size the viewable area when page is first loaded on the iPad Cut the group object created in Step 1 Select object frame Right click then select paste fi
24. appear in the lower left of the object Set connection target to webpage then fill out the correct address in the city Tips The URL must include http sii foray EB dE URL httpz www viewplus tw ll Local page This function is not shown in the AppCross Studio App Step 1 Insert image Object to turn into a link button can be text graphics or grouped objects 28 AppCross Studio User Manual Step 2 Set object 1 Select object then tick the Link button If successfully set then iiiLink Button will appear in the lower left of the object Set connection target to webpage 2 Select Browse gt Select HTML webpage gt Click and open old file Tips Place the HTML webpage and related elements into the same folder and define a starting page e g index html QO Co By r e xox _ ec 2014 5 29 F 03 21 1 BLAS j 2014 5 29 ET 11 14 j index html 2014 5 22 Fr 09 41 d n RAHN index html M BER Es O S i WRAT HTML filesthtml DEA SABER CAUsersTI14028MDesktopAZ ES33 a Bala AH EOS E P RE 360 Aindex html la Telephone mobile phone and send e mail Step 1 Insert object Place the object to turn into a Link Button This can be an image text or group object 20 AppCross Studio User Manual B Bes EB 1 ved Step 2 Select object and check the Link Button If successfully set then iiiLink Button tag will appear in the
25. ce orders appear on the panel can be adjusted by sliding or entering a number manually Tips Use Shift to select multiple appearance order images from the appearance order list to set the playback duration for multiple appearance orders at the same time 35 AppCross Studio User Manual Step 4 Set appearance order playback attributes The appearance order can be set to disappear after play or cycled playback Appearance order can be set to auto playback or controlled via a button DAC e LLE LE ARES LIR ron lt ZER 8j i B 5 30 T Se in E RIE Hens 7 838888 C BRR Se S v E r ee jga an eee Sa 4990e0 9292099999999099909999999909999999999999929999992994992 5 99 ka e Ae Step 5 Adjust playback sequence The order of appearance order layers can be dragged from the layer panel to adjust the appearance order playback sequence pace f huder Burton porcis WR Es aua Sure geese La OO sx HR REB BHP d Bt ERRARE S san Step6 Add button after finish the appearance order setting please select all and put amp select the button to start the appearance order 36 AppCross Studio User Manual H ES aR Ser es FI 0 3 95 DP TE Edo HR PRSE EE IRR CD A HARES AN i 53 35 AN AT amp 5h sz S HENO We CIR eS meet ere BSR HERRE SHR e si ES ned aan con
26. cn debts D iPopsegbutfon 175 l Animation Setting Playback time and appearance time is measured by seconds and there four type of 1 amp 7 combinations 1 Continuous Appearance Auto Play IER ai ERAR AY B 312 Li Lh Q 12 3 4 5 6 7 8 9 10 11 ph wes a 1 ent EREHE En KARESE FID 37 AppCross Studio User Manual 2 Sequential Appearance Auto Play ER thd se SR HRSA ae P a LP 2 EB K Ez A es 0 3 1 Bl 34t 3 T yo 123 4 5 6 7 8 9 10 Z Gi Siete hs tt VA UST HEAT Bh IRE BEN 3 Continuous Appearance Auto Play Sequential Playback NES Haas Je HREAN EI 1 E 32 28 3 3 AP E pp 0 1234526 7 8 9 1G 11 12 3 M 15 16 17 18 38 0 5 MER nase C 3 1 Dr bob ae EREHE veneh Shee Mae J BE 4 Sequential Appearance Auto Play Sequential Playback 38 AppCross Studio User Manual MAS BIRR SA B5 83 RBH SE papa EI n 5 EI 18 J 24b 2 E 3 3 4 4s 4 ap 0 1 2 3 45 6 7 8 9 101 12 13 14 15 16 17 18 19 20 GRR c JL CB B DEG bob Ar V UBRO v ETRAS hiB TTE J Beer 8 Postcard A Front A Back A Use two fingers to drop amp send ePhotos selected from the album or taken by a camera can be turned into postcard covers Well
27. d eLink Button can be set to jump to a page set by the e book an exported e book page an external hyperlink or a local webpage Jump to page Can be set to jump to a page in the same indd file Jump to external page Can be set to jump to any page in an App ZIP file exported by AppCross eJump to webpage Can be set to jump to an external webpage or a local page If the link points to this server the folder where the local page is located will be bundled with the App ZIP file during exporting eSupports syntax for send to e mail address Mailto dial number Tel and dial mobile phone number phoneto The Tel and Phoneto functions are only supported on mobile phones Instructions la Jump to page Step 1 Insert image Object to turn into a link button can be text graphics or grouped objects CSC ne Gel P nw m TIS LOA SS AN Se Se Ee tert CERN 0 ESE AYE E Ble mA ee Hse e PSHM FA GE 96 B A he RETA EFIZBSAIA XE 1 26 AppCross Studio User Manual Step 2 Set object Select object then tick to select the link button Once set up is successful the iiiLink Button tag will appear in the lower left and set to Jump as page Object teleportation will change to Jump to page and the pull down menu can be used to select the page to jump to SE TES E m SSES TED BE 8E BESE A EE AE DESEE BE SRR SABA fa EE EAR A 1 T
28. d EMBED EE 42 10 INSERT Map 47 11 INSERT VID WEE 52 12 DO EPI TURE EE 55 13 I IA ALE EE 54 14 SUPPORT INDESIGN BUILD IN FUNCTIONS emen nemen nemecne reme re erre eise e sa e sese vases sa e sa e sare aaa 56 IV EXPORT AND PHEIVEM oai Eur epos vuU og eee e e a a akt cues EPI ta a t at M NDS jn MI MODUS 60 1 WP PRONTO 61 2 WEW S ESAU e EE 61 AppCross Studio User Manual l Introduction AppCross is a platform that makes it easy to create e books and build apps without an engineer The editor can use InDesign software to edit the content of e books and use plug ins to add interactive effects The 15 plug ins for moving objects slides event images appearance order interactive button scrollable link button HTML embedding insert map insert video insert ads postcards doodle pictures grid puzzles and drag to collection make e books more interactive The editor can even use AppCrossReader to preview the e book being produced through the reader or use the AppCrossServer to package the e book for distribution The coming of the new media age has increased the speed and reach of information flow The emergence of e books breaks down the many constraints of traditional publishing Apart from giving the editor more freedom in the layout of text and graphics the addition of different interactive effects and multimedia makes it easier to achieve resonance with the reader and create
29. e Siz px 420x357 F Starton slide 1 Step 2 Open InDesign and do direct pasting In InDesign Cs6 0 the iframe code can be copy and pasted in directly and if the codes is corrected Indesign will automatically display the thumbnails in the object frame In InDesign Cs5 5 it will still show the original iframe codes Step3 Open html embid and select in the step 2 object and select into webpage frame the coding will be automatically added and if all correctly done on the left bottom side will show iiiCustomlframe Tips 1 Required to set the length and width all into 100 then the iframe material will suit the proportion of the object frame 2 Required to confirm scr include any website http 3 If need to editing iframe codes please use the panel embed content to review 4 To insert pictures Ctrl D in to object frame when users is with internet connections the photo will load default picture AA A Be BERAE en BERIBBI RAAF lt iframe src Zhitpz www slideshare net s 3 lideshow embed code 35157365 width 100 6 height z 10026 ll Self setting page example Baido Map 43 AppCross Studio User Manual Step 1 Enter to the Baidu API websitehttp developer baidu com map gt select tool map generator DA Baid BE 555 FR cJ SEI gt JavaScript APIKA JavaScript APITEXERE webJT A MEN Ya ive A JavaScript APIF SBE Flash API APPAF Android JSDE Android E J SDK a
30. ffers a o BRET variety of colors to choose from and can also save the doodles as an image file to the device Instructions Step 1 Prepare the Doodle Picture materials and place in the canvas 1 The Doodle Picture must be a PNG file and the parts to color in must be transparent 2 The Palette icon Brush icon Eraser icon Resert icon and Save to Portfolio icon must all be non dynamic objects such as text images grouped objects or graphics drawn with indd 55 AppCross Studio User Manual EBRE KEEN B25 56 AppCross Studio User Manual Step 2 Select the image to add and tick Doodle Picture The Doodle Picture tag will appear in the lower left once added and be also displayed on the panel ti AN gun 1 r a 588 5 18 KEEN EH Step 3 Once a doodle picture has been added click on the button to add objects such as Palette Brush Eraser Reset button and Save to Portfolio in order Once the objects have been successfully added a tag will appear in the lower left corner of the object It will also appear on the panel as well 57 AppCross Studio User Manual 13 Grid Puzzle TTISDEL een GridPuzzle eThe Grid Puzzle function can be used in illustrated books The plug ins provides the editor with three cell counts of different difficulty Instructions Step 1 Prepare the Grid Puzzle material and place on canvas This includes the jigsaw image original picture
31. ge size Select 1024 x 768 as the page size The default target reader is the iPad Tip Different page sizes must be set for different readers For example iPad1 2 1024x768px iPhone 1136x640px ASUS Nexus7 886x600px ESUE sp alal 3 a Step 4 Set page orientation The orientation can be set to Portrait or Landscape as required Click the border and columns As SW Weg thie ZA CH ORAH Ko MME enan en EE ox en aj E Step 5 Set document border and columns Use the default values for add border and columns then select confirm kx l 3g Br DA W I BEEN SE L A Zon DO YON zb AE LO ld ga EE Gold gou AppCross Studio User Manual IV Plug ins Instructions 1 Moving Object om When the user shakes the iPad objects imbued with the Moving Object effect will shake based on the set value Can be used for micro dynamic effects such as floating clouds changes in light and shadow or water ripples Instructions Step 1 Set moving object Select an object image frame text or a group object to set as moving object then tick moving object Tips Multiple objects can be selected at the same time with Checkbox to turn them into moving objects 10 AppCross Studio User Manual KEE SS te R AOBA Step 2 Moving Object Settings Once the moving object has been set then the iiiMoveObject tag will appear in the object s lower left The vertic
32. gular in shape but the front and reverse must be the same BEES Soh oe SS Step 3 If the backside of post card is to be used as tex area then use the text word tool and set the frame to be used for text Tip Graffiti and text inputs are not allowed to exist simultaneously on the postcard 41 AppCross Studio User Manual w RES Vs fy pura WHS whee an 538 r a 5 TRF TREE PEZE SIE yo j ae nre wea ai A E e SES teg USI pty Hoa ae 9 Html Embed Q FAAR m A ARRAN RB SALAS A YRMA A Insert iframe A Insert Html A Insert local page eThe HTML Embed function can be divided into Custom Page and Local Page Custom Page can use iframe syntax to embed links that contain the embed tag In the example the embed is a YouTube video For Local Page a HTML page on the local machine can be chosen as the embedded content Instructions l Custom page Step 1 Copy the required iframe codes example of slideshare Tips 1 Users with an understanding of web programming are given priority in this plug ins 2 Before inserting a webpage check that it is compatible with iframe syntax 42 AppCross Studio User Manual V Example Vimeo Share SlideShare HE Email Fame sre hip dives ides hare netSlideshowembed_codeS515 365 widih 427 height 356 fam eborder 0 marginvadth 0 m arginheight 0 scrolling mo EE 1 SE ZCCC border width a 1px 0 ma htips cod
33. mpletion it can be view from your iPAD SE em iE rec Adobe InDesign e 6 Les 64 AppCross Studio User Manual 2 Upload thorough iTunes Step1 Select the pages current all or range of pages you wish to export and preview and if you want non scrollable pages please select o Bam fixed page then export Please select file path you wish save and du after export the zip file will be saved to the designated path area Tips men BIA ne ERE 1 When exporting page need to select pages under the panel 2 Fixed page will not allow user to scroll pages Editor can use such function for puzzle games or tests pages after passing then the page will jumb to the next page but a link button function need to be designed in th process for linking to the next page 3 Current AppCross Plugin for indesign CS6 v 1 14 0623 must be used with AppCrossReader v 3 7 3 and above to support expor t and preview of Retina Disply High resolution photo and words Step2 Connect ipad by line to the computer open iTunes select the device name 1 APP 2 in the folder sharing select AppCrossReader 3 gt Add the exported file 4 D eje y ce 5 1 e 3245 JI z Sh es xub eem SAT Match iTunes Sto A C i i P RN m oak m Gon n 2 2 a OQ ESEJE P13223 9 iPad 4 EE a ze bm EH WADA BH 4984 iPad b ER RHG App AppCrossReader 1 BIN S AppPreview KA Bluefire Reader
34. n ow pc EE HH gt k i E onal E E P 7 LETA A FA I FH 8 ol L AB Hn e J Ctrl C m HR RR e DL RPA AN 1E 4 i RN DIR PSH BEER EE TOR SS ABS Alt Ctrl V Step 3 Move the cursor to middle of the object frame which show both the circle icon and hand cursor one can move the grouped objects in the middle of the frame m i HL M fl a L Step 4 Open Scrollable panel Select the object frame of the pasted group Tick the Scrollable checkbox gt Set the scrolling direction to vertical scroll gt Once the object has been successfully set up then the tag iiiScrollable will appear in its lower left corner 17 AppCross Studio User Manual Eet THA a in Scrallable 18 AppCross Studio User Manual 3 Event Image sem Q sa Lm m A Use 2 fingers to enlarge picture A After enlarge the picture will pop up to full page Use two finger zoom on the picture Can be used to pop up another image to provide more information Use to two finger pinch to close the pop up image Instructions Step 1 Insert image event image Select File gt Insert gt select any supported image or use the Select tool to choose any non dynamic individual or group object EH ta IS Step 2 Select object gt Tick the selection frame in the Event Image setup area to convert object RTS p MEKA mea y a ano ER lea j BRAS SIS w 4 19 A
35. n Android f1 SDK i0SithEE SDK i0sS An SDE i0S S SDK gt LESZ et API B ss 5 iioi Bac EPI ERXDPIAPI URI API APHRA S TRE Pine WEAR Step 2 After selecting the location position point gt press to get code label 1 and in the full window mode of the html gt select to copy the code label 2 58 32P GIU RH 13 reb E E SCRI AER Seis deos Ca http Jb 355 lt html swminse h lt head gt ET a Pi essit tmeta http X 116433608 Y 39 909778 IDOCTYPE Piret PUBLIC WITT org TR xhtml 1 DTD xhtml1 tr equiy se keywords itle Beit apis MEI GC Eed XHTML 1 0 Transitional EN ansitional dtad Www vi ttp org 1999 xnhtml gt lype content tex Content xt gh iosMhicu 1 charset gb2 AW ANN content zh iuri diced oiii description ontent an title gt FA EE EAPI SMS 17 zem lt style t E 3 11 3 3 weigt t bold 58 3p RAR over yoe text css html body margin padding title color CC5522 font size 14px font flow hidden padding right 13px white content font 12px arial sans pace nowrap serif overflow visible padding moz pre wrap word wrap break word api map baidu PA e 2 SUR x gum OSA di DO m 1 x Y 100 3 Se RR e s ow e a ERR e 4 Bai Arum S201 Baidu Be FBI SHR t PU Lr dime 1 meye 44 AppCross Studio User Manual Step
36. on button to add all objects to the slide play list They will then be played based on the order of insertion 2 When the inserted images or objects have different sizes all objects will be resized based on the frame of the first object to be added to the list a AFERAT SUA RS Step 3 Delete a slide select the slide and press Step 4 Change slides order of appearances you can pull up or down on the thumbnails to change the order of appearance of the slides ab ia DERNE aP A AFTSSFET See vi Step 5 Set slide to full screen display you can select to show in slide in full display mode 32 AppCross Studio User Manual ZIER JEBANE ANSSFET ul hat pesos SSES EE Step 6 Set slide title and description select the slide in the menu Tips slide s title and description will only be disply in full screen gen E Ge eg EE MEREAR CRORE e RAMBLE A RSS i RETE BUES A 3 A BD DE Tin ShdeCbje Step 7 Set up slide type in the pull down menu you can select basic dot or thumbnail display for slide Step 8 Setup auto play by adding object into the slide list and select autoplay and the play time Tips v1 14 0917 plugin has added the autoplay function 33 AppCross Studio User Manual AF SSFET Denes ES PA daki See SW AS SES SET LS ER SEAR SES Agnes Serie EE
37. os and it can also be used with Slides You can put a button function then user will be able to ready the content after press button to play video Instructions E Movie Step 1 Get video information At the panel s Video source field enter the video URL then press the Submit button The video source can use the following legal URL MYouTubeURL https www YouTube com watch v yrJqyVsLlcw MYouTube sharing links e g http youtu be yrJqyVsLlcw Step 2 Save preview Set the preview thumbnail s storage file name and file path default file name is the video ID Once saved the panel will show that video s screen captures titles and 52 AppCross Studio User Manual other information BERO SIH LE ab we RUE jpg WE jpg IKE jpg kB jpg IE m pou FERRE jpg SE jpg LB jpg BSB jpg RA AN DDAPIRFKO 4 jpg Sen iB BE SAH Sg Step 3 Insert video Once get video information has been completed select and drag maps into the document from the video information area of the panel Click and drag to adjust the video object s location and size then release the preview to finish inserting the video The tag iiiVideoFrame will appear in the lower left of the inserted video ZAZK ERROR https www youtube com watch v 835 EHER EE EIC ez Step 4 Set video information include EAEH Lee Playback time Set the video start and end Tx https www youtube com watch v
38. p 2 Set object Select object to become a interactive button 1 and tick select 2 The iiilnteractive Button tag will appear below the object to indicate the action was successful ES EE 2 588 4 Ze BE Step 3 Set button appearance and pop up Select a interactive button 1 then click on the object to serve as the exterior and the object to reveal in pop up 2 Click on the button 3 to add the object to the panel and so on Tips Ifthe button object at start and end of click is not the same size as the static button the preview will resize the button non proportionally based on the size of the static button frame See 44 IE ESE aie NE S588 85 3 58 ER aP SHEA qP Step 4 Move to pop up image location Double tap group change its location Tips A Close icon must be added to the pop up window as a guide for user action Step 5 Repeat Step 1 3 to group all interactive buttons Select all buttons and group Step 6 Check on interactive buttons after setting you can view all of the grouped interactive buttons If you wish to remove pleas press the sign 22 AppCross Studio User Manual Sena Aa ME Ee 588 Bi P 2 HES EE Step 7 Preset function is already clicked when interactive button function is grouped you can select from the menu that one of the button should appeared in already clicked status Note
39. ppCross Studio User Manual Step 3 Setup pop up picture once set up the Elpoplmage will appear in the lower left of the object The pop up image object s thumbnail is then shown on screen Tips Double click on the group object to move the object During preview using two finger zoom on an event image will cause another image to pop up Both images will then appear simultaneously on screen 20 AppCross Studio User Manual 4 Interactive Button Q sss Q a A Grouped interactive button A Non grouped interactive button Grouped interactive button under the same screen press one time will only show one pop picture Non grouped interactive button all pop up picture will stay and show in screen Select Interactive Button brings up a pop up window that provides more product information When there are multiple interactive buttons in the same screen only one button can trigger a pop up image at any time Instructions Step 1 First place four types of different objects on the drawing board The objects can be text images object frames or group objects 1 Interactive buttons 2 Object to click on to start 3 Object after clicking on finish 4 Object with pop up window Tips Interactive buttons have three states 1 Static button shown when page is loaded 2 Button being clicked on 3 Button after clicking pop up object immediately after clicking 21 AppCross Studio User Manual Ste
40. ture frame insert picture will have object frame and picture frame refer to below photo Es A Picture in the left have a blue frame as object and brown frame as picture frame picture on the right is the original picture AppCross Studio User Manual 2 Operating mode AppCRoss Studio provides3 type of plugins operating mode based on different combinations there will be different ease of use E Modes Mode 1 Select the object frame and use check box method to add the object to give plugins function Mode 2 Select the object frame use add and remove methods to add or remove the object to give plugins function Mode 3 Define external link object drag the extracted thumbnail to page layout ZAE HAES IMSS SIL PUER EHE NOIRE TEE ARES LIR HRB Ae BWASON A Check Box A Add Remove A in Ejs Combination 1 CheckBox Ease of Usage Xxxx This objective after putting into plugin effect still ACE AE 59 Zate EUN l l Rees retains the status of a single object Plugins Moving object scrollable Html Embed and interactive button Combination 2 CheckBox Add E mrs Ease of Usage Kk vx x SIMA miae Select the major objective and add other object the the plugin objective will become not a single object but a group object Plugins Event Image Interactive button postcard AppCross Studio User Manual Doodle picture and grid puzzle llo 24 BPS ev ect
Download Pdf Manuals
Related Search