Discussion Forums  >  Plugins, Customizing, Source Code

Replies: 32    Views: 182

Stobe
buzztouch Evangelist
Profile
Posts: 1528
Reg: Mar 04, 2011
Fredericksburg,...
24,680
11/17/12 06:14 AM (13 years ago)

New Plugin - iPad Storybook Page Plugin

Here's the official introduction video about the plugin: http://www.youtube.com/watch?v=IqWSyJyjMLQ&feature=plcp Here's a link to the current documentation (PDF) http://idevdepot.com/storybookdocs More videos will follow this weekend (today most likely), including : How to setup sound effect files in your project Done: http://youtu.be/meeBZRc8jYs How to customize your buttons Done: http://youtu.be/Nf9eYDo7i0U Other uses for the plugin When the videos are done, I'll give a link to them in this post, and I will also have them linked directly in the plugin's control panel page. In the meantime, if you have any questions, feel free to ask!
 
GeGro
Apple Fan
Profile
Posts: 14
Reg: Jul 11, 2012
Mülheim-Kärli...
1,890
like
11/17/12 06:52 AM (13 years ago)
I've just watched the video: it's an awesome plugin. I have some ideas to use it... ;-)
 
ATRAIN53
Code is Art
Profile
Posts: 1755
Reg: Nov 17, 2011
Chicago
26,450
like
11/17/12 08:44 AM (13 years ago)
Nice! If only a BC dog tag was included with each purchase... This is def iPad only? any plans at all for iphone? just curious what makes it so different. Is it an image sizing thing, or something to do with some popover controllers, navigation, etc...? and that is sound effect audio, not full on background audio integrated here? Super curious to take a look at it next week. Thanks for sharing the hard work and look forward to the videos!
 
Stobe
buzztouch Evangelist
Profile
Posts: 1528
Reg: Mar 04, 2011
Fredericksburg,...
24,680
like
11/17/12 08:51 AM (13 years ago)
So far it's iPad only. Mostly because I didn't think anyone would make a storybook for iPhone. And also partly because I didn't want any users to run into any problems with apple approval for locking rotation on an iPhone app. And yes, in this version there is a single sound effect file. Background audio would be a good idea for an update.
 
Sandeep
Android Fan
Profile
Posts: 1260
Reg: Feb 01, 2012
Miraj, India
25,250
like
11/17/12 09:08 AM (13 years ago)
This plugin really looks promising and has a lot potential to build storybook apps. Well done mate.
 
LA
Aspiring developer
Profile
Posts: 3280
Reg: Aug 16, 2012
Jerseyville, IL
42,900
like
11/17/12 09:19 AM (13 years ago)
As always great job @Stobe! LA
 
chris1
Code is Art
Profile
Posts: 3862
Reg: Aug 10, 2012
Austin, TX
50,120
like
11/17/12 09:50 AM (13 years ago)
Excellent plugin Stobe!! Very professional. Having background audio or some type of auto-loading of an audio file would definitely be a plus - you could have a talking storybook then. And, of course, if there were a way to make a sound recording, save it in-app, and retrieve it with the plugin, well then you'd have those Hallmark recordable storybooks for your very own app :) Chris https://www.churchphoneapps.com
 
LevensGardener
Aspiring developer
Profile
Posts: 220
Reg: Sep 30, 2012
Kendal
10,450
like
11/17/12 10:03 AM (13 years ago)
That is Brilliant!
 
chris1
Code is Art
Profile
Posts: 3862
Reg: Aug 10, 2012
Austin, TX
50,120
like
11/17/12 10:37 AM (13 years ago)
Any way you can make a video of just the demo so we could show it off to potential clients?
 
mysps
Code is Art
Profile
Posts: 2082
Reg: May 14, 2011
Palma
33,320
like
11/17/12 10:42 AM (13 years ago)
I agree background audio would be useful for narration purposes! @chris1 -- you could always buy the plugin and do the demo yourself :) Especially with your church app niche!
 
Bonzo
Apple Fan
Profile
Posts: 783
Reg: Jan 30, 2012
Basingstoke
13,530
like
11/17/12 10:54 AM (13 years ago)
Loving the new plugin!. will be making a purchase tonight. How easy would it be to have multiple invisible interactive buttons? would it be as simple as duplicating the interative button code and just changing the co-ords? thanks!
 
