Iteration III – Lots to do!

Slides:



Advertisements
Similar presentations
JQuery MessageBoard. Lets use jQuery and AJAX in combination with a database to update and retrieve information without refreshing the page. Here we will.
Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
New Release Announcements and Product Roadmap Chris DiPierro, Director of Software Development April 9-11, 2014
JavaScript and AJAX Jonathan Foss University of Warwick
Extreme User Interfaces for Alfresco Kevin Dorr Sr. Solutions Engineer Americas Channel.
Using EWD to re-purpose a UI Rob Tweed. The Concept You have an existing well-designed and functional web user interface You want to re-purpose it to.
AJAX Presented by: Dickson Fu Dimas Ariawan Niels Andreassen Ryan Dial Jordan Nielson CMPUT 410 University of Alberta 2006.
Accounting & Billing System for the WEB Centre GDP 19 Donna Crawford (dc899) Chris O’Neill (ckjon101) Amit Shah (ams401) David Newman (drn101) Supervisor.
Performed by:Gidi Getter Svetlana Klinovsky Supervised by:Viktor Kulikov 08/03/2009.
Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.
Advanced Last Updated: May Class Outline Part 1 - Review –Review of basics –Review of files and folders Part 2 - Attachments –Sending.
Apex SIG May 2015 Paul Chester. 0 0 Apex Themes and Templates.
Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.
JQuery CS 268. What is jQuery? From their web site:
PhpXperts What is jQuery Javascript Library Fast and concise Simplifies the interaction between HTML and JavaScript.
May 16 – 18, 2007 Copyright 2007, Data Access Worldwide May 16 – 18, 2007 Copyright 2007, Data Access Worldwide Build Great Web Application 'Fast and Easy'
JavaScript, Fourth Edition
JavaScript – Quiz #9 Lecture Code:
Cross Site Integration “mashups” cross site scripting.
MIS 424 Professor Sandvig. Overview  Why Analytics?  Two major approaches:  Server logs  Google Analytics.
1 Geospatial and Business Intelligence Jean-Sébastien Turcotte Executive VP San Francisco - April 2007 Streamlining web mapping applications.
SMash : Secure Component Model for Cross- Domain Mashups on Unmodified Browsers WWW 2008 Frederik De Keukelaere et al. Presenter : SJ Park.
audio video object Options: controls autoplay Need to define height and width Options: controls autoplay.
Roles 1. Your Role: End User End Users use Inside NCDOT and Connect NCDOT for basic browsing and reading Typical tasks can include: Open or download files.
PHOBOS Javascript Engine By Daniel Reeves. What is Phobos? Lightweight application framework for Java Used by NetBeans Supports multiple scripting languages.
JQuery JavaScript is a powerful language but it is not always easy to work with. jQuery is a JavaScript library that helps with: – HTML document traversal.
Libraries and APIs CMPT 281. Overview Basics of libraries and APIs Rich internet applications Examples – Scriptaculous – JQuery.
ICM – API Server & Forms Gary Ratcliffe.
HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.
Dawn Pedersen. What is JavaScript? JavaScript is the basis for both jQuery and Spry applications JavaScript is referred to as a client-side scripting.
Google Map Engine Can export images to Map Engine from Earth Engine
How does it work and what has been changed? Commands EVERYWHERE.
Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.
05 | Integrating JavaScript and MVC 4 Jon Galloway | Tech Evangelist Christopher Harrison | Head Geek.
Data Workspace  Writing some scripts to automatically backup GFSAD30 Drive  Limited to archive folder at moment  Also backing up the following location:
JQUERY AND AJAX
Apache Struts Technology A MVC Framework for Java Web Applications.
Hanoi - December 2012 Capstone Project. Project Team Supervisor: Mr. Nguyen Hong Ky FLIS Team: Pham Hoang Phuong Chu Dinh Nam Pham Van Quyen-
MICROSOFT AJAX CDN (CONTENT DELIVERY NETWORK) Make Your ASP.NET site faster to retrieve.
Transportation Agenda 19. Transportation Your Role: Designer Designers organize SharePoint content and determine how to display that content Typical tasks.
CS520 Web Programming Spring – Web MVC Chengyu Sun California State University, Los Angeles.
New and upcoming features in Sitekit CMS
Visual Classification of Football Teams
Cms Full-featured Flexible Web Content Management System for All Your Needs.
How to use.
Tek Raj Chhetri Code for Humans not for machine.
CARA 3.10 Major New Features
COS 470 Iteration 5.
Tutorial 6 Topic: jQuery and jQuery Mobile Li Xu
Haritha Dasari Josue Balandrano Coronel -
PHP Training at GoLogica in Bangalore
The Cliff Notes Version
Course Review HTML5 Level II Course Review
Course Review HTML5 Level II Course Review
jQuery The Easy JavaScript Nikolay Chochev Technical Trainer
JQuery with ASP.NET.
Chapter 11 - How to use jQuery plugins and jQuery UI Widgets
Course Review ITI HTML5 Level II Course Review
ASP.NET Module Subtitle.
Student Introduction to CORE ELMS
Master a Skill / Learn for Life
SEEM4570 Tutorial 5: jQuery + jQuery Mobile
Course Review HTML5 Level II Course Review
jQuery Widgets: Tabs Requires core jQuery library + jQuery UI
Course Review HTML5 Level II Course Review
Modern JavaScript Develop And Design
Chengyu Sun California State University, Los Angeles
Wells Fargo Toolkit – CreativeBuilder Reference Guide
Chengyu Sun California State University, Los Angeles
Chengyu Sun California State University, Los Angeles
Presentation transcript:

Iteration III – Lots to do! Goals Spruce up UI Add Ajax functionality Implement access control Implement user registration Task Split Advanced Ajax- Brad Security & Site Layout- Jason

Refactoring & Security Combined Teacher and Donor domains to User Made all fields except Username, Password & UserType mandantory. User extends SecUser, created from s2-quickstart script

Updated UI Added photos, slideshow and new layout to front page Implemented jQuery Cycle slideshow plugin Front page shows last 5 book requests created Created navigation bar independent of navigation plugin

Ajax Functionality BookRequest search page refreshes results w/o reloading page Jquery slideshow on front page CSS attribute manipulation in user registration form

Book Search- Ajax

jQuery Issues Using <g:javascript library = “jquery” /> with multiple js files can create load order shuffle Jquery library can load after calling functions, resulting in non-functioning javascript

Solution Download jQuery library into /web-apps/js Replace <g:javascript library =”jquery” /> tag with <script type=”text/javascript src = “${resource(dir:'js', file:'jquery.js')}”> </script>

Registration Issues User registration controller User extends SecUser{ } erased User table, and all User class fields merged to Sec_User Creating new user via /user/create resulted in null IDs Creating new user via secUser/create worked for SecUser fields only. Filling other textfields resulted in PropertyNotFoundExceptions Adding tablePerHierarchy false to mapping of both domain classes resulted in distinct User and SecUser tables

What didn't get done Securing Access Added @Secured annotations to relevant controller methods. However, direct access via URL completion still works, regardless of login status

Upcoming Work Update user integration tests that broke when implementing spring-security-core plugin Finish denying open access via URLs Polish BookRequestUpdate to automatically refresh every ~10 seconds Re-do integration tests that failed when implementing spring-security-core plugin Eliminate redundant controllers/views/tests from redundant classes