Introduction to course. Refresher on client/server; JavaScript.

Slides:



Advertisements
Similar presentations
MULTIMEDIA DEVELOPMENT 4.3 : AUTHORING TOOLS. At the end of the lesson, students should be able to: 1. Describe different types of authoring tools Learning.
Advertisements

Copyright 2004 Monash University IMS5401 Web-based Systems Development Topic 2: Elements of the Web (g) Interactivity.
Multimedia & the WWW Week 1 Introduction To….. Today’s Agenda Who I am Who I am Who you are survey & discussion Who you are survey & discussion Course.
CIS101 Introduction to Computing Week 11. Agenda Your questions Copy and Paste Assignment Practice Test JavaScript: Functions and Selection Lesson 06,
Web Page Behavior IS 373—Web Standards Todd Will.
COMP 110 Introduction to Programming Jingdan Zhang June 20, 2007 MTWRF 9:45-11:15 am Sitterson Hall 014.
Programming Introduction November 9 Unit 7. What is Programming? Besides being a huge industry? Programming is the process used to write computer programs.
IS112 Computer Organization and Programming Professor Catherine Dwyer Fall 2004.
Russell Taylor Lecturer in Computing & Business Studies.
Tuesday, January 18, Management of Information Systems: Mini-3 Spring 2000.
CIS101 Introduction to Computing Week 09 Spring 2004.
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
* The basic components of a web site are: * Content – information displayed or accepted from users * Static – content that doesn’t change for different.
Welcome to (insert course name) (customize with instructor/course/section #)
INTRODUCTION TO WEB DATABASE PROGRAMMING
NETWORK CENTRIC COMPUTING (With included EMBEDDED SYSTEMS)
SYST Web Development 2 SYST Web Development 2 Course Overview and Introduction Client/Server Overview.
Samuvel Johnson nd MCA B. Contents  Introduction to Real-time systems  Two main types of system  Testing real-time software  Difficulties.
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
Social Media. Behavioral Marketing General themes. Cookies. Geolocation. Homework: check out cookies on your computer. Experiment with geolocation.
COMP Introduction to Programming Yi Hong May 13, 2015.
Programming Games Basic HTML5 audio example. Catch-up. Work on basic video. Homework: Complete basic video.
WRA INTRODUCTION TO WEB AUTHORING. HELLO, MY NAME IS: JOHN Basics Former PW Alum Really like tv, video games, and MSU sports and the Tigers.
PHP Basics Course Introduction SoftUni Team Technical Trainers Software University
ISP 1600 for Fall 2007 Web.Edu: How Internet Courses Work Course web site: Third meeting September 22, 2007.
Creating Web Documents XHTML Project II topics should be posted Start Forms Homework: Forms not required for midterm or project 2. At some point, read.
Introduction to Course MMIS 656 Web Design Technologies.
20-753: Fundamentals of Web Programming 1 Lecture 1: Introduction Fundamentals of Web Programming Lecture 1: Introduction.
World Wide Web Aaditya Bhatia CS 147. Agenda History OSI model Hardware IP address DNS Server - Client Peer-to-peer Web-Sites Web programming Search engines.
Web Engineering we define Web Engineering as follows: 1) Web Engineering is the application of systematic and proven approaches (concepts, methods, techniques,
Unit 15 Webpage Creator. Outlines Introduction Starter Listening Language Work Work study Speaking Writing.
Mark Dixon Page 1 18 – Web applications: Server-side code (PhP)
CS 390 Unix Programming Summer Unix Programming - CS 3902 Course Details Online Information Please check.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
ICSC Product Overview – April Cloud based – login from anywhere, on any browser.
Fundamental Programming: Fundamental Programming K.Chinnasarn, Ph.D.
Continue with behavioral marketing. Tweets. Reports. Homework: capture tweets project.
Creating User Interfaces Recap HTML/HTML5 JavaScript features Homework: keep working on user observation studies. Review JavaScript.
June 19, Liang-Jun Zhang MTWRF 9:45-11:15 am Sitterson Hall 011 Comp 110 Introduction to Programming.
UPLOAD / DOWNLOAD april  HTML5 is just the next iteration of HTML  Previous version was technically HTML 4.01, which incorporated XHTML 1.0.
44238: Dynamic Web-site Development Client Side Programming Ian Perry Room:C48 Extension:7287
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
Creating Web Documents: Introductions Background Administration Course overview Assignment: CourseInfo survey. Find 1 good & 1 bad web site. Reading.
Web Fundamentals (HTML and CSS) Course Introduction Svetlin Nakov Technical Trainer Software University
Programming games Context of what we are doing. Drawing on canvas. Homework: [Complete coin toss examples.] Do your own drawings. Upload files to website.
Creating Databases for Web applications Server side vs client side PHP basics Homework: Get your own versions of sending working: both html and Flash!
Web Fundamentals (HTML and CSS)
JavaScript 101 Introduction to Programming. Topics What is programming? The common elements found in most programming languages Introduction to JavaScript.
Research Experience Program (REP) Spring 2008 Psychology 100 Ψ.
Client-Server applications Introduction to Java Applets Client-server architectures Why do Applets exist? What can an Applet do?
Research Experience Program (REP) Fall 2007 Psychology 100 Ψ.
Creating User Interfaces Reprise on guest speaker. Usability checklists. Reprise on user- centered. Semantic tags. Responsive design. Classwork/homework:
CSCI 3100 Tutorial 2 Web Development Tools 1 HTML 5 & CSS 3 1.
Web Application Development Instructor: Matthew Schurr Please sign in on the sheet at the front of the room when you arrive.
1 Chapter 1 INTRODUCTION TO WEB. 2 Objectives In this chapter, you will: Become familiar with the architecture of the World Wide Web Learn about communication.
Chapter 12 Accessing Databases
Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.
JavaScript: Build "Rock, Paper, Scissors"
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Web Fundamentals (HTML and CSS)
JavaScript: Choose Your Own Adventure 2!
CIS101 Intro to Computing Week 1.
Week 1 Gates Introduction to Information Technology cosc 010 Week 1 Gates
Software Engineering for Internet Applications
Database Driven Websites
Network Media, models and number systems
Course Overview CS 4640 Programming Languages for Web Applications
“Under the hood”: Angry Birds Maze
Creating User Interfaces
Course Overview CS 4640 Programming Languages for Web Applications
Presentation transcript:

Introduction to course. Refresher on client/server; JavaScript. Advanced Topics Introduction to course. Refresher on client/server; JavaScript. Homework: Introduce yourself on moodle. Start posting. Start looking for topic. Start looking at computability videos.

Introductions me: [full] professor, coordinator of the Math/CS Board of Study; active in New Media Board of Study. 6th book: HTML5 and JavaScript Projects. Articles for <jsmag> http://www.jsmag.com/ . Volunteer for progressive causes you:

Course overview Check out (and keep checking out) course schedule, charts on my website: http://faculty.purchase.edu/jeanine.meyer/charts.html and on moodle. You need to do both! Various and varied topics chosen by me and (hopefully) some chosen by you. Postings by you on computing topics 'in the news': at least one post or reply each week. technical exercises: including reporting on use of web (e.g., cookies on your computer, accuracy of geolocation) and some writing programs: e.g. JavaScript&php to access tweets) Presentations by you: scheduled on 4 days spread out. ASSIGN YOUR DAY TODAY! substantial: 20 minutes talk + 1-pager Your choice of topic. I approve / modify / recommend.

Topics [planned as of now] social media, behavioral marketing, cookies, databases, formats, Big Data cryptography natural language processing, programming languages visualization AI algorithms, complexity computability, "P=NP?" SVG, HTML5 canvas Cloud computing

Computability What is means to be computable? A question that was posed BEFORE computers. Will describe work of Alan Turing—this is 100th anniversery of his birth. What is the complexity of algorithm: how much space and how much time? Mathematical approach Historic and current significance How long it takes to compute something is a practical issue!

Theory of Computation videos Shai Simonson. Course Webpage http://web.stonehill.edu/compsci//Theory/homepage.htm Videos are ~10 minutes, so of each lecture is several videos. Introduction, motivation, starts with FSA: http://www.youtube.com/watch?v=HyUK5RAJg1c&feature=related Turing Machine lecture, http://www.youtube.com/watch?v=mPec64RUCsk

client/server refresher Computer right in front of you is the client A browser program (e.g. Firefox, Chrome) run on the client accesses a website on a server. Downloads (to the client) various files, including html and media. Then browser interprets html & JavaScript on the client and also execute programs, possibly using plug-ins The browser may initiate a program to run on the server: aka server-side / middleware, that may access data in various ways

Trend In past, and probably still today, bulk of computing in industry done on local computers accessing local data THINK: banks, factories, distribution centers Note: IT for logistics critically important. TREND is for more to be done "on the cloud", that is, on public or private server computers program(s) data

Trend Past and current: Computing done on computers embedded devices e.g., computers in cars TREND: more computing done on devices such as phones and tablets "apps" programs on websites

Trend History: explicit use of specific programs and data sources. TREND: combination of programs and information sources, many applied based on determination (algorithm) of program. e.g., Some program knows about you and knows what you want…

Posting assignment Computing in the news. If appropriate, write about the device what program(s) what information who/what/where/when nature of algorithm If appropriate, do research on terms distinguish product names from technical terms from marketing terms consult other sources

More… What is business / revenue stream of owner of produce? Who is the owner?

Aside VOTE on November 6th How do current technologies change or have the potential to change: how governments operate how campaigns are run how news is disseminated how opinion / analysis is disseminated how we vote ????

JavaScript refresher Scripting language run as part of HTML document script = = interpreted versus compiled functions, variables, limited form of objects, statements http://www.codecademy.com pretty easy given you know (at least) one programming language

examples simplified credit card: http://faculty.purchase.edu/jeanine.meyer/creditcard.html dice game: button, input fields (used for output). http://faculty.purchase.edu/jeanine.meyer/javascriptcraps.html General lesson: dividing up tasks into small(er) functions transitions: images on canvas, animation http://faculty.purchase.edu/jeanine.meyer/html5/crossingthelineallcases.html

Sample Research topics Will give these throughout course (you can look ahead) politics http://www.thetoolbox.cc technology in education history, e.g., old technology being replaced (http://www.nytimes.com/2012/06/28/world/europe/after-3-decades-in-france-minitels-days-are-numbered.html?pagewanted=all software tools/packages/frameworks Example: data-driven documents: http://d3js.org/

Assignments of dates Count off

Course Mainly lecture / discussion Most lecturing by me, some lecturing by you Some discussion asynchronous You need to work! Make the course your own. research topics identify research project

Posting examples Computing in the news examples Bugs http://www.nytimes.com/2012/08/09/opinion/after-knight-capital-new-code-for-trades.html?hpw Mars rover: http://gcn.com/articles/2012/08/06/mars-curiosity-nasa-deep-space-network.aspx Patents: http://www.nytimes.com/2012/08/25/technology/jury-reaches-decision-in-apple-samsung-patent-trial.html?hp General source: http://www.sciencedaily.com/releases/2012/08/120806094053.htm?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+sciencedaily+%28ScienceDaily%3A+Latest+Science+News%29

Example Lecture series on folding and unfolding inspired by origami http://courses.csail.mit.edu/6.849/fall10/lectures/ Take the time to view at least the first couple of lectures: video and notes.

Homework Introduce yourself (again) on moodle Do JavaScript lessons and check out examples I will assume that you can read an HTML document, including understanding JavaScript and, to a lesser extent, CSS. Start posting