Hey Guys, Working out some simple Video tutorials for adding Scringo to IOS & Android projects. I also added some extra Resources in the document to help you along. These can be found in the How To's section. Scringo for IOS (Apple) https://www.buzztouch.com/files/howtos/BTScringoIOSIntegrate.pdf Scringo for Android https://www.buzztouch.com/files/howtos/BTScringoAndroidIntegrate.pdf Look for a Scringo Webinar soon! ian

** Update** In the Scringo Android Tutorial there is sample code for a Tabbed vs. NON-Tabbed layouts. Tabbed layouts get changes made to the BT_activity_root_tabs.java file NON-Tabbed layouts get changes made to the BT_activity_root_base.java file ian

Great! Thanks Ian.

Nicely done! Good stuff sir.

Thanks ian you ROCK!!!

Welcome guys. I plan on updating and seeing Scringo through. The guys over at Scringo are amazing dudes! cheers! ian

Thanks Ian, Great tutorial, I had a brand new app from 'zero' to 'scringo in the emulator' in less than an hour :) cheers Darrel

Awesome Darrel!

Just picking your brain a bit further ... have you been able to activate scringo via a button (or the scringo ribbon) on Android? The code is ... ((ScringoActivationButton) findViewById(R.id.activationButton1)).setScringo(scringo); I tried it in a couple of places in BT_activity_tab_roots.java file and also added the xml code to the layout but couldn't get it working. Any thoughts appreciated :)

Hi Ian... Your my Hero ;-) Works! 2 Questions... 1) Same like ictguy.... How can i made a Button in the Upper Nav? 2) How to make the RADAR Function? Thanks !! P.S.At the Moment iam on Android... But need it for iOS and Android ;-)

Hi guys, Traveling today but will work on tutorials for these advanced features. I also need to figure out this Facebook hash key stuff for android as well. Stay tuned! Ian

Man, these tutorials are better than everything I could have made myself! Guys, the Facebook hash key is the hardest part of apps that want to use Facebook. It's not something we made up, so please be patient and let Ian educate us all ;-) For any questions, don't hesitate to email me directly, [email protected]

So Guys... after Hours for Testing how to make a Key Hash, here is my Solution. Windows Only... At First, install Java Second Download OpenSSL from: http://slproweb.com/products/Win32OpenSSL.html (Iam on an Win7 64bit Machine... and Downloaded Open-SSL-Win64) Install the OpenSSL... Then... Open CMD Change to the Folder: C:\Progam Files <x86>\Java\jre1.6.0_22\bin\ Input this Command there: keytool -exportcert -alias androiddebugkey -keystore "C:\Users\XXXXXXXXX\.android\debug.keystore" | "C:\OpenSSL-Win64\bin\openssl" sha1 -binary |"C:\OpenSSL-Win64\bin\openssl" base64 "XXXXXXXXX" = Your Windows Username "OpenSSL-Win64" = Stands for the Location where you installed the OpenSSL HIT ENTER! Enter the Passwort: android Tadaaa! There is your HashKey! The FacebookAPP thing goes like: https://dev.scringo.com/resources.php?resource=guides&sub=Android I hope it helps... Cheers from Austria....

Thanks for the tips Worker73! @Ofer ur supposed to be on Holiday! Cheers, Ian

Hey guys, I Have the Facebook key hash sorted as well. will be adding to the tutorial tonight. Keep u posted! ian

Updated the Scringo Android tutorial to include Facebook Login. https://www.buzztouch.com/files/howtos/BTScringoAndroidIntegrate.pdf I stil have to check it on a Windows machine. Video was done on a mac. Cheers! ian

Awesome, thanks! I'll give it a try and see how it goes! Great to have this documentation especially since scringo is in the iOS download and the Android soon (?) cheers Darrel

