Archive for the 'Adobe' Category

PhoneGap Build and iOS key

I have been giving more and more presentations on developing apps using either PhoneGap or PhoneGap Build. My most recent presentation was done at the Adobe Education Leader Summer Institute in San Jose on July 21. In the past, I focused on deploying developed apps on Android devices. However, I also wanted to show how easy it was to deploy developed apps on iOS devices. Therefore, I needed to purchase a developer account with Apple ($99 a year). Yes, I know there is the possibility of obtaining an educator account, but I have asked at my school in the past and been refused. Therefore, I bit the bullet. Now what? I had to do a fair amount of research on the WWW to determine the next steps. I thought it might be helpful for readers to know how I solved this (and I also have a post I can refer to when I forget how to do this myself). I suspect many readers think these posts are for others (FYI – sometimes, they are for my future reference as I do suffer from middle aged memory).

Essentially, one needs to accomplish three things in order to use PhoneGap or PhoneGap Build and deploy on iOS devices. I will focus on PhoneGap Build as it is where I direct most students as a starting point in the CMWEB 280 class. Essentially, you need:

  • a certificate (must be a .p12 version – private key) and a password to access that certificate
  • a provisioning profile (indicating the devices where you plan to test your developed app)

Of course, to accomplish these steps, you can only do it on your Mac or MacBook.

Step 1 – Open your KeyChain access. Use Finder to browse to Applications > Utilities > KeyChain Access (then open it).

Step 2 – From the KeyChain menu, Certificate Assistant > Request Certificate from Certificate Authority

Request a Certificate

Step 3 – Save it locally.

Save the certificate locally

Once saved, you can then open it in the Finder.

Request is saved locally

 

 

Step 4 – Visit the Apple Developer Center in your browser and navigate to the Certificates section. You will need to add a certificate (click on the (+) icon. Decide on the type of certificate, and then click Continue (at the bottom of the page – this would be under the part of the screen I captured below).

Adding a certificate

You will already have completed these instructions (generating a certificate request), but they are listed in the screen capture below in case you did not already complete that step.

Certificate Signing Request Details

After choosing Continue, you will need to select the file you saved locally. This is the .certSigningRequest file. You then click Generate. It may take a few moments for that request to complete.

Selecting the CSR file

Step 5 – Once completed, download your certificate (and remember where you stored it). Once you have downloaded your certificate, you can choose Done.

Download the certificate

Step 6 – you need to specify the devices you wish to test on. You can include up to 99 devices (if you upload a file). You will need to know the UDID of each device. To locate the UDID, connect your device to your Mac via USB (select Trust this computer on your device) and open iTunes. Select the device and you should see information like that shown below. Click on Serial Number (highlighted below) and you should then see the UDID.

Finding the UDID

With the UDID displaying, click and choose Copy to store the value in the clipboard.

UDID displayed

I chose to register multiple devices at once (you can download a sample file to make certain you have the correct format).

Register Multiple Devices

It may take a moment if you have a number of devices in the list. You should see something like the following (and can then proceed with the next step).

Multiple Devices Confirmed

Step 7 – You next create a provisioning profile. I selected iOS App Development.

Creating a provisioning profile

You next choose an AppId (I set mine to a wildcard so I could use for multiple apps).

AppId selected

If you have multiple certificates, you must choose the appropriate one.

Select Certificates for Provisioning Profile

I then specify the devices I want to test.

Select Devices to Test with

I next name the profile and generate it.

Naming and Generating the Profile

You can then download the provision profile. It will have an extension of .mobileprovision.

Step 8 – You next combine the certificate and your key and export them (for use in PhoneGap Build). Return to KeyChain, select File > Import Items from the menu. Point to the location of the .cer file you created in Step 5.

Export Certificate

You will be prompted for a password (make certain you remember it). Make certain you use a strong password.

Password for Certificate

 

Step 9 – Login to PhoneGap Build and add a key when creating a new application for your iOS device(s). You will be prompted for both the .p12 certificate file and provisioning file.

Installing certificates in PhoneGap

You will also need to provide your password before you can successfully build your iOS apps.

Supply password

Whew – that is it. You can now successfully build and deploy apps on your iOS devices. I hope you found this post helpful. I am always interested in your thoughts. I look forward to your comments.

 

 

 

 

Adobe Ink and Slide

I recently purchased the Adobe hardware Ink and Slide. I have been working with it for a couple of weeks and thought others might to see my insights. Personally, I like the pressure sensitivity and ease of use with tools like Adobe Line and Sketch. Unfortunately, the tool is a bit pricey ($200). It only works with iPads (and only the 4th generation version). Hopefully, the price will come down over time and there will also be an Android version at some point. For those who can meet the requirements, I think you will like the tools.

Read more »

Adobe Captivate 8 First Look

I have been using Adobe Captivate for a number of years (and have come to rely on it more and more in the past couple of releases). I recently obtained a copy of Captivate 8 (the latest version). I thought it would be appropriate to take a few moments and review this tool It seems to have a number of significant improvements from earlier versions. Read more »

Adobe MUSE for Educators

I had the privilege of providing two sessions on Adobe MUSE as part of the Adobe Apps for Educators series which ends in July. These recordings were made on June 4, 2014.  Instead of a traditional blog post this week, I thought it would be better to provide links to recordings of both sessions. Both links will open in a new browser window/ tab. I hope you find them helpful. As always, I look forward to your comments.

I also developed a small website (in Adobe MUSE, of course) for reference during the presentations. This site also contains a link to the actual .muse file so you can download and modify the file using MUSE to better understand how to use the product.

Many thanks to Pip Cleaves and Melissa Jones for the opportunity to present on these topics.

Adobe Voice

Adobe Voice is an app (iPad only) which allows you to create simple demonstrations, announcements and many other short videos. You use a photo, icon, or text on a given slide. You can choose from a variety of layouts, themes, and background music. I find the interface intuitive. I also find it is fun to create short announcements or demonstrations. Rather than provide a series of screen captures, I thought it would be helpful to use Adobe Voice to explain how I use Adobe Voice. I recommend choosing the full screen option below.

I am curious if you have tried this tool and what you think of it? I look forward to your comments.

Lightroom Mobile

Those who know me will recognize that I have been promoting the use of mobile devices for quite some time. In my opinion, tablets and smartphones are content creation devices as well as content consumption devices. I have been recently working with Adobe Lightroom Mobile on my iPad. In order to use this, one needs to have a Creative Cloud account and have Lightroom 5 installed on a desktop or laptop computer. One can then synch collections between your desktop computer and iPad. The really impressive part is that you can make non-destructive changes to images on the iPad and they will appear on your desktop (or vice versa). Since they are non-destructive, you can always revert to the original. Read more »

Project Parfait

Modern web design techniques focus around the concepts of responsive design. As such, many modern workflows include the concept of design in browser. An excellent overview of these modern processes can be found at CSS-Tricks. Adobe recently introduced an experiment that complements such a workflow – Project Parfait. For those who are provided a Photoshop design comp (or other layered Photoshop document), you can use a modern browser to extract color and font information, generate associated CSS,determine measurements between elements, and save web optimized images. Yes, you have to sign in with your Adobe ID in order to use this facility. Let’s examine this beta facility in a little more detail.  Read more »

Related Posts Plugin for WordPress, Blogger...

« Previous PageNext Page »