Posts Tagged ‘tutorials’

17 Sep 2015
0

User Group Update: A rename & an identity. We’re getting there!

Things are getting exciting!!! We have renamed our local User Group and finally have some branding.

SALUG is now AfriTUG

We thought long and hard about this one, but it was ultimately decided that we needed a name that encompasses not just South Africa, but Africa as a whole. Also thanks to IBM Bluemix, we don’t want the focus of the User Group only on Enterprise Social Software (aka XPagesConnections, etc.), but also on the exciting technologies that Bluemix offers.

So without any further adieu, we give you…

AFRITUG-Meetup-Banner-Web

Our new look

To celebrate this rename, we now officially have a logo. This is thanks to a great design team by the name of Gist Marketing. Check out below some great examples of what we have so far:

AFRITUG-Icon-web

AFRITUG-Logo-No-Slogan-Protrait-web

AFRITUG-Logo-Full-Landscape-web

Where to find us

For the meantime, you can find AfriTUG on the following social sites:

Twitter

Facebook

Meetup

We have a very exciting roadmap ahead for this community and are committed to progress as rapidly as humanly possible, so stay tuned!!!

John

 

26 Jun 2015
3

Video Tutorial: Bootstrap Datepicker in XPages – Part 2

In this video tutorial, I demo how to modify the bootstrap date-picker that I introduced in Part 1, to be rendered as an inline date-picker instead of a popup.

Below is the URL to access the online date-picker sandbox dashboard, which is a great service to assist setting up the date-picker control:

Datepicker for Bootstrap Sandbox

Once again, a massive thanks to Mr David Leedy for presenting my video tutorials on NotesIn9, and for also making the NotesIn9 series freely available to the public. I know he spends his personal time getting out these videos and I know I speak for the entire community that it’s forever appreciated!!

Enjoy :)
John
25 Jun 2015
5

Video Tutorial: Bootstrap Datepicker in XPages – Part 1

In this video tutorial, I demo how to include a bootstrap date-picker into an XPages application that’s using the Twitter Bootstrap framework.

Below is the URL to access the online date-picker sandbox dashboard, which is a great service to assist setting up your date-picker control:

Datepicker for Bootstrap Sandbox

The following is the code to create the Bootstrap Resources custom control (ccBootstrapResources), which will reference the necessary Twitter Bootstrap and jQuery files via CDN services:

<xp:view
	xmlns:xp="http://www.ibm.com/xsp/core">
	<xp:this.resources>
		<xp:script
			src="https://code.jquery.com/jquery-1.11.3.min.js"
			clientSide="true">
		</xp:script>
		<xp:script
			src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"
			clientSide="true">
		</xp:script>
		<xp:styleSheet
			href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
		</xp:styleSheet>
	</xp:this.resources>
</xp:view>

The following is the code to create the Datepicker Resources custom control (ccDatePickerResources), which will reference the necessary Bootstrap Datepicker files that need to be added to the XPages design in the Web Content folder:

<xp:view
	xmlns:xp="http://www.ibm.com/xsp/core">
	<xp:this.resources>
		<xp:script
			src="bootstrap-datepicker/js/bootstrap-datepicker.min.js"
			clientSide="true">
		</xp:script>
		<xp:styleSheet
			href="bootstrap-datepicker/css/bootstrap-datepicker3.min.css">
		</xp:styleSheet>
	</xp:this.resources>
</xp:view>

A special thanks to Mr David Leedy for presenting my video tutorial on NotesIn9.

Enjoy :)
John
24 Jun 2015
3

Video Tutorial: Bootstrap-style your XPages Pager control

In this video, I show you how to easily bootstrap-style the XPages Pager control in your app without needing to reference Twitter Bootstrap resources.

Thanks to 2 XSnippets i’ve published on OpenNTF, to implement this functionality is as easy as copy and paste. You can reference the 2 XSnippets using the below links:

OpenNTF XSnippet: Twitter Bootstrap Pager Template

OpenNTF XSnippet: Twitter Bootstrap Pager Template Stylesheet

Click here to reference Twitter Bootstrap’s Pagination Control:

A special thanks to Mr David Leedy for presenting my video tutorial on NotesIn9.

Enjoy :)
John
11 Aug 2014
0

Bluemix iOS Push Notifications Tutorial: Part 2 – Minimum Requirements

In this post, I’m going to quickly highlight a few requirements before we officially get going with the Bluemix iOS Push Notification Tutorial Series.

1. Mac OSX and Xcode

For those out there new to iOS Development, you cannot test and deploy iOS Applications to devices unless you do it via an Apple Operating System. While you can follow this tutorial using Mountain Lion (OSX 10.8), I’ll be using and recommend Mavericks (OSX 10.9).

Then, you will need to download Xcode. Xcode is Apple’s IDE for developing Mac and iOS Applications. The latest release of Xcode is 5, which is required for this Tutorial as we’ll be deploying an iOS7 Mobile App to test Push Notifications.

Both Mavericks and Xcode 5 are free to download and are available via the Mac App Store. Simply launch the App Store App from your Apple Operating System and search for “mavericks” and “xcode“. You will need an Apple ID to connect to the App Store.

Screen Shot 2014-08-11 at 5.52.58 PMScreen Shot 2014-08-11 at 5.53.13 PM

2. Apple Device and iOS

Unfortunately, you cannot test Push Notifications on an iOS Simulator, which would’ve been awesome. So, you’ll need an Apple Device like an iPhone, iPad or iPod Touch. I would recommend anything from an iPad 2 and up, or an iPhone 4 and up. This will allow us to deploy our app as an iOS7 Application.

So, as mentioned above, your Apple device will need to run iOS7. iOS7 is free from the App Store and definitely worth the upgrade if you haven’t done so yet. The reason I stress using iOS7 is because I haven’t had the opportunity to test the Bluemix SDKs on iOS6. I also don’t plan to as iOS8 is already around the corner.

3. Apple Developer Account

Screen Shot 2014-08-11 at 6.13.18 PM

This is sadly where some money comes in. You’ll need an Apple iOS Developer License, which goes for $99/year. Setting up the license is fairly straightforward, but could take a few days to be activated depending.

If you don’t have an Apple Developer Account as yet, but want one to follow with this tutorial series, I suggest you get it registered sooner rather than later. If we were only developing to test on an iOS Simulator, this wouldn’t be required, but because we need to test on an actual Apple Device, this is compulsory. You can either use your existing Apple ID or create a new one for the iOS Developer Account. It doesn’t matter really.

4. IBM Bluemix Account

bluemix

We’re almost done. What we’re going to need next is an IBM Bluemix account. This is free and is quick to set up. If you already have an existing IBM Id, then great for you. You can log into Bluemix with that ID and you’re good to go. Alternatively, click here to sign up.

Conclusion

With everything above set up and configured, we are ready to start developing iOS Applications, deploy them to Apple Devices and integrating them with the Bluemix Cloud.

The most difficult of all of this is setting up the iOS Developer Program. I did mine years ago and back then it required some documentation, phonecalls, etc. I’m not sure if it’s that complicated still.

In the next tutorial, I’ll be moving to video Media. I’ll be showing you step by step how to set up the necessary Apple Certificates which we’ll need for deploying to an Apple device and sending Push Notifications.

If you find yourself getting stuck with any of the above-mentioned, leave a comment and I’ll try to assist you.

Till next time :)
John