Stobe
buzztouch Evangelist
Profile
Posts: 1528
Reg: Mar 04, 2011
Fredericksburg,...
24,680
like
11/17/12 11:11 AM (13 years ago)
@bonzo: If you can hand code the JSON into Xcode (offline app), then yes. Otherwise, you could use a JSON snippet keeper plugin to add additional hot-spots. Both of the above would require the modification to the plugin source, as you had suggested. Sounds like another tutorial movie I could make :)
 
Dragon007
Lost but trying
Profile
Posts: 1509
Reg: Dec 17, 2011
London
20,590
like
11/17/12 12:36 PM (13 years ago)
Great plugin! Even though I haven't a use for it just yet, I'm going to buy never-the-less.
 
mrDavid
BTMods.com
Profile
Posts: 3936
Reg: May 21, 2011
San Diego, CA
51,910
like
11/17/12 12:36 PM (13 years ago)
Hey @Stobe - awesome plugin! But super confused, are book based apps usually rejected by apple and suggested to be submitted as a iBook? I know Trace (client) told me he was rejected multiple times for: - Suitability For iBooks - Another reason that Apple has rejected book apps in the past is due to insufficient functionality – in other words, the app could have easily been a basic iBooks ebook because it didn’t have enough animation or interactivity to justify a release on the App Store when Apple’s iBookstore would be more appropriate. For a book app to be on the App Store, it has to be app-like enough not to disappoint iPad users, who have come to expect enhanced experiences from their apps. In Apple’s words: "Apps that are simply a song or movie should be submitted to the iTunes store. Apps that are simply a book should be submitted to the iBookstore." Any comments on this? I see people would might use this plugin as the "main" feature rather then a "side" feature - if that makes sense? Again awesome awesome plugin! Looks like you put some time into it, super stoked to purchase it asap. Need to find my debit card again.. Cheers mate, David https://buzztouchmods.com
 
Stobe
buzztouch Evangelist
Profile
Posts: 1528
Reg: Mar 04, 2011
Fredericksburg,...
24,680
like
11/17/12 12:50 PM (13 years ago)
I hear ya Mr. David. Definitely a concern when making this. Since we have access to a wide variety of plugins in buzztouch, it wouldn't be hard to add plenty of other interactivity. Perhaps in the middle of the story, it goes to a video plugin page. Or a quick quiz that leads to the next story page. This is why I didn't want to design this as a single page with multiple childItems. I wanted control of where the pages go, and where they lead to. In future versions, I'll be looking at adding multiple types of hotspots, for animations, videos, etc. As like every project we build for the Apple store, it is our responsibility to create something worthy of being approved. This plugin is just another "tool in the toolbox" to achieve that goal. Great question, and everyone who uses the plugin should consider your valid points when designing. Keep the debit card handy!
 
PSMDanny
Apple Fan
Profile
Posts: 1166
Reg: Dec 09, 2011
Heerlen
21,940
like
11/17/12 01:02 PM (13 years ago)
Hi, Well congratulations on your new plugin Chris. Looks awesome!!!! Best regards, Danny
 
Stobe
buzztouch Evangelist
Profile
Posts: 1528
Reg: Mar 04, 2011
Fredericksburg,...
24,680
like
11/17/12 01:12 PM (13 years ago)
Thanks Danny. I updated the video links in the top post to include two new tutorials. Happy Storybook Making!
 
mrDavid
BTMods.com
Profile
Posts: 3936
Reg: May 21, 2011
San Diego, CA
51,910
like
11/17/12 08:05 PM (13 years ago)
Thanks for clarifying mate, totally get what you mean. Unfortunately some people used my paint plugin as the main feature - they did not get far with apple. Looking forward to using this beauty! Congratulations! David https://buzztouchmods.com
 
MadRod
Aspiring developer
Profile
Posts: 1853
Reg: Apr 12, 2012
Lisbon
27,930
like
11/18/12 04:06 AM (13 years ago)
Wow, this is a must have plugin. Allow me a plugin suggestion. This Story plugin has the ability to swipe to another storyboard plugin. I would suggest a plugin for the html doc, for example, with the ability to swipe from one html doc to another. It could be done for many other screens. Swipe option is a big step forward. Thanks. Miguel
 
dakorpsta007
Aspiring developer
Profile
Posts: 45
Reg: Jun 24, 2011
Philadelphia
1,750
like
11/18/12 01:10 PM (13 years ago)
@strobe Any suggestions or tips as to how to make users aware of exactly where the interactive buttons are on the page. Looking at your demo, I'd have no idea unless I spent all day clicking all over my iPad where the button is that makes noise. I guess I'm thinking along the lines of a subtle glisten or strobing light, nothing overpowering, but something that attracts the users attention to a specific area on the screen that they know does something more. Any ideas on how to execute this?
 
