Lecture Notes – Sept 18th

Lecture Notes – Sept 13th

  • Quiz today
  • Homework questions
  • Javascript 3 download
  • Tracking & Analytics
    • Google Analytics (800 pound gorilla)
      • Freemium
        • Google Analytics 360 (Premium/Entreprise)
        • Mobile Apps SDK
      • Dashboard for easy viewing
      • Downloadable data sets for offline analysis
      • Available since around 2005
    • Other web analytics software
    • Web beacons, tracking pixel, 1×1 gif, clear gif
    • Cookies
    • Query string
    • Google Tag Manager
    • Applications
      • e-Commerce – sales, advertising, accounting
        • Attribution (who gets credit for sale)
        • Conversion (eg., a sale, sign up for news letter
      • Analytics for SaaS businesses
      • Site performance and analysis
      • User behavior
  • Google Analytics
    • How it works
      • Data collection
        • Stored on Google servers
        • Javascript snippet
          • Data from web site
          • Data from user-agent (browser)
        • Examples (dimensions)
          • Web page, time on page,  path through web site, bounce rate, page views, ISP
          • User language. location, user-agent, referrer, OS
          • Events
            • Download PDF
            • Play a video
      • Configuration
        • Filters, e.g., exclude local site, local machine
      • Data analysis
        • Up to 24 hour batch time
        • Real-time stats
        • Examples: sessions, users, pageviews, pages/session, ave. session duration, bounce rate, %new sessions, demographics, browsers, operating systems, etc.
      • Reports
        • Dashboard
        • API
    • VectorBase as demo
      • Header, line 75, “UA-6417661-1”
    • Google Analytics terminology
      • Conversion
        • Sale, a donation
        • Goal, e.g., visit 5 pages
        • Sign up for newsletter
      • Hit
        • Any event that sends data to Google
        • Tracking events
      • Metrics
        • Pageviews
        • Pages per session
      • Pageview
        • Web page load or reload
      • Segment, e.g.,
        • Geographic location
        • Operating system
      • Session
        • 30 min blocks of time
          • Leave and return within 30 min, one session
          • On site for 32 minutes … two sessions (confirm!)
      • Source/Medium
        • Organic search (Google, Yahoo, Bing, etc.)
        • Direct
        • Social
  • Resources

Lecture Notes – Sept 11th

  • From last class notes
    • Joint projects with Dr. Weniger’s database class
    • Four students accepted Hannah’s House project
    • Approximate start date for course projects around end of October, but OK to propose earlier if you have interest in starting before end of October
  • Homework and quiz grades returned today
    • Quiz this Wednesday on today’s material
  • Discussion of homework due Friday
  • Lecture topics (slides)
    • jQuery
      • “jQuery, at its core, is a Document Object Model (DOM) manipulation library.”
    • Underscore.js
      • “Underscore.js is the tie to go along with jQuery’s tux, and Backbone.js’s suspenders.”
    • LoDash
      • “Lodash draws most of its ideas from Underscore.js and now receives maintenance from the original contributors to Underscore.js”
    • WebSocket
      • “WebSocket is a computer communications protocol, providing full-duplexcommunication channels over a single TCP connection”
    • D3.js
      • “D3.js (or just D3 for Data-Driven Documents) is a JavaScript library for producing dynamic, interactive data visualizations in web browsers”
      • Slides

HW 3 – Due Sept 8

  • Review tutorials on HTML, CSS & Javascript at:
  • Create a “club” web-site consisting of a “Home” page and a few (3 or more) additional pages to link to, e.g., an “About” page, a “Members” page, an “Activities” page, etc.
  • All pages should have tabs at the top that link to the other pages.
    • Use bootstrap for implementing homepage navigation
  • The Home page should have 5 buttons (see below)
    • Javascript – buttons:
      • 5 buttons total, implementing 5 functions. Functions should be named ‘buttonX’, for example, ‘button1’.:Insert a tag ‘<div id=”canvas”></div>’ in the home page.Button 1. Adds your name in the div, changes the background and text color to any color of your choosing.
        Button 2. Replaces the text in ‘canvas’ to the date today.
        Button 3. Shows an alert box with your favorite class name.
        Button 4. Replaces the text in ‘canvas’ with with the width and height of your screen.
        Button 5. Displays a prompt and asks the user ‘Do you want to go to my home page?’. If they say yes, redirect them to your ‘WordPress’ site in a new window/tab.
  • Upload to Sakai a zip file with all your files contained in a folder named CSE40613-netID-HW3
    • CSE40613-netID-HW3
      • Zip file:  CSE40613-netID-HW3.zip
      • Folder with all your files that you zipped named: CSE40613-netID-HW3
  • Homework worth 10 points
    • Late homework: see syllabus
    • Exceptional submissions may get extra credit!



Lecture Notes – Sept 4th

Lecture Notes – Aug 30th

Harvey … !!!

Lecture Notes – Aug 28th

  • Internet – network of networks
  • Who invented the Internet?
  • TCP/IP (internet Protocol suite)
    • Switched vs switched-packet routing (OSI vs TCP/IP)
    • IETF, Internet Society
    • Connectionless protocol (e.g., Ethernet, IP, UDP, etc)
      • IP is not designed to be reliable and is a best effort delivery protocol
      • UDP provides data integrity via a checksum but does not guarantee delivery
    • Connection oriented protocol (TCP)
      • TCP provides both data integrity and delivery guarantee by retransmitting until the receiver acknowledges the reception of the packet