EGI NA3 – Web site training services University of Edinburgh (0.25 funded FTE)

Slides:



Advertisements
Similar presentations
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Advertisements

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.
Online Magazine Bryan Ng. Goal of the Project Product Dynamic Content Easy Administration Development Layered Architecture Object Oriented Adaptive to.
A GUIDE TO SHAREPOINT 2007 CUSTOMIZATION OPTIONS Heather Solomon, WSS MVP.
JQuery CS 268. What is jQuery? From their web site:
Windows.Net Programming Series Preview. Course Schedule CourseDate Microsoft.Net Fundamentals 01/13/2014 Microsoft Windows/Web Fundamentals 01/20/2014.
How the Web Works. WWW – part of the Internet (others: , FTP, Telnet) Loaded to a Server | Viewed in a Browser (Client) Client: Request & Render.
Different ways to implement CSS. There are four different ways to use CSS in your web pages: – Inline CSS – Embedded CSS/Internal CSS – Linked CSS/External.
LAYING OUT THE FOUNDATIONS. OUTLINE Analyze the project from a technical point of view Analyze and choose the architecture for your application Decide.
Pittsburgh Java User Group– Dec Java PureFaces: A JSF Framework Extension.
Architecture Of ASP.NET. What is ASP?  Server-side scripting technology.  Files containing HTML and scripting code.  Access via HTTP requests.  Scripting.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
ASP.NET + Ajax Jesper Tørresø ITNET2 F08. Ajax Ajax (Asynchronous JavaScript and XML) A group of interrelated web development techniques used for creating.
Instant Web Sites Using ColdFusion MD CFUG 1/11/2005 Presented by Jon Brundage Accessibility Consultant, CF developer
Extending the Scope of Learning Objects with XML Bill Tait COLMSCT Associate Teaching Fellow The Open University ALT-C Conference Sep 2007.
Csi315csi315 Client/Server Models. Client/Server Environment LAN or WAN Server Data Berson, Fig 1.4, p.8 clients network.
1 Geospatial and Business Intelligence Jean-Sébastien Turcotte Executive VP San Francisco - April 2007 Streamlining web mapping applications.
EGEE-III INFSO-RI Enabling Grids for E-sciencE EGEE and gLite are registered trademarks NA3 Resources Robin McConnell.
Louisa Lambregts, Louisa Lambregts
Rails & Ajax Module 5. Introduction to Rails Overview of Rails Rails is Ruby based “A development framework for Web-based applications” Rails uses the.
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
Internet Applications (Cont’d) Basic Internet Applications – World Wide Web (WWW) Browser Architecture Static Documents Dynamic Documents Active Documents.
EGEE-III INFSO-RI Enabling Grids for E-sciencE EGEE and gLite are registered trademarks Robin McConnell NA3 Activity Manager 02.
How does it work and what has been changed? Commands EVERYWHERE.
CSC 2720 Building Web Applications Basic Frameworks for Building Dynamic Web Sites / Web Applications.
National Aeronautics and Space Administration TablePress Evaluation & Section 508 Accessible Tables with Visual Editor WP Workshop, 3/19/2014.
 An essential supporting structure of any thing  A Software Framework  Has layered structure ▪ What kind of functions and how they interrelate  Has.
Craig Pelkie Copyright © 2015, Craig Pelkie ALL RIGHTS RESERVED Use RPG to Mobilize your IBM i.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
IT Accessibility Committee Cascading Style Sheets Presented by Michael B. Short Prepared by The NYS Forum IT Accessibility Committee
Leveraging Web Content Management in SharePoint 2013 Christina Wheeler.
Introduction to ASP.NET development. Background ASP released in 1996 ASP supported for a minimum 10 years from Windows 8 release ASP.Net 1.0 released.
The New Face of ASP.NET ASP.NET MVC, Razor, and jQuery Ido Flatow | Senior Architect | Sela | This session is.
EGI-InSPIRE RI EGI-InSPIRE EGI-InSPIRE RI Training Marketplace Claire Devereux STFC, UK
Portlet Development Konrad Rokicki (SAIC) Manav Kher (SemanticBits) Joshua Phillips (SemanticBits) Arch/VCDE F2F November 28, 2008.
XNAT 1.7: Getting Started 6 June, Introduction In this presentation we’ll discuss:  Features and functions in XNAT 1.7  Requirements  Installing.
Introduction The concept of a web framework originates from the basic idea that every web application obtains its foundations from a similar set of guidelines.
Distributed Control and Measurement via the Internet
Web Technologies Computing Science Thompson Rivers University
Objective % Select and utilize tools to design and develop websites.
DPS Dissertation System
Netscape Application Server
MVC Architecture, Symfony Framework for PHP Web Apps
Self Healing and Dynamic Construction Framework:
Avraham Leff James T. Rayfield IBM T.J. Watson Research Center
Chapter 18 Maintaining Information Systems
Training activities in EGEE & EGI
Pentaho JavaScript API
Haritha Dasari Josue Balandrano Coronel -
PHP Training at GoLogica in Bangalore
Objective % Select and utilize tools to design and develop websites.
Migrating Oracle Forms Using Oracle Application Express
Top Reasons to Choose Angular. Angular is well known for developing robust and adaptable Single Page Applications (SPA). The Application structure is.
Design and Maintenance of Web Applications in J2EE
The Re3gistry software and the INSPIRE Registry
jQuery The Easy JavaScript Nikolay Chochev Technical Trainer
Lecture 1: Multi-tier Architecture Overview
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
ASP.NET Module Subtitle.
Replacing Legacy Bank Account Management System Using Business Rules
Introduction of Week 11 Return assignment 9-1 Collect assignment 10-1
Database Connectivity and Web Development
CIS 133 mashup Javascript, jQuery and XML
Globally interconnected 6lowPAN
Using FrontPage Express
Web Technologies Computing Science Thompson Rivers University
Drupal 8: Twig and Component Libraries
Client-Server Model: Requesting a Web Page
Web Application Development Using PHP
Presentation transcript:

EGI NA3 – Web site training services University of Edinburgh (0.25 funded FTE)

As the services have grown organically over the 6 years of the three EGEE projects there was some build-up of legacy code and structures within the existing front-ends. In order to allow the migration to proceed some degree of re-factoring of the front-ends was required to streamline the code.

Web site training services The EGEE web site hosted a number of services aimed at supporting cooperation between trainers in different localities these included: 1.Training events list: This allows trainers to advertise their training events and to be made aware of other training events being run within the community. It also provides potential attendees with information about events within their local area and globally. 2. Training Materials: This repository provides access to a digital library which holds all forms of training related materials. This acts as a resource allowing trainers to share, find and re-purpose materials 3. Trainers information: This holds information about trainers across the EGI area. Allowing trainers to contact each other and solicit expertise to help support their training activities. At the start of the EGI-InSPIRE project these services were migrated to the EGI.eu web domain, providing the same functionality as they did under EGEE.

The following architectural revisions were made: Removal of the inline database queries and styling from the old site code. Removal of the table based layouts from the old site code The site still uses the existing database tables from previous projects to ensure there is no loss of data. Any updates to the old sites should filter through to the new EGI.eu site. The internal structure of the web application was separated into: Theme folder: theme specific images and libraries (CSS, Javascript etc.). Global includes: config, default files: CSS, Javascipt, images, global library of reusable server side functions (components) Sub folders to contain imported code or imported frameworks that can be upgraded independently, e.g. Trainer sections and Digital library front-end.

Modularisation The migration has resulted in the following modularisation activities: A library of reusable server side functions (components) have been created that can return raw data, be it database queries, validation objects or web services without any formatting. Forms and other smaller web page components have been moved to a generic includes folder so they can be managed in a container that is not styled and can be reused across the site where needed. A single config file has been created to hold site wide variables such as contact s, web developer , site theme (skin) and references to relevant databases. This is included in ColdFusion’s Application.cfc file

Implementation The migration has resulted in the following implementation changes: A new front end has been created to browse training events. This is cleaner and quicker than the previous design and the validation and error handling has been greatly improved. Greater use of Ajax requests to both local server and remote objects to improve performance. Utilisation of the jQuery Javascript framework, extensions and UI’s such as a calendar to improve usability and reduce the size and complexity of the web forms. Ported relevant content from egee.nesc (events section and web forms), ICEAGE (trainer section) and Digital Library standalone front end module.

Training Services Architecture

Conclusions The EGEE training support services (a registry of trainers, a calendar of training events, and a digital library of training materials) have been migrated from the EGEE web site to the EGI.eu web site. In order to support this process, and to make the services robust to expected short term modifications to the EGI.eu web site, the front-ends for the services have been minimally re-factored during the migration process. This is the first step in establishing the training services within EGI. These services will need to be developed to meet the future requirements of the EGI user community. These developments will have to fit within the framework of the EGI User Support activity as a whole. With the EGI staff now in place and the community forming, potential developments can begin to be formulated. A key element in this process will be the gathering of requirements at the 1 st EGI Technical Forum. Immediate developments include a simple form to allow authorised personnel to moderate events, improvements in the interface to allow users to create and edit materials, and to update the look and feel of the EGI.eu web site when the design changes.