Captivate to dreamweaver to phonegap
I currently have an app that I am building on dreamweaver and exporting using phonegap build...
I would like to incorporate some content created on captivate but when I try to build the app with the captivate files it is too big to build...(and there are only 5 questions and no video or audio)...wondering if anyone has gone this route of captivate-dreamweaver-phonegap and if so what settings are best for this workflow...thanks
Hello There,
Which version of Captivate and Dreamweaver are you using? I was also experiencing size limit of 10mb during DW CS5.5 but it should not be the case with CS6. Meanwhile, can you try making captivate output within 10mb and see if it helps?
Thanks,
Vish
Similar Messages
-
How to build database driven mobile apps with dreamweaver and phonegap?
Hi all,
I'm searching the easiest way to implement a simple database in my app.
I can build application with php/mysql in seconds with dreamweaver.
But how can I do something similar with dreamweaver cs5.5 and phonegap for mobile apps?
I would like to create a little app that pulls data from a mysql database on my webserver.
But it seems that dreamweaver/phonegap/jquery mobile work only with HTML files.
I searched the whole web for a day now but I haven't found anything easy to recreate.
Is there a tutorial that explains the basic of database for mobile in dreamweaver?
It seems a bit limitating to use dreamweaver to build only static/useless apps....
What about forms and data validation?
TIA for any help.
tony@idesdema: Have a look at this tutorial: http://www.codeforest.net/jquery-mobile-advanced-tutorial-rss-reader-app
It includes a demo as well as a download link to the source files.
Also, if you want to take it a step further, you can create & manage a 'local database' without having to access anything remotely - basically handling everything at the client's end.
There's a tutorial for that here: http://the-jquerymobile-tutorial.org/jquery-mobile-tutorial-CH22.php
Good luck. -
Dreamweaver 6/PhoneGap Build Service Android Key Question
I just recently upgraded to CS6 and am excited to use the mobile sutff. I have been a CFer for years and using Jquery for a long time and have been using JQM more and more. Now I want to evolve from a web developer into an app developer. I thought the cool integrations within DW6 would be a good way to start.
So I watched Greg Rewis' intro video to get a flavor of things. I set up my first app site. I then created a simple JQM page to test with. I then downloaded the Android SDK (which is what I am starting with, but plan on branching out to the other OS'). I created an AVD, created a keystore and all that. I then went through the process of attaching my keystore to my PhoneGap Build Service account. That all went well, although it did not ask me to make it the default and I am assuming that is because it is the only key at this point...just a note for copywriters.
I then went back to DW to go through the PhoneGap Build Service panel to create my first app to play with. Here si where I ran into an issue. The PhoneGap Build Service panel asks for a key under the Android section (which I expected), but when I clicked on the drop down where it said none, that is all that was there. The key I uploaded to my PhoneGap Build Service account was not listed. I even logged out and logged back in, shut down DW and reopened it and nothing I did caused it to display. Can someone please point me in the right direction? If I can get this last piece of the puzzle, I can begin cranking through some code.
Thanks in advance,
ClayAs long as you are signing into the same account in DW as you are on the PhoneGap Build website, any keystores you uploaded would be available inside of Dreamweaver.
Highly recommending posting on the PhoneGap Build community site, where you'll get better answers regarding the functionality of the PhoneGap Build website and keystores: http://community.phonegap.com/nitobi/products/nitobi_phonegap_build -
When click on Captivate preview, Dreamweaver opens. Help!
Have installed Captivate on PC with Windows 8, 64 bit.
When try to preview slide/s Dreamweaver opens. Can't get preview to work at all.
Help!Hi
Check the default application for HTML pages. If it is set to Dreamweaver, change it to your browser.
Sreekanth -
Dreamweaver and PhoneGap: How to Edit the Application Manifest for an Android app
I successfully created an Android app using dreamweaver cs6 and the PhoneGap build service. I submitted the app and it is live in Google Play. The only problem is that the app is requiring all kinds of permissions from users that are not necessary for the app. The app requires Internet access, but it does not require access to the camera or the user's contacts, etc. I understand that this information is held in the Application Manifest file, but I don't know where that file is.
Can you help me figure out how to edit the Application Manifest file for my android app?
Thanks,
MichaelTo edit permissions, you do so in the config.xml file. After making changes, you can directly upload on build.phonegap.com or from within Dreamweaver.
See this page for info on customizing config.xml: https://build.phonegap.com/docs/config-xml#features -
Anvit: Hello. Welcome to Adobe Technical Support.
Anvit: How may I assist you?
Jeanette: Hi
Jeanette: I have problem in Dreamweaver when I try to work with Phonegap.
Jeanette: I can create apps in Phonegap build but not via Dreamweaver.
Jeanette: I get this error message when I'm trying. The errormessage in Dreamweaver says "Temporary server related error. Please try again later."
Jeanette: I'm using Dreamweaver CC version 13.2.
Anvit: I'm sorry Jeanette but the support for phone gap is only supported through forums.adobe.com.
I hope some one here can help me. I did'nt find a forum for Phonegap, I hope this is right.Hi NenneHolt,
Could you please try the below:
1 - Menu > Help > Updates. update Dw if there is any update pending.
2 - re-create site cache by going to Site > Advanced > Re-create site cache.
And try again -
Dreamweaver CS6 PhoneGap build with Camera support for Android Device
I am trying to build a simple app that triggers the camera in my Samsung N7000 device.
I have built the app using Dreamweaver CS6 using the builting phonegap build support.
I am using the Windows version of Dreamweaver CS6.
When the app is built it shows no errors but when the app is installed on the device it does not trigger the camera.
I can not seem to get this very basic app to trigger the camera.
Any suggestions will be very much appreciated.
//=======================================================================
Below is the index.html file i have been using.
<script src="phonegap.js"></script>
<script type="text/javascript" charset="utf-8">
// Called when capture operation is finished
function captureSuccess(mediaFiles) {
//var i, len;
//for (i = 0, len = mediaFiles.length; i < len; i += 1) {
// //uploadFile(mediaFiles[i]);
//navigator.notification.alert('Weee', null, 'Great success!');
// Called if something bad happens.
function captureError(error) {
//var msg = 'An error occurred during capture: ' + error.code;
//navigator.notification.alert(msg, null, 'Uh oh!');
// A button will call this function
function captureImage() {
// Launch device camera application,
// allowing user to capture up to 2 images
navigator.device.capture.captureImage(captureSuccess, captureError, { limit: 2 });
// Upload files to server
function uploadFile(mediaFile) {
var ft = new FileTransfer(),
path = mediaFile.fullPath,
name = mediaFile.name;
ft.upload(path,
"http://my.domain.com/upload.php",
function (result) {
console.log('Upload success: ' + result.responseCode);
console.log(result.bytesSent + ' bytes sent');
function (error) {
console.log('Error uploading file ' + path + ': ' + error.code);
{ fileName: name });
</script>
<script type="text/javascript" charset="utf-8">
var pictureSource; // picture source
var destinationType; // sets the format of returned value
// Wait for Cordova to connect with the device
function onLoad() { document.addEventListener("deviceready", onDeviceReady, false); }
// Cordova is ready to be used!
function onDeviceReady() {
pictureSource = navigator.camera.PictureSourceType;
destinationType = navigator.camera.DestinationType;
alert("device is ready");
// Called when a photo is successfully retrieved
function onPhotoDataSuccess(imageData) {
// Uncomment to view the base64 encoded image data
// console.log(imageData);
// Get image handle
var smallImage = document.getElementById('smallImage');
// Unhide image elements
smallImage.style.display = 'block';
// Show the captured photo
// The inline CSS rules are used to resize the image
smallImage.src = "data:image/jpeg;base64," + imageData;
// Called when a photo is successfully retrieved
function onPhotoURISuccess(imageURI) {
// Uncomment to view the image file URI
// console.log(imageURI);
// Get image handle
var largeImage = document.getElementById('largeImage');
// Unhide image elements
largeImage.style.display = 'block';
// Show the captured photo
// The inline CSS rules are used to resize the image
largeImage.src = imageURI;
// A button will call this function
function capturePhoto() {
// Take picture using device camera and retrieve image as base64-encoded string
navigator.camera.getPicture(onPhotoDataSuccess, onFail, {
quality: 50,
destinationType: destinationType.DATA_URL
// A button will call this function
function capturePhotoEdit() {
// Take picture using device camera, allow edit, and retrieve image as base64-encoded string
navigator.camera.getPicture(onPhotoDataSuccess, onFail, {
quality: 20, allowEdit: true,
destinationType: destinationType.DATA_URL
// A button will call this function
function getPhoto(source) {
// Retrieve image file location from specified source
navigator.camera.getPicture(onPhotoURISuccess, onFail, {
quality: 50,
destinationType: destinationType.FILE_URI,
sourceType: source
// Called if something bad happens.
function onFail(message) {
alert('Failed because: ' + message);
</script>
</head>
<body onLoad="onLoad()">
<button onclick="capturePhoto();">Capture Photo</button> <br><br>
<button onclick="capturePhotoEdit();">Capture Editable Photo</button> <br><br>
<button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">From Photo Library</button><br><br>
<button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);">From Photo Album</button><br><br>
<img style="display:none;width:60px;height:60px;" id="smallImage" src="" />
<img style="display:none;" id="largeImage" src="" />
<br><button onclick="captureImage();">Capture Image</button> <br>
//=======================================================================================
Below is the config.xml file i am using
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id = "com.phonegap.camera_test"
versionCode = "11"
version = "1.1.0" >
<name>bla</name>
<description>
bla
</description>
<author href="http://bla.github.com"
email="[email protected]">
bla
</author>
<icon src="icon.png" gap:role="default" />
<feature name="http://api.phonegap.com/1.0/geolocation"/>
<feature name="http://api.phonegap.com/1.0/network"/>
<feature name="http://api.phonegap.com/1.0/file"/>
<feature name="http://api.phonegap.com/1.0/camera"/>
<feature name="http://api.phonegap.com/1.0/media"/>
<feature name="http://api.phonegap.com/1.0/device"/>
<feature name="http://api.phonegap.com/1.0/notification"/>
<feature name="http://api.phonegap.com/1.0/battery"/>
<preference name="orientation" value="portrait" />
<preference name="webviewbounce" value="false" />
<preference name="prerendered-icon" value="true" />
<preference name="phonegap-version" value="3.1.0" />
<preference name="fullscreen" value="false" />
<preference name="stay-in-webview" value="false" />
<preference name="ios-statusbarstyle" value="default" />
<preference name="android-minSdkVersion" value="7" />
<preference name="android-installLocation" value="internalOnly" />
<preference name="target-device" value="universal" />
<preference name="autohide-splashscreen" value="true" />
<preference name="load-url-timeout" value="60000" />
<preference name="show-splashscreen-spinner" value="true" />
<preference name="show-splash-screen-spinner" value="true" />
<preference name="allow-inline-media-playback" value="false" />
<preference name="launch-mode" value="standard" />
<plugin name="Capture" value="CDVCapture" />
<plugin name="Camera" value="CDVCamera" />
</widget>
//=======================================================================================This forum is actually about the Cloud, not about using individual programs
Once your program downloads and installs with no errors, you need the program forum
If you start at the Forums Index http://forums.adobe.com/index.jspa
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says ALL FORUMS) to open the drop down list and scroll
http://forums.adobe.com/community/dreamweaver -
Embedding Captivate in Dreamweaver
Is it possible to embed captivate lessons/files as windows inside of website created with Dreamweaver? I looked but couldn't find any posts regarding this topic. Thanks in advance.
Just to add to MIchael's post if I may. Here is an example of how at work we use Captivate SWF files on a web page creaed using Adobe Dreamweaver. One of the great things about Adobe Dreamweaver CS4 is that you can actually preview your SWF files in Design view, thanks to the new Live view that was introduced into DW CS4.
Using Captivate SWFs with a Dreamweaver web page
We are also in the process of creating a skin for the HTML file that the Aggregator produces, I'll post a link to that example once we finalize it.
Best - Mark
Visit the macrofireball blog -
Dreamweaver (cs6) Phonegap plugin
Hi,
I'm developing a phonegap application using dreamweaver and I'm trying to get the (phonegap) facebook plugin to work but am not succeeding! Given where I got to so far, I guess I have the following questions:
How do I configure my application so that certain javascript code is only executed on specific platforms (e.g. iOS specific code is only called on iOS devices)
How do I configure dreamweaver to use a PhoneGap plugin - which files (config.xml? / plugin.xml?) do I edit and what do I put in there
Whilst researching this - I've seen similar questions asked frequently without any answers so maybe it's just not possible
Thanks in advance
LeonThis forum is actually about the Cloud, not about using individual programs
Once your program downloads and installs with no errors, you need the program forum
If you start at the Forums Index http://forums.adobe.com/index.jspa
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says ALL FORUMS) to open the drop down list and scroll
http://forums.adobe.com/community/dreamweaver -
Captivate and Dreamweaver or VS2010
Very basic question about Captivate please. I want to build an e learning site. I am user of Visual Studio of Microsoft to build ASP.NET sites. Can output of Captivate be imported in Visual Studio or DreamWeaver? In other words does Captivate publish its project as website?
Weather using Dreamweaver with course builder be better option (with equal functionalities as Captive) for building an e learning site?
ThanksThe Coursebuilder extension for Dreamweaver enables you to add quiz questions to a website. There are a number of quiz templates it offers. They cover some of the question types available with Captivate but not all. Conversely, Coursebuilder has some neat drag and drop quiz question options that Captivate by default still lacks (though the difference is narrowed by available drag and drop question widgets).
Coursebuilder does not replace Captivate functionality. Which solution you choose to use very much depends on the type of content you need to create.
If you want to use animation, voiceover, Closed Captioning, playbars, TOC, screen captures, Full Motion Video capture, have ability to report to different typse of LMSs, and do all this quickly and easily, then use Captivate.
If you just want to create some web pages for a course and add a few quiz questions to the mix, Dreamweaver and Coursebuilder will do OK. -
Captivate, Indesign, Dreamweaver - app
I was wondering if it is possible to integrate resources from captivate (quizzes), as well as dreamweaver (some activities created using hotpotatoes - namely the crossword puzzles) into an app for the ipad?
I think that indesign is a viable option to organize the app right now but was looking for some insight...thanksOk so i have the captivate content ready but how can I do this part at the end of the tutorial?
"Having removed these tags, save the file and make a Web Content Overlay in your DPS project, point it at the index.hml file, and you’re done."
NEVERMIND...JUST NEEDED TO select a rectangle -
Dreamweaver cs6 PhoneGap impossible to login
Afrer creating new 'Mobile Starter -> jquery with theme' project i go to Site->PhoneGapBuildService->PhonegapBuildService. Then i fill it with my login data (veryfied, one app compiled on phonegap repo) and after long, long wait i get briliant error message "we have some problems with server" which explains EVERYTHING.
Firewall is down i cant find no info about some special port requirements so my question is why the hell it's not loging in ??
You really should update Your tutorials and guides for this process cause from cs 5.5 this looks like downgrade and moreover by removing local compilation service for benefit of payed service it seems you have no respect for your customers money which they already payed You for the dreamveaver software or even whole collection.
Looking forward hearing from You,
pised up honest customer.This forum is actually about the Cloud, not about using individual programs
Once your program downloads and installs with no errors, you need the program forum
If you start at the Forums Index http://forums.adobe.com/index.jspa
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says ALL FORUMS) to open the drop down list and scroll
http://forums.adobe.com/community/dreamweaver -
Dreamweaver CC - Phonegap - facebook connect
Need a simple tutorial on how to do this. can't seem to find one that i can get to work
atm iám trying to use - https://github.com/phonegap-build/FacebookConnect/blob/df97806027da5ba54ab94e093c6b3c0f2ec 5de5b/README.md
getting errors
--Cordova variable does not exisit - check that you have added cordova.js correctly (i have the cordova.js in the same folder)
--Having problems with my config file aswell --error - (malformed config.xml)
config file--
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id = "com.phonegap.example"
version = "1.0.0">
<name>ChildBrowser Plugin - Adobe Ed Exchange</name>
<description>
This is a sample app for teachers and students who want to view website's and PDF's in their native application without using the web browser on the mobile device.
</description>
<author href="https://example.com" email="[email protected]">
Your Name
</author>
<preference name="fullscreen" value="true" />
<preference name="orientation" value="portrait" />
<gap:plugin name="com.phonegap.plugins.childbrowser" />
<gap:plugin name="com.phonegap.plugins.facebookconnect">
<param name="APP_ID" value="1234567890" />
<param name="APP_NAME" value="Appname" />
</gap:plugin>
<access origin="*" /> <!-- A wildcard - <access origin="*" /> - allows access to any external resource. -->
</widget>
HTML--------------------------
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<button onclick="login()">Login</button>
<button onclick="me()">Me</button>
<!--<button onclick="getSession()">Get session</button>-->
<button onclick="getLoginStatus()">Get login</button>
<button onclick="logout()">Logout</button>
<button onclick="facebookWallPost()">facebookWallPost</button>
<button onclick="publishStoryFriend()">friendstory</button>
<div id="data">loading ...</div>
<!--<script src="http://localhost:8080/target/target-script-min.js#anonymous"></script>-->
<div id="fb-root"></div>
<!-- cordova -->
<script src="cordova.js"></script>
<!-- cordova facebook plugin -->
<script src="cdv-plugin-fb-connect.js"></script>
<!-- facebook js sdk -->
<script src="facebook-js-sdk.js"></script>
<script>
<!-- These are the notifications that are displayed to the user through pop-ups if the above JS files does not exist in the same directory-->
if ((typeof cordova == 'undefined') && (typeof cordova == 'undefined')) alert('Cordova variable does not exist. Check that you have included cordova.js correctly');
if (typeof CDV == 'undefined') alert('CDV variable does not exist. Check that you have included cdv-plugin-fb-connect.js correctly');
if (typeof FB == 'undefined') alert('FB variable does not exist. Check that you have included the Facebook JS SDK file.');
FB.Event.subscribe('auth.login', function(response) {
alert('auth.login event');
FB.Event.subscribe('auth.logout', function(response) {
alert('auth.logout event');
FB.Event.subscribe('auth.sessionChange', function(response) {
alert('auth.sessionChange event');
FB.Event.subscribe('auth.statusChange', function(response) {
alert('auth.statusChange event');
/*function getSession() {
alert("session: " + JSON.stringify(FB.getSession()));
function getLoginStatus() {
FB.getLoginStatus(function(response) {
if (response.status == 'connected') {
alert('logged in');
} else {
alert('not logged in');
var friendIDs = [];
var fdata;
function me() {
FB.api('/me/friends', { fields: 'id, name, picture' }, function(response) {
if (response.error) {
alert(JSON.stringify(response.error));
} else {
var data = document.getElementById('data');
fdata=response.data;
console.log("fdata: "+fdata);
response.data.forEach(function(item) {
var d = document.createElement('div');
d.innerHTML = "<img src="+item.picture+"/>"+item.name;
data.appendChild(d);
var friends = response.data;
console.log(friends.length);
for (var k = 0; k < friends.length && k < 200; k++) {
var friend = friends[k];
var index = 1;
friendIDs[k] = friend.id;
//friendsInfo[k] = friend;
console.log("friendId's: "+friendIDs);
function logout() {
FB.logout(function(response) {
alert('logged out');
function login() {
FB.login(
function(response) {
if (response.session) {
alert('logged in');
} else {
alert('not logged in');
{ scope: "email" }
function facebookWallPost() {
console.log('Debug 1');
var params = {
method: 'feed',
name: 'Facebook Dialogs',
link: 'https://developers.facebook.com/docs/reference/dialogs/',
picture: 'http://fbrell.com/f8.jpg',
caption: 'Reference Documentation',
description: 'Dialogs provide a simple, consistent interface for applications to interface with users.'
console.log(params);
FB.ui(params, function(obj) { console.log(obj);});
function publishStoryFriend() {
randNum = Math.floor ( Math.random() * friendIDs.length );
var friendID = friendIDs[randNum];
if (friendID == undefined){
alert('please click the me button to get a list of friends first');
}else{
console.log("friend id: " + friendID );
console.log('Opening a dialog for friendID: ', friendID);
var params = {
method: 'feed',
to: friendID.toString(),
name: 'Facebook Dialogs',
link: 'https://developers.facebook.com/docs/reference/dialogs/',
picture: 'http://fbrell.com/f8.jpg',
caption: 'Reference Documentation',
description: 'Dialogs provide a simple, consistent interface for applications to interface with users.'
FB.ui(params, function(obj) { console.log(obj);});
document.addEventListener('deviceready', function() {
try {
alert('Device is ready! Make sure you set your app_id below this alert.');
FB.init({ appId: "appid", nativeInterface: CDV.FB, useCachedDialogs: false });
document.getElementById('data').innerHTML = "";
} catch (e) {
alert(e);
}, false);
</script>
<div id="log"></div>
</body>
</html>Hi xiaohuoche93,
Can you check if there are any special characters in your file name that could be causing this problem?
Thanks,
Preran -
Dreamweaver Help | Packaging web applications as native mobile applications with PhoneGap Build
This question was posted in response to the following article: http://helpx.adobe.com/dreamweaver/using/packaging-web-apps.html
Hi, I have a question.
(Quick explanation) I have dreamweaver cs6, I created an android app, a run the emulator and everything seems to be ok with the app, I download the .apk and everything ok so far, but when i wanted to upload it to Google Play i need to sign it, but I search all the web somehow to sign it and i did not find anything to sign an app made with dreamweaver and Phonegap, just those made with Eclipse.
My question:
Is there anyway to export driectly from Dreamweaver to Eclipse as a project? so i can export it and sign it...
if Not, How can i convert those html files made with dreamweaver to Eclipse files, so I can use Eclipse to sign and generate the keystore file
or, How can I generate a keystore file to sign an app made with Dreamweaver?
Thakns. -
Can't build and simulate basic phonegap template with Dreamweaver 5.5
Hello,
i'm becoming crazy to figure out how to solve this problem. I'm using a MAC with latest release of LION and trying to compile, build and simulate a test-app using dreamweaver CS5.5 and phonegap framework.
While build+simulate i got an error and, searching in log, i found out:
Undefined symbols for architecture i386: "_CMTimeGetSeconds", referenced from: -[PGCapture getFormatData:withDict:] in libPhoneGap.a(Capture.o)
after searching i found out that could be a missing reference to "CoreMedia.framework".
I tried to open the XCODE output and add reference to that framework, finally dreamweaver build and compile. The simulator run and the iphone open but the screen is totally black, nothing on it.
The same if i open the xcode project and run from there.
I'm using the latest versions of Dreamweaver, Lion, Phonegap, Jquery-mobile, Jquery.
Any ideas?If these details may help:
I just did "NEW" -> "Page from sample" -> "Mobile starter" -> "Jquery mobile phonegap"
then setted the framework and try to simulate.
LION -> 10.7.2
DW -> CS 5.5 (updated today)
J-query -> 1.6.4
JQ-mobile -> 1.0 rc2
Phonegap -> 1.1.0
I'm totally lost...
Maybe you are looking for
-
How do i turn a single bmp image in to seperate objects so i can make seperate symbols?
Hi, I am new to adobe flash pro cs6. I have been sent this image and i have been asked if i can make the tails of the mice move and their heads etc. My problem is that i dont know how to seperate or select individual parts of the image so that i can
-
How to get current rowindex of clicked object in cr2008 preview control
hi i want to get selected raw data when user click on crystal report 2008 preview control. i can achieve using following code for particular row no. Dim repReport as new ReportDocument repReport.Rows(RowIndex).Item(ColumnIndex) how to get current row
-
My iphone has turned off and is now not working. I plugged it into my computer and it said it was in recovery mode and i had to restore it to fix it. Is there any way i can fix this problem without loosing all my files and photos through restoring it
-
Using USB use to recharge UK iPhone in USA
Can we use USB cables here in the US to recharge iPod and iPhone equipment purchased and used in the UK?
-
Can not find driver for Thinkpad T500
I can not find driver for Thinkpad T500? Could you please help me? Moderator edit: Matched Subject to content.