tag:blogger.com,1999:blog-368607702024-02-07T09:06:03.814+01:00swipr blogUpdates, tips and other swipr-related stuffJacco Nieuwlandhttp://www.blogger.com/profile/13763382216542424641noreply@blogger.comBlogger10125tag:blogger.com,1999:blog-36860770.post-85623126131590705662007-10-29T20:04:00.000+01:002008-12-11T21:18:46.565+01:00Adding the swipr menu to your documentsAs you may or may not know, swipr comes with a number of menus (main menu and context menus). However, these are generally disabled when you first start to use swipr. To use the swipr menus in your documents, you will have to manually set the reference to the swipr stencil for each of your documents. I have not yet found a way to do this programmatically. And somehow, this reference is lost once you close your document. Through the help of Martijn van Welie (of <a href="http://www.welie.com/">interaction pattern</a> fame), there now is a way to save the reference with your document. You still have to set it manually, but after that, it will be saved!<br /><br />Just follow these 10 easy steps to enjoy everlasting swipr menus in your documents.<ol><br /><li>Open your document. Let's reference this document as MyDoc.vsd from now on. </li><br /><li>Open the swipr stencil within your document (File -> Shapes -> My Shapes -> swipr_sfwf_070)</li><br /><li>Open the VBA editor (Tools -> Macros -> Visual Basic Editor, or Alt-F11)</li><br /><li>In the VBA editor, select your document in the project explorer (left top of the VBA interface)</li><br /><li>Open the wireframe document by double-clicking the ThisObject object.</li><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNerUtHnYArvjJb1GOkYvIQDWC2ZWvUcpkcDFGuqfglsVUvlwHv1l44pHts0RdfVGclPtjoBQzzL636_URK1WobvF1h_nZzvTi-8XEjoIUfnhPFdTRi9bzf8V8VW4NLTPqzJ5igg/s1600-h/swipr_saveref01.png"><img style="margin: 0pt 0pt 10px 10px; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNerUtHnYArvjJb1GOkYvIQDWC2ZWvUcpkcDFGuqfglsVUvlwHv1l44pHts0RdfVGclPtjoBQzzL636_URK1WobvF1h_nZzvTi-8XEjoIUfnhPFdTRi9bzf8V8VW4NLTPqzJ5igg/s320/swipr_saveref01.png" alt="" id="BLOGGER_PHOTO_ID_5126846425156820866" border="0" /></a><br /><br /><li>Open the dropdown labeled '(General)' and select 'Document' here. Some code will appear in the main window, don't worry about that.</li><br /><li>Still in the VBA editor, open the references dialog (Tools -> References) and locate the swipr stencil in there.</li><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAbs1qsCmIbu-qwF4TiOCl1lSOOuqDrZSBG2GLIe6HE-S4PQCbsKT6IaTZ_GVTVIiJVys1jck8axGV6kABcyYGuZG6F7xTfrFpHufHmOl8h5AseboHlfcUn4e0JH5HmuSy-rWLHA/s1600-h/swipr_saveref02.png"><img style="margin: 0px auto 10px; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAbs1qsCmIbu-qwF4TiOCl1lSOOuqDrZSBG2GLIe6HE-S4PQCbsKT6IaTZ_GVTVIiJVys1jck8axGV6kABcyYGuZG6F7xTfrFpHufHmOl8h5AseboHlfcUn4e0JH5HmuSy-rWLHA/s320/swipr_saveref02.png" alt="" id="BLOGGER_PHOTO_ID_5126848190388379538" border="0" /></a><br /><li>Add the reference to the stencil by ticking the box for the swipr stencil, and close the references dialog</li><br /><li>Close the VBA editor (it will automatically save)</li><br /><li>Save your document (MyDoc.vsd). It should now have all the swipr menus (check to see if they work). </li></ol><br /><span style="font-weight: bold;">Main menu:</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEvYgm7c3ymnMXZ_16zQ2O5rb5WQJMh1r7EG1J-W7RJCyMv7Mc35I2_pMBbLIvMkNmbcw6KVj0TLPjhw5lPZfXGCxoGL_jVHZJTlowZAqTIjkxvqwNcIWvQWujSvH_d_9RYZieHA/s1600-h/swipr_saveref03.png"><img style="margin: 0pt 10px 10px 0pt; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEvYgm7c3ymnMXZ_16zQ2O5rb5WQJMh1r7EG1J-W7RJCyMv7Mc35I2_pMBbLIvMkNmbcw6KVj0TLPjhw5lPZfXGCxoGL_jVHZJTlowZAqTIjkxvqwNcIWvQWujSvH_d_9RYZieHA/s320/swipr_saveref03.png" alt="" id="BLOGGER_PHOTO_ID_5126849319964778402" border="0" /></a><br /><br /><span style="font-weight: bold;">Context menu document explorer:</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAHrQvhbpBqZJcCQupF6AJZmBQ_KxgaiEJqDW0MDpGtYUW_fsCF77SNSm_ufLT5EAbABup3xjQ6tMhriZW7HaBEnF5tctWALJwytdEe5p79Ia3TP0cFwdEmyNxPImCU3Ve21vuPQ/s1600-h/swipr_saveref04.png"><img style="margin: 0pt 10px 10px 0pt; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAHrQvhbpBqZJcCQupF6AJZmBQ_KxgaiEJqDW0MDpGtYUW_fsCF77SNSm_ufLT5EAbABup3xjQ6tMhriZW7HaBEnF5tctWALJwytdEe5p79Ia3TP0cFwdEmyNxPImCU3Ve21vuPQ/s320/swipr_saveref04.png" alt="" id="BLOGGER_PHOTO_ID_5126849324259745714" border="0" /></a><br /><br /><br /><span style="font-weight: bold;">Context menu page tabs:</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsibVIHFoBNOKsE-uupV3QceoYipEbnIddt7HkjDmTGNMvNQRedxiQEGjRk4DJ-bcHl0nEXPmoKVoQWei5JldtYSRXn8pb5T1CbUu9psTaf14SA2b7WZ3eb8RuohBisJqOADtKOA/s1600-h/swipr_saveref05.png"><img style="margin: 0pt 10px 10px 0pt; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsibVIHFoBNOKsE-uupV3QceoYipEbnIddt7HkjDmTGNMvNQRedxiQEGjRk4DJ-bcHl0nEXPmoKVoQWei5JldtYSRXn8pb5T1CbUu9psTaf14SA2b7WZ3eb8RuohBisJqOADtKOA/s320/swipr_saveref05.png" alt="" id="BLOGGER_PHOTO_ID_5126849328554713026" border="0" /></a><br /><br /><br /><span style="font-weight: bold;">Context menu drawing:</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZl85ATHrq4YRI7Hn4Q9nU8d6l_uHFU1-kH-BnVwXCPxs7w5Mt6gmhlHwpzGWtJoXgnwVSVgpq6cktCgU8bh4qwlkwxqDBpeEuGJMlvbl20AcRvJk0Qhb4Wsh-_FvIQtJStJajxg/s1600-h/swipr_saveref06.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZl85ATHrq4YRI7Hn4Q9nU8d6l_uHFU1-kH-BnVwXCPxs7w5Mt6gmhlHwpzGWtJoXgnwVSVgpq6cktCgU8bh4qwlkwxqDBpeEuGJMlvbl20AcRvJk0Qhb4Wsh-_FvIQtJStJajxg/s320/swipr_saveref06.png" alt="" id="BLOGGER_PHOTO_ID_5126849328554713042" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Hope you will enjoy using the swipr menus!Jacco Nieuwlandhttp://www.blogger.com/profile/13763382216542424641noreply@blogger.com20tag:blogger.com,1999:blog-36860770.post-66151402175077297172007-09-21T13:07:00.000+02:002007-09-21T20:20:38.292+02:00swipr site back online!After an embarrassingly long time of being offline, the swipr site is finally back online. The forum and the documentation have been migrated with the new site, so sme things look a little different. Also, be patient while the documentation loads, this sometimes takes quite a bit of time. A big 'thank you' to Victor for working on this and making sure the site was live before the EuroIA conference that's going on as I type. <br /><br />Anyway, have <a href="http://swipr.com">a look at it</a>, and please, if you have questions, suggestion or just want to help and make the <a href="http://swipr.com/component/option,com_mambowiki/Itemid,72/">documentation</a> or swipr itself better, let me know! You can use the <a href="http://swipr.com/component/option,com_fireboard/Itemid,82/">forums</a> and of course email me. <br /><br />JaccoJacco Nieuwlandhttp://www.blogger.com/profile/13763382216542424641noreply@blogger.com0tag:blogger.com,1999:blog-36860770.post-22290859476184028162007-05-30T15:51:00.000+02:002007-09-21T20:23:19.546+02:00swipr site is down[It's all fixed now. Finally. So forget all the links in this blog post. Jacco]<br /><br />As you may have noticed, the official swipr site (www.swipr.com) is down. This has to do with some security issues surrounding the Mambo CMS.<br /><br />I am working on resolving all of this, but in the meantime, the documentation and support parts are up and running:<br /><ul><li>swipr docs</li><br /><li>swipr forum</li></ul>Furthermore, I'm looking into another way of setting up a swipr site, for instance using Google Groups or SourceForge. If you have any ideas, suggestions and help to offer around this, please let me know!<br /><br /><br />Cheers,<br /><br />JaccoJacco Nieuwlandhttp://www.blogger.com/profile/13763382216542424641noreply@blogger.com0tag:blogger.com,1999:blog-36860770.post-73623541497182454712007-02-19T17:36:00.000+01:002007-05-30T15:57:32.471+02:00Free swipr workshops in Las Vegas & WashingtonAs you may or may not know, the<a href="http://www.iasummit.org/2007/" target="_blank"> IA Summit 2007</a> will be held in <strong>Las Vegas</strong>, from the 22nd to the 26th of March. And I will be there, attending both pre conference workshops and the conference itself. The IA Summit has been very inspiring for me over the last couple of years, and the warm reception of swipr´s predecessor in Austin in 2004 has been a very important driver for me to create swipr and make it available to the IA community.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.wordtravels.com/dbpics/countries/Nevada/las-vegas-sign.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px;" src="http://www.wordtravels.com/dbpics/countries/Nevada/las-vegas-sign.jpg" alt="" border="0" /></a> For this conference, I have proposed a free workshop to help people get started with swipr, but unfortunately, it was not accepted. This was partly because it was a proposal for a half-day pre-conference workshop, but free of charge. This doesn't fit with the normal way the pre-conf workshops are treated. However, I would still like to do some form of swipr promotion during the conference. So, if you are coming to the IA Summit, what would you like to see?<br /><br />- Basic installation & setup of swipr;<br />- Examples of how to work with swipr;<br />- Help with your current problems involving swipr;<br />- Information on how to extend swipr with extra possibilities;<br />- Any other stuff you can think about.<br /><br />If you are attending the Summit, and would like to get together to discuss any of the items mentioned, or anything else, please let me know, and also let me know when you would like to meet up. It seems that most of my Friday will be free, and there will be possibilities around Summit sessions aswell. As soon as I get an idea of how many people would like to see swipr, I can start to set up some sessions.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.coachtrips.com/tourImages/XAWD1WNWTHS.jpg"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 200px;" src="http://www.coachtrips.com/tourImages/XAWD1WNWTHS.jpg" alt="" border="0" /></a>Also, I will be travelling back to Amsterdam via <strong>Washington</strong>. If anyone overthere is interested in a swipr presentation or workshop, let me know. I might be able to arrange something on the Thursday or Friday (29/30) after the IA Summit, if you're interested.<br /><br />Hope to see you in Vegas or Washington!<br /><br />Jacco Nieuwland<br />(info _at_ swipr.com)Jacco Nieuwlandhttp://www.blogger.com/profile/13763382216542424641noreply@blogger.com1tag:blogger.com,1999:blog-36860770.post-2378206487007412912007-01-08T14:08:00.000+01:002008-12-11T21:18:46.702+01:00Creating a prototype with swiprFirst of all, a very happy and succesful 2007 to all of you!<br /><br />I've had a number of questions about how to create an actual prototype with swipr. The normal output is a clickable version of the sitemap or screenflow, with popups for all the wireframes. Within the popup window it is possible to jump from wireframe to wireframe, but people would like to show the prototype in a normal browser window, instead of in the popup. Of course, this is possible, and I'll show you how to do this here.<br /><br />In the 'normal' export of swipr, a popup window is launched everytime the user clicks on one of the screen elements in the swipr screenflow/sitemap. This window opens the file fd_popup.htm with the screennumber as its argument.<br /><br />To have a prototype that does not work in popup screens, you will need a new copy of the fd_popup.htm. This is a very stripped-down version of the original, without any of the tabs to show additional information. The only thing this new version does is load the correct wireframe image, plus it's related imagemap, based on the screennumber argument. This means yu will always need to start your prototype with a call to this new fd_popup and a valid screen number as its argument.<br /><br />The way I normally do this is by creating a new 'prototype' directory on the same level as the wireframes and comments directories. You place the new and stripped-down version of fd_popup.htm. Then, you edit the title page for the swipr screenflow. This page normally contains a link to page 00 (or whatever is the first page in your sitemap/screenflow). You can add a new link to open the first page of your prototype. (see image below).<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-YRVCQzXtOswMTLweJnBX7GdR06BBUW0fLSn4gB8VHKg3Ae8NfAhHKaXqbV9upPcB49-Gn-I5iZoxvlXov7_Z80x7Z11mk-Ru4QOHsEXpoPP3xoT-sWBbkXv7tTBib1LkhctyGA/s1600-h/inserthyperlink.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-YRVCQzXtOswMTLweJnBX7GdR06BBUW0fLSn4gB8VHKg3Ae8NfAhHKaXqbV9upPcB49-Gn-I5iZoxvlXov7_Z80x7Z11mk-Ru4QOHsEXpoPP3xoT-sWBbkXv7tTBib1LkhctyGA/s400/inserthyperlink.gif" alt="" id="BLOGGER_PHOTO_ID_5017644431051187154" border="0" /></a><br />This will open the first page in the same browser window, and WILL NOT have any of the tabs that a 'normal' swipr wireframe has. An example can be found <a href="http://swipr.com/html/ex2/index.htm" target="_blank">on the swipr website</a>.<br /><br />I hope this will help you in creating a proper prototype using swipr.Jacco Nieuwlandhttp://www.blogger.com/profile/13763382216542424641noreply@blogger.com3tag:blogger.com,1999:blog-36860770.post-56655291377474894192006-11-09T17:07:00.000+01:002006-11-10T14:20:46.303+01:00Hyperlink locations are offI have received a number of reports of mis-aligned hyperlinks within the swipr-generated output. <span style="font-style: italic;">(BTW, I need a good name for this output, anybody got any ideas?). </span>The problems can be traced back to two seperate causes.<br /><br /><span style="font-weight: bold;font-size:130%;" >Cause 1: Text objects are extending beyond the exported image.<br /></span><span style="font-size:100%;">If you select all objects in the page, you will notice pink outlines for all objects. See if you can determine the left and top edges of the exported image (compare it to the wireframe image), and then check if there are objects extending to the left and/or top of those edges. If any of the objects extending these edges are NOT on the 'no_export' layer, you have found your problem. This is normally caused by text objects that have a non-text part of the object extending above or to the left of the image. make sure all borders of text objects fall within the visible edges of the epxorted image.</span><br /><br />A quick insight into how swipr creates the imagemap file that sets the hyperlinks:<br /><ol><li><span style="font-weight: bold;">Determine the upper left corner of exportable objects</span> - For the current page, and all of its background pages, determine the upper left-most object. For text objects, this is the left top corner of the object, which is not necessarily the left top corner of the text itself;<br /></li><li><span style="font-weight: bold;">Find hyperlink objects</span> - cycle through the objects on the current page and all background pages to find objects on the prototype layer and the comment icon layer<br /></li><li><span style="font-weight: bold;">Calculate location of hyperlinks</span> - do some complicated calculations to convert internal Visio-based (bottom-left) locations to pixel-based (top-left) locations and dimensions;<br /></li><li><span style="font-weight: bold;">Write imagemap file</span> - write this information to a javascript file to include in the wireframe popup.<br /></li></ol>In the first step, you see the left top location is calculated on the basis of a text object's location and size. However, when Visio exports images, it will only export the <span style="font-weight: bold;">visible</span> portion of a Visio page. This means that there is a differnece between the calculated left top corner and the actual exported left top corner of the image, when a text object stretches beyond the visible left or top border.<br /><br /><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://swipr.com/blog/img/borders.png" alt="" border="0" /><br /><br />So, make sure all text objects are within the visible borders of the exported image, either by moving them, or by extending the exported image to include the full text object.<br /><br /><span style="font-weight: bold;font-size:130%;" >Cause 2: A non-standard DPI setting of the computer's display</span><br />A new problem that came to my attention this week is when the computer display's DPI setting (the resolution) is set to a nonstandard amount (120 dpi instead of the standard 96 dpi, for instance). Swipr does not react nicely to this. The screenflow part of the export is fine, it has taken the dpi setting into account, but the wireframe output does not take that into account.<br /><br />For now, the only work-around is to do the swipr output generation on a machine with standard dpi settings.<br /><br />I hope this solves some of your problems!Jacco Nieuwlandhttp://www.blogger.com/profile/13763382216542424641noreply@blogger.com1tag:blogger.com,1999:blog-36860770.post-84974120740827811602006-11-01T09:27:00.000+01:002006-11-01T11:51:16.337+01:00100 downloads!OK, so maybe I am overreacting a little bit, but last night we had our <span style="font-weight: bold;">100th download</span> of swipr! This means that at least 100 people have probably installed it and looked at the demo project. I'm very curious to find out how many people are actually using it for a project at this moment.<br />As it happens, a number of former colleagues <span style="font-weight: bold;">have started to use swipr</span> here in The Netherlands. From them, I know that they are using it, although I have had to <span style="font-weight: bold;">help them set up</span> swipr to make it work for them. So how do I find out how many other people are using it?<br /><br />One more question on my mind is this: at this time, over <span style="font-weight: bold;">170 people</span> have <span style="font-weight: bold;">registered </span>for the swipr website. The only reason for them to do so at this moment is, as far as I can tell, to download swipr. However, only <span style="font-weight: bold;">102 downloads</span> have happened so far. That means <span style="font-weight: bold;">40%</span> of the people that register, <span style="font-weight: bold;">do not download swipr</span>. Is there a bug in my metrics set-up, or are people abandoning the process after they've registered? If anyone has experienced problem with the download, please let me know!Jacco Nieuwlandhttp://www.blogger.com/profile/13763382216542424641noreply@blogger.com2tag:blogger.com,1999:blog-36860770.post-1162302688204115522006-10-31T14:50:00.000+01:002006-11-01T11:52:54.894+01:00Extending the swipr documentationAs you may have noticed, <span style="font-weight: bold;">documentation </span>on swipr <span style="font-weight: bold;">is quite sparse</span>. It is difficult to find the time to create a very elaborate set of documentation, which is why I have set up the <span style="font-weight: bold;">documentation in a wiki</span>. It would be great if there are more people that would like to add to, and <span style="font-weight: bold;">enhance the current set of documentation</span>.<br /><br />If you would <span style="font-weight: bold;">like to contribute</span>, please send me an email (info at swipr dot com). You'll need to be registered on swipr.com (which you probably are already). I will then change your role in swipr.com, so you have sufficient <span style="font-weight: bold;">rights to modify and add content</span> in the documentation area. Thanks in advance for your contributions!Jacco Nieuwlandhttp://www.blogger.com/profile/13763382216542424641noreply@blogger.com0tag:blogger.com,1999:blog-36860770.post-1162251111302043782006-10-31T00:24:00.000+01:002006-11-01T09:35:25.792+01:00swipr visitors & downloadsThis picture is taken from google analytics, that is keeping track of visitors to swipr.com. As you can see there are two peaks. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://swipr.com/blog/img/1.gif"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://swipr.com/blog/img/1.gif" alt="" border="0" /></a>The first (very small) one happened directly after the release of swipr in Berlin, during the weekend of Sep 30th - Oct 1st. A maximum of 46 visitors and 579 pageviews on one day was the result of this. <div xmlns="http://www.w3.org/1999/xhtml"> <p>On Wednesday, Oct 25th, I sent a message to two IA mailing lists (IxDA Discuss and SIGIA-l). This peak was a bit more impressive, resulting in 261 visitors and almost 3000 pageviews in one day. Visitors then sharply fall again, but I'm hoping that there will be a bit of publicity within the blogosphere after people start using swipr in the next couple of weeks.<br /></p> <p>The total number of swipr downloads is now up to 92. I'm hoping at least soe of these people will actually start using swipr. I've been helping out a couple of people here in The Netherlands with setting up and starting to use it, which might be a bit more tricky for people further away. Still, it should not be an excuse not to use swipr, as there is a support forum on the swipr site which I am constantly monitoring.<br /></p><br /></div>Jacco Nieuwlandhttp://www.blogger.com/profile/13763382216542424641noreply@blogger.com0tag:blogger.com,1999:blog-36860770.post-1162248615765829752006-10-30T23:38:00.000+01:002006-11-01T09:34:57.565+01:00swipr goes bloggingWelcome to the swipr blog! After releasing swipr last month in Berlin, during the <a href="http://www.euroia.org">Euro IA</a>, I was wondering how to keep people updated on new developments. It seems that a blog might be the best way to do so. The plan is to give regular updates on further development of swipr. Also, I might give some hints and tips for common problems, and it would be great if swipr users would allow me to show different applications of swipr in real life.Jacco Nieuwlandhttp://www.blogger.com/profile/13763382216542424641noreply@blogger.com0