Your SlideShare is downloading. ×
Cornell Presentation
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Cornell Presentation

472
views

Published on

Published in: Technology

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
472
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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