tag:blogger.com,1999:blog-73866720117763245432024-03-13T08:19:55.818-04:00Climate Change ModellingSummerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.comBlogger15125tag:blogger.com,1999:blog-7386672011776324543.post-74188088900441774332009-06-12T13:56:00.005-04:002009-06-12T14:25:31.382-04:00June 12th - Dynamically Updating HTML ContentOn June 8th, I managed to make an extension that adds its own button to Mediawiki toolbar. However, this did not work on my Windows machine. It never came to me that it might be a version issue (thanks Maria for pointing this out). I will check what version I have and try to install a different one. Anyway, I am mentioning that because I decided to find a another way for adding an edit button. Instead of setting hooks, I am editing the HTML content of the page by searching for the id "toolbar" and adding an image tag that opens a popup window when clicked. I am really thankful for the author of <a href="http://www.mediawiki.org/wiki/Extension:TeX_Editor">The Tex Box</a> because I found this method through tracing his code (although the code was hard to follow).<br />Another thing I started to work on yesterday was<span style="font-weight: bold;"> finding a way to link several pages to the same URL </span>and navigating through them using <span style="font-weight: bold;">next</span> and <span style="font-weight: bold;">previous </span>buttons. Cameron (thank you) suggested that I use a counter, and by giving each page a number, I can display the proper tags. I have never tried to dynamically update HTML pages before. <a href="http://javascript.about.com/library/blwrite.htm">Using document.write() in Javascript to update the page content turned out not to be a good idea</a>.I finally discovered <a href="http://en.wikipedia.org/wiki/Document_Object_Model">DOM</a>. <a href="http://www.w3schools.com/HTMLDOM/dom_intro.asp">Following this quick tutorial</a>, I managed to write a webpage with a counter that gets incremented or decremented when next or previous buttons are clicked. I was so happy when it worked.<br />Now I have all the tools I need to start coding the extension. Let me recap:<br /><ol><li>A php class for parsing Spreadsheets (excel and csv only).</li><li>A customized button in Mediawiki's toolbar.</li><li>A popup window.</li><li>A dynamically updated content.</li><li>A pretty awsome visulization API (Google Vizuailzation).</li></ol>A few challenged ahead:<br /><ol><li>Designing a friendly user interface.</li><li>Passing variables between HTML pages.</li><li>Findnig a way to create a <a href="http://www.mediawiki.org/wiki/Manual:Special_pages">Mediawiki Special Page</a> and link it to the popup window.<br /></li></ol>Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com0tag:blogger.com,1999:blog-7386672011776324543.post-42568059991063972432009-06-09T12:35:00.001-04:002009-06-09T18:20:10.126-04:00Working from Home - Popup windowsOne of the things I did yesterday was making a Mediawiki toolbar button. Today, I am working from home and surprise surprise, the button isn't working on my Windows wiki. I tried several other extensions that add a toolbar button (which I tested yesterday on ubuntu) and none of them are working in Windows. I finally gave up and decided to work on something else. Before I forger, here is a list of the names I have come up with for the tool so far (the motto for the tool is "<span style="font-weight: bold;">Graphing Made Easy</span>":<br /><ul><li>EasyViz</li><li>VizExpress</li><li>ExpressGraph</li><li>ProntoViz</li></ul>Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com0tag:blogger.com,1999:blog-7386672011776324543.post-16209164226205820182009-06-08T14:04:00.013-04:002009-06-08T15:50:42.137-04:00June 8th - Implementing user interface<div style="text-align: justify;"> I decided to call the data insertion tool "quickViz" for now. The final name will be something within this scope but definitely more creative. Here's my progress so far:</div><ol style="text-align: justify; font-weight: bold;"><li style="font-weight: bold;"><span style="font-weight: normal;"><span style="font-weight: bold;">Reading spreadsheets: </span>Since I am not sure whether to use python or php for the extension, I decided to look into both. Both of them have modules for reading .xls and .csv files, which is good. Though Python is easier to read.</span><br /></li><li style="font-weight: bold;"><span style="font-weight: bold;">Copying and pasting from an e</span><span style="font-weight: normal;"><span style="font-weight: bold;">xisting table:</span> </span><span style="font-weight: normal;">I tried tables from excel, csv , pdf, word, power point, and web pages of course. In all cases, when you copy and paste a table, the items become separated by spaces and the rows get preserved nicely.</span> <span style="font-weight: normal;">I guess for the first version I will just parse the input using space as delimiter.</span></li><li style="font-weight: normal;"><span style="font-weight: bold;">Adding quickViz button to the toolbar:</span> I spent about 3 hours on that, but I finally managed to add a customized button to my mediawiki toolbar, see the picture below:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5dNS5yLDL4itVtuiNqokXMYD-5CJ7RjjsQOCteP46qUBx-qmdZWSypGwp5g9uKpGNtVG0f6ukjArvfdmFDaIwJcxSWzmIA-H9L-VvPZPoD5cI58as0Pkj95obCFne2xLGsCASLC0iOmc/s1600-h/toolbar.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 120px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5dNS5yLDL4itVtuiNqokXMYD-5CJ7RjjsQOCteP46qUBx-qmdZWSypGwp5g9uKpGNtVG0f6ukjArvfdmFDaIwJcxSWzmIA-H9L-VvPZPoD5cI58as0Pkj95obCFne2xLGsCASLC0iOmc/s320/toolbar.png" alt="" id="BLOGGER_PHOTO_ID_5345022463321316402" border="0" /></a></li><li style="font-weight: normal;"><span style="font-weight: bold;">Browsing to a file</span>: <a href="http://www.developertutorials.com/tutorials/php/upload-files-php-050620/page1.html">Here's a simple way to do it.</a></li><li style="font-weight: normal;"><span style="font-weight: bold;">Creating a textbox with default value.</span></li><li style="font-weight: normal;"><span style="font-weight: bold;">Creating a popup window: </span>After the user clicks the quickViz button, I would like a popup window to appear. This part is crucial because it'll contain all the previous stuff that I managed to find/solve/make. I am currently looking at Javascript and <a href="http://javascript.internet.com/generators/popup-window.html">http://javascript.internet.com/generators/popup-window.html</a>.<br /><br /><br /></li></ol>Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com0tag:blogger.com,1999:blog-7386672011776324543.post-81755272782551924572009-06-02T10:35:00.013-04:002009-06-02T15:23:37.292-04:00June 2nd - Linking VisualizationI have decided to begin my work the "data insertion tool" by finding a way to link visualizations (like manyeyes) to the wiki. I am not sure how to write a code that connects to a website, supplys my data, uses their visulization functionaity, then copies and pastes the 'share link" to my wiki. <a href="http://www.mediawiki.org/wiki/Extension:Gchart4mw">Gchart4mw</a> is a graphing tool that uses Google Graphs. The way it does its visulization is by converting input data into one long URl and supply it as a source to the HTML img tag. For example, the graph below is just an image with the following URL (note how the various data is included like country names and title):<br /><br /><div style="text-align: center;"><a href="http://chart.apis.google.com/chart?chs=300x150&chtt=Arabic+Countries&cht=p3&chd=t:75,13,100,63&chl=Iraq%7CSyria%7CUAE%7CEgypt">http://chart.apis.google.com/chart?chs=300x150&chtt=<span style="font-weight: bold;">Arabic+Countries</span>&cht=p3&chd=t:75,13,100,63&chl=<span style="font-weight: bold;">Iraq|Syria|UAE|Egypt</span></a><br /></div><br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.blogger.com/%20http://chart.apis.google.com/chart?chs=300x150&chtt=Arabic+Countries&cht=p3&chd=t:75,13,100,63&chl=Iraq%7CSyria%7CUAE%7CEgypt"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 300px; height: 150px;" src="http://chart.apis.google.com/chart?chs=300x150&chtt=Arabic+Countries&cht=p3&chd=t:75,13,100,63&chl=Iraq%7CSyria%7CUAE%7CEgypt" alt="" border="0" /></a><br /><br /><br /><br /><br /><div style="text-align: left;"><a href="http://www.mediawiki.org/wiki/Extension:GoogleCalendar">GoogleCalendar</a> uses the same approach.<br /><span style="font-weight: bold;"><br /><br /><br /><br />How can I write a code that connects to a website, supplys my data, uses their visualization functionality, then copies and pastes the 'share link" to my wiki?</span><br /><br />----------------------------------------------------------------------------------------------------------------------------------<br />According to today's meeting, I have to design the user interface for my tool. The problem is, I am still not sure what features it should exactly have. A feature which I know will extremely helpful is browsing to a spreadsheet to insert it in the wiki.<br /><ul><li><a href="http://people.fas.harvard.edu/%7Esdouglas/table.cgi">This tool</a>, which I believe is developed in Harvard, does that; you copy and past cells from excel and it converts it to a proper wiki markup table format. I might try to contact the author, or I might be able to develop something similar myself.<br /></li><li><a href="http://www.linux.com/archive/feature/141081">This is another tool</a>. It is written in Perl and you have to have it to populate the wiki with data. You also have to supply your wiki page URL, user name, and password.</li><li><a href="http://area23.brightbyte.de/csv2wp.php">A third tool.</a> It lets you copy and paste data or upload it from a file.</li></ul><span style="font-weight: bold;">Interesting data visualization toolkits:</span><ul><li><a href="http://flare.prefuse.org/apps/job_voyager">Flare.</a> But it requires flash.</li><li><a href="http://prefuse.org/">Prefuse.</a></li><li><a href="http://code.google.com/apis/visualization/documentation/gallery/motionchart.html">Google Motion Chart.</a><br /></li></ul>Idea: Related to Steve's user case. You insert a char, say temperature over 100 years. But you only focus on 50 years. So you set that scale in the tool. The user after that can scale the years from 1 to 100. We can read the limit on the x-axis and set a range.<br /></div></div>Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com0tag:blogger.com,1999:blog-7386672011776324543.post-56899427774249945892009-06-01T14:02:00.005-04:002009-06-01T14:56:53.177-04:00June 1st<span style="font-family:lucida grande;">Maria and I have been trying to make statsjam run properly on our wikis since morning with no luck. I followed all the steps in the README file but when I add the <statsjam>, it attemps to create a new wikipage called Main_Page/</statsjam></span><span style="font-weight: bold;font-family:lucida grande;" >extensions/statsjam/statsjam_to_HTML.py</span><span style="font-family:lucida grande;">. The bold part is the statsjam path in my mediawiki directory. I guess I have to bebug the .py files to see what is going wrong.</span><br /><br /><span style="font-family:lucida grande;">The first extension that is finally working nicely in my wiki is </span><a style="font-family: lucida grande;" href="http://www.mediawiki.org/wiki/Extension:Wiki3D">Wiki3D</a><span style="font-family:lucida grande;">. It lets you insert one or more 3D objects (box, cylinder, sphere, and cone) in your wiki page with the dimensinos and motions you specify.<a href="http://lyriarte.free.fr/Mini3D.html"> Here is an example</a>. I looked at the source code. It uses a Java applet and provides the user specifications as input to the applet. To insert that applet in the wiki page, it uses the <a href="http://www.htmlcodetutorial.com/applets/_APPLET.html">HTML APPLET tag</a> and inserts it directly into the page. I will try to apply this idea to applets taken from maneyes.<br /><br /><span style="font-weight: bold;">Other interesting extensions:<br /></span></span><ul><li><a href="http://www.wickle.com/wikis/index.php/Graphviz_extension">Graphviz extension </a>and many example<a href="http://www.graphviz.org/Gallery.php"> here.</a></li><li><a href="http://www.mediawiki.org/wiki/Extension:Gchart4mw">Gchart4mw</a>.<br /></li></ul>Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com0tag:blogger.com,1999:blog-7386672011776324543.post-47650517689475599152009-05-29T11:57:00.004-04:002009-05-29T12:05:19.849-04:00May 29th - Installing AMP and MediawikiI have finally managed to install and configure Mediawiki on my home and lab machines. It took me two days because I made some small mistakes that caused "Fatal Errors" as my browser kept saying. If you are on <span style="font-weight: bold;">Windows</span>, <a href="http://lifehacker.com/software/wikipedia/geek-to-live--set-up-your-personal-wikipedia-163707.php" class="top">Geek to Live: Set up your personal Wikipedia </a>is a great guide. If you chose to install a pre-made WAMP packages, make sure you don't have Apache, PHP, or MySQL already installed on your machine. If so, unistall them so that they don't interfere with the WAMP server. If you are on <span style="font-weight: bold;">Ubuntu</span>, the guide provided by Mediawiki, <a href="http://www.mediawiki.org/wiki/Manual:Running_MediaWiki_on_Ubuntu">Running MediaWiki on Ubuntu,</a> is great. But make sure you add PHP to the list of "available-mods" <span style="font-weight: bold;">and</span> "enables-mods" in Apache2. And if you fix something but your browser doesn't show it, try clearing the cache (in Firefox, go to Tools --> Clear Private Data --> check Cache --> OK). Thank you Alan for helping me with installing Mediawiki.Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com5tag:blogger.com,1999:blog-7386672011776324543.post-57795160154368305342009-05-27T13:10:00.007-04:002009-05-27T15:01:33.576-04:00May 27thUsability was one of the things we discussed on Monday.I believe that it is not only about how easy it is to use a tool, but also how widely it can be used and how many users can benefit from it. Undoubtfully, mediawiki is used more than Trac. Hence, it might be better if we thought about the "data insertion tool" as a wiki extention which can be later adapted as a Trac extension.<br /><br /><a href="http://www.mediawiki.org/wiki/Manual:Extensions">Mediawiki Extensions:</a><br />It is nice that they explain the main concept behind writing Mediawiki extensions. I will look at the source code for some extensions to gain some insight. I will have to learn PHP along the way.<br /><br /><ul><li><a href="http://www.mediawiki.org/wiki/Extension:Google_Maps">Google Maps extensions </a>will be a great help. It allows users to add a 'pin' in a place based on a latitude and longitude and write notes. How is it useful to us? It has an interactive editor, and it links to a website (manyeyes for example in our case). I have printed the code to read it thoroughly and see how difficult it is to design a GUI in php.<br />One note though; it takes around 4-5 seconds to load the map (so you will see only a white page at the beginning). <a href="http://www.camino-frances.com/wiki/index.php5?title=Hauptseite">Here is a website that uses it.</a> But it's in German or Spanish (I think).</li><li><a href="http://www.mediawiki.org/wiki/Extension:Plotters">Plotters:</a> Given data, it plots them using Javascript. I haven't tried it yet, but it looks like it requires a bit of markup. I will try it today or tomorrow.</li></ul>I checked manyeyes, and the visualizations are javascript. There is a 'share this' tag which provides the full java statement. <a href="http://ific.uv.es/informatica/manuales/ClientGuideJS13/embed.html">This chapter</a> explains how to embed javascript directly in HTML pages. There is also <a href="http://www.mediawiki.org/wiki/Extension:Embed_Media"> 'Embed Media' extension</a>, which sounds promising, but I could not find much information about it. I will investigate more. Though it might be simpler to directly edit the HTML code of the page rather than using another extension and editing the installation file.<br /><br />Other stuff we might need later: <a href="http://www.helge.at/2006/07/embed-flash-into-mediawiki/" rel="bookmark">Embed flash into mediawiki </a>explains one way to do that by editing a php file in Mediawiki installation file. There is already a<a href="http://www.mediawiki.org/wiki/Extension:Flash"> Mediawiki flash extension</a> that does such a job but I don't know if we can install it as part of our tool.<span></span>Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com0tag:blogger.com,1999:blog-7386672011776324543.post-46723425861926488022009-05-25T10:11:00.002-04:002009-05-25T15:45:07.817-04:00May 25thA possible implementation for the data insertion tool could be to generate wiki markup rather than implementing the HTML code of the page.<br />The idea is clear. I think I can start coding. But how to start?<br /><ul><li>I need to pick a programmig launguage (probably python).</li><li>I need a user interface to determine the exact features.</li><li>How can I test it?<br /></li></ul>Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com0tag:blogger.com,1999:blog-7386672011776324543.post-51816230404769883822009-05-22T11:36:00.004-04:002009-05-22T14:48:16.677-04:00May 22nd - Working from homeI am working on Monday's presentation right now. Because I need the software installed on my Windows machine (like Photoshop, Flash, Swish etc..), I am working from home.Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com0tag:blogger.com,1999:blog-7386672011776324543.post-50836870643508734152009-05-21T13:40:00.005-04:002009-05-21T16:42:10.116-04:00May 21st - Data Insertion Tool<span style="font-family:lucida grande;">Making and formatting tables in wikis can be pretty tiresome for non-technical users. Hence, we can design a simple and </span><span style="font-family:lucida grande;">user </span><span style="font-family:lucida grande;">friendly interface to insert tables. Users can decide what rows and columns they want, and input the data in the proper slots. Or they can simply browse to an existing csv file.</span><br /><span style="font-family:lucida grande;">Since Maria is working on </span><a style="font-family: lucida grande;" href="http://abelian-grape.blogspot.com/2009/05/electronic-lab-notebooks.html">Electronic Lab Notebooks</a><span style="font-family:lucida grande;">, I thought we could something more sophisticated for the scientists to insert data. May be pretty diagrams like </span><a style="font-family: lucida grande;" href="http://manyeyes.alphaworks.ibm.com/manyeyes/">Manyeyes</a><span style="font-family:lucida grande;">? and may be a search feature for existing databases?<br /><br />Sarah (thank you very much) directed me to some tools that enable table editing in wiki pages. But they still use the idea of macros and text syntax (which can frighten non technical users). Now although scientists at the Hardley Center have programming experience, many other scientists don't. So if we develop this tool, it may not be as useful to HS as it is to non-technical users. I think I have enough ideas to start working on the power point presentaion tomorrow.<br /></span>Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com0tag:blogger.com,1999:blog-7386672011776324543.post-80383403805582556892009-05-21T10:11:00.010-04:002009-05-24T15:41:23.530-04:00May 21st - How to make your house green?<span style=";font-family:lucida grande;font-size:100%;" >I spent yesterday further investigating what the calculator might look like and what information it contains. Regrettably, majority of people care mostly about how much green gadgets will save in terms of money and maintenance; and less in terms of CO2. Hence, besides looking at the properties of green materials, we need to look at how much extra they cost, and subtract that from the total cost they save through their life cycle to provide users with the total savings.<br />I also came up with this simple interface (I will photoshop it when I go home):<br /><br />Now I am collecting bits of information, divided into several categories, to use in the calculator. I tried to include stuff that are costy, and people are not sure if they will work out so that we save them the trouble of searching cost & results.<br /><span style="font-weight: bold;">1) Laundry</span><br /></span><ul style="font-family: lucida grande;"><li>"Machines that bear the Energy Star logo ... use between 18 and 25 gallons per load, roughly half of the 40-plus gallons guzzled by older, top-loading machines", <a href="http://www.hgtv.ca/green/indoors_FiveGreenLaundryTips.aspx">HGTV Green.</a></li><li>Using cold water which can save $50 to $100 a year (based on average household 400 loads/year). <a href="http://www.energyefficiency.org/cold/en/energy_and_cost_savings.html">Switch to cold website</a>. This means switching to a cold water detergent.<br /></li><li>Washing without water using <a href="http://www.treehugger.com/files/2006/02/sanyos_aqua_was.php">Sanyo's Aqua</a>.</li><li>100% plant-based detergents and fabric softeners.</li><li>hanging clothes on the line. We need to calculate on average, how many days are warm and sunny during the year in Canada (so hanging clothes outside can be possible). Then calculate how much energy driers need per load. Form an equation to get the total energy savings.</li></ul><span style="font-weight: bold;font-family:lucida grande;" >2) Flooring</span><br /><ul style="font-family: lucida grande;"><li>Eco-friendly floors;<a href="http://www.hgtv.ca/green/indoors_EcoChic.aspx"> here is more info</a>. </li></ul><span style="font-weight: bold;font-family:lucida grande;" >3) Electronic gadgets</span><span style="font-weight: bold;font-family:lucida grande;" ><br /></span><ul style="font-family: lucida grande;"><li>Energy Star appliances.</li><li>Fluorescent bulbs and light dimmers.</li></ul><span style="font-weight: bold;font-family:lucida grande;" >4) Housing gadgets<br /></span><ul style="font-family: lucida grande;"><li>Solar panel water heater.</li><li><a href="http://homerepair.about.com/od/plumbingrepair/ss/tankless_hwh.htm">Tankless water heater.</a></li><li> <a href="http://www.crd.bc.ca/water/conservation/rebates/documents/water-lowflow-brochure.pdf">Low-flow toilets</a>, <a href="http://www.crd.bc.ca/water/conservation/household/showerheads/index.htm">showerheads</a> and <a href="http://www.niagaraconservation.com/Aerators.html"><span class="style2">faucet aerators</span></a>.</li><li><a href="http://www.fireplacesandwoodstoves.com/indoor-fireplaces/alternative-fuel-fireplaces/denatured-ethanol.aspx">Ethanol burning fireplace</a>.</li><li> Double glazed or low-emissivity windows.</li><li>Natural paint and <a href="http://www.canada.com/topics/lifestyle/homes/story.html?id=fa797873-1175-47a6-a829-2a0905d95b65&k=60647">low-VOC paint </a>like Benjamin Moore.</li><li>Insulation (walls, windows, roof).</li></ul><span style="font-weight: bold;font-family:lucida grande;" >5) Landscaping</span><br /><ul style="font-family: lucida grande;"><li>LED solar lights.</li><li>Enrolling in a <a href="http://www.canadiangardening.com/how-to/techniques/making-compost/a/1326">composting program</a>.</li><li>Gathering rain water.<br /></li><li>Planting deciduous shade trees.</li><li>Replacing power equipments like power lawn mower, string weed trimmer, gas leaf blower with manual tools.<span style="font-weight: bold;"></span></li><li>Green roofs:<a href="http://www.hgtv.ca/green/outdoors_greenroofs.aspx"> some basic information here.</a><span style="font-weight: bold;"> </span>But we need to investigate the cost much further.</li></ul><span style="font-family:lucida grande;">There are still lots of stuff to add, but now I will shift my gears towards </span><a style="font-family: lucida grande;" href="http://samar-sabie.blogspot.com/2009/05/may-19th.html"><span style="font-weight: bold;font-size:100%;" >Electronic Lab Book Data Insertion Tool. </span></a><span style="font-family:lucida grande;">I will discuss it with Maria so that we can collaborate on the two tools together (Lab book && insertion tool). I will keep updating the list above whenever I find other eco-friendly methods.</span><br /><a href="http://samar-sabie.blogspot.com/2009/05/may-19th.html"><span style="font-weight: bold;font-family:lucida grande;font-size:100%;" ></span></a>Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com0tag:blogger.com,1999:blog-7386672011776324543.post-76716869078483135492009-05-19T15:31:00.003-04:002009-05-21T13:43:40.299-04:00May 19th<span style=";font-family:lucida grande;font-size:100%;" >I spent the long weekend thinking about what interesting data modeling tools we can build. </span><span style="font-weight: bold;font-family:lucida grande;font-size:100%;" >Showing relation between interactive data</span><span style=";font-family:lucida grande;font-size:100%;" > (like in JCM), or </span><span style="font-weight: bold;font-family:lucida grande;font-size:100%;" >giving access to a larger set of data</span><span style=";font-family:lucida grande;font-size:100%;" > seem OK. Another thing I was thinking about is somehow related to the calculators found in <a href="http://www.zerofootprint.net/">http://www.zerofootprint.net</a>.<br /><br /></span><span style="font-weight: bold;font-family:lucida grande;font-size:100%;" >Calculator:</span><span style=";font-family:lucida grande;font-size:100%;" ><br />Buildings in North America contribute to almost 40% of the annual carbon dioxide emission of the continent. There are examples of green buildings out there, but the majority of new and existing developments in the GTA are not green. Hence, we desperately need to make the existing buildings green (by installing good insulation, energy-efficient appliances, solar panels, roof gardens, water recycling, etc.) But that is not as simple as it seems. In some cases, these tools may turn out to be not as efficient as they seem.<br />So how about a tool, a calculator, that, in its very basic mode, allows homeowners to provide information about their house (location, orientation, size, etc.), and the new efficient gadgets they want to install. The calculator then outputs the approximate cost of installing the gadgets, how good/bad they are for the environment, and what savings they will bring to homeowners. This idea sounds promising.<br />On a more advanced level, this tool can be directed to architects (i.e. to design a house that has not been built yet) and allow them to explore the numerous choices they have in terms of buildings materials, orientation, and configuration. Then the tool outputs the expected environmental performance of the building.<br />I know there is a big software called JK solar that does such calculations, but it is expensive and complicated to use.<br />* This is a link to a online<a href="http://www.energystar.gov/index.cfm?fuseaction=HOME_ENERGY_YARDSTICK.showGetStarted"> free DIY home energy audit</a>. It calculates the energy performance of house and provides tips on how to save energy (and CO2 emission).<br />* This is<a href="http://www.holcim.com/scripts/leed_calculator/calculator.php"> LEED calculator</a>. Many online building products are linked to that calculator to evaluate the environmental performance of that product (like how recyclable it is). <a href="http://www.thenewpatcraftdesignweave.com/tnpdproduct.asp?wci=catalog">Here's an example.</a><br />* <a href="http://www.blogger.com/%5Bhttp://www.carbonfootprint.com/calculator.aspx">Carbon Footprint Calculator</a><br />*<a href="http://www.renewablechoice.com/business-LEED-green-power-calculator.html?type=leed&calculation_id="> This calculator</a> counts how much you can save when using renewable energy. The cool thing about it is that it does not only give the result as a chart, but it also scales it in terms of how many trees planted, miles not driven, passenger cars off the road for one year, etc. </span><span style="font-weight: bold;font-family:lucida grande;font-size:100%;" >This conversion is interesting, may be we can use it</span><span style=";font-family:lucida grande;font-size:100%;" >.<br />There are lots of calculators online that calculate your footprint, and they show you how changes can affect the environment. But they are not related to the building itself. From Wikipedia: "Studies have suggested that an initial up front investment of 2% extra [in green gadgets] will yield over ten times the initial investment over the life cycle of the building." Also, LEED points system distribution can be found <a href="http://en.wikipedia.org/wiki/Leadership_in_Energy_and_Environmental_Design#Point_rating">here</a>.<br /><br /></span><span style="font-weight: bold;font-family:lucida grande;font-size:100%;" >Electronic Lab Book Data Insertion Tool:</span><span style=";font-family:lucida grande;font-size:100%;" ><br />I was discussing the latest developments in our tool search with Maria when she pointed me to <a href="http://sourceforge.net/projects/statsjam/"> Statsjam</a>. From their website, "The Stats Jam project is an extension to Mediawiki that allows users to embed database queries and visualisations into their wiki pages". Now I have to figure out how to use it, to see whether we cam improve it or not.<br />I tested it. It's pretty useful, but not for everyone. Only people who have basic knowledge of SQL and MATLAB can use it. It is not that it requires complicated coding, but people who have never coded before are not, needless to day, comfortable with coding even if it's a couple of sentences.<br />So how about a friendly user interface that allow users to pick data from some database, and provide them with the all the options MATLAB does for plotting. </span><span style="font-weight: bold;font-family:lucida grande;font-size:100%;" >Another thing I need to check is the database. How do you upload it? Does the configuration of stats jam database saved within the web framework code?</span><span style=";font-family:lucida grande;font-size:100%;" ><br />We can make things more complicated by giving the user the choice to search for data within existing public databases. For example, he/she can search "global temperature change", with 1950 as a start date and 2050 as end date. Then our tool must provide a graph with this plotted data.This kind of recalls Manyeyes where users can plott from sets of data uploaded by other users.<br />Now I am looking at a tool called DBDesigner4 which models data from mySQL. I will try to install it again tomorrow.</span>Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com0tag:blogger.com,1999:blog-7386672011776324543.post-72098456152862138042009-05-19T15:30:00.001-04:002009-05-21T11:59:51.222-04:00May 15th<span style="font-weight: bold; font-family: lucida grande;">Java climate Model (JCM): </span><br /><span style="font-family: lucida grande;">I started this one but I spent about half an hour just trying to install it, and there were lots of instructions to follow. I don't know if this happened because I am using Linux (which I am not very familiar with). In any case, a tool like that should not have been that hard to install. >>> Mental note: Let DST be simple to install and use.</span><br /><span style="font-family: lucida grande;">* The tool is heavy when starting and using.</span><br /><span style="font-family: lucida grande;">* Not so friendly user interface.</span><br /><span style="font-family: lucida grande;">* You can change both x and y axis (i.e. change the scale).</span><br /><span style="font-family: lucida grande;">* It shows how sets of date interact. For example, if you change CO2 emission, it changes the expected sun radiation, and global temperatures.</span><br /><br /><br /><span style="font-weight: bold; font-family: lucida grande;">Many Eyes:</span><br /><span style="font-family: lucida grande;">* Some graphs have zoom-in & out features.</span><br /><span style="font-family: lucida grande;">* How it works: upload date (must be in a valid table format), and pick one of the existing visualization methods.</span><br /><span style="font-family: lucida grande;">* Uses Ruby on Rails.</span><br /><br /><br /><span style="font-weight: bold; font-family: lucida grande;">Google Visualization Gallery</span><span style="font-family: lucida grande;">:</span><br /><span style="font-family: lucida grande;">It has several methods that takes a data in particular format and visualize them as graphs.</span><br /><span style="font-family: lucida grande;">* Uses HTML code, so it can be easily added to a website.</span><br /><br /><br /><span style="font-weight: bold; font-family: lucida grande;">So what do we have so far??</span><br /><span style="font-family: lucida grande;">There are several tools that visualize data from huge climate databases. Others that link interconnected data. And others that allow for visualization of custom data. Some have friendly interface, others don't. What we want to build is either a combination of two or more of the existing tools. Or a refinement of an existing tool (like Java Model which is hard to use). Or it might be something new.</span>Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com0tag:blogger.com,1999:blog-7386672011776324543.post-45231476306029191352009-05-19T15:24:00.001-04:002009-05-21T12:00:09.281-04:00May 14th<span style="font-family: lucida grande;">I am happy about the discussion we have just had, because now I have some clear ideas about what we might possibly do regarding date simulations. What I will be working on for the upcoming days includes:</span><br /><br /><span style="font-weight: bold; font-family: lucida grande;">Looking at some of the existing tools:</span><br /><span style="font-family: lucida grande;">I have already checked several ones like EdGCM and CCCma Model. These GCMs have a simple interface. They mainly display a world map with some data (like temperatures, sun radiation, or rain fall, etc.) plotted on it. These tools allow the user to change the year. A sample is available at:</span><br /><br /><span style="font-family: lucida grande;">The second set of tools, which I think will be really useful, is Google Motion Chart and IDL. GMC uses a table containing date, region, and value entries. So it requires all data sources to be in a particular format. This won't be the case in our tool, but we can assume uniform input in the beginning. Like the previous GCM, the user can scroll the year. GMC has a sample code (I am not sure in which programming language) but it would be very useful. I will study that in more detail and see how motion is achieved and how data is read ( </span><a style="font-family: lucida grande;" href="http://code.google.com/apis/visualization/">Google Visualization API </a><span style="font-family: lucida grande;"> &&</span><a style="font-family: lucida grande;" href="http://code.google.com/apis/visualization/documentation/gallery/motionchart.html#notes"> Google Motion Chart</a><span style="font-family: lucida grande;">).</span><br /><br /><span style="font-family: lucida grande;">The website Maria mentioned in her wiki (</span><a style="font-family: lucida grande;" href="http://www.gapminder.org/">http://www.gapminder.org</a><span style="font-family: lucida grande;">/) has several examples of dynamic graphs made using Google Motion Chart, but the presentation ideas were quite variant. So this is an interesting place to dig into. Other places I will start checking are </span><a style="font-family: lucida grande;" href="http://manyeyes.alphaworks.ibm.com/manyeyes/"> http://manyeyes.alphaworks.ibm.com/manyeyes/</a><span style="font-family: lucida grande;"> &&</span><a style="font-family: lucida grande;" href="http://www.astr.ucl.ac.be/users/matthews/jcm/"> http://www.astr.ucl.ac.be/users/matthews/jcm/</a><span style="font-family: lucida grande;"> which professor Steve told us about.</span><br /><br /><span style="font-weight: bold; font-family: lucida grande;">What does the tool look like?</span><br /><span style="font-family: lucida grande;">I don't know why, but I keep imagining our data simulation tool as a web browser plug-in. When you are browsing a graph in a website, there might be a small triangle at the bottom of the graph. When clicked, it opens a new tab and allows you to play with the graph.</span>Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com0tag:blogger.com,1999:blog-7386672011776324543.post-65864527457146624432009-05-19T15:20:00.001-04:002009-05-21T12:00:26.212-04:00May 12th && 13th<span style="font-family: lucida grande;">I am starting my research by examining some of the existing Global Climate Modeling (GCMs) and the features they provide. This will allow us to know what exactly is out there, and how can we develop new features to allow users and scientists to model several complicated sets of data.</span><br /><br /><span style="font-weight: bold; font-family: lucida grande;">What is Climate Modeling anyway?</span><br /><span style="font-family: lucida grande;">Climate models are mathematical models that link the various equations that describe the key relationships and processes within a system to simulate its behaviour. By changing the values of certain variables, scientists can study how the system responds to both external and internal changes (Climate Digest, 1).</span><br /><span style="font-family: lucida grande;">Here is a summary of some of the more interesting projects I found:'</span><br /><br /><span style="font-weight: bold; font-family: lucida grande;">The EdGCM Project</span><span style="font-family: lucida grande;">: The Educational Global Climate Model</span><br /><span style="font-family: lucida grande;">* The main goal of this project is to allow educators to engage their students in the scientific and technological processes scientists use to forecast climate change.</span><br /><span style="font-family: lucida grande;">* Simple user interface</span><br /><span style="font-family: lucida grande;">* Can be run on a desktop computer</span><br /><span style="font-family: lucida grande;">* Climate experiments can be as simple as examining the impact of a single forcing (e.g., how does the Sun warm the planet?). They can also be more complex to explore the feedbacks caused by changing multiple climate forcing simultaneously. << style="font-weight: bold;">IDL</span><br /><span style="font-family: lucida grande;">* Produces dynamic visualizations, data analyses, and develops software applications.</span><br /><br /><span style="font-weight: bold; font-family: lucida grande;">The NASA GISS:</span><span style="font-family: lucida grande;"> General Circulation Models</span><br /><br /><span style="font-weight: bold; font-family: lucida grande;">CCCma Model:</span><span style="font-family: lucida grande;"> The Canadian Center for Climate Modeling and Analysis</span><br /><br /><span style="font-weight: bold; font-family: lucida grande;">Google Motion Chart</span><span style="font-family: lucida grande;">:</span><br /><span style="font-family: lucida grande;">* A dynamic chart to explore several indicators over time. The chart is rendered within the browser using Flash.</span><br /><span style="font-family: lucida grande;">* Required knowledge of JavaScript and object oriented programming.</span><br /><br /><span style="font-weight: bold; font-family: lucida grande;">Summary:</span><br /><span style="font-family: lucida grande;">The current models provide access to databases to link a particular set of variables such as how temperatures and rain fall have changed in the past 50 years and their expected behavior through the next 50 years. An interesting idea, as discussed yesterday, would be to develop a tool that links a huge set of variables (like climate, plants, buildings, etc..) in dynamic models that show how these variables interact, particularly in the future. Users (mainly scientists) can pick the variables and change the values.</span><br /><br /><span style="font-weight: bold; font-family: lucida grande;">Ideas:</span><br /><span style="font-family: lucida grande;">* How to relate buildings and sustainable architecture to our project?</span><br /><span style="font-family: lucida grande;">* How to make it affordable?</span>Summerhttp://www.blogger.com/profile/17621467781066239870noreply@blogger.com0