O'Reilly logo

Designing for XOOPS by Sun Ruoyu

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 8. Case Study: My TinyMag

Wireframing

Let’s begin by visualizing the layout. Wireframing tools are very useful. I personally prefer Pencil, which is a Firefox extension as well as a standalone product (http://pencil.evolus.vn/). Using it, I’ve designed quite a complex home page structure, shown in Figure 8-1. (Note that it is only for illustration purposes: please don’t judge the design according to UI or UX principles!)

When making prototypes, start by thinking about which modules you are going to use. For an article module, I chose Publisher. It’s based on SmartSection and was developed by Trabis. Although it is only in alpha, it is already quite stable. However, since the author hasn’t provided the latest version for download, you’ll have to check it out from his code forge at http://code.google.com/p/xuups/source/browse/trunk/modules/.

A wireframe of the home page we will build in this chapter
Figure 8-1. A wireframe of the home page we will build in this chapter

Note

If using SVN is painful for you, you can use the Publisher version I checked out on February 9, 2011, at http://code.google.com/p/insraq/downloads/list. It works well on my XOOPS 2.5 installation. See Figure 8-2.

A version of Publisher checked out on February 9, 2011 is available for download if you prefer to avoid Subversion
Figure 8-2. A version of Publisher checked out on February 9, 2011 is available for download if you prefer to avoid Subversion

For building polls, I chose the XOOPSPoll ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required