About two weeks ago, some visitors of the openSUSE Conference enjoyed playing openSUSE Jeopardy.

You might guess that there are some free implementations of the Jeopardy game out there. This is true, but everything I found didn't match my requirements (with varying reasons for each implementation I found). Therefore I decided to improve Ryan McDevitt's JavaScript Jeopardy and added quite some features I wanted to have available for running the openSUSE Jeopardy.

Some technical details:

• the board is implemented using HTML and jQuery, so all you need is a browser (ideally in fullscreen mode)
• the answers and questions are read from JSON files (you can also mark answers as "daily doubles" there)
• everything (except selecting a tile) is done with keyboard shortcuts
• besides the obvious basic features, there are some just for fun additions like the demo runner

I'm happy to announce that I just released my Jeopardy implementation on github under the MIT licence. (Yes, I usually prefer GPL, but since both jQuery and Ryan's original implementation are MIT-licensed, I decided to keep it that way.)

If you want to run a Jeopardy show (with whatever topics) yourself, I hope you find my implementation useful!

I'd also like to thank Hakon from the Linux User Group Landau for soldering a Jeopardy controller using the controller of an old USB keyboard. If you want to do something like that yourself: Dismantle an old keyboard. You'll find a small controller board which is attached to two foils that reach out to the keys. The buzzing is done using the 1..9 keys, so find out which contacts are used for those keys and solder cables on them. Oh, and make sure the cables are long enough to reach out to your players ;-)

After writing a lot about the openSUSE Conference 2016, it is time to write about how my GSoC project is going.

What I have done

As I explained in my first post, my project main objective is to improve the schedule. So, in this first part I focused on the public schedule, which includes the schedule itself and the all events section.

Schedule

Before explaining what I did, I’ll show you how the schedule used to be:

Well, maybe you think that it was not that bad, but look what happened in a mobile phone:

And this is how it looks now in the mobile phone:

And for tablets and big screens:

I think that the changes are really apparent. We decided to turn the schedule, having the times at the top, to use the space more efficiently. We looked for a mobile friendly solution for the schedule. At the beginning I wanted to use horizontal scroll, but my mentor made me realise that it is not very common and consequently most people wouldn’t understand it. So at the end I used a bootstrap carousel in which the interval of time that appear in every item of it is smaller when smaller is the device screen. I think that this is probably the only responsible option for a schedule, apart from using horizontal scroll, and it works pretty well. I also changed the tabs by a selector that fits all screen sizes and that is also better when the conference is too long.

The schedule height is at least 600px, as more devices are higher or equal to 600px, so that way we use most of the space. It was also important that every row and column had the same size. Regarding rows, it was very disconcerting that the carousel changed its size when clicking next. To keep all the rows with the same height I had to short the text. At the beginning I tried to do it truncating the title after a fixed number of characters, but I didn’t like that I wasted a lot of space, sometimes the title was too short or there was a lot of free space. At the end I used css to limit the title to a number of columns that depends on the the available height. In the case of columns, the fact that every time cell had a different size was what I hated the most of the old schedule. It was confusing, short events with a long title had more space than longer ones with a shorter title. Now the size of an event gives to a cue of how long it is, and I think that this is one of the main purposes of an schedule. The picture of the speaker is also dynamically adapted to the free space that there is left after adapting the number of lines and the cells height.

All events section

I also changed the all events section of the public schedule, although the pull request is still open: https://github.com/openSUSE/osem/pull/1032 But I think that we will be able to merge it next week. It used to be just an unordered list with all confirmed events:

Now, the events are ordered by date and time and it is also included at the end a section of confirmed events which are not yet scheduled . The event boxes also include other useful information such as the start and end time, the room, the track and the speaker picture. I think it looks really nice:

As you can see, I also added a selector with the dates at the top in which dates with no events are in grey to indicate it, so that way we provide an overview of the dates of the conference and reaching a concrete date is much faster. I’ve also added a button to go up in every date to make it easier to go up when there are many events.

Open the schedule in the current date

Another important feature, which I am pretty sure that people attending a conference will thank, is that the schedule is open in the current day and time. I think that this is very important taking into account that we are using a carousel and that in the mobile phone, which is the device that more likely people use when attending a conference to check the schedule, only one hour is rendered per carousel item. That means that otherwise we would have to click next repeatedly to reach the current time, specially when the day is almost finishing. Also, the all events section is open in the current day. Here it is not that important to go to the current time, as you just have to do scroll to find it and I implemented it and the code is quite complex.

Taking background colour into account

The track label used the track color for the background. It was always used white text for the name of the track and for some colors that made the name difficult or impossible to read. Now, the text is black or white depending on what of them provides a better readability. You can see the difference in the following images, where the text is the hexadecimal color of the background.

