CS651

Extended Content -- AS NEEDED

As ANNOUNCED IN class modules from the Extended Content will be assigned. Remaining content is for your interest to view

READING Books:

W= "Web Technologies A Computer Science Perspective"

GAE= "Programming Google App Engine: Build and Run Scalable Web Apps on Google's Infrastructure"

M = "Getting MEAN with Mongo, Express, Angular, and Node, Second Edition"

Various

2 e-Business

Class Lecture,

3 Front End: Design, HCI, AND Process Management

Modules 3, 4, 6 on CS2020 page

SourceTree and BitBucket

OOP lecture on Git (also see info on Eclipse and Bitbucket and Git on 3340 website)
how to deploy from Bitbucket Git to GAE/Google Cloud

J2EE Servlets

Security
- Firewalls: (Reference book optional reading E-Chapter 11)
  - IP-filtering versus Application proxy
- SSL
- Encription: Assymetric and Symmetric
- Digital Certificates
- Proxy Servers
Lecture
Stanford web cryptography lecture
Web Authentication paper
Cross Site Scripting Paper
SQL Injection paper

4 Server-Side Processing: Servlets

Class Lecture, W-Chapter 6,

Lectures: Why Servlets? , Servlet-Structure&Lifecycle , Deployment & Context , Request Dispatcher
Servlet
Servlet Structure
Servlet and JSP Support
Servlet Debugging
Servlet to Servlet
Servlet Filters
Servlet IO issues
NEW: Eclipse & Tomcat
OLD: Eclipse & Glassfish Download combo
- Servlet Deployment on GlassFish using the Web Admin Glassfish Console (see below for how to do directly from Eclipse IDE)

MOVIE demoing GlashFish demo

From Eclipse: Eclipse + Glassfish (note now Glassfish is maintained by Eclipse)
Glassfish tools for eclipse (if you don't have them): in Eclipse Help->Install New Software and paste URL to current GlassFish tools (e.g. ttps://download.eclipse.org/glassfish-tools/1.0.1/repository/) --if this link is broken go to eclips.org and search on GlassFish tools to find the correct URL.
Glassfish from Oracle part of Java EE(or search if link broken)
Video on Eclipse and GlassFish and deployment from Eclipse IDE

Glassfish TOOLs and Server setup(same as in video)

Deployment Descriptors:
- Via Annotations (note most of our examples are partial code and will not have annotations necessary in them for Servlet3.* --see above for reference)
container specific deployment descriptor xml file

So many JavaEE servers:

partial JavaEE support (web app only): Tomcat, Jetty

full JavaEE support: Glassfish, JBoss, Geronimo, IBM WebSphere, etc.

General popularity of languages

What is fast enough?

Exercise ServletBegin (10 points) : due March 22 start of class Create your own hello world servlet that you deploy to your Tomcat server on your local machine. Show your work to your instructor if called and submit screen shots to blackboard (BB->Exercises->Ex ServletBegin) . You must bring in your local machine and demonstrate during class or no credit for this exercise.

9 Java ServerSide: HTTP Request Headers & Response

Class Lecture, W- Chapter 6 , (Reference book optional reading J-Chapter 5)

Lecture: Sevlet Request & Response
Http Servlet Request and Response
HTTP Request Headers
- Exercise 1 (not turned in)
Servlet CGI parsing
- Exercise 2 (not turned in)
HTTP Response
- Exercise 3 (not turned in)
Reading Form Data
- Exercise 4 (not turned in)

10 Java ServerSide: Cookies

Class Lecture, W-Chapter 6, (Reference book optional reading J-Chapter 5)

Lecture: cookies
Cookies
- Exercise 5 (not turned in)

11Java ServerSide: Servlet Session Tracking

Class Lecture, W-Chapter 6, (Reference book optional reading J-Chapter 5)

Lecture: sessions
Session Tracking
- Exercise 6 (not turned in)

14 Java ServerSide: Java Server Pages & Fukters

Class Lecture,W- Chapter 8, (Reference book optional reading J-Chapter 6,7)

Lecture: about JSP
JSP
Servlet&JSP Support
Exercises: (not turned in)
- EX 7
- EX 8
- EX 9
- EX 10
- EX 11
- EX 12
- EX 13
more
Lecture filters

facebook authetication filter example (using OLD facebook api--but shows concept of filters--- USE newest Facebook rest api)

check out http://restfb.com/

15 Java EE Framework example: Spring & Spring Boot

Class Lecture, basics of Spring Boot

Using IntelliJ to create a Spring Boot project
Spring Boot + Google App Engine
IntelliJ + Google Cloud Quickstart

Exercise (after Google AppEngine): CodeLab on Spring Boot (via command line rather than IDE)+ Google Cloud

18 Data: Database and JDBC Connectivity and SQLJ

Connecting to Oracle DB with JDBC, (Reference book optional reading E-Chapter 4-6, 8)

Lecture: jdbc intro , connetion pooling
Databases
- JDBC
  - Sun's tutorial
  - Sun's advanced tutorial
JDBC Driver Types
Connection Pooling and more --case study Oracle:
- Oracle Real Application Clusters - allows multiple computers to run Oracle RDBMS software simultaneously while accessing a single database
- Universal Connection Pooling for Oracle
Example ...link with oracle DB...for
README file from Oracle Installations (8.0.4)
Extension: Java Persistence API
Exercises: Ex14, Ex15, Ex16 (not turned in)

19 Data: SQLJ

Lecture,

About SQLJ

3rd Party Web Services - case study Facebook

F1Social Network Programming - (an example of using 3rd party apis in web systems)

FACEBOOK OVERVIEW

NEW2020 Facebook Apps (no longer hosted on Facebook)
What Are Facebook Apps --Engagment/Social Channels
FB Developer Overview
Facebook SDKs
NOTE: in the class we are making Java WebApps with embedded Facebook Javascript API calls (we are using the Facebook Javascript API)

FACEBOOK LOGIN (Authentication Process and beginning of getting User Data)

FACEBOOK AFTER LOGIN - SOCIAL DATA AND SOCIAL CHANNEL USE

After Login/Authentication - Read About Facebook Graph API to get Social Data and use Social Channels

User in Graph API
NOTE: you will have to ask permission to acces info about user (see Login to understand how to ask for permission)
requesting Permissions

Each type of login flow has its own method of requesting permissions, depending on your platform and how you choose to integrate Facebook Login:
- The Facebook JavaScript SDK uses a scope option with the FB.login function call.
- The Login Button uses a scope or data-scope parameter on the fb:login-button element.

BASIC EXAMPLES USING FACEBOOK JAVASCRIPT SDK

Sending Client Side Facebook Data to Server Side Program

read about the multiple options

FACEBOOK ANALYTICS

Facebook Analytics

BEFORE YOU MAKE CODE---try this out Facebook Graph API Explorer

Facebook(FB) Other Resources/Topics:

In this class we will use Facebook Javascirpt SDK inside our JPS/Servlets

DATA FORMATING - all about JSON (data format language used in Authentication)

blog on JSON support packages

FB: main developers page

FB: Getting Started- Making a simple Facebook App

FB: login/authentication from a web app

FB: Graph API

FB: Social Channels.

FB: Custom Object and Actions -step by step

FB: Share Dialog (how to post)

Facebook Java WebApp and deployment of a Secure URL

Make sure when you deploy your webapp you do so with a secure (SSL) URL

Useful Links on Facebook and Permissions and User data

https://developers.facebook.com/docs/facebook-login/permissions

https://developers.facebook.com/docs/graph-api/reference/user

Facebook(FB) Exercise

Exercise Facebook DUE April 12 start of class: Turn in screen shots of it running AND URL to facebook app that is deployed (will have a facbeook url) to Blackboard->Exercise Facebook 3 MUST DO ON GAE

Distributed Event Store/Stream Processing - case study Kafka

16 Kafka - an introduction [Advanced, on your own, as time allows ---we are not planning to cover this topic]

what is it
Kafka Streams api - Apache Kafka Java version(open source), on AWS and on Google

20 Data: Database systems and web system scalability

Lecture, (Reference book optional reading E-Chapter 11)

Systems and intro to Performance
Performance, more
At the low level: Replication and Consistency
CDN
Performance
Architecture
Some Talks and more
Memcached
- memcached homepage
Redis = like memcached with both persistence and extended data types. Different than databases in that optimized for FIFO kinds of actions. Sometimes called a datastructure server.
Varnish cache (http accelerator for web content -images,etc and supports load balancing using both a round-robin and a random director)

Web Systems & Patterns

22 SW Engineering & Web Systems

Class Lecture, (Reference book optional reading J-Chapter 3,8)

intro
lecture: J2EE - an example enterprise server , MVC
- frameworks
- patterns
- code specific frameworks
- UML
- web patterns
- web patterns w/ EJB
- Enterprise Applications: container or not
- System Design Issues
- Java Play Network --framework for getting faster?

Week 14-15: project work / presentation

23 Web: Internet Scale Apps

Class Lecture

Intro
Client Server
- Client Server Simple (mostly review)
- Concurrent Client Server (threading - a start)
Operational Analysis
What to do --- keep it simple stupid?
A language for scalability?

AJAX, DOM

Exercise:(not turned in) AJAX w/XML, AJAX w/Database

EJB, RMI and more, (Reference book optional reading J-Chapter 15(RMI), 19-21(EJB))

intro , lecture (3.* +)
EJB 2.*:
- EJB Basics
  - EJB Dont's
  - Session Beans
  - Entity Beans (no longer)
  - EJB Development Steps
  - EJB Deployment Descriptor
  - EJB Exceptions
JNDI
Java Persistence API
Java RMI
Eclipse and EJB
"Mastering EJB" Free PDF
Paper on "Performance and Scalability with EJB"
Exercise: EJB (not turned in)

THIS IS PRE-REQUISITE MATERIAL COPIED FROM CS3340 - OOP class

Class Lecture,

Hadoop is a distributed system for cluster/grid programming, opensource
- Cloudera: Cloud and Hadoop --free interactive system(Cloudera Distribution for Apache Hadoop (CDH) – Fully configured QuickStart VM)
Apache Cassandra is a distributed storage system for managing structured data that is designed to scale to a very large size across many commodity servers, with no single point of failure.
Apache Hive is data warehouse infrastructure built on top of Hadoop that provides tools to enable easy data summarization, adhoc querying and analysis of large datasets.
Thrift provides a framework for scalable cross-language services development in C++, Java, Python, PHP, and Ruby.
Tornado is a relatively simple, non-blocking web server framework written in Python. It is designed to handle thousands of simultaneous connections, making it ideal for real-time Web services.

Facebook provided OpenSource systems

FlashCache is a general purpose writeback block cache for Linux. It was developed as a loadable Linux kernel module, using the Device Mapper and sits below the filesystem.
HipHop for PHP transforms PHP source code into highly optimized C++. HipHop offers large performance gains and was developed over the past two years
Scribe is a scalable service for aggregating log data streamed in real time from a large number of servers

Beyond request-response paradigm (REST) communications on web what is possible between client-servers

Asynchronous: client does not wait for response from server which can make a callback asynchronously to the client. see AJAX above, and more
Continuous: no need for polling from client,event-driven responses from server to client: WebSockets, and more
- WebSockets website
- WebSockets and Java tutorial

Class Lecture NOT COVERED

New Topics to Think about
Intro on Mobile Agents
link
SSI= Sever Side Includes.
- SSI Exercise 1(not registered)
- SSI Exercise 2 (not registered)
- SSI Exercise 3 (not registered)
VOIP
Web Services
Intro .NET
More on NET Framework
CLR
Using Visual Studio .NET:

Design (front-end GUI topics)

Chapter 2, 3, 4, 5
Design Concepts
Design Issues
Evaluating a Site
Broswer Safe Colors
From Links- design:
Web Style Guide,
More Usable Sites,
6 principles - html writers guild,

Educational Guidelines

Class Lecture, Chapter 9, (Reference book optional readingJ- Chapter 11,12, 13,16-18)

R1 Ruby on Rails

Class Lecture

Intro to Ruby

PART 1: MP4 YouTube
PART 2: MP4 YouTube

Online interactive Ruby interface
Intro to Rails MP4 YouTube
Models and Database MP4 YouTube

Note: ActiveRecord::Base is an implementation of ActiveRecord Pattern which basically is a object-relation representation where an instance represents a "row"/"entry" in a database & related operations
How to create a Ruby database from Existing Database (e.g. MySQL or Oracle)
Database manipulation using Models classes
Database Model Associations --why important
Creating database table (using RubyMine)
Fun: (not required) if you want to read about RoR with MongoDB

Views MP4 YouTube
Controllers MP4 YouTube
Routes MP4 YouTube
TIPS
- Rails Tips
- RubyMine Editor Tips
- Video Using Ruby Mine YouTube (some features see above tips for more)
- RubyMine Database Tool
API: api.rubyonrails.org
IDE: (we are using) RubyMine
OTHER:
- (OPTIONAL --no longer free --or at least must get account ) Go through Course http://railsforzombies.org/
- (OPTIONAL): Do exercise in this tutorial https://www.railstutorial.org/book
- remember we are not yet focussing on data solutions --but, you can use RoR with cloud data solutions ---see article on RoR and Google Cloud Datastore
Exercises: EX R1, EX R2 (see DUE DATES on pages)

FACEBOOK Login rather than Authentication: index.jsp file sample from facebook that

Facebook Authentication, What you Authenticate For?, When User Denies App Access, Basic User Data