Bonzo
Apple Fan
Profile
Posts: 783
Reg: Jan 30, 2012
Basingstoke
13,530
like
11/18/12 01:13 PM (13 years ago)
from what i can see in the tutorial, you can set an image that could appear on the screen. that way the users would see where the button was because your image would appear?
 
Stobe
buzztouch Evangelist
Profile
Posts: 1528
Reg: Mar 04, 2011
Fredericksburg,...
24,680
like
11/18/12 03:48 PM (13 years ago)
@dakorpsta007 My little demo video was using 2 images that I did not create, and were never meant to be interactive storybook pages. I simply wanted to explain the options available to the developer using my plugin. With that said, I would imagine either putting something on the main page (part of the photoshop image) that would lead the reader to know right away to click on it. or You could use a transparent PNG file (a sprite, in other words) to create a "subject" of the story (or any item, person, etc) that stands out from the background. This would also be a good route to go, just in case additional options are added to the plugin, such as animating the hotspot, etc. i.e., its up to the developer to create the actual content. I'm just supplying the functionality.
 
Stobe
buzztouch Evangelist
Profile
Posts: 1528
Reg: Mar 04, 2011
Fredericksburg,...
24,680
like
11/19/12 04:41 AM (13 years ago)
Edit: In some of the above videos, I may have been saying "1024x800" for the image size. That should be "1024x768" DOH!
 
farcat
buzztouch Evangelist
Profile
Posts: 1008
Reg: Jan 27, 2012
France
13,230
like
06/09/15 08:50 AM (10 years ago)
Hi, Great plugin and easy to use! Trying to add some sound as per your tutorial but the sound method where all the sound files were commented out seem to have disappear from the appDelegate.m file. Any new instructions to add sound to this marvelous plugin? I am guessing that it shouldn't be hard but all the things I tried failed. Cheers, Farcat
 
farcat
buzztouch Evangelist
Profile
Posts: 1008
Reg: Jan 27, 2012
France
13,230
like
06/09/15 08:55 AM (10 years ago)
I am guessing that it has to do something with this method: //playSoundEffect... -(void)playSoundEffect:(NSString *)theFileName{ [BT_debugger showIt:self message:[NSString stringWithFormat:@"playSoundEffect %@", theFileName]]; if([theFileName length] > 3){ /* play sound effect logic a) Check the soundEffectNames array for the file name b) if it exists, we already instantiated an audio-player object in the soundEffectPlayers array c) Find the index of the player, then play it */ if([self.soundEffectNames containsObject:theFileName]){ int playerIndex = (int)[self.soundEffectNames indexOfObject:theFileName]; //we already initialized a player for this sound. Find it, play it. AVAudioPlayer *tmpPlayer = (AVAudioPlayer *)[self.soundEffectPlayers objectAtIndex:playerIndex]; if(tmpPlayer){ [tmpPlayer play]; } }else{ [BT_debugger showIt:self message:[NSString stringWithFormat:@"playSoundInBundle:ERROR. This sound effect is not included in the list of available sounds: %@", theFileName]]; } } }
 
MadRod
Aspiring developer
Profile
Posts: 1853
Reg: Apr 12, 2012
Lisbon
27,930
like
06/09/15 08:56 AM (10 years ago)
I'd say you were only required to add the mp3 file to xcode
 
farcat
buzztouch Evangelist
Profile
Posts: 1008
Reg: Jan 27, 2012
France
13,230
like
06/09/15 09:35 AM (10 years ago)
Tried that but it still doesn't work. My .mp3 is in the BT_Audio folder on xcode, I added the file in File/Media on my CP and I made the reference to the sound file in the plugin in my control panel (Interactive Button). So you think that we don't need to make reference to the sound file in the appDelegate.m? Cheers, Farcat
 
mysps
Code is Art
Profile
Posts: 2082
Reg: May 14, 2011
Palma
33,320
like
06/09/15 09:38 AM (10 years ago)
I would try adding it to the delegate if I were you. Try, it shouldn't hurt.
 
