Cornell Presentation

583 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
583
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Cornell Presentation

  1. 1. Application Development Environments Cornell Notes Application Group Awesome
  2. 2. What is “Cornell Notes”? <ul><li>A system of taking notes </li></ul><ul><li>Used by students </li></ul><ul><li>Devised in the 1950s by Walter Pauk </li></ul><ul><li>Help you get through the five R's of Note Taking </li></ul>
  3. 3. The five R's of note taking <ul><li>Record </li></ul><ul><ul><li>Write as much facts as you can during class </li></ul></ul><ul><li>Reduce </li></ul><ul><ul><li>After class, summarize what you've just heard </li></ul></ul><ul><li>Recite </li></ul><ul><ul><li>Cover the summary column and recall what you just typed </li></ul></ul><ul><li>Reflect </li></ul><ul><ul><li>Put what you've just learned into a context </li></ul></ul><ul><li>Review </li></ul><ul><ul><li>Spend 10 minutes each week reviewing notes </li></ul></ul>
  4. 4. Features <ul><li>Multiple notebooks </li></ul><ul><li>Multiple pages </li></ul><ul><li>Add, delete, next, previous and edit page </li></ul><ul><li>Add, delete, download and open notebook </li></ul><ul><li>Show/Hide help </li></ul>
  5. 5. Technical issues <ul><li>JQuery and writing XML </li></ul><ul><li>Div tags and TinyMCE </li></ul><ul><li>IIS and permissions </li></ul><ul><li>JQuery not compatible with TinyMCE </li></ul><ul><li>TinyMCE loading issue (Try/Catch) </li></ul><ul><li>Location javascript file (hardcoded) </li></ul><ul><li>Security </li></ul><ul><li>Error checking for ASP calls </li></ul><ul><li>Currently Firefox dependable </li></ul>
  6. 6. Facts <ul><li>Size </li></ul><ul><ul><li>1KB browse.js </li></ul></ul><ul><ul><li>36KB corn.html </li></ul></ul><ul><ul><li>15KB jquery.js </li></ul></ul><ul><li>Libraries used </li></ul><ul><ul><li>JQuery </li></ul></ul><ul><ul><li>TinyMCE </li></ul></ul><ul><li>Programming hours: 17h * 4 people = 68h </li></ul>
  7. 7. Sample code(1) <ul><li>//The “Open”-button $('#buttonOpenNotebook').click( function(){$(&quot;.bookmenu&quot;).animate({&quot;left&quot;: &quot;-=180px&quot;}, &quot;slow&quot; ); menuIsIn = true; }); //Show or hide the sidebar div when the arrow image is clicked. $(&quot;.arrowimage&quot;).click(function(){ if(menuIsIn){ $(&quot;.bookmenu&quot;).animate({&quot;left&quot;: &quot;+=180px&quot;}, &quot;slow&quot;); menuIsIn = false; } else { $(&quot;.bookmenu&quot;).animate({&quot;left&quot;: &quot;-=180px&quot;}, &quot;slow&quot;); menuIsIn = true; } }); </li></ul>
  8. 8. Sample Code (2) <ul><li>/* Display the specified entry to the textboxes on the page. * Arguments: ent = the entry to display*/ function displayEntry(ent) </li></ul><ul><li>{ try { //If tiny is loaded, use .setcontent methods tinyMCE.getInstanceById('Note').setContent(ent.getElementsByTagName(&quot;notes&quot;)[0 ].firstChild.nodeValue); tinyMCE.getInstanceById('Keywords').setContent(ent.getElementsByTagName(&quot;key words&quot;)[0].firstChild.nodeValue); tinyMCE.getInstanceById('Summary').setContent(ent.getElementsByTagName(&quot;not esummary&quot;)[0].firstChild.nodeValue); } catch { //Otherwise, use standard text area methods $(&quot;#Note&quot;).val(ent.getElementsByTagName(&quot;notes&quot;)[0].firstChild.nodeValue); $(&quot;#Keywords&quot;).val(ent.getElementsByTagName(&quot;keywords&quot;)[0].firstChild.nodeValu e); $(&quot;#Summary&quot;).val(ent.getElementsByTagName(&quot;notesummary&quot;)[0].firstChild.node Value); } //Title field doesn't use tiny, so doesn't need to be in the try catch document.getElementById(&quot;Title&quot;).value = $(&quot;#Title&quot;).val(ent.getElementsByTagName(&quot;title&quot;)[0].firstChild.nodeValue); </li></ul>
  9. 9. Comments (1) ‏ <ul><li>JQuery </li></ul><ul><ul><li>Good at displaying information </li></ul></ul><ul><ul><li>Good at manipulating GUI </li></ul></ul><ul><ul><li>Bad at receiving and storing information </li></ul></ul>
  10. 10. Comments (2) ‏ <ul><li>TinyMCE </li></ul><ul><ul><li>Easy to implement </li></ul></ul><ul><ul><li>Easy to configure </li></ul></ul><ul><ul><li>Does the job very well </li></ul></ul><ul><ul><li>Can tamper with design </li></ul></ul><ul><ul><ul><li>CSS positioning </li></ul></ul></ul><ul><ul><ul><li>DIV sizes </li></ul></ul></ul><ul><ul><ul><li>Vertical alignement </li></ul></ul></ul>
  11. 11. Comments (3) <ul><li>XML </li></ul><ul><ul><li>Problems with namespaces </li></ul></ul>
  12. 12. Conclusion <ul><li>Javascript is probably not the best language to use with XML </li></ul><ul><li>Database might be easier than XML when using Javascript </li></ul><ul><li>JQuery should be used only for displaying information </li></ul>

×