Hi Ian, Once again you've done the heavy lifting - thanks! Worked first time for me. Just a question... I assume that we would re-generate a new hash for the live app using the keystore we sign the app with (rather than the debug store key!) [Edit - just found it on the scringo site - change the hash to your signed keystore when you distribute it].

Hi @ictguy, Yes I will also update the Android Scringo tutorial to show the hash key signing with the release keystore for distribution. So many details! cheers ian

hey ian The Tutorial was ***** i have 1 question i have non tabbed layout i have these files: BT_activity_base.java and BT_root.java you mentioned NON-Tabbed layouts get changes made to the BT_activity_root_base.java file can you please guide thanks akshay

Hi Akshay, My bad! It is a typo in the tutorial. BT_activity_base.java is the file you will use for NON-Tabbed layouts. Updating the tutorial now. thanks for the catch! ian

thanks ian!!

scringo integeration succesful! thanks a lot for that video!!

awesome!

Hi Guys, I updated the Scringo Android Facebook Login section of the How To to include Release Key Hash for when going public with your app and submitting to the Google Play Store. It all sounds more complicated than it really is:) Cheers! ian

Hi Guys.... I have found an Realy Quick (But Maybe Dirty ;-) ) Way to "Generate" the Realease Hash Key for Facebook... Just Export the APK from Eclipse.. Then Install it on your Phone and try to Connect with Facebook... There comes a Error that the KeyHash "SOMETHING" dont mach the Keyhash in the Facebook APP.. Just write the Keyhash from this Errormessage down and Copy it in the Facebook APP.... ;-)) All Works now Fine, quick and Easy.... but MayBe Dirty? Please correct me when there is a Security Problem with this Solution or an other Problem..... Thanks...

Ha cool! I'll check it out. Thanks Ian

Yes... Please check it and inform us ;-)

What Scringo version is BT currently using? How can I tell? Thanks. -Shane

i integerated scringo also integerated twitter i work on windows now for the facebook integeration thing is there a step by step tutorial avilable do we need to puth both the hash keys in our app page.? is java necessary to be installed on pc is the key used for signing the app only file required for generating the hash key thanks!

Yes on all! ;-)

hey Ofer 1 more question i will be having two versions of the same app(free and paid) (in free i will be showing advertisements) so can i have one scringo app account for both but display ads only on the free version

You can, in the non-free version call scringo.setPopInAdsEnabled(false);

great!!thanks!

@Outbreak..... Buzztouch Uses the Version that YOU downloaded at www.scringo.com ;-) In Buzztouch is no Framework integraded...

@Outbreak is most likely talking about the IOS version which is included in the Buzztouch project download. I have to check on what version of Scringo is getting packaged up with your IOS project

That's correct ian

Oh Sorry ;-)...

(This is a question for iOS) Scringo looks to have a terrific feature, Adding topics in the Chat room so users can talk to each other, but says "Chat Room is available only from client version 2.1.4." I've set it up in my Scringo dashboard, but it's not showing up in simulator, so perhaps this means Buzztouch is packaged with a different version? Also, Ian, your videos are the best!

I tried downloading latest Scringo 2.1.10 and still don't see Chat Room option in simulator (it shows up in Scringo dashboard). Here's a post from Scringo's blog that talks about it.

Hi @shenry, I've made a note of this. Keep u posted! I'm sure Ofer from Scringo will chime in as well.

