index.html


<!DOCTYPE html>
<!--[if IEMobile 7 ]><html class="no-js iem7"><![endif]-->
<!--[if lt IE 9]><html class="no-js lte-ie8"><![endif]-->
<!--[if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
  <meta http-equiv="refresh" content="0; url=http://blog.scribeui.org" />
  <meta charset="utf-8">
  <title>Scribe UI</title>
  <meta name="author" content="Jessica Lapointe">

  
  <meta name="description" content="ScribeUI is a tool meant to help the editing and management of mapfiles, supporting Scribe and Standard mapfile syntax, and basemaps in the near &hellip;">
  

  <!-- http://t.co/dKP3o1e -->
  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="320">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  
  <link rel="canonical" href="http://mapgears.github.io/scribeui-site">
  <link href="/scribeui-site/favicon.png" rel="icon">
  <link href="/scribeui-site/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
  <link href="/scribeui-site/atom.xml" rel="alternate" title="Scribe UI" type="application/atom+xml">
  <script src="/scribeui-site/javascripts/modernizr-2.0.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script>!window.jQuery && document.write(unescape('%3Cscript src="./javascripts/lib/jquery.min.js"%3E%3C/script%3E'))</script>
  <script src="/scribeui-site/javascripts/octopress.js" type="text/javascript"></script>
  <!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  

</head>

<body   class="collapse-sidebar sidebar-footer" >
  <header role="banner"><hgroup>
  <h1><a href="/scribeui-site/">Scribe UI</a></h1>
  
</hgroup>

</header>
  <nav role="navigation"><ul class="subscription" data-subscription="rss">
  <li><a href="/scribeui-site/atom.xml" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li>
  
</ul>
  
<ul class="main-navigation">
  <li><a href="/scribeui-site/">Home</a></li>
  <li><a href="https://github.com/mapgears/scribeui/releases">Get ScribeUI</a></li>
  <li><a href="/scribeui-site/blog/archives">Blog Archives</a></li>
  <li><a href="/scribeui-site/about">About</a></li>
</ul>

</nav>
  <div id="main">
    <div id="content">
      <div class="blog-index">
  
  
    <article>
      
  <header>
    
      <h1 class="entry-title"><a href="/scribeui-site/blog/2013/07/22/first-release/">First ScribeUI 0.1 Release</a></h1>
    
    
      <p class="meta">
        

<time datetime="2013-07-22T11:29:00-04:00" pubdate data-updated="true">Jul 22<span>nd</span>, 2013</time>
        
         | <a href="/scribeui-site/blog/2013/07/22/first-release/#disqus_thread">Comments</a>
        
      </p>
    
  </header>


  <div class="entry-content"><p>ScribeUI is a tool meant to help the editing and management of mapfiles, supporting <a href="http://www.mapgears.com/en/blog/archive/2013-03-12-scribe">Scribe</a> and Standard mapfile syntax, and <a href="https://github.com/mapserver/basemaps">basemaps</a> in the near future. I am currently developping this tool as a <a href="http://www.google-melange.com/gsoc/homepage/google/gsoc2013">Google Summer of Code</a> project. In the last few weeks, I worked on the GUI of ScribeUI, trying to make it as good and smooth as possible, and it is now ready to test and try out by the community!</p>

<p>Please keep in mind that this is far for complete, but we felt that it was important to release early, as this allows to gather opinions on what the users want and need. Any feedback is welcome, should it be new feature ideas, general comments or bug reports.</p>

<p>I would love to see many people play with ScribeUI, but I would advise against doing any critical work for now, as the software might be a bit unstable at times.</p>

<p>I listed below a few bugs and unfinished tasks we are currently aware of.</p>

<h2>Work in Progress</h2>

<ul>
<li>The map list (in the Manager) is just a bunch of blank file icons for now. These will become map snapshots.</li>
<li>The Scribe syntax errors for now are not clear. This is solved in a new version of Scribe which I will integrate in the next release.</li>
<li>Basemap support is on hold until next release, it has to be tested more.</li>
<li>For now only one template is available for each map type.</li>
<li>It is not yet possible to edit workspace or map name, description or password.</li>
<li>UI error messages need more work to be clear to the user.</li>
</ul>


<h2>Known Bugs</h2>

<ul>
<li>The layout was mostly tested in Firefox. Scrollbars and other oddities appear in Chrome.</li>
<li>Sometimes the backend start giving out errors 500 on open, save, or pretty much any ajax call to the map.</li>
<li>Long map names don&rsquo;t display very well in the map list</li>
<li>Resizing the window completely breaks the layout.</li>
<li>Web browsers&#8217; default handling of ctrl-z results in loss of layer groups.</li>
<li>It is only possible to close the secondary editor (map, variable, scales, etc&hellip; ) by selecting the empty option in the select menu.</li>
<li>The browser font is too small</li>
</ul>


<h2>Download and Links</h2>

<p>To get ScribeUI 0.1, you can either clone <a href="https://github.com/mapgears/scribeui">the repo on github</a> and checkout v0.1 or <a href="https://github.com/mapgears/scribeui/releases/tag/v0.1">download an archive.</a></p>

<p>ScribeUI and its installation instructions are available on github: <a href="https://github.com/mapgears/scribeui">https://github.com/mapgears/scribeui</a></p>

<p>The Scribe syntax is described here: <a href="http://www.mapgears.com/en/blog/archive/2013-03-12-scribe">http://www.mapgears.com/en/blog/archive/2013-03-12-scribe</a></p>

<p>Bug reports can be made on the github: <a href="https://github.com/mapgears/scribeui/issues">https://github.com/mapgears/scribeui/issues</a></p>

<p>Discussion is encouraged on the <a href="http://lists.osgeo.org/mailman/listinfo/mapserver-users">mapserver-user mailing list</a>.</p>

<p>Thanks a lot!</p>
</div>
  
  
    </article>
  
  
    <article>
      
  <header>
    
      <h1 class="entry-title"><a href="/scribeui-site/blog/2013/06/11/mockups/">Mockups</a></h1>
    
    
      <p class="meta">
        

<time datetime="2013-06-11T13:46:00-04:00" pubdate data-updated="true">Jun 11<span>th</span>, 2013</time>
        
         | <a href="/scribeui-site/blog/2013/06/11/mockups/#disqus_thread">Comments</a>
        
      </p>
    
  </header>


  <div class="entry-content"><h2>First Page</h2>

<p><a href="/scribeui-site/images/FirstOpening.png" title=""><img src="/scribeui-site/images/FirstOpening.png" /></a></p>

<p>When the app is first opened, the app asks for a workspace to work on. The workspaces allow ScribeUI to be cloud-based, with each user or project having its own workspace.</p>

<h2>Manager</h2>

<p><a href="/scribeui-site/images/Manager.png" title=""><img src="/scribeui-site/images/Manager.png" /></a></p>

<p>The manager lists the maps withing the project. The icons will be snapshots of the map. The toolbar at the bottom of the map is accessible from anywhere. The quickview is very useful, as it allows the user to save and quickly get back to certain map extents.</p>

<h2>Editor</h2>

<p><a href="/scribeui-site/images/Editor.png" title=""><img src="/scribeui-site/images/Editor.png" /></a>
This is the most important part of the app. The toolbar on top of the text box contains most tools for the mapfile edition.</p>

<ul>
<li><p><strong>Layer Groups</strong>: Choose the currently edited layer group from the drop-down. Group order and deletion managed in a pop-up appearing when the user clicks on the icon next to the drop-down.</p></li>
<li><p><strong>Variables</strong>: Opens a panel on top of the regular editor. It contains the map&rsquo;s variables, if the project is in Scribe.</p></li>
<li><p><strong>Settings</strong>: This drop-down contains editable sections of the map project.</p></li>
<li><p><strong>Debug</strong>: The flag icon opens a list of debugs links. Mapfile Result is the outputted mapfile, Scribe logs contains log messages from Scribe and Mapserver Debug contains the debug output from mapserver.</p></li>
<li><p><strong>Editor Settings</strong>: The gear icon will allow the user to edit the editor&rsquo;s configuration.</p></li>
<li><p><strong>Swatch Toolbar</strong>: The swatches at the bottom of the editor allow the user to edit the project&rsquo;s colors with a color picker.</p></li>
</ul>


<h2>Editable Panel</h2>

<p><a href="/scribeui-site/images/Editor_Variables.png" title=""><img src="/scribeui-site/images/Editor_Variables.png" /></a></p>

<p>When a user clicks on one of the settings option, or on the variable button, a panel opens that allows the edition of that particular setting.</p>

<p>A big thanks to the people from <a href="http://www.balsamiq.com/products/mockups">Balsamiq</a> who gave a licence for their mockups software to this GSoC project !</p>
</div>
  
  
    </article>
  
  
    <article>
      
  <header>
    
      <h1 class="entry-title"><a href="/scribeui-site/blog/2013/06/10/start/">Start of the Project</a></h1>
    
    
      <p class="meta">
        

<time datetime="2013-06-10T11:29:00-04:00" pubdate data-updated="true">Jun 10<span>th</span>, 2013</time>
        
         | <a href="/scribeui-site/blog/2013/06/10/start/#disqus_thread">Comments</a>
        
      </p>
    
  </header>


  <div class="entry-content"><p>ScribeUI was accepted as a Google Summer of Code 2013 entry with OSGeo!</p>

<p>The beginning of the project so far has been all about preparation. What new functionnalities do we want ? What current functionnality needs to get better ? What is good about the current application, and what needs to be redone ? What are the bugs, and how important are they ?</p>

<p>So before a first version can be released, a few things need to be done. First, GUI Mockups. The main weakness of the application right now is the GUI, and the mockups really help bringing new ideas before doing any coding. The mockups will be up shortly on this blog.</p>

<p>Next, there need to be some rethinking of the code to have it work with modules. That way, implementing new features will be much easier.</p>

<p>Also, two bugs need to be corrected before releasing the project. Both bugs cause loss of work made by the user, that is why they need to be fixed as soon as possible.</p>

<p>And finally, actually implemeting the new GUI as directed by the mockups.</p>

<p>Once all of this is done, the app can be used and tested by anyone interested. Some functionnalities will be missing, but the core will be there.</p>
</div>
  
  
    </article>
  
  <div class="pagination">
    
    <a href="/scribeui-site/blog/archives">Blog Archives</a>
    
  </div>
</div>
<aside class="sidebar">
  
    <section>
  <h1>Recent Posts</h1>
  <ul id="recent_posts">
    
      <li class="post">
        <a href="/scribeui-site/blog/2013/07/22/first-release/">First ScribeUI 0.1 Release</a>
      </li>
    
      <li class="post">
        <a href="/scribeui-site/blog/2013/06/11/mockups/">Mockups</a>
      </li>
    
      <li class="post">
        <a href="/scribeui-site/blog/2013/06/10/start/">Start of the project</a>
      </li>
    
  </ul>
</section>


</aside>

    </div>
  </div>
  <footer role="contentinfo"><p>

</p>

</footer>
  

<script type="text/javascript">
      var disqus_shortname = 'ScribeUI';
      
        
        var disqus_script = 'count.js';
      
    (function () {
      var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
      dsq.src = 'http://' + disqus_shortname + '.disqus.com/' + disqus_script;
      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    }());
</script>


  <script type="text/javascript">
    (function(){
      var twitterWidgets = document.createElement('script');
      twitterWidgets.type = 'text/javascript';
      twitterWidgets.async = true;
      twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
      document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
    })();
  </script>


</body>
</html>