Captivate 6 quizzes - html 5 for mobiles

Everything is naturally displayed much smaller on, say, an iPhone. During creation of a quiz, to help matters, it's easy enough to increase the size of the text and, with some faffing about, to arrange greater space between the lines within a question, but I can see no way of increasing the size of the default answer button alongside those questions which have one (true/false and multiple choice) for the user to hit. It's fine with a mouse but very difficult with a finger.
Given that Adobe have gone to great lengths to show how Captivate output can be reproduced on mobiles, has any thought been given to what the user would actually press in the absence of a mouse? A tiny circle to select a quiz answer isn't exactly helpful. Or am I missing something?
Thanks.
Shaun

OK, Allen, let me come back to you on all of this, as I've been working on an iPad and iPhone for many hours solid now, so I know what I'm up against.
With Captivate, I'm simply looking at quizzes at present, as I've already been able to produce coursework for the larger-screened mobiles via their standard browser. As there's no Flash involved, I was able to do this via a standard web design program. Many more people will own and carry a phone than an iPad, so the hardware is in place without additional cost to the employer, so I think it's sensible to cater for that captive audience, who spend so much time noodling about on their mobiles. In fact, I thought that's what Adobe's marketing for Captivate 6 was all about - tapping into the ready availability of mobiles and user expectations for feature-rich applications.
But I digress; it's quizzing I'm trying to accomplish and I'm sitting here puzzled as to your confirming there's been resizing to suit tiny touch issues. Why then the fixed, tiny radio button and checkbox? Those two alone will cause the majority of problems, as they are the main means of interface for the available question types.
Furthermore, if I use a sequence question with, say, three or four answers, which the user has to drag into a correct order, I can't put distance between each answer in order to help a finger tip avoid hitting the wrong line of text. Inelegant carriage returns were the only thing I could come up with to add space, but this only half solves the problem and shouldn't be necessary. Is this an HTML5 limitation or perhaps a bug? Despite them being hampered by too small a checkbox, I see that multiple choice answers can be separated by moving them anywhere within the overall frame holding all answers. If I try that with sequential answers, they all move together as one, so I can't add any distance between them.
Given these issues as to things being too small and too close together, I did think that the inherent configurability of hot spots was my only answer, but I now find they don't work properly either. Firstly, the bullseye itself, like the checkboxes and radio buttons, is too small, and would be much easier to see if it were enlarged. However, far worse is the outcome of using this question type on the iPad and iPhone.
Using my  iPad 4, if I tap an answer which has a hot spot surrounding the text, the pulsating bullseye jumps out of the hot spot right to the top of the page. It does this each and every time and I've reuploaded and changed things about, but it repeatedly does the same thing.
Conversely, when I use an iPhone, the bullseye stays within the hot spot, but then when I tap the same hot spot again to deselect, another bullseye appears rather than the original disappearing. I can make pretty patterns with lots of bullseyes if I keep on doing this!
So with all of these issues, I'm really short on options now, which brings me to your observations as to question types. For my traditional Flash output for PCs and laptops, I've always included some matching questions, so it's a shame this question type is unsupported, as I do know that users find it quite fun.
I also regularly use the two question types you mention where the user has to enter text, simply because they are the ones where the answer isn't somewhere on the page, so the user has to really think hard before answering. I'm surprised at your conclusion that quiz-setters at large don't see this as particularly important.
All in all, Allen, I've just started a one month trial of Captivate 6, and by the end of that I would like to be clearer as to whether I should upgrade or give it a miss because my expectations are too high. I totally agree about the minefield we're in when it comes to cross-browser support, and the mobile aspects seem to be exacerbating the issues faced. However, if I could get HTML5 output to work properly on both an iPad and an iPhone that would be half the battle, as so many people seem to have either or both. I had hoped this was the answer to Apple's obstinate refusal to support Flash, but I seem to be faced with a variety of shortcomings, and due to this being something of a brave new world, it's not clear to me whether what I've identified are bugs and/or design shortcomings within Captivate, or the limitations which HTML5 currently imposes. After many hours of frustration, I suspect it's a bit of everything!
Thanks for listening.
Shaun