Style

I have hamlfy all views related to the schedule that were not already written in haml.

I also moved the all events view to a different controller method as that view was getting too complicated due to being together with the schedule.

What I have learned so far and things I liked

I have decided to put together the things I liked with the things I’ve learnt because what I like the most is that I am learning a lot of things. One of the best things of working at openSUSE is that I have the chance to work with a lot of intelligent people that come up with amazing ideas. That’s why I like the correction that my mentors and other people working on OSEM make me, it is the best way to learn. I also like that my mentors always help me when I have doubts, sending me links to useful information so that I can find a solution. Another thing I really appreciate is that I can always give my opinion and that everybody opinion is taken into account to decide the final design or implementation. And because of that I also loved all the things I’ve done, and to be honest now that I am putting all the screenshots together for the post I like them even more

Regarding the things I’ve learned, the part where I feel I have improved more is on the use of git. When I started working on OSEM I spent more time fighting with git than working on the project, and I feel quite comfortable using it now. It was also the first time I used Rubocop and at the beginning I didn’t understand why it didn’t like any code I wrote. But I’ve got used to it, I’ve also installed a Rubocop plugin for atom and now I like that it corrects my style mistakes. Tests were also new for me. I’ve already added or fixed few test but I think there are still things I have to learn and I think I’ll have the chance to do so in the last part of GSoC. I hadn’t used haml before neither and although learning it was easy I didn’t like as I much as I like it now at the beginning. Installing an atom plugin that colors haml made the difference, it is much easy to read it if it is colored.

And of course I’ve also learnt many things regarding Ruby on Rails too. The first one I remember is that I found out that count, length and size methods don’t do the same thing. Regarding Bootstrap, I’ve learnt a lot of things too, such as what panels are.

Challenges I experienced

When working on the schedule I found a little bit frustrating that we spent a lot of time trying to decide what the best design was, so I felt I was going much slowlier than I had expected and I sometimes worked on things that at the end we decided that we didn’t like. Although seeing how wonderful the schedule looks like I am pretty sure that it was worthwhile.

Sometimes I feel a little bit disappointed when I have to throw away something in which I’ve spent a lot of time, but that remembers to what my drawing teacher told me when I was leaning painting:

If you really want to learn painting your objective can not be to decor your house with your paintings. You can not fall in love with your drawings, they are just exercises so you have to throw them away and when you learn then you will be able to decor your house.

So, that is the same, when I throw something away I keep what I learnt and at the end the final result is much better But it is still hard throwing things haha.

What’s next?

Currently I am working on allowing to have multiples schedules in the backend before deciding which of them to use. For that I’ve already introduce new models and associations. The following schema illustrate it (it is not a schema I did for the blog, I like to look at it when working on that, it helps me not to get lost with the relations):

There are still many things to do before finishing it. Probably the most challenging will be merging it, as there are few pull request quite big that interfere a little bit. I’ll try to separate features in different branches if it is possible with the objective of having less files to look at the same time when merging.

The next thing I am going to start with is the admin interface for the schedule backend: integrate it and make it more usable. I am going to show you how it looks like now, so you will be anxious to see my post with the changes haha.

To finish the post I would like to thank my mentors the time they spend reviewing my work, giving me support and solving my doubts.

From June 27 to July 1 there was a Hack Week at the SUSE headquarters in Nuremberg, although I could only stayed the two first days. I hacked on OSEM together with Stella, Henne, Chris and Moises and I really enjoyed it. And SUSE office is really cool, there were chameleons and penguins everywhere, even in plants and mugs!

And to be consistent with my other posts I’ll also show you what I ate at the Hack Week. That is the breakfast we had the second day, it was really strange for me having sausages for breakfast and even more if they are white and green haha.

And sadly that’s all about my travel to Germany as then Geeko and I came back home.  It was a really wonderful experience.

Fourth day of the conference

On Saturday I went to the openSUSE Wiki Workshop. We were talking about the problems that the Wiki has and how to solve them. After that, I was going to contribute to the Wiki, but it was broken.  

Then, I had pizza for lunch, there were a lot of pizzas:

I didn’t attend any other conference that day, but I stayed at the conference place working on OSEM.

In the evening we went to the Octopus party organised by the Galician centre of Nuremberg, where I ate Paella. It was strange eating Paella in Germany, although it was better than some Paellas I have eaten in Spain.    And again, I was surprised by the amount of Spaniards that are living in Nuremberg. Although it has been really sunny all day, just when we finished eating it started raining cats and dogs.

And at night we went to dance. I was really impressed by Matheus, he dances incredibly well.  

Last day of the conference

On Sunday I went to the openSUSE: much more than Linux distributions talk, by Ancor González Sosa. He talked about the open source projects living under the openSUSE umbrella such as OSEM, Portus, Jangouts, Machinery or zypper-docker. He also mentioned openSUSE 101, openSUSE mentoring program, and the openSUSE GSoC projects as they are related with those project under the openSUSE umbrella. Then, it was the openSUSE Targeting the Education Sector talk, by Douglas DeMaio. I really liked the following sentence that Douglas said:

You can’t imagine how hard it is to sell something which is for free

Lastly, it was the openSUSE Project Meeting, where people could share their ideas or propose changes. Regarding the conference, most people liked the place where the conference took place but they would prefer the conference to be shorter (3 days instead of 5)  and to have free water as there were some free drinks but no water. Also, there were complains about the marketing support for openSUSE less known projects. I agree, I want an OSEM‘s opossum sticker!

As on Sunday the conference ended before to allow people to return home there were not more talks that day. We had lunch and I talked with the people that stayed longer. And I also got a Geeko biscuit cutter printed with a 3D printer, I’ll put picture in the blog when I make Geeko biscuits! Here you have a pictures of the biscuits cutter finished and also a video of how it was printed:

In the evening we went give a walk around Nuremberg:

And of course we took the little Geeko that we were given at the conference with us:

We went to a street where there were columns with the humans rights on them. Every columns has a right in German and in other language. It was funny because the Spanish one was a circle in the floor instead of a column haha.

At night we had something delicious for dinner: Currywurst.    It was the only dish in Germany that I ate completely  haha.

And after that I got my two first books in German, one is a tale, so I hope to be able to read it soon, and the other one is a recipes book. I’ll probably use the recipes one earlier  

Lastly, I took the last picture with Matheus as he was leaving on Monday morning and that was the last time I saw him  

And that was all about the openSUSE conference 2016. I was really happy to meet my mentors and to put faces to nicknames as I met a lot people who I usually see in Github. I learnt many things, met a lot of people and had really fun. I hope to be able to go to next openSUSE conference and to met everyone there again!  

I stayed two more days for the Hackweek and I’ll write about that in the next post.  

At work we are using GitLab Comunity Edition hosted on our servers. GitLab includes Git repository management, code reviews, issue tracking, wikis, plus GitLab CI, a continuous integration and deployment tool similar to Jenkins or TeamCity.

Being responsible with architecting and implementing the infrastructure for our web application, I spent the last days implementing the continuous integration/deployment pipeline. Here is just a short tutorial about how to install GitLab Runner, an application which processes builds. It can be deployed separately and works with GitLab CI through an API. In order to run tests, you need at least one GitLab instance and one GitLab Runner. The installation is done on SUSE Linux Enterprise Server 12 but should work on openSUSE, as well.

Even if on their website, SUSE is not mentioned, the binary, writen in GO, is working perfectly fine.

• download the binary and save it in /usr/local/bin/

# wget -O /usr/local/bin/gitlab-ci-multi-runner https://gitlab-ci-multi-runner-downloads.s3.amazonaws.com/latest/binaries/gitlab-ci-multi-runner-linux-amd64

• let's make it executable

# chmod +x /usr/local/bin/gitlab-ci-multi-runner

• check to see if is working

# gitlab-ci-multi-runner --version
Version:      1.3.2
Git revision: 0323456
Git branch:   stable-1-3
GO version:   go1.6.2
Built:        Tue, 28 Jun 2016 14:03:09 +0000
OS/Arch:      linux/amd64

• create a GitLab CI user which will be responsible for our automatic builds and automatic deployments

# useradd -m deploy
# passwd deploy
New password: ...

• now we have to register the Runner. But before to do that we need a specific token and a "coordinator" URL which is generated by GitLab. In order to get them go to: Your GitLab Project -> Settings -> Runners, see the screenshot below.

# gitlab-ci-multi-runner register
Running in system-mode.

Please enter the gitlab-ci coordinator URL (e.g. https://gitlab.com/ci):
https://your-server-where-gitlab-is-installed/ci
Please enter the gitlab-ci token for this runner:
[your-unique-token]
Please enter the gitlab-ci description for this runner:
[our-little-gitlab-runner]:
Please enter the gitlab-ci tags for this runner (comma separated):
Registering runner... succeeded                     runner=fD_qnhkt
Please enter the executor: docker+machine, docker-ssh+machine, docker, docker-ssh, parallels, shell, ssh, virtualbox:
shell
Runner registered successfully. Feel free to start it, but if it's running already the config should be automatically reloaded!

• run the runner as a service

# gitlab-ci-multi-runner install --user=deploy --working-directory=/home/deploy/gitlab-runner

• start the service

# gitlab-ci-multi-runner start

• check if the runner is running

# ps aux | grep gitlab
root     25687  1.5  0.1  64192 14584 ?        Ssl  20:10   0:00 /usr/local/bin/gitlab-ci-multi-runner run --working-directory /home/deploy/gitlab-runner --config /etc/gitlab-runner/config.toml --service gitlab-runner --syslog --user deploy

• check if build started (after a few seconds)

# ls -ltr /home/deploy/gitlab-runner/builds/
total 4
drwxr-xr-x 3 deploy users 4096 Jul  6 20:10 baf1e27f

I didn't mentioned until now but you also need a .gitlab-ci.yml in your repository. Check the available documentation.

tI am going to start showing you some of the pictures with Geeko that we took during the day  

Apart from taking pictures with Geeko, in the morning we had a GSoC meeting with all the students and mentors that were at the conference. In the meeting we talked about the importance of blogging, what students and mentors use to talk or have meetings, how every team review pull requests, why students chose openSUSE for GSoC, etc.

After having lunch I attended the How to bring SUSE/Linux to school! talk, by Emiel Brok. He gave 11 tips to bring Linux to school which you can see in his slides:  OpenSUSEconf2016. When the talk finished, I went to the Getting started with Docker workshop, but it had almost finished.

And then it was time to enjoy openSUSE swimming pool and to eat some barbecue:

Yes, it is a very small swimming pool, but it was reeeeally hot that day, so it didn’t matter.  

It was also taken the group picture:

Lastly, we went to see/listen SUSE Band:

It was a really fun day! I’ll write one more post about the last two days of the conference.  

We have come a long way since the first Li-f-e live media based on openSUSE was created, the current release is based on openSUSE Leap 42.1. Deployments by Indonesia’s education system is a shining example of openSUSE Education project’s accomplishment.

The openSUSE project has stopped producing live medias for Leap and also live-installer is dropped from live medias created for the Tumbleweed distribution. As Li-f-e is primarily a live distribution we would not be able to create any more medias without live-installer. So unless this situation changes we may not have Li-f-e based on Leap 42.2.

In the meantime I’ve had a look at Ubuntu to create Li-f-e based on the latest LTS release of Ubuntu-Mate, check it out here. Software selection available is kept identical to the Li-f-e based on openSUSE, however there is always a room for improvement, suggestions to enhance it are always welcome.

AppArmor Crash Course slides (PDF)

A week ago, the openSUSE Conference 2016 ended, so it's time to finally upload my AppArmor Crash Course slides ;-)

I enjoyed lots of good talks. There were too many to mention a favorite one, but I'll try nevertheless:

• Georgi's "MySQL firewall" - basically you could describe it as "AppArmor for MySQL", so it isn't surprising that I like it ;-)
• AJ's "Infrastructure at OpenStack" included several interesting ideas (watched on video because it happened at the same time as "MySQL Firewall")
• Reproducible Builds (both from Holger and Bernhard) - it was good to see that we have some progress on it, even if the current target is "build-compare says it's equal" and not "it's bit-for-bit equal"
• Markus' "What's that distribution" quiz with funny quotes
• Thorsten's "Btrfs, snapshots and rollbacks" with quite some btrfs insight and details
• the keysigning party - a literally hot party ;-)  (back home, I found out that perl-GnuPG-Interface which is needed for caff is incompatible with the GPG version in Tumbleweed, so I'll need to setup a Leap VM to do the keysigning)
• the LinuxTag-style Hacking Content - I applied quite some evil hacks, but it also turned out playing with the PAM config can make the login hard ;-)
• Sarah's "Stress Tests and Performance Monitoring" - I already started to play with Munin which looks like a good candidate to replace some custom perl scripts I'm currently using
• the SUSE Band :-)
• Richard's "Distribute or die", even if I don't really agree that we should discourage using additional repos. Maybe I should just quote Richard himself:

I am not a Dictator, I can think of no example where I've ordered anyone to do anything. And I would expect people to stare at me funny and tell me 'no', if I tried.

I also had lots of interesting discussions on the hallway track and learned something about Nürnberg in the city tour and the cellar tour.

After the official part of oSC16 ended, we had a promising disussion about the (technical) future of the openSUSE wiki. If everything works out as planned, we'll get some shiny new hardware hosted in Provo that is only used for openSUSE - and the most important thing is that we'll have SSH access to it and can do whatever is needed without having to wait for the Provo admins.

PS: You might have noticed that I didn't mention the openSUSE Jeopardy in this post - I'll do that in a separate post next week ;-)

As part of my work on rootless containers, I found that many tools try to drop privileges. This makes those tools break inside rootless containers, so I spent a week or two working on a tool that allows users to shim out all of the "drop privileges" syscalls. Here is documented the pain that I went through while figuring out how ptrace(2) is meant to work.