Porting QMLcascades to HTML5

I'd like to take my bb10 stunts made (qml all based) and on the port at blackphones os 7 and 6.

IV download and set up my environment for htmls webworks. Is there a port is I can do. Is what I need to rewrite my all my code again.

Hello

I don't know anyway to just port it over HTML5. As you probably know, WebWorks/HTML5 is all JavaScript, HTML and CSS, so your code will need to be converted.

There are many amazing libraries and toolkits out there that can help you create an application truly full of recommended HTML5 although.  For example, the bbUI Toolbox provides a very native look and feel of your HTML5 application.  It reproduces things as the Actionbar, tab overflow menus, context Menus, etc. and visually matches what you would see from a native application.

bbUI: https://github.com/blackberry/bbUI.js

Another good example is jQuery Mobile, which aims to do the same with regard to the appearance of the application.

jQuery Mobile: http://jquerymobile.com/

jQuery Mobile BB10 theme: https://github.com/blackberry/jQueryMobile-BB10-Theme

Tags: BlackBerry Developers

Similar Questions

  • HTML5 game to bb10 port

    I hope one of my games of html5 to bb10 port web.

    I know filed can pack the project to a file rather than the host on the web.

    Wonder just if bb10 can do likewise.

    So sure, is there a tutorial?

    Your comments welcome

    Use webworks,
    put all your files in webworks and webworks projects to build them.
    This is how works the webworks app.

    https://developer.BlackBerry.com/HTML5

  • Existing port BB10 Webworks ask BBOS 6 and above devices

    Hi all

    Please guide me the easy steps to port my app BB10 BBOS 6 and above.

    My applications BB10 has features such as WCF service calls, Parsing XMl and JSON localstorage using format.

    and my file config.xml looks like at

    http://www.BlackBerry.com/ns/widgets"version ="0.9.1.25"rim: header =" "RIM-Widget: RIM / widget" xmlns =""http://www.w3.org/ns/widgets " id ="sow">"
      DIABATE
      LS
      https://github.com/tneil "> MMAD"
     
     
     
     


     
     
     
     
     
     
     
     
     
     


       
     


        
        
        
        
        
     


     
     
     
     
        
        <>ermissions >
            <>Ermit > access_sharedermit >
            <>Ermit > bbm_connectermit >
        <>Ermit > connectionermit >
        <>Ermit > access_pimdomain_calendarsermit >
        ermissions >

    Note:

    (1) is THAT BBOS supports all of these features of the config I am uisng for BB10? If not then how to make it compatible with BBOS

    (2) how much of the business logic and .css changes I need to do

    (3) what will be the structure of the application of the Image etc...

    There is no direct way to just "convert" an app, although there are some things you can do to facilitate the process.

    For example, if simply package you your config.xml into a ZIP file and try to package it with BlackBerry WebWorks 2.3.1.5, package manager will alert you to any function (more precisely the features that do not exist in this version of the SDK WebWorks.)

    For example, try to wrap your config.xml I received:

    [ERROR]         Feature cannot be found in any extension(blackberry.ui.toast)
    [ERROR]         Feature cannot be found in any extension(blackberry.pim.calendar)
    

    Note that the package only will talk one at a time, so there may be additional features that should be deleted.

    For all the features that do not exist, it is best to check the BBOS API documentation to see if there is no official API to replace the functionality:

    https://developer.BlackBerry.com/BBOS/HTML5/

    If not, you can check the existing API to the Community (or create your own native extension) for the functional gaps:

    https://github.com/BlackBerry/WebWorks-community-APIs/tree/master/Smartphone

    If a specific feature cannot be found and there is no extension that you offer this feature, you simply be removed from the application.

    In addition, for any element of config.xml, it is best to check these exist against the documentation here:

    https://developer.BlackBerry.com/BBOS/HTML5/documentation/config_doc_elements.html

    There are also differences in function to keep in mind. For example, in BB10, we rely on the webworksready (1.0) and deviceready (2.0) of the events, so that those who are not applicable to the BBOS.

    Finally, the HTML5 support in 6.0 and 7.0 has been much better than in 5.0, but certainly BlackBerry 10 supports much more than previous versions of BBOS. Basically, for generic elements HTML5 and JavaScript, you should not see a whole lot of questions. But if you use more complicated API (IndexedDB, etc.) it is certainly useful to check the compatibility reference to get an idea of what can/cannot be used.

    https://developer.BlackBerry.com/BBOS/HTML5/documentation/web_references_1986046.html

    Without seeing the application, the amount of business logic and CSS that should be changed depends really. If you use something like BBUI, it is created for fits rather well at BBOS. If you use custom implementations, then he will really vary the complexity.

    The structure of the file remains the same, you still have your config.xml file to the root and your HTML code, images, etc. as of the sisters or contained in subfolders.

  • Application Java porting to webworks?

    Hello

    We can port java app Blackberry webworks?

    BlackBerry 10 platform will support the following execution environments:

    • HTML5 + WebWorks
    • Native C/C++
    • Runtime Android
    • Adobe AIR

    It will not support J2ME, then existing Java applications created for BlackBerry OS 4.x - 7 should be brought to one of the above supported runtimes.

  • Porting your app BB10

    Hello

    I recently published my BB 10 app for which I used the sdk webworks. What are the different platforms can I port to use the same code. Can it be worn on titanium appaccelarator so that I can reuse this code to develop a version of iOS from that?

    Thanks in advance

    Yours sincerely,

    Abhijit S

    The WebWorks APIs you used are the property of BlackBerry. they are essentially the Javascript hooks down in the native layer of our operating system.

    That said all HTML5, Javascript and CSS, you used in the development of your application (i.e. the HTML5 standard) should be cross-platform on most platforms.

    For platform-specific parts, you may need to adjust the code to use that require other platforms instead.

  • Cannot load a Html5 page in the BrowserField

    Hi, expert,

    We are trying to port a html5 for iOS web page to the touchscreen Blackberry phone. On the 6.0 torch device, we are able to load the page on the browser html5. However we are not able to load to embeded BrowserField on our java application. There's just a bunch of web page appears. Our html5 web page also uses the webdatabase api as well.   However, I tried a simple html5 demo page: http://html5demos.com/classlist and I am able to load. So, it could be due to some special items to our html5 page. However, I'm just checking if anyone has experiences about html5 on BrowserField to understand page loading limit on BrowserField it before you spend a lot of time on this and discover that it is a road of the dead.

    Thanks in advance.

    Hi, maghue, we give up using the BrowserField 2 to load our page html5 because of the problems that we see so far. In addition, we set up our own web cache so there is an example of code on the web. We will use the native browser. Thanks a lot for your help along the way.

  • Audio HTML5 Autoplay WebWorks or play on click

    It is specific for the BB - works great on the PB.

    How do you get the HTML5 Audio tag to work in an app with the AutoPlay option webworks?

    Ex: The Audio clip CBC modified via javascript, then I load then audioElement.play () - this does not work, you must bind the click of another link or button audioElement.play (), and then click NEW...

    Any ideas?

    function playSongNow (currentID) {}
    var support = document.createElement ('audio');
    audioElement.setAttribute ("autoplay", "true");
    audioElement.setAttribute (' preload ',' true' ");
    audioElement.setAttribute ('src', 'http://' + sessionStorage.url + ':' + sessionStorage.port + ' / rest/stream.view? u =' + sessionStorage.user + '& p =' + sessionStorage.pass + '& v = 1.6.0 & c = BerrySonic & id =' + currentID);
    audioElement.load ();
    audioElement.addEventListener ("canplaythrough", function() {}
    audioElement.play ();
    $(".duration_span").html (audioElement.duration);
    $(« . Filename span") .html (audioElement.src);
    (}, true);
    {$('.play').click (function ()}
    audioElement.play ();
    });
    {$('.pause').click (function ()}
    audioElement.pause ();
    });
    {$('.volumeMax').click (function ()}
    audioElement.volume = 1;
    });
    {$('.volumestop').click (function ()}
    audioElement.volume = 0;
    });
    {$('.stop').click (function ()}
    audioElement.pause ();
    audioElement.currentTime = 0;
    });
    {$('.playatTime').click (function ()}
    audioElement.currentTime = 35; Try to jump so used 35
    audioElement.play ();
    });
    }

    This has worked for me since

    function playSongNow(currentID) {
        $('#song-loader').show();
    
        var audioElement = document.createElement('audio');
        audioElement.src='http://' + sessionStorage.url + ':' + sessionStorage.port + '/rest/stream.view?u=' + sessionStorage.user + '&p=' + sessionStorage.pass + '&v=1.6.0&c=BerrySonic&id=' + currentID;
    
        audioElement.load();
    
        audioElement.addEventListener('ended', function() {
            //alert('ended');
        });
    
        audioElement.addEventListener('canplay', function() {
            audioElement.play();
            $('#song-loader').hide();
            $('.play-pause').attr('id', 'pause-song');
        });
    
    }
    

    For some reason any canplaythrough on the BB just doesn't work. Basically here I click a song and it works.

  • More than 100MB of traffic on a port FIN_WAIT_2 - process long gone

    I have 100's of megabytes of traffic while a loooooooong (10-20 minutes), after that the process has spent on the port that once belonged to this process and is now in FIN_WAIT_2. I know that some will say 'impossible', but here is the proof: I used to be a network guy, doing same programming (Linux) kernel of the TCP (firewall) code so I know at least a little bit what I talk even if it was some time ago. In my view, I must say that, as all previous because these reports and discussions that I could find where met with disbelief.

    I run Wireshark, so I can SEE the traffic, and it's all about the port that "netstat - year ' lists as"FIN_WAIT_2.

    Reminder: This is twitch.tv and flow of video on demand (not live). I use the latest Flash and Firefox. Even when I do some (list of processes) that Firefox and the Flash plugin went network traffic continues to max my connection 16Mbit.

    Connections (which are TCP-> HTTP) are data centers "Level 3 Communications' (a company), which is where the shaking hosts them (I checked that, and besides, as I said, I can see the traffic with Wireshark).

    How can I stop this unnecessary traffic? How is it possible anyway? Yes, I know it is not lack of Windows, but I have no access to the servers of video at the request of jerk or the code of their flash video player. I * could * add manually a firewall block for the port, but I'm not even sure which would prevent the server continue to send packets, only that I can't - and this "denial of service attack" on my connection Internet would always be there.

    I found this, and there is a sentence that gives me pause:

    http://msdn.Microsoft.com/en-us/library/Windows/hardware/ff550023%28V=vs.85%29.aspx

    "If an acceptable TCP segment arrives on the connection, before the expiration of the timer FIN_WAIT_2, unloading target restarts the FIN_WAIT_2 timer."

    Given that these packages coming form the server (lots of them!) it seems that perhaps happens, which does not expire the FIN_WAIT_2 timer?

    EDIT:

    Maybe is not specific twitch.tv, as I watched my system more closely I noticed that it may be a general problem with playback of the video stream through Flash (on Firefox?).

    EDIT 2:

    This problem may be more widespread, here's a similar report for videos on Chrome (they don't say no HTML5 or Flash videos?): https://productforums.google.com/forum/#! Chrome/EupZB8aHVPM/section

    EDIT 3:

    More of the same show (if you read the details): http://forum.bitdefender.com/lofiversion/index.php/t46323-100.html

    Hello

    The question you posted would be better suited to Windows 7 IT pro community.
    http://social.technet.Microsoft.com/forums/en-us/w7itpronetworking/threads

  • When porting from iOS to WebWorks BB10/7, I have to keep phonegap?

    Hello

    I just get to work for an iOS phonegap app over ports at BB WW and I was wondering: is keeping phonegap is necessary or wise?

    The old app on iOS using phonegap 2.2 (recently upgraded to a very old version) and some plugins such as mapkit (uses that much, I can't just drag the mapping features - like view location on map and directions).

    Aura of the maintenance phonegap and using a version of BB of mapkit (when it exists) be easier than just porting to WebWorks?

    Also keep in mind that I want to port BB10 and OS7 and can - if it's easy - OS5 - 6 and I don't want to have very different code base for different versions of the BB OS.    I already have an older version of java application running on OS4 - 6, but it would be nice to put a new version for old devices also.

    I only did a webworks app but then I don't know much but so sorry if it's a bad question.

    Thank you

    PhoneGap/Cordova supports BlackBerry by calling WebWorks. Cordova doesn't support BB10 until 2.3.0 or 2.4.0, if so you need to update if you want to use. We're going to do also all Cordova the way standard and official to create HTML5 on BB10 applications, so stick to Cordova is sustainably good thing.

    However, I am not aware if there is a port on BB10 mapkit. Certainly, you can do the mapping, but you may need to take one of our samples of mapping and wrap it up in the same API if you want it to run perfectly.

    Now, porting to OS7 should be OK, but when you talk to will OS5 and 6, you may encounter more problems. At this point, those are very old devices. The engine of the browser in them is a good few years old - OS5 does not also WebKit. Memory and processors are half of what's available in devices OS7. You have to be very effective to make it work as you want.

    It is difficult to give really good advice without knowing your target market, demographics, and the region, and what kind of features you want to deliver (in addition to the maps). These factors will determine what kind of userbase you can expect on the different versions of the OS, and that it is better to port PhoneGap version for old phones, or update the Java version. Take a look at the BlackBerry World user stats that we publish and your own user base numbers. Generally, we found that users with the latest hardware equipment are also those who buy apps or spend money on them, and those with more recent or fairly recent devices is those who download. Make sure that you balance the available opportunity development times.

  • Flash website using the conversion (Greensock/Starling/Away3D libraries) to HTML5. Is there an efficient workflow for this kind of mass conversion?

    Hello!

    I read that demoralize him articles everywhere on the great navigators pushing Flash to the side and supporting the HTML5 for awhile now. I have a personal site that I keep and put a decent amount of work using the design. At the heart of the site is driven by external classfiles AS3 using Greensock libraries. Also, I went 3D with 2D content content using the Framework Starling and Away3D libraries. I am researching the possibilities of creating the same types of drawings in HTML5, if possible. Greensock already fully supports HTML5 with its new libraries GSAP. Starling and Away3D I'm not so sure...

    I would love to continue to grow in the same method, using FlashCC, but this is already limited to only desktop browsers. That's fine with me, if it remains bearable on workstations, but at this point I don't really know how well supported Flash will remain same in desktop browsers. I must admit that my real job keeps me pretty busy that my search time is quite limited, so I might be way off the coast.

    Is there any known and efficient workflow for the transition from a site that only uses external AS3 classFiles and 2D or 3D to the HTML5 canvas content? Is this even worth it if I'm comfortable with only to have the support of desktop browser? It seems to me that, at least in the office environment, Flash will retain a strong foot.

    I use the package full creative suite + FlashDevelop as my toolkit and have been reading upward on the discussion of FlashCC targeting HTML5 canvas. It's really interesting to me, but at the same time it seems to work with SWF movies which contain all their ActionScript. It is not the structure that I followed at all, and it wouldn't really work-able at the port just the classFiles external back into SWF movies since not all the .as files has a SWF that is directly related. In other words, I wonder if it is still possible for me to consider a transitional workflow to HTML5 canvas? It seems at some point I might have to bite the bullet and refactor everything from the beginning, which I must admit is not an appetizing idea.

    I just want to start a discussion with Adobe and other creators out there using entirely external .as files and juggle several libraries in their Flash projects for the future. I want to see what workflows are out there to conquer this kind of problem and if supported in the desktop browser environment is even really a problem.

    -Cheers and sorry for the wall of text

    I think you should read more and worry less. Microsoft include Flash Player in IE and Edge. Google include Flash player in Chrome. Firefox Announces recently committed to the development of a Flash plugin, even if they cease to support other plugins. I don't think that Apple will stop supporting plugins at all.

    Thus, all current users of your will see your site for at least the next few years.

  • Customer of HTML5 and websockets sure

    The HTML5 console (WebMKS) opens a port unsecured to vCenter to provide data to the console session. The specific line of code is:

    _wmks.wmks ("log in", "ws: / /" + path + "authd?" + authd);

    VMware KB explains how to change the default port of 7331 but don't seem to support web sockets, secure with a wss: / / Protocol. I am trying to integrate the Viewer console of HTML5 in a custom application that uses the HTTPS protocol. This causes a security error in the browser then the spec precise Websocket you can't mix connection types. This is the message of Chrome:

    Uncaught SecurityError: could not build "WebSocket": a nonsecure WebSocket connection can be brought from a page loaded over HTTPS.

    Anyone know if vSphere 5.5 can be configured to listen for secure connections websocket?

    In u2 5.5 vCenter WebMKS port is the use of SSL.

    To work around this problem, I run stunnel on the server vCenter and exposed a websocket Listener SSL version

  • Download and downloading big files with extensions to the HTML5?

    I need upload and download documents InDesign and the images associated with a server. The files can be very large (sometimes more than 600 MB).

    Is this possible with HTML5 extensions?

    I am currently an external process - called curl, but there is a limitation - ERR_EXCEED_MAX_NUM_PROCESS after 433 calls.

    I think its possible, you can use the MUSEUM as 'ftp', 'ssh2' modules and so on.

    I often use the module ssh2 as the code below:

    (function () {}

    var Connection is require ('ssh2');.

    var conn = new Connection();

    Conn.on ('ready', function() {}

    Conn.SFTP (function (err, sftp) {}

    If (err) throw err;

    sftp.fastPut ('', )

    '',

    {function (Err)}

    If (err) throw err;

    Conn.end ();

    });

    });

    .connect ({})

    host: '',

    Port: 22,

    user name: '',

    password: ''

    });

    }())

    Ten

  • I have a lg 4 k tv (40 "40UH630V TV LG ULTRA HD 4 K) with HDMI 2. 0 and if I buy apple tv 4 can be used with HDMI 2. 0 port or do I HDMI 3 port to use this? Please help me

    I have a lg 4 k tv (40 "40UH630V TV LG ULTRA HD 4 K) with HDMI 2. 0 and if I buy apple tv 4 can be used with HDMI 2. 0 port or do I HDMI 3 port to use this? Please help me

    You can use it with your TV.

  • MacBook Pro USB Ports

    MacBook Pro my keyboard and wireless mouse work in my usb ports but I can't mount drive flash sticks? Do not display in the finder, but will be blink in disk utility then disappears?

    Flash drives show in disk utility?

    In the Finder > Preferences > sidebar > devices is verified external drives?

    This is the Office Mac Pro forum. I asked that your post moved to the forum of laptop MacBook Pro or another appropriate forum.

  • Trying to connect a computer to the lan port Aiport Express "auto assigned IP address"

    I am trying to connect a computer to the lan on my Airport Express port. In preferences, it says "status: connected, Ethernet has an assigned IP address and won't be able to connect to the internet." Any suggestions?

    An "auto assigned" IP address indicates that your computer could not find or negotiate with a DHCP server to obtain an IP address appropriate for network access.

    It should be more on your network to provide assistance if you need it. For example, is the terminal of AirPort Express the only router in the current configuration of your network? What exact model do? What is the brand and model of your modem Internet?

Maybe you are looking for

  • IPhone 6 do not turn off the screen and auto lock

    I have a 16 GB iPhone gray space 6. Recently seen her phone is not automatically turn off once the pre set time settings. I tried to change settings at 30 seconds and 1 minute, and still does not. My friend is also similar problem on his iPhone 5s ja

  • Custom fan curve/manual fan control?

    Hello Product number: K0W62EA #ABU Product name: HP Pavilion 15 laptop 8.1 Windows 64-bit Intel Core i7-4510U CPU @ 2.00GHz 8GB 1600 MHz Kingston NVIDIA GeForce 840M I was wondering if there is a way for the manually set fan speed? Also is it possibl

  • Fax multiple pages in the ADF

    When you try to FAX several pages, I load in the ADF of my 6700 printer and start fax. After that some Fax pages with success, get a printout showing ERROR 346. It also indicates that a communication error occurred during the transmission. This doesn

  • The engine through series control

    Hello I'm working on a project that requires the operator to control the engine rpm and it is on and off a labview interface.  The engine is a Kollmorgen servomotor(AKM42E-ANDNC-00) that is connected to a controller of S20360-VTS of danaher. The cont

  • How will I know what GPU is using my laptop (with a portable Dual Graphics)

    Laptop: HP ENVY 15z j100 (custom) Hello I have a custom 15z j100 and there a 2 GPU built in the CPU (APU) and another of discrete (Radeon 8750 M 2 GB) and I use mine for the play of light and I was wondering if there is no way to know if my laptop us