farcat
buzztouch Evangelist
Profile
Posts: 1008
Reg: Jan 27, 2012
France
13,230
like
06/09/15 09:50 AM (10 years ago)
I thought I'd be clever and tried adding the following code that used to be in the appDelegate.m file but it is throwing errors. /////////////////////////////////////////////////////////////////////// //sound effect methods /* loadSoundEffects... the sound effects you want to use must be added to your Xcode project then added to this soundEffectNames array. See example on line 1110, 1111.. */ -(void)loadSoundEffects{ //this runs in it's own thread NSAutoreleasePool *pool = [ [ NSAutoreleasePool alloc ] init ]; [BT_debugger showIt:self theMessage:[NSString stringWithFormat:@"loadSoundEffects SEE appDelegete.m, line 924 %@", @""]]; //fill an array of sound effect file names... self.soundEffectNames = [[NSMutableArray alloc] init]; [self.soundEffectNames addObject:@"Water.mp3"]; [self.soundEffectNames addObject:@"Flower.mp3"]; [self.soundEffectNames addObject:@"pop.mp3"]; [self.soundEffectNames addObject:@"tink.mp3"]; //setup audio session for sound effects... [[AVAudioSession sharedInstance] setCategory: AVAudioSessionCategoryAmbient error: nil]; [[AVAudioSession sharedInstance] setActive: YES error: nil]; //fill an array of sound effect player objects to pre-load with each audio track... self.soundEffectPlayers = [[NSMutableArray alloc] init]; for(int x = 0; x < [self.soundEffectNames count]; x++){ NSString *theFileName = [self.soundEffectNames objectAtIndex:x]; if([BT_fileManager doesFileExistInBundle:theFileName]){ NSURL *soundFileUrl = [NSURL fileURLWithPath:[NSString stringWithFormat:@"%@/%@", [[NSBundle mainBundle] resourcePath], theFileName]]; NSError *error; AVAudioPlayer *tmpPlayer = [[AVAudioPlayer alloc] initWithContentsOfURL:soundFileUrl error:&error]; [tmpPlayer setNumberOfLoops:0]; [tmpPlayer prepareToPlay]; [tmpPlayer setDelegate:self]; [self.soundEffectPlayers addObject:tmpPlayer]; [tmpPlayer release]; } } //release pool [pool release]; }
 
mysps
Code is Art
Profile
Posts: 2082
Reg: May 14, 2011
Palma
33,320
like
06/09/15 10:03 AM (10 years ago)
sorry.. its now in the BT_loadConfigDataViewController.m file I forgot!! You'll see the other mp3 sound files by searching "mp3". Just place your file name there like you've done in the delegate
 
farcat
buzztouch Evangelist
Profile
Posts: 1008
Reg: Jan 27, 2012
France
13,230
like
06/09/15 12:30 PM (10 years ago)
Thanks @mysps, It does look like it is the correct file, something strange is happening though. I don't seem to be able to add more audio files or even substitute to the default ones (bt_funk.mp3 and bt_glass.mp3) So if I replace: [appDelegate.soundEffectNames addObject:@"bt_funk.mp3"]; [appDelegate.soundEffectNames addObject:@"bt_glass.mp3"]; by [appDelegate.soundEffectNames addObject:@"bt_funk.mp3"]; [appDelegate.soundEffectNames addObject:@"test.mp3"]; the app won't run (simulator or device). There are no errors, the app just doesn't launch: https://www.dropbox.com/s/i65ggjq33czh0yg/app_error.png?dl=0 Any views? Cheers,
 
mysps
Code is Art
Profile
Posts: 2082
Reg: May 14, 2011
Palma
33,320
like
06/09/15 01:46 PM (10 years ago)
Is the file included in your project? Perhaps there is an issue with the file itself. Is it indeed a mp3 file and One question are you trying to load the file via url? I think it might work best if its included in the project by copying the file into the audio folder. Its hard to read the debug log because its not fully visible.
 
farcat
buzztouch Evangelist
Profile
Posts: 1008
Reg: Jan 27, 2012
France
13,230
like
06/10/15 04:16 AM (10 years ago)
The file is included in the project, I tried several mp3 files just in case. The audio file is definitely in the Audio folder (not url) and my CP is definitely pointing to it. I have included all the data from the debug here: https://www.dropbox.com/s/ylfrzmm0xlz52nq/Screen%20Shot%202015-06-10%20at%2013.07.07.png?dl=0 https://www.dropbox.com/s/lq6evu5vfrkpfsn/Screen%20Shot%202015-06-10%20at%2013.01.42.png?dl=0 Smug suggested not to touch "bt_funk.mp3" and "bt_glass.mp3" as they were used elsewhere but even adding a line doesn't work.
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.