Start / Posts / Tag "blog"

Tag "blog"

Related popular science posts

December 21, 2015

JavaScript graph libraries: Cytoscape vs. Sigma vs. D3

Recently, I added tags to my blog posts and scientific publications. The tags allow me to connect my articles based on keywords and topics. I use the tags to improve the navigation between articles of the same subject. Also, I can exploit the tag information for advanced visualizations such as tag graphs. In this article I compare three different tag graph implementations based on three different JavaScript libraries: Cytoscape, Sigma, and D3.

blog data visualization zumida hyperkit software

November 18, 2014

Publication slides online now!

To complete the publications section of my website I recently added slides, abstracts and BibTEX entries. Note that the slides are hosted on slideshare, a free service for knowledge sharing used by many researchers and practitioners worldwide.


September 24, 2014

The new website goes online!

I am happy to announce the launch of my new website. This is the fourth edition of the website, where I try to go back to the original idea of providing easy to understand and entertaining content about the field of computer science and software engineering.


April 12, 2012

Introducing Timeline Navigation and Facebook Like

To improve the usability of my blog I worked on two new features: (1) The timeline navigation and (2) the Facebook like button. When reading an article, the timeline navigation allows exploring the remaining blog articles in chronological order. Instead, the Facebook like button provides information about how interesting a given article is for the community.

blog user interface

February 14, 2011

Managing/Publishing Your Resume with PHP and XML

For some time now I was looking for a solution to manage and publish my resume on my website. A simple solution is to upload the PDF, however integration with other website contents is not ideal. Finally I decided to develop a simple XML-based solution analogous to my blog implementation. Moreover, on top of the XML data I currently provide two interesting user interface variants: (1) The tabular interface and (2) the timeline interface.

blog data visualization

January 05, 2012

JavaScript/SVG Tag Graph Interface

Here's another interface in the series of JavaScript/SVG interactive respectively animated prototypes: The tag graph. The idea is to display the article tags as a graph where connections indicate that two tags are used by the same article. Similar to traditional tag clouds the size of the tag name indicates the relative number of articles with a given tag.

blog data visualization hyperkit software zumida

January 04, 2012

Revised PHP/XML Blog Implementation

After another year of up-time it was time to revise some parts of the blog implementation. Originally, I did not pay much attention to the file structure. However, in the meantime I got more experienced through projects like the source code portal. Thus, the new file structure/blog implementation is oriented towards the model-view-controller (MVC) design pattern.

blog data visualization

June 30, 2011

Blog Cover Interface

In the previous post I demonstrated Animated Article Tiles, a new type of interface for blogs. One problem people had using the interface was that the images/titles did not convey enough information to decide what is interesting and what is not. Therefore I decided to take the idea one step further and provide fullscreen tiles with more textual contents indead.

blog data visualization user interface

June 29, 2011

Animated Article Tiles

In my previous posts Blog Calender Interface and Blog Timeline Widget I demonstrated how to use the time information to build navigation controls for blogs. In this article again I deal with blog navigation, however this time I exploit the images contained in the blog articles for building a tiled navigation interface.

blog data visualization user interface

June 28, 2011

Blog Calendar Interface

In my last post Blog Timeline Widget I demonstrated how to provide a timeline for navigating your blog posts. In this article I show a modified version of the idea where the timeline is transformed to a full-screen calendar. This way the previously used dots for articles can be replaced by thumbnails of the article contents carrying more meaningful information.

blog data visualization user interface

June 27, 2011

Blog Timeline Widget

The main purpose of a blog is to provide access to articles (HTML documents) organized by date. To reflect this idea I designed a timeline that visualizes the temporal activity on a blog and that can be used as a navigation at the same time. This post contains screenshots and a YouTube video.

blog data visualization user interface youtube video

June 16, 2011

From Layout to Animation

In a previous article The Evolution of a Functional Prototype I demonstrated how to transform sketches into prototypes backed by database content and application logic. In this post I explore the options for animation of the user interface to provide smooth transitions between the displayed contents. This interface paradigm is for example used by Apple's products to deliver great user experiences.

blog user interface drawing youtube video

June 11, 2011

The Evolution of a Functional Prototype

In a previous article From Sketch to Prototype I illustrated the change from fuzzy whiteboard sketches to more structured and formal HTML prototypes. In this article I take the process one step further to arrive at a real functional prototype of the system backed by (exemplary) database content and Model-View-Controller (MVC) style application logic.

blog user interface drawing

June 06, 2011

From Sketch to Prototype

I have been long thinking how to reorganize my website to migrate from a pure blogging system to a more complete personal portfolio while keeping an original but intuitive interface design and content structure. This article shows a first draft of what the new page could look like and further explains the underlying development process with pictures and screenshots.

blog user interface drawing

January 19, 2011

Improved Website Usability!

After being online with the original layout and navigation concept for almost two years it was time for some central improvements. Among others the RSS feeds have been unified into a single point of access making it easier for you to retrieve the latest updates.


March 20, 2009

XML-RPC based Spam Filtering.

To prevent my blog from being spammed, I recently integrated a spam filtering service. The service is offered by blogspam (dot) net, it's entirely open source and really easy to use. The only thing I had to do is to implement my on lightweight XML-RPC HTTP client for PHP. In this article I show how it's done.


February 17, 2009

Lightweight Blog Implementation.

In this article I describe how this website is created. You get a good insight into the techniques and technologies used. And maybe you get good ideas for your own projects. ;)


February 11, 2009

Personal Website launched!

Hey everyone! I am happy, you made it to this site :). It is my first try to get something up and running. So I hope, you'll like it. I'll try my best to get some good content out there!