webfraggle » apple

Build an iPad app in a few hours.

webfraggle — Sun, 18 Sep 2011 11:08:29 +0000

The challenge:
“We need a small iPad app. Just four buttons, every button opens a video. Today!”
I thought, “OK”. I had only a freshly installed Mac and an Apple developer account.

Install Appcelerator Titanium Studio
Update the SDK to 1.8
Go through the Apple Certification Process to get a new private key, your certificate and a provisioning profile
Setup a new project in Titanium Studio
Code and test the app

And I love Appcelerator Titanium because these few lines had done the job:

Titanium.UI.setBackgroundColor('#000');
Titanium.UI.orientation = Titanium.UI.LANDSCAPE_LEFT;
win = Titanium.UI.createWindow({
    title:'win1',
    backgroundColor:'#fff',
    navBarHidden:true,
    fullscreen:true
});
win.orientationModes = [ Titanium.UI.LANDSCAPE_LEFT ];

var videoPlayer = Titanium.Media.createVideoPlayer({
      backgroundColor:'#000',
      movieControlMode:Titanium.Media.VIDEO_CONTROL_FULLSCREEN,
      scalingMode:Titanium.Media.VIDEO_SCALING_ASPECT_FIT,
      autoplay:false,
      visible:false
});

videoPlayer.addEventListener('complete',function(e)
{
		videoPlayer.stop();
		videoPlayer.hide();
		Ti.UI.iPhone.hideStatusBar();
		win.hideNavBar();
});

var bg = Titanium.UI.createImageView({image:'img/bg.png',top:0,left:0,width:1024,height:768});
win.add(bg);

var button = Titanium.UI.createButton({
   backgroundImage:'img/btn.png',
   width: 442,height:228,top:155,left:65
});

var button2 = Titanium.UI.createButton({
   backgroundImage:'img/btn2.png',
   width: 442,height:228,top:155,left:519
});

var button3 = Titanium.UI.createButton({
   backgroundImage:'img/btn3.png',
   width: 442,height:228,top:398,left:65
});
var button4 = Titanium.UI.createButton({
   backgroundImage:'img/btn4.png',
   width: 442,height:228,top:398,left:519
});

button.addEventListener('click',buttonClicked);
button2.addEventListener('click',buttonClicked);
button3.addEventListener('click',buttonClicked);
button4.addEventListener('click',buttonClicked);
win.add(button);
win.add(button2);
win.add(button3);
win.add(button4);
win.add(videoPlayer);
win.open();
Ti.UI.iPhone.hideStatusBar();
win.hideNavBar();

function buttonClicked(e)
{
   var videoUrl = "";
   switch (e.source)
   {
   		case button:
   			videoUrl = 'videos/video01.mp4';
   		break;
   		case button2:
   			videoUrl = 'videos/video02.mp4';
   		break;
   		case button3:
   			videoUrl = 'videos/video03.mp4';
   		break;
   		case button4:
   			videoUrl = 'videos/video04.mp4';
   		break;
   }
	showVideo(videoUrl);
}

function showVideo(w)
{
	videoPlayer.setUrl(w);
	videoPlayer.show();
	videoPlayer.play();
}

And the whole job was only done in about two hours.

Resign an iPhone App, insert new Bundle ID and send to Xcode Organizer for Upload

webfraggle — Fri, 21 Jan 2011 12:01:47 +0000

The challenge: Create a Flash App, pack it with the Packager for iPhone with my certificate and provisioning profiles, send it to the client that he can resign it with his informations and import it into Xcode Organizer for validating and uploading to the App Store.

I did some research and found out that all signing processes in Xcode (while building or resigning in Organizer) is done with a tool called codesign. This tool can also be used via Terminal. I tried it with my Flash .ipa and the included .app. It worked.

But because it is difficult always to use the terminal with more lines long commands I decided to develop a little AIR tool using the new NativeProcess API.

And here is how it works:

1. Select the .ipa.

What is executed:
Old files in this directory are deleted.
The .ipa will be unzipped.
unzip -o /path/to/YourApp.ipa -d /path/to
Find the first .app file inside /Payload.
Load the Info.plist file.
Use the CFBundleExecutable as the binary filename.

The current Signing Authority is read and the entitlements were extracted. The entitlements are needed, because without them the Xcode Organizer can’t sign the app with a new Provisioning Certificate.
codesign -d -vv --entitlements "/path/to/entitlements" /path/to/Payload/YourApp.app/YourApp

2. Sign it with a new Signing Authority.
Enter your new Signing Authority. The correct String can be copy&pasted via your keychain.

3. Enter new Bundle Identifier (App ID Suffix)
This must match with your App ID created in the Apple Developer Provisioning Portal.

4. Resign App and change App ID.
The binary will be resigned with your new informations.
What is executed:
First, codesign with your extracted entitlements:
codesign -f -s "New Signing Authority" -i "new.bundle.id" --entitlements "/path/to/entitlements" -vv /path/to/Payload/YourApp.app/YourApp
Second, change the the Bundle Identifier also inside the Info.plist file.

5. Send it to Xcode Organizer for validating and uploading
After clicking the button open Xcode and go to Window > Organizer

How does this work:
This was a little bit tricky and needed much research how the Organizer wants the Apps.
Every Archived Build is moved to /UserDir/Library/MobileDevice/Archived Applications/UUID.
So first a UUID is generated an a directory with it is created.
e.g. /UserDir/Library/MobileDevice/Archived Applications/8D3E5DF2-F079-4A3B-460D-5525A6C5472B

Then the .app file is copied to that location. But the Orgnanizer needs an ArchiveInfo.plist file with correct informations in it.

My tool uses a standard template and changes all needed information, so that they are matching the informations in your .apps Info.plist file. These are CFBundleIdentifier, CFBundleDisplayName, CFBundleVersion, MinimumOSVersion, DTPlatformVersion, DTSDKName, CFBundleExecutable, CFBundleDisplayName.
Some other data needs to be generated out of other information. e.g. the UUID of the directory or the Archivedate.
Apple counts dates from 01.01.2001 – 00:00:00. Surprising.

That’s it.

At the moment this works only with Flash iPhone Apps. I tried it quickly with another .ipa but it fails. I did no investigation in it because at the moment I didn’t need it.

Tip:
Xcode Organizer fails silent. But you can look at the Terminal messages of codesign in your Console Log (Konsole in german). Maybe there you can find why validating or uploading fails.

Downloads:
iOSSendToOrganizer.dmg Installer

Source:
If you make changes or enhancements please share them with me
iOSSendToOrganizer Source

Warum ich Apple liebe…

webfraggle — Wed, 20 Jan 2010 23:02:57 +0000

Warum ich Apple liebe: Situation, mein Chef und ich im Zug. Wir wollen beide mit unseren Rechnern ins Interent. Ich klappe mein MacBook auf, melde mich an, krame mein iPhone aus der Hose, schalte Bluetooth und Tethering ein, Klick, Klick, “mit iPhone verbinden” und ich kann mit meinen Kollegen chatten. Währenddessen fährt das teure Vaio Business Notebook mit integriertem UMTS Modem nebenan noch hoch. Nach der Anmeldung und dem Starten des Verbindungsmanagers lässt sich die Sim nicht dazu überreden eine Pin abzufragen. Rumprobieren, Manager neustarten, geht nicht. Also noch mal runter und hoch fahren. Ich checke und beantworte inzwischen schon meine mails und chatte munter weiter. Nach dem Neustart kann er endlich eine Pin eingeben und ist online. Inzwischen habe ich sogar noch des Chefs iPhone gejailbreakt. Und darum liebe ich Apple Produkte.