Similar Messages

  • How to implement OData based BASIC Authentication using HTML, JavaScript for Mobile Apps using Apache Cordova/PhoneGap and datajs-1.1.1.js library

    Hello,
    I have an issue with OData based BASIC authentication for iOS App created using HTML, JavaScript, SAP UI5, OData and Apache Cordova/PhoneGap.
    Please check the post here http://scn.sap.com/thread/3527245
    Request you to kindly reply on the above given link.
    Thanks and Regards,
    Suraj Kumar

    Hello Prathik,
    The code which I am using for OData based BASIC Authentication, for my Mobile App is as below.
       var onSuccess = function(data) {
       alert("We are Through"); //Just to check that the OData request was sucessful
       var onError = function(err) {
       switch(err.response.statusCode) {  
       case 403 : {
       window.alert("Error Code - 403, Service unreachable ");
       break;
       case 401 : {
       window.alert("The credentials are incorrect or missing!");
       break;  
    // dataUserName and dataPassword are the two variables, in which I am storing my Username and Password, respectively.
       var connectionRequest = {
       requestUri: "ODATA SERVICE URL GOES HERE/",
       headers: { Authorization : 'Basic ' + Base64.encode(dataUsername + ":" + dataPassword) },
       method: "POST"
       OData.request( connectionRequest, onSuccess, onError);

  • Converting HTML Pages for Mobile Display

    Is it possible to convert current HTML pages that were created in GoLive to be able to be displayed on a Mobile Device without having to start all over?

    Nope. You just create a second CSS link to a handheld media type then duplicate your class names, change the properties to reflect how you want it to display on a hand held device and away you go.
    So you'll have something like this in your head section...
    < LINK rel="stylesheet" type="text/css" media="handheld" href="handheld.css" >
    < LINK rel="stylesheet" type="text/css" media="print, screen" href="screen.css" >
    One controls the look on your handheld one controls print and screen (which can also be separated). You name the classes the same between sheets, and change the properties to reflect how you want them to look between devices.

  • Captivate 7 - Published HTML5 for mobile fine on laptop but 404 error on mobile devices

    I published a Captivate 7 project in HTML5 for mobile devices and transfered the folder with all the subfolders and files to my web server using FTP and FileZilla. The project plays fine in multiple browsers on laptop and desktop computers. However, iPhones, iPads, and Android tablets opening the same URL get the error: "404: Page Not Found - Sorry the page you are looking for does not exist". Here is the link:
    My project
    Did I transfer the files incorrectly? Is there a setting I should change on my web space provider (ipage.com)? Are there other settings I should be using when I publish? I'm relatively new to Captivate and I've tried the tutorials and help pages and can't seem to find any helpful information. Any help would be great! Thanks!
    - James
    Update on 1/1/13 - I submitted a support ticket with my web space provider (ipage.com) and they were able to update the  ".htaccess code" and the project works. Anyone with similar issues, contact your web hosting provider, or if you are knowledgeable and able, the .htaccess code needs to be updated.

    Do you know what the .htaccess code was for? I am uploading to an LMS, and get no error message on tablets, no message at all. Just blank. Does this .htaccess code apply to LMS, do you know?

  • PDF or HTML for mobile Technical Documentation and Newsletters

    Hi,
    I've been reviewing the pros and cons for PDF and HTML for mobile technical documentation and newsletters and wanted to get your honest thoughts on this.
    Here's the scenario:
    I need to create  mobile technical documenation and newsletters that are interactive, i.e. video, commenting/annotating, links, forms, etc.
    Given how the mobile publishing market is rapidly evolving, what is the most practical format, (with minimum format issues) to use for both short term and long term?  PDF or HTML?  Why?
    Based on your choice, which format would you use for non-interactive documents that offers the most creative options and usability?  Why?
    Paul

    Hyper Text Markup Language ( HTML ) is going to work better.  Mainly because the way mobile is setup, the interface has to conform to the device and with the other elements coded into the interface, HTML is far better.  You keep referring to usability, so even in non-interactive scenarios in mobile documentation, you're better off using HTML.

  • Captivate and Flash lite 2.1 for Mobile

    Hi, I need to visualize a SWF file in my Intermec CN3 HH, but
    when I try to do that, visualization isn't good, i've installed
    Adobe flash lite 2.1 and MFlashPlayer 7 to visualize my SWF, but
    doesn't work, do I still need another program?, or what can I do?,
    I exported from Captivate 3 that SWF file compatible with Flash 7,
    do i need to make it compatible with flash lite 2.1, do i need to
    export to Flash CS3, and then export from there to flash lite 2.1?,
    thanks,

    > Hi, I need to visualize a SWF file in my Intermec CN3
    HH, but when I try
    > to do
    > that, visualization isn't good, i've installed Adobe
    flash lite 2.1 and
    > MFlashPlayer 7 to visualize my SWF, but doesn't work, do
    I still need
    > another
    > program?, or what can I do?, I exported from Captivate 3
    that SWF file
    > compatible with Flash 7, do i need to make it compatible
    with flash lite
    > 2.1,
    > do i need to export to Flash CS3, and then export from
    there to flash lite
    > 2.1?, thanks,
    See if this helps:-
    http://www.adobe.com/devnet/captivate/articles/mobile_captivate.html
    There are several things in Captivate 2 that are not viewable
    in Flash Lite.
    The above article should help you create a project file that
    can be viewed
    on your mobile devices.
    Steve
    Adobe Community Expert: Authorware, Flash Mobile and Devices
    http://www.magnoliamultimedia.com
    You need to go to MAX -
    http://adobemax2007.com/na/

  • How do I export bookmarks from Firefox for Mobile (android) to an html file?

    I have bookmarks on my Firefox for Mobile v 33.1 that I would like to copy/back up to an html file. Even if I access the desktop version on my tablet I don't see the Show all Bookmarks - Import/Export option. This Android profile used to be linked through the old Firefox Sync to my PC but the issue is that I can't access it from my PC anymore as I just had to replace the hard disk. I have now installed the new Firefox on my PC but it won't sync with the old Android version as the new Firefox Sync is not compatible with the old one. Also when I go under Sync on the Android, it says the email account is deprecated.
    Going forward I understand I need to remove account on the Android, update to the new Firefox Sync and newly link PC and Android device. However I have read that If I remove the account on my Android Firefox and set up the new Firefox Sync on it, I will lose my old bookmarks and it will only start saving and syncing bookmarks from then on even if I use the same email address to set it up. If this is the case and before taking this step, is there a way I can copy my old Android bookmarks to an html file?
    All suggestions very much appreciated! I'm completely lost.
    Thanks

    Tangram that is an answer for desktop Firefox. It does not apply to Firefox for Android.
    There is no way to export bookmarks/history in Firefox for Android.
    However your Firefox sync account is unrelated to the Firefox for Android profile. You can safely remove the account without loss of data. Then set up a new Sync Account.

  • HTML for Mobile

    Hey Gang,
    I've seen a few retialers adding links to their HTML email
    promotions saying
    "To view this on your PDA click here"
    Which basically takes them to an HTML page designed and
    developed to fit in
    a PDS screen.
    Using device central (great tool in CS3), I can get a sense
    of some of the
    common mobile screen resolutions and differnces between PDA's
    and flip
    phones ect.
    My question is, (I looked but couldn't find), are there any
    good online
    resources for mobile HTML best practices for development?
    From what I understand, most devices use a version of Opera.
    BUt are there
    restrictions such as "Can't use certian CSS tags", "or can't
    use background
    images", "can't nest tables".
    Thanks
    -Dave

    .oO(Dave Bar)
    >My question is, (I looked but couldn't find), are there
    any good online
    >resources for mobile HTML best practices for development?
    >From what I understand, most devices use a version of
    Opera. BUt are there
    >restrictions such as "Can't use certian CSS tags", "or
    can't use background
    >images", "can't nest tables".
    You could start with a simple test. Get Opera, open a website
    and press
    shift+F11 to switch to small screen rendering mode ...
    Micha

  • HTML Editor for Captivate 7

    Can anyone recommend a good HTML editor for Captivate 7?

    Ummmm, why would you need a "good HTML editor"? HTML and Captivate 7 are two completely different things. Sure, it can output HTML, but normally you don't need a good editor to make use of it.
    My guess is that you will see lots of folks recommending Adobe Dreamweaver.
    Cheers... Rick

  • Embedded video HTML won't work for mobile

    Hi,
    I have a video successfully embessed on my desktop site but I can't get it to work for mobile:
    You can see it here on the desktop: MTV ART HOUSE MOSCOW
    I put the same code in for the mobile version, all I did was change the width and height, can someone please help me fix this?
    <video controls="controls" preload="auto" width="1010" height="581" autoplay="autoplay">
      <source src="assets/trailer.mp4" type="video/mp4">
    </video>
    For mobile I changed it to:
    <video controls="controls" preload="auto" width="290" height="171" autoplay="autoplay">
      <source src="assets/trailer.mp4" type="video/mp4">
    </video>

    Hello,
    Please try to enter the code below in phone layout. (I have marked the change in bold)
    <video controls="controls" preload="auto" width="290" height="171" autoplay="autoplay">
      <source src="../assets/trailer.mp4" type="video/mp4">
    </video>
    Muse create phone layout content in a new folder named as "Phone"  as there is no asset folder there we need to correct the directory path in phone layout. I have corrected that in your code.
    Regards
    Vivek

  • Creating a site for mobile devices

    Good morning,
    I have a number of questions relating to the creation of a
    site for mobile devices. My client has given me the assignment to
    re-design his current website, and to also create a sub-site
    suitable for mobiles. I have spent a number of hours looking around
    on the Internet and trying to gain a better understanding of these
    issues. Still, a number of questions remain. if you can give me any
    additional understanding, that would be great.
    Question 1:
    Is my understanding correct: I basically need to create two
    sites, one for the wide-screen browser, and one for the mobile
    browser? I can direct visitors to the mobile site using a CSS or
    javascript link - if their browser identifies them as a mobile
    browser?
    Question 2
    Mobile devices come in all sorts of shapes and sizes and
    versions. PDA\s and iPhone's have different screensizes and
    resolutions that smart--phones, which in turn are different again
    from older and simpler phones. Should I design a site for a number
    of different types of phones? That would a huge amount of work...
    Question 3
    I also own Device Central, an App which I should think is
    very useful in this situation. But I fail to understand it! OK, so
    I can see what my photo or website or flash file looks like on my
    Nokia N73 - but I am not designing specifically for that phone. I
    also want my design to look good on all the other phones! My client
    needs a website that is not tailored to one phone, but to all
    phones.
    Question 4
    And why does Device Central not have profiles for the iPhone?
    I would think it is popular enough to warrant its own profile... (I
    post this from the Netherlands, where the iPhone is not carried
    yet, and so I have only ever held one in my hand). Is this because
    the iphone can see regular sites just fine?
    Question 5
    How does Dreamweaver help me build a mobile site?
    Question 6
    My client wants to show video on his website. In fact, that's
    what this website is all about: showing sports-videos from high
    profile sporting events. Which video-formats are most suitable?
    Question 7
    Do all mobile phones support flash? Or only a few? Or none?
    It seems to me that a flash website would allow for more creativity
    in the design.
    Thanks for any help you can give. Any resources you could
    point me to are also very welcome...
    Sincerely,
    Rogier Bos
    Rotterdam, The Netherlands

    Macnimation wrote:
    > Hi,
    >
    > I'm experimenting with creating a small site off a
    standard site, for mobile
    > phone/devices.
    >
    > Basically, I want to load a basic list page, which has
    links to pages that
    > will display and run flash movies.
    >
    > The flash movies, in FLV format are already at 640 x 480
    which run fine in the
    > main site.
    >
    > Is it simply to resize the movies to fit the mobile
    content size , or will
    > they "auto" resize?
    >
    > Do I have to chnage the webserver configuration in
    anyway, its a standard IIS
    > site at the moment, but MySQL with apache is also an
    option.
    >
    > Would standard html do or would the pages have to be
    done using xhtml or wml?
    >
    > I would like if possible to get this infomration first
    before starting it, so
    > I can possibly reduce delays.
    >
    > Any help or pointers to tutorials would be grateful
    >
    I'd like to check out the PDA scene some day soon, too. In
    the meantime,
    there's a recent discussion of this topic here:
    http://www.sitepoint.com/forums/showthread.php?p=3288343#post3288343
    www.geobop.org - Family Websites
    www.invisible-republic.org - Adult political websites (Mature
    adults only)

  • Text-input component with auto-complete functionality for mobile

    Hey guys,
    I wonder if there is a text-input component with auto-complete functionality optimized for mobile development with AIR like the one that Android provides natively as you can see here http://developer.android.com/reference/android/widget/AutoCompleteTextView.html and here http://developer.android.com/resources/tutorials/views/hello-autocomplete.html.
    At least I didn't find it in the latest SDK and I think such a component is pretty standard nowadays. Or did I simply overlook it?
    Thank you guys for any advice.
    Regards,
    Thilo

    Hi relaxtraja,
    thanks for your reply!
    I knew that there are a lot of auto-complete scripts on the web. What I was hoping was, that Adobe provides an officially supported auto-complete component optimized for mobile as part of the SDK (like in the Android SDK as I pointed out), but that doesn't seem to be the case. It's sad, because it's an essential part of modern UIs in mobile applications.
    I've already created an auto-complete component by myself based on Spark components and I will end up using it. But I will have to optimize it for mobile applications beforehands. I just think something this essential should be provided by the SDK.
    However, thanks for posting!
    Regards,
    Thilo

  • How can I specify a different css file for mobile browsers?

    I'm experimenting with updating our website to be "mobile friendly". I could use some help.
    We use a lot of static HTML landing pages for things like links from email ads, etc. What I'm trying to do is have 1 landing page so the content/html page is always the same, but the page will detect what browser/device you are using and then load a different css file depending on what it is. But, we don't want to have to load the style info from the PC version if you're not on a PC.
    What I'm doing now is specifying the media type in the css link, like this..
    <link rel="stylesheet" href="style.css" type="text/css">
    <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="mobile.css" type="text/css">
    What's happening is it's loading the main stylesheet first, and then the 2nd one changes some styles if you're on a device with a max width of 480 pixels (like an iPhone). But since it's loading the PC styles first, it's making some things look screwy.
    So, is there a way to say "If you're on a PC, load this stylesheet. If you're on an iPhone, load this one instead." .. without javascript? I don't trust javascript too much on mobile devices. I feel like this some simple little thing that I'm missing that will make it all automagically work.
    We don't want to have different content depending on the browser, just different stylesheets. Can anyone help?

    Hi
    Would it be better to do 2 different stylesheets, or just one big one and add a section at the bottom like:
    @media only screen and (max-device-width: 480px) {   .styles {whatever: styles;} }
    2 separate style sheets are recommended. The reason for this is that the Safari mobile browser, (as used in iPhone etc) will download any/all images specified in a style sheet even if they are not used or specified in a media-query rule, this is a know bug with that browser.
    I'm also having a new issue where the style "clear: both;" doesn't seem
    to be working right. I set up my top horizontal menu using float: left,
    and there's a lot of links so on the smaller screen it wraps, which is
    fine but now the wrapped links are floating over the page content...
    This is one of the reasons that floats should not be used in style sheets for mobile devices, the only exception I know of is for small typographical feature such as 'pull-quotes', (and never use float: right;). It is also recommended to include a menu at the bottom of the page, (or at least a link back to the top).
    It works, if I have the iPhone as portrait it looks great, but if I turn
    it to landscape, everything is zoomed in. But if I switch back to
    portrait, everything is the right size. Is there any kind of way to get
    the landscape to have the normal zoom level? I know I can do
    "initial-scale=1.0", but that is just for when the page loads, not if
    you change it afterwards...
    I have heard of only one recommendation to fix this and that is a page refresh on resize, but due to bandwidth limits now being implemented by many providers it is probably not a good idea, you could try setting -
    maximum-scale = 1.0
    as well.
    PZ

  • One Folio for mobile and web

    A client wants to use one publication (a magazine) for mobile devices (iOS, Android, Windows Store) and the web. The latter should also be usable on non-touch devices. The current solution for viewing the publication in the browser (desktop) is based on a pdf and flash.
    Is using Adobe DPS/Folio a viable solution to this problem? What is your experience with embedding Adobe Folio publications within websites? Is this possible with the Professional Edition? As the magazine is free: Do the downloads/views deduct from my 5,000 included downloads?

    You can enable social sharing to display content in the "web viewer" so that it can be viewed on non-touch computers.
    http://helpx.adobe.com/digital-publishing-suite/help/using-social-sharing.html
    You can embed this web viewer content within your website by specifying a Hosting URL. It's possible with a Professional or Enterprise DPS subscription.
    Whether this is a viable solution depends on your content and your needs. Look at different web viewer examples or build a test app if you already have a Pro account.
    Yes, the downloads/views of web viewer content counts against your fulfillment download bundles.

  • Digital Signatures for Mobile Devices

    We currently use smart cards that have our digital signatures and would like to have this transferred or be able to use on a mobile device.  Our forms currently require digital signatures, however, the person can't view the form (created in Livecycle designer ES2) from the mobile phone, therefore we need to upgrade to ES4.  Will we be able to use our current signatures using mobile, without having to use a signature created from Adobe?

    LiveCycle ES4 has Mobile Forms module which actually capable of rendering your existing XFA based forms as HTML5 based form which could be opened on Mobile devices as well.
    Mobile Form has Scribble signature for Mobile devices, the digital signature is not supported on Mobile devices.Check this : http://helpx.adobe.com/livecycle/topics/mobile-forms-dev.html
    Thanks,
    Wasil

Maybe you are looking for

  • Export from iPhoto 08 with sequential filenames retaining iPhoto order?

    Is there some way to export photos from iPhoto 08 with filenames that will be seen by the Finder (or a PC) as having the same order as the photos in iPhoto? I used the Sequential Filenames option in the Export pane to export a 1790 image album, but t

  • Component TV Wiring

    Is it possible to hook up a component cable from the 6416 DVR to a non-HDTV that has a component input on Video Input 1?  My DVD works fine with a component cable to the TV through my A/V unit.  If I connect from the 6416 with a component cable I get

  • Procedure call

    I want to call an existing function returning string_rtn. Would I be able to call this function in an update statement as is without rewriting the function to return just the a_string. I am using  Oracle 10.2.0.4.0 . Basically i want to call this fun

  • Data columns in BPS layout

    Hi,   My current BPS layout has three columns, they are cost,price and margin respectively. The user now ask to add another column call "alert" after the margin column. The logic is that if the margin is less than 10%, then the alert column should ma

  • Can I use the iPhone 4s as is in Europe?

    Can you use a iPhone 4s as is in Europe?