Thanks Ian. Well, Chat Room is showing up now during testing on my iphone, but when I click on it, the app shuts down. All of the other features open up fine. Chat Room crashes the app :-(. This is on 2.1.10

Hi @shenry, I'll load 2.1.10 in my IOS app in the morning and see what I get. Was just testing Chat Room on Android and seemed to be working fine. Keep u posted!

Hi again, Scringo 2.1.10 is working nicely in my IOS app. Chat Room is not crashing for me. Is Xcode telling you anything when it crashes?

Hi @shenry, if anything crashes, send over the logs to [email protected] (I get these too).

Thanks. Ian, can you tell me if you are using Scringo as it's packaged with Buzztouch, or did you download latest from Scringo site?

Ian, here's what I'm getting, I'll forward to Ofer. Ian, can you tell me if you are using Scringo as it is in Buzztouch source code, or did you go to Scringo to download latest and re install? 2013-05-20 23:48:23.852 hydeparkatx[12521:c07] *** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'Could not load NIB in bundle: 'NSBundle </Users/macbook/Library/Application Support/iPhone Simulator/5.1/Applications/01D76700-79D1-40F3-AD6E-07F33032D3C3/hydeparkatx.app> (loaded)' with name 'ScringoChatRoomsList'' *** First throw call stack: (0x2a25022 0x2814cd6 0x29cda48 0x29cd9b9 0xda0638 0xc461fc 0xc46779 0xc4699b 0xc46d11 0xc588fd 0xc58aef 0xc58dbb 0xc5985f 0xc59e06 0xc59a24 0xeb892 0xead99 0x2a26e42 0xe7430 0xc105c5 0xc107fa 0x45685d 0x29f9936 0x29f93d7 0x295c790 0x295bd84 0x295bc9b 0x35b87d8 0x35b888a 0xb7f626 0x33446 0x29a5) terminate called throwing an exception(lldb)

Scringo-RADAR Question for Android ;-) Is there a Step-By-Step Tutorial for Buzztouch? Where to insert with Code from the Scringo Site: https://dev.scringo.com/resources.php?resource=Getting%20Started&sub=Android#Configure%20the%20Radar I have made all Changes but i have no "Radar" in the Scringobar ;-)

There are no code changes needed for this, just changes in the AndroidManifest.xml (and some keytool work, which Google requests). Some known pitfalls: 1. Did you enable the radar in the "Manage Tabs" in the dev zone? 2. Did you include the google_play_services library in Eclipse and made sure your project uses it (in the Properties->Android->Bottom part)? 3. Did you create the SHA-1 sequence with the correct keystore, and place it in the Google APIs Console, appended by the semi-colon and the package name? 4. Did you place the <meta-data> tag inside the <application> and not in the <manifest>? BTW, the three last ones that look frightening are Google's requirements... I wish I could have made it simpler.

@Ian, Do you know what version of Scringo you're using? Elon from Scringo recommended: "remove Scringo completely from your xcode (make sure there's no Scringo folder in it), and then add the new version (the one you downloaded from the site), from the xcode." I found some instructions for how to remove Scringo from Buzztouch files. and trying to follow along with installing Scringo download, adding code and frameworks but I'm getting errors, so obviously doing something wrong. Any chance you did a video before Scringo was packaged with Buzztouch to show the right way to do this? Thanks.

@Ian. I reread and see that you're using 2.1.10, so did you download and install from Scringo, or is that the version that is packaged with Scringo? Thanks.

hey!..i am stuck in facebook app hash release key (android,windows) i have my android application signing key named aaa in folder named Buzztouch_Keystores on desktop the exported and signed apk is on my desktop i put the following code in Command prompt keytool -list -keystore ~/desktop/Buzztouch_Keystores/aaa /| openssl sha1 -binary | openssl base64 an error is comming that way Please guide Also tell in which directory to put that code in command prompt

Try this... Just Install the APK on yout Phone and Try to Connect with Scringo>Facebook... There comes a Error on the Display... In this is the Hashkey... Write it Down from the Handydisplay and insert it to the FacebookAPP ;-)

Sorry, but I don't think it works... @Worker73, did you actually try it and it worked for you?

hey Worker 73!! i have already installed my application on my phone twitter and facebook run perfectly well but in facebook app page only my debug key is listed i think i will have to put release hash key also?? if i try your method i will not get any error as it will run with help of debug key>> thanks

