long_description.html

<div class="row-fluid">
    <div class="span12">
        <p>
        Tagging Pictures is a <strong>demo project</strong> for PyBossa that shows how you can
        crowdsourcing an image tagging problem.
        </p>
        <p>
        This project uses the Flickr web service as the source of the data and the pictures
        provided by <a href="http://www.flickr.com/photos/australian-war-memorial/with/8661409625/">Australian War Memorial collection</a>.
        By using Flickr, we have the possibility of using its API to refine the
        searches, and looking for specific tags or descriptions that match a
        specific criteria, i.e. houses of 1920 or tsunami. In this case the project shows how you
        can tag faces of people from old photos in order to identify them.
        </p>
    </div>
</div>
<div class="row-fluid">
    <div class="span9">
        <p>
        This demo project loads a picture from <a href="http://www.flickr.com/photos/australian-war-memorial/with/8661409625/">Australian War Memorial collection</a> and ask the following question:
        <strong>Tag all the faces of people that you know</strong>.
        </p>
        <p>
        <img class="img-polaroid" src="http://farm9.staticflickr.com/8222/8365607991_833f575d4f_z.jpg">
        </p>
        <p>
        Then, the user can click on the picture and drag to draw a square on top of the face. This action will open a window where the user will be able to type the name of the person and save it.
        </p>
    </div>
</div>
<div class="row-fluid">
    <div class="span12">
        <p>
        Based on the answer of the users, we will be able to classify the photos, 
        distributing the tasks (thanks to PyBossa) to different users and volunteers.
        </p>
        <p>
        <span class="label label-warning">
            <i class="icon icon-white icon-bullhorn"></i>
             Note</span> If you want to learn more about how to use this project as a template,
         check the:
         <ul>
             <li><a href="http://github.com/PyBossa/app-annotorious">source code</a></li>
             <li><a href="https://docs.google.com/spreadsheet/ccc?key=0AsNlt0WgPAHwdHFEN29mZUF0czJWMUhIejF6dWZXdkE&usp=sharing#gid=0"> Google Spreadsheet Task Template</a></li>
             <li><a href="http://docs.pybossa.com/">the official documentation of PyBossa</a> and </li>
             <li><a href="http://docs.pybossa.com/en/latest/user/tutorial.html">the step by step tutorial.</a></li>
         </ul>
        </p>
        <p>
        <span class="label label-info">Note</span> <a href="http://www.flickr.com/photos/cambodia4kidsorg/260004685/in/photostream/">Project icon</a> courtesy of <a href="http://www.flickr.com/photos/cambodia4kidsorg/">Beth Kanter</a></p>
        </p>
        <hr>
        <iframe src="http://ghbtns.com/github-btn.html?user=PyBossa&repo=app-annotorious&type=watch&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="170" height="30"></iframe>

        <iframe src="http://ghbtns.com/github-btn.html?user=PyBossa&repo=app-annotorious&type=fork&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="170" height="30"></iframe>
    </div>
</div>
<script type="text/javascript">
    $("[rel=tooltip]").tooltip();
</script>