In Part 2 of Sensify your CV, we looked at creating the Summary and Roles tabs, and also discussed at some length the issues around responsive scrollbars and layout issues in general.
Now, i know you’ve likely only continued this far to get your hands on the app itself, so rest assured it will be made available at the end of this blog. “Yay!”, i hear you cry. Maybe.
But before then, we have some work to do, not least the following:
- Finish off the Skills and Qlik Dev Group tabs
- Add some simple, but effective styling to our app to spruce it up
- Get our app uploaded to Qlik Cloud and manage who can see it
Creating the Skills Tab
The good thing about the remaining tabs is that they mostly use the principles we’ve already discussed. There’s not too much to know about the Skills tab except that it’s all about spacing and how much content you want to display, and personal preference. In my case, i had 5 core Technical Skills i wanted to show off, and 4 Certifications and Awards.
Note: As i was progressing, i tried a trick i use often in QlikView, which is to copy over objects from one app to another (I had already built the app for myself, so i needed to generic it up a bit for this blog). In QlikView, it was easy to copy across a text object with an embedded image. In Qlik Sense, i can’t do that. If i try to copy across a text and image object with an image inside i get this message:
Rather unhelpful, and perhaps something to improve on in the future. I might even visit Aaron Couron’s recent blog post regarding 16 things on my Qlik Sense Wish List and note it there. While we’re there actually, let’s add an option to Select All objects on a sheet from one app and paste them into another, a la QlikView.
I’m also intrigued to know if Qlik Luminary Goran Sander’s rather awesome looking Sense App Duplicator Extension might deal with this issue. For further investigation from a different angle.
As you can see in the screen grab below, i have tinkered a bit with the sizing of the objects, with everything not necessarily being directly symmetrical and aligned. It’s worth noting that apart from the KPI navs on the right, everything else is just Text and Image objects. When you download the app, you will see the mix of settings i have used, but generally, it’s Background Images for the images, and mixed font sizes for the Technical Skills text objects to differentiate between headings and skills.
Laying out the Skills tab
Building the Qlik Branch Tab
To be clear, i built a Qlik Branch tab because that’s where most of my online demos are held, but you could easily flow this in another direction. Perhaps this tab should be named My Work or something similar.
Anyway, I’ve decided to demo 6 of my extensions in this tab. The format for each extension is the same:
- Separate text and image object containing an inserted image of the extension (green)
- The image links to the Qlik Branch project using the Insert Link functionality we used in earlier episodes (red)
- A second text and image object that contains headline title for the extension, an explicit link to the Branch Project and a brief description of the project (blue)
Template objects for linking out to a Qlik Branch project
Note: Did you know you can embed animated GIFs in Text and Image Qlik Sense objects? Neither did i until i tried it to show the functionality of one of my extensions in this app. You really do learn something new every day!
Once you have created one correctly, you can Ctrl C+V your way through to create the objects you need, changing images and link locations (don’t forget!) as needed.
Note: It’s worth noting that responsiveness and font sizes across multiple text objects become more unpredictable and difficult to predict as you increase them in volume. Don’t pack your screen too tightly, as you could find a smorgasbord of different font sizes. Keeping approximately the same amount of text in each descriptive Text object helps also. If in doubt, use another tab.
Building the Qlik Dev Group Tab
I’m seriously at the risk of repeating myself now, so I’ve enclosed a screen grab of the finalised Edit Mode for this tab. Of course, use it for something totally different or for nothing at all – it’s up to you! No new techniques, just text and image objects, KPI navs and spacing. Should be easy for you guys now!
Images, text, spacing….you get the idea by now
We’ve done it! We have built our CV app. Good work!
But are we done? We are not. There’s some things we can do to make our app look even better and more professional. Let’s crack on with some improvements.
I’m a (Qlik Sense) Professional
Everything we have done so far has been very tab oriented, but now we want t focus on the first impression the app gives when a recruiter or potential employer opens it up, so let’s focus on a few options.
Adding an App thumbnail and some flair
From any tab, in the top left hand corner, hit the App Overview mode. You will reach a screen like the below.
That’s a bland CV app right there!
Pretty grey and horrible, right? I would not want to hire that guy/girl! Time to fix it.
Hit the Edit (pencil) mode it the top right hand corner. Once you do that, you will notice that the thumbnail image for the app becomes editable, a let’s Change Thumbnail. I knocked something up in Paint in a few minutes which incorporates the logo of some of my core skill and my profile photo, but i’m sure you can do better.
Now hit the top right hand cog for App Options. I set up the following settings on my app:
- Background color fades from light green to dark green
- Font color is white
- Image is my profile photo
- Image alignment is right
Adding some colour and profile image
Now let’s open one of the tabs in our app and see what it looks like:
Looking a bit nicer?
Looks quite a bit better; at least i think so. The small profile photo in the top right is a non-offensive size, and the green gradient at the top suits our Qlik profile to a tee 🙂 This is replicated across all tabs automatically to give a universal look and feel. Play about with the App Options and see what you think looks best!
Finally, we want to create some thumbnails for each tab, so that our App Overview gives a nice overall feel for how the CV looks when someone opens it up.
I would suggest that for each tab, it’s worth taking a screen snip of each tab and storing it in the default content folder C:\Users\xxx\Documents\Qlik\Sense\Content\Default . You can then apply the image by clicking into the Details (red) section on each tab and then Change Thumbnail (blue) as per screen below:
If we repeat that process for all of our tabs, we get a really nice looking App Overview screen, that is indicative of the information each tab provides.
On the other hand, I would soooooo hire that guy 🙂
And ladies and gents, that pretty much completes our app. Hopefully you agree it looks quite professional now, so now (after some rigorous testing of course!), we’re ready to get this thing on Qlik Cloud.
Optional Improvements: There’s still more you could try here:
- Descriptions for App Overview and all tabs
- Adding a storyboard and / or bookmarks to drive the user through your app.
I would love to see some examples if you decide to go down this route. Ping me!
I’m (almost) on cloud 9!
Now we have a quality CV app, we need to upload to Qlik Sense Cloud. Go to Qlik Sense Cloud and either log in or register if you don’t have a Qlik account already.
Getting Started with Qlik Sense Cloud
Once you are logged in, we need to upload the app by clicking on the My Work (red) section, then New App (green), and then selecting Upload an app (blue).
Having uploaded the app, it’s still not available to anyone yet whilst in the My Work area alone. To make it available we need to Publish the app into My Stream. We can do that by right clicking on the app in My Work and selecting Publish.
Now you should see your app in the My Stream section.
Note: Please be careful of both the apps and the people you are sharing with. In the free version of Qlik Sense Cloud, all apps in My Stream are shared with all invited recipients.
If you need more granular security than this, you need to look at the paid packages for Qlik Sense Cloud.
The last major task we need to accomplish is to explicitly share our app with recipients. To do this, you need to know the email address of the person you want to share with, and it’s also important to note that the recipient needs to have a Qlik Sense Cloud account to view your app.
The sharing process is relatively simple. When in My Stream, on the right hand side, there’s a Share button. Press it, and enter the email of the recipient. Then you’ll be informed of the user being in Pending status as per below, whilst the recipient has been sent an email asking them to view your app:
Once the user has logged into Qlik Sense Cloud – they can see your app. Yes!!!
The beauty of having this method of delivery is that you can add and remove viewers at any time. You are limited to 5 shares with the free version, but it is very powerful to be able to offer this live showcase of your skills to employers, recruiters, or even actually in an interview itself. And they cannot edit anything in your app or download it. So really, it’s perfect for this situation where you need to give potentially a large amount of people temporary access to your CV app.
And if you need to update your app, you can simply Unpublish it and upload a new version when you’re ready.
Download the app
I hope you managed to try some of these things in your own CV app, but if it’s the app you want, I’ve set up a project on Qlik Branch where you can download it.
Hope you enjoyed this project, and please comment and let me know what you think.
As a final note, its been mentioned to me a few times that this projects could be improved a lot by using extensions. I agree on this point wholeheartedly, but my aim was to produce something usable by everyone, with no dependencies. Having said that, i can think of several extensions that would make this app better, so maybe another iteration of the Qlik Sense CV will become available on makeitqlik at some point in the future 🙂
Until next time, happy qliking!