When you export your APP von Eclipse then you must Sign it with yout Developer Key.... Then the APP Uses the Release Key.... The Ready APK File can you install on your Phone... (Thats the same what you Upload to the Google App Store)... Then when you try to connect via Swipe>Scringo>Facebook and there comes no error then all runs fine.... The Difference is how you install the APP on your Phone... When you Connect your Phone to Eclipse and Run it on your Phone (Instead of the Emulator) the App use the "debug key"... When You Export the Final APK from Eclipse... the APP uses YOUR Key...

hey !! i signed it with my developer key then i exported the apk ...i mailed it to my device then on my device facebook ran perfectly well but i have no release key in app page thanks!

Creepy? And you can Connect with your Facebookaccount on the Device?

yes ! i logged in! i can send you the apk if you want the apk was signed by the key which i created 2 months back thanks akshay

Hi @Akshay, did you see the Scringo Android tutorial I updated with how i got the Release Key Hash? Check it out. @Shenry, I added the new Scringo folder to my xcode project. I will get a Tutorial posted ASAP. I will post back here when complete. Thanks again to Scringo and Ofer. We will get it all sorted. Scringo is the best socializing feature out there! cheers ian

@shenry, Here is what I did to update Scringo folder in my Xcode project. http://www.youtube.com/watch?v=hKFvvgzwCXE&feature=youtu.be cheers! ian

Wow. That was fast. Just got off a plane in Chicago but will get a chance to watch video tonight. Thanks again Ian.

Well, this is really odd, still getting two errors. "_OBJC_CLASS_$_ASIdentifierManager", referenced from: objc-class-ref in Scringo ld: symbol(s) not found for architecture i386 clang: error: linker command failed with exit code 1 (use -v to see invocation)

I manually moved over some files that showed as missing and set deployment target to 5.1 and now only have one error: error: /Users/macbook/Desktop/hydeparkatx-iOS-BTv2.0-EAE0C5F4496F9D24025F8E12D(3)/BT_Core/../../scringo-ios-2.1.10/Scringo/Scringo.framework/Scringo.bundle: No such file or directory I tried to include manually, but it's not there to include (with the +)

Hey @Worker73! What you said is almost true! Replace every "_" with a "/" and add a "=" in the end and it works!

@Ofer: I have a Problem after Eclipse Update.... After i insert all Code like before... On APP Start it Crashes.... LogCat says: ~~~~~~~~~~~~~~~~~~~~~~~~~~ 05-22 12:02:53.282: E/AndroidRuntime(24160): FATAL EXCEPTION: main 05-22 12:02:53.282: E/AndroidRuntime(24160): java.lang.NoClassDefFoundError: com.scringo.Scringo 05-22 12:02:53.282: E/AndroidRuntime(24160): at com.inroproductions.BT_activity_root_tabs.<init>(BT_activity_root_tabs.java:63) 05-22 12:02:53.282: E/AndroidRuntime(24160): at java.lang.Class.newInstanceImpl(Native Method) and so on..... ~~~~~~~~~~~~~~~~~~~~~~~~~~ Any Idea where the Problem can be? Whitout addating SCRINGO to the APP, all Runs fine ;-(

Usually a clean is needed or some missing "libs" folder in the right place (the name "libs" is important!)

@Ofer: Tryed all... No Go ;-( APP Crashes ;-/

Well, it says NoClassDefFoundError, and the com.scringo.Scringo is inside the scringo.jar so clearly it simply can't find it due to bad build path or something... What "Eclipse update" did you do? (BTW, which Scringo version are you working with?) Perhaps it's best to work one-on-one on this one, since it might not interest all those who read this forum... Send me an email to [email protected]

Maybe a Problem with the Buildpath? Screenshot: https://dl.dropboxusercontent.com/u/20632136/scringo.jpg

Mail is on the Way ;-)

Hi @Worker73 Looks like it's a common issue wit the ADT v22 update http://stackoverflow.com/questions/16596969/libraries-do-not-get-added-to-apk-anymore-after-upgrade-to-adt-22 Let me know if this worked for you cheers ian

Hi @shenry If you would like to send me your project I can take a look? email: [email protected]

@Ian: Okay... After Hours (Iam not so quick) of NEW Install from Eclipse on my Windows AND my iMAC.... it Works now.... On Both.... When i Use the NEW Scringo (Release is Today) Version 2.1.10 there comes an Error when i import it to Eclipse that there is a Problem with the "libs" and the "Build Path".... With Scringo 2.1.9 all is Fine and it Works.... Eclipse Version is 3.7.1

Hi@Worker, I installed Scringo Android 2.1.10 today and it works. Still having trouble with the Radar tab not showing. It was there now it's not. Weird. I'll update the tutorial with this new ADT v22 update because it does mess with the build paths we were used to. There seems to be an extra step to get it to play nice like in that link above I posted. I'll report back soon. Ian

For all with "HashKey" Problems in Eclipse: http://www.buzztouch.com/forum/thread.php?tid=B4F581AAF948AB4A7F17423&fid=F006D74B653CA9FFE3CB28E&sortColumn=FT.id&sortUpDown=DESC&currentPage=1

Good eye @Worker73!

Hi Guys, I added a tutorial on how to add the Android Back button to close the Scringo sidebar when it's open. It's added to the Additional Resources of the Android Scringo Tutorial: https://www.buzztouch.com/files/howtos/BTScringoAndroidIntegrate.pdf

Any News from the Tutorial for Scringo Version 2.1.10 and the RADAR?

Yep, Radar working great. Will have tutorial posted later today. Cheers!

YEAH! ;-)

waiting for radar tutorial :):)

Radar Tutorial added. Scroll down in the Additional Resources to find it. Hope it helps! https://www.buzztouch.com/files/howtos/BTScringoAndroidIntegrate.pdf

Hi Ian... At first... Thanks for the "Tricky" thin with the "Libs" Error... Now it works also with the 2.1.10 ;-) But... The Radar will not work... I have made all like in you Tutorial.... But it does not apear in the Scringo bar... I have also activadet the Feature in the DEV Admin from the Scringo Website. One Question... Must i Enable the GPS Feature in the Core (On my Selfhosted Buzztouch Panel) to see it? Maybe someone can help me? Thanks to all...

Hi @Worker73, If the radar doesn't appear in the sidebar: 1. It has nothing to do with the Google APIs configuration (where you should enter the SHA1 and semi-color with the package etc.) 2. It can mean that the tab isn't enabled in the dev-zone (that usually is the simple case, and most of the times isn't the issue) 3. Or (and that's what happens most of the times) the google_play_services-lib isn't set as a dependency of the project in the project properties. To fix 3: 1. Make sure the project is compiled correctly (this is a pitfall for adt 22! see here: http://stackoverflow.com/questions/16596969/libraries-do-not-get-added-to-apk-anymore-after-upgrade-to-adt-22, thanks Ian!) 2. Make sure the google_play_services-lib is a library that your project depends on: right-click the project -> Properties -> Android -> see on the bottom that the google_play_services-lib is added

Okay... i have found the Error..... It was the Point (3) ;-) Iam so Sorry... my Failure....

Awesome @Worker73! In the video & document I mention "fix 3" from above briefly. I did take your advice and use the Eclipse Keytool Plugin cheers! ian

@Ian: Sometimes its better to sleep 2 Days over a Problem and Start at "Zero" ;-)...

@worker73, done that many times!

Hello!! How can I add the ribbon button in Android? Where do I have to put this: <com.scringo.ScringoLeftRibbonButton android:id="@+id/activationButton2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="100dp"/> And where this (in source code)?: ((ScringoActivationButton) findViewById(R.id.activationButton2)).setScringo(scringo); Thanks!

The first one goes in the layout xml, and the second one in the source code

ok good reading, scringo

Thanks @Ofer, I knew that ¬¬ Can u tell me which lines? or maybe an example? Thanks anyway.

Did you try the ScringoSample that is shipped in the scringo-android-x.x.x.zip? It contains the ScringoLeftRibbonButton in the example. Ofer

That helped me a lot! I mean the ScringoSample :) Thanks a lot! I finally could do it.

Just updated my scringo and got a few errors I was able to correct but not sure what to do with this one: duplicate symbol _main in: /Users/amielocicero/Library/Developer/Xcode/DerivedData/aakts-gunwdbucoucictfbpgqbhvvukdci/Build/Intermediates/aakts.build/Debug-iphoneos/AAKTS.temp_caseinsensitive_rename.build/Objects-normal/armv7/main-B1523F627B4D117F.o /Users/amielocicero/Library/Developer/Xcode/DerivedData/aakts-gunwdbucoucictfbpgqbhvvukdci/Build/Intermediates/aakts.build/Debug-iphoneos/AAKTS.temp_caseinsensitive_rename.build/Objects-normal/armv7/main-F4641F27E83E46A5.o ld: 1 duplicate symbol for architecture armv7 clang: error: linker command failed with exit code 1 (use -v to see invocation) Any Suggestions? I'm not really sure where to start with this one.

Just updated my scringo and got a few errors I was able to correct but not sure what to do with this one: duplicate symbol _main in: /Users/amielocicero/Library/Developer/Xcode/DerivedData/aakts-gunwdbucoucictfbpgqbhvvukdci/Build/Intermediates/aakts.build/Debug-iphoneos/AAKTS.temp_caseinsensitive_rename.build/Objects-normal/armv7/main-B1523F627B4D117F.o /Users/amielocicero/Library/Developer/Xcode/DerivedData/aakts-gunwdbucoucictfbpgqbhvvukdci/Build/Intermediates/aakts.build/Debug-iphoneos/AAKTS.temp_caseinsensitive_rename.build/Objects-normal/armv7/main-F4641F27E83E46A5.o ld: 1 duplicate symbol for architecture armv7 clang: error: linker command failed with exit code 1 (use -v to see invocation) Any Suggestions? I'm not really sure where to start with this one.

Figured it out. I had downloaded both the scringo file and sample scringo file. Deleted and reinstalled the scringo file alone. On to customizing!

@Imagenparaweb where did you end up putting the code for the ribbon? I can't seem to figure out where exactly it goes without crashing my app

@piggilypoo look, on: 1. res/layout/act_title.xml <com.scringo.ScringoLeftRibbonButton android:id="@+id/activationButton2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="0dp"/> 2. src/com.XXXX/BT_screen_menuListSimple.java import com.scringo.Scringo; import com.scringo.ScringoActivationButton; import com.scringo.ScringoLeftRibbonButton; 3. src/com.XXXX/BT_screen_menuListSimple.java Search "//activity life-cycle events." and paste right before all the //// characters: Scringo scringo = new Scringo(this); 4. src/com.XXXX/BT_screen_menuListSimple.java Search "}//onCreate" and paste right before it: scringo.init(); ((ScringoActivationButton) findViewById(R.id.activationButton2)).setScringo(scringo); 5. src/com.XXXX/BT_screen_menuListSimple.java Search "super.onStart();" and paste right after it: scringo.onStart(); 6. src/com.XXXX/BT_screen_menuListSimple.java Search "super.onStop();" and paste right after it: scringo.onStop(); ============= Let me know if that helps :)

Anyway to incorporate in old BT apps? version 1.84?

I did this and it works. But, the button also shows in the non BT_MenulistSimple screens but does not do anything (as expected). I only want it to show up on this one screen i.e. menu list. Anyway I could make the button dissapear when it exits the menulist screen?

I think you can simply move the Scringo scringo = new Scringo.init(this); to the menuList java, that will make it available only for this class. Ofer