web

Open Remote Tabs

Nowadays, there are many different browsers available. Sometimes we want or have to change between them because every browser has its advantages and disadvantages. Furthermore, at work, people often use a different browser (e.g. Internet Explorer) than at home (e.g. Google Chrome, Mozilla Firefox). Now, when coming home, there should be an easy way to re-open the tabs they had open at work or simply at a different location. Every modern browser allows to open many tabs. However, it is not easy to move these tabs from one browser to another. Challenge: <ul><li>Find an <strong>easy</strong> way to open tabs in the browser of your choice that you recently opened in another browser.</li><li>Choose at least <strong>two</strong> different browsers to work with.</li><li>This should also work when the remote browser is already closed.</li></ul>

Improve accessibility of a website

For differently-abled people it is quite complicated to access content on the Internet. To improve this the W3C consortium issued a recommendation called WCAG - Web Content Accessibility Guidelines. The <a href="http://www.w3.org/TR/WCAG10/">recommendation </a> defines 3 priority levels of the recommendations: [Priority 1] A Web content developer must satisfy this checkpoint. Otherwise, one or more groups will find it impossible to access information in the document. Satisfying this checkpoint is a basic requirement for some groups to be able to use Web documents. [Priority 2] A Web content developer should satisfy this checkpoint. Otherwise, one or more groups will find it difficult to access information in the document. Satisfying this checkpoint will remove significant barriers to accessing Web documents. [Priority 3] A Web content developer may address this checkpoint. Otherwise, one or more groups will find it somewhat difficult to access information in the document. Satisfying this checkpoint will improve access to Web documents. However a lot of websites does not fulfill even the Priority 1 recommendations. We want to find a client-side solution for altering of such pages for the people with special needs.

Access Database 2010 Portability

There is a case with a very small company that has recently operated from a database in Access 2010 made in two layers (database programs and link to another database with the data.) They would be interested in its portability to the web. The question is: Given that the number of users are few, up to 5 or 6. Sharepoint, web services, MS Office Comunications Server 2007 ... What technology / platform would be well, to use logic layer (the program) and link the db on the server? (Customer has a Windows 2003 server and fixed IP).

Spam-Protect web forms

Spam is not only a problem for emails, but more so for web forms. Bots from spammers try to fill out forms all over the internet. But unlike in your email inbox, the data from your web forms normally does not get spam filtered, which makes spam in these cases an even bigger problem. The goal is to add spam protection (CAPTCHA) to your web forms to make sure only humans fill in and submit the form.

Download Flickr Favorites

The prominent foto and video sharing website flickr.com hosts billions of photos. For me, it is a fascinating and simple way of getting inspiration in a very visual way. I thereby use tags for searching, e.g. „holiday austria“, scan through the individual search results and mark those pictures as favorites which I really like. This way, I selected over 2200 fotos as beeing favorites to me. The process of marking those favorites consists of a single action, a click on the little star icon, located over the top left of each foto in the individual foto view. Being best practive with web services, flickr provides nice URLs for its users (e.g. http://www.flickr.com/photos/stefanl/) and it also provides nice URLs for a users favorites (e.g. http://www.flickr.com/photos/stefanl/favorites/) but since flickr is an online service, photos marked as favorites remain at the accounts of their respective owners and are only „embedded“ to the selecting user. There are quite a few use cases where you want to export (in my case, exporting is equivalent to downloading, without special treatment of eventually available metadata) several or all of those favorites. You may want to create a beautiful screensaver, make prints of those fotos, etc. To my knowledge, flickr doesn‘t provide an easy way to achieve this on their website. I put a lot of effort into my collection of favorites, regularly use them for brainstorming and inspiration and I simply want an offline backup.

Using Google Analytics to track the user visit

Tracking the user visit of our website can be done in a nice, simple, and easy way using Google Analytics.
1. Go to http://www.google.com/analytics/
2. You need a Google account to enter. Create one (sign up) if you do not have any Google account yet.
3. Click "Add Website Profile" and provide the url of your website (and the other necessary information, such as: timezone).
4. Choose the appropriate option in "What are you tracking"
5. Copy and paste the code in the box into every page that you would like to track. Paste the code immediately before the closing </head> tag.
6. Click "Save and Finish"

Usually you have to wait for 24 hours to see the report. Once your report appear, you can also create a customize report using the link in the left hand side (after you clicked "View report"). Location, time, source, how long the user visit the page, etc can be observed easily using Google Analytics.

Tracking the source of visit of our website

As a company or the owner of a website, it is necessary to understand the characteristics of our visitors. The information could be useful to enhance the website itself, or even to create a targeted advertisement. These information including the location and the source of the user visit. In the other hand, the statistics of each page in our website are also important. For example: how often user visit the particular page, which page is the most visited page, where the user usually navigate from one page to another. Then the question remain: how can we gain these information in a nice, simple and easy way?

Easy maintainable static website

A static website shall be built, where all pages use the same layout. The layout may divide a page into several regions, like: footer, header, a menu, and maybe a region for displaying news. There may be other parts which all of the pages have in common (e.g. included resources like css, ...) The goal is that information shared by all pages shall not be duplicated, as this would complicate the maintainance of the website.

Adding generated pages to a website which uses relative paths and a layout template

There is website for a conference using relative paths to reference resources. The content of existing pages are maintained as XML files (containing HTML formatted text) There is one main template that defines the basic layout: header, footer, and a menu. Links defined here use relative paths. This template, an XSL file, is applied to all content pages to transform them into HTML-files. Until now all pages of the website have been located in the same folder. The challenge: A foto gallery shall be integrated into the website. It was generated with an arbitrary tool (e.g. Adobe Lightroom) that organises images and referencing pages in a folder hierarchy of multiple levels. An example: A foto gallery with an album overview, and two alums: Reception and Dinner - Album Overview | . index.html :with a link to each album, thumbnail L Reception | . index.html (with thumbnails of all fotos, linked to detailed view) | L detailed | | . IMG_001.html | | . IMG_012.html | | . IMG_... | L fotos | | . IMG_001.jpg | | . IMG_012.jpg | | . IMG_... L Dinner | . index.html (with thumbnails of all fotos, linked to detailed view) | L detailed | | . IMG_011.html | | . IMG_015.html | | . IMG_... | L fotos | | . IMG_011.jpg | | . IMG_015.jpg | | . IMG_... <ul> Problems: <li>These pages should follow the general layout</li> <li>These pages depend on the generated folder structure, so they can't be moved</li> <li>When the layout template is applied to the files of the gallery, the links (menu!) defined in there are <em>broken</em> (as they are relative references)</li> </ul> Find a way to integrate these pages, so they use the same layout template, and links with relative paths are still working.

Don't surf the web. Command it.

<p>You&rsquo;re writing an email to invite a friend to meet at a local restaurant in Vienna that neither of you has been to.&nbsp; You&rsquo;d like to include a map. Today, this involves the disjointed tasks of message composition on a web-mail service, mapping the address on a map site, searching for reviews on the restaurant on a search engine, and finally copying all links into the message being composed.&nbsp; This familiar sequence is an awful lot of clicking, typing, searching, copying, and pasting in order to do a very simple task.&nbsp; And you haven&rsquo;t even really sent a map or useful reviews&mdash;only links to them.</p> <p>This kind of clunky, time-consuming interaction is common on the Web. Mashups help in some cases but they are static, require Web development skills, and are largely <em>site-centric</em> rather than <em>user-centric</em>.</p> <p>It&rsquo;s even worse on mobile devices, where limited capability and fidelity makes this onerous or nearly impossible.</p> <p>Most people do not have an easy way to manage the vast resources of the Web to simplify their task at hand. For the most part they are left trundling between web sites, performing common tasks resulting in frustration and wasted time.</p>

Pages

Subscribe to web