Enhancing Koha s Public Reports Feature

Size: px
Start display at page:

Download "Enhancing Koha s Public Reports Feature"

Transcription

1 Enhancing Koha s Public Reports Feature A presentation to the Koha-Oz User Group Melbourne Athenaeum 18 August 2016 Bob Birchall / Chris Vella

2 Reports in Koha can be made public FROM THE Koha MANUAL: Report is public' should be left to the default of 'No' in most cases. A report can be made public if you intend to allow access to it through the JSON webservice interface. This is a system that can be used by developers to make custom presentations of the data from the report, for example displaying it using a graphing API. To learn more speak to your local developer. A public report is accessible via a URL that looks like this:

3

4 So what? So you can add the URL of a report as a link in your OPAC! Sure, you can just use a List, but there are advantages to using a Public report. Report on anything in Koha. In Koha, if you can name it, you can report on it.

5 Creating a report... Create a report in the Koha reports module. In the example, we want to make a list of the e-journals held by the library available on the OPAC home page. Make the report public.

6

7 Now you can add that as a link to your OPAC: We do that in the staff client. And with a little HTML we can make the link a nice button. In the system preference opacmainuserblock, add an HTML link to your report: <!-- Button to trigger modal --> <a href="#ejournals" role="button" class="btn" data-toggle="modal">click to view E-Journals</a>

8

9 then set up the report display format: Some more HTML will provide attractive styling to the report: <!-- Modal <div id="ejournals" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="ejournallabel" aria-hidden="true"> <div class="modal-header"> <button id="modal_close" type="button" class="close" data-dismiss="modal" aria-hidden="true"> </button> <h3 id="ejournallabel">e-journals</h3> <div id="list_logo"><center><img src=" </div> <div class="modal-body"> <table id="custom_table" class="table table-hover table-bordered"> <thead> <tr> <th>id</th> <th>title</th> <th>availability (Print and Online)</th> <th>online Access</th> </tr> </thead> <tbody> </tbody> </table> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">close</button> </div> </div>

10 But to make it run, we also need some JQuery: Again in the staff client, add the JQuery on the next slide to your opacuserjs system preference. This calls the report. You can see (in the third line) that it s calling Report #4. It then extracts the JSON output and places it into rows and columns. Next we can add some nice functionality to the report: Open the catalogue record by clicking on the biblio number; Make the link to the e-journal clickable and to open in a new tab; and Make each column sortable.

11 Here s our custom JQuery: $(document).ready(function() { var data1; $.get( "/cgi-bin/koha/svc/report?id=4", function( data1 ) { $.each(data1, function(index, value) { // json is a record arr var json = value; var tr; tr = $('<tr/>'); $.each(json, function(index, value) { tr.append("<td>" + value + "</td>"); }); $('#custom_table').append(tr); // alert( index + ": " + value ); }); $("#custom_table").tablesorter(); $("#custom_table td:nth-child(1)").each(function(index, element){ $(element).wrapinner('<a href="/cgi-bin/koha/opac-detail.pl?biblionumber='+$(element).text()+'" target="_blank"></a>'); }); $("#custom_table td:nth-child(4)").each(function(index, element){ $(element).wrapinner('<a href="'+$(element).text()+'" target="_blank"></a>'); }); }); }); // Custom list script In addition you also need to add the JQuery plug-in Tablesorter 2.0 from

12

13 In summary: Make a custom report which is public. Use HTML in opacmainuserblock to: a. b. 3. Make an attractive button to call the link; and Set up the appearance of the report. Use JQuery in opacuserjs to call the report and add some nice functionality.

14 Why not just use a list? Because a public report has quite a few advantages: Supports large numbers of items (with a scrolling bar); Easier to maintain (changes to the catalogue are picked up automatically); Add or delete columns - just modify the report; Sort dynamically on any column; Automatically updated regularly. Lists still have their place, but where there are a large number of items or the content is dynamic, a public report might serve you better. For more Koha tips, join the Koha-oz mailing list Calyx: enquiries@calyx.net.au or subscribe to our newsletter:

LAMPIRAN. Index.php. <?php. unset($_session["status"]); //session_destroy(); //session_destroy();

LAMPIRAN. Index.php. <?php. unset($_session[status]); //session_destroy(); //session_destroy(); LAMPIRAN Index.php unset($_session["status"]); //session_destroy(); //session_destroy();?>

More information

TEDApps - etendering. Ref: etendering-fus-listservice etendering - CFT List Service Version: Publications Office

TEDApps - etendering. Ref: etendering-fus-listservice etendering - CFT List Service Version: Publications Office Publications Office TEDApps - etendering etendering - CFT List Service Subject etendering - CFT List Service Version / Status 0.01 Release Date 01/12/2015 Filename Document Reference etendering-cftlist

More information

Building beautiful websites with Bootstrap: A case study. by Michael Kennedy michaelckennedy.net

Building beautiful websites with Bootstrap: A case study. by Michael Kennedy michaelckennedy.net Building beautiful websites with Bootstrap: A case study by Michael Kennedy DevelopMentor @mkennedy michaelckennedy.net Objectives Learn what Bootstrap has to offer web developers Install and use Bootstrap

More information

jquery to connect with DynamoDB via Lambda API March 9-10, 2017 CS160 Section

jquery to connect with DynamoDB via Lambda API March 9-10, 2017 CS160 Section jquery to connect with DynamoDB via Lambda API March 9-10, 2017 CS160 Section Upcoming Assignments Design 05 due 3/15 Programming Assignment 3 due 3/16 You will need your fire tablets! Group assignment

More information

Deccansoft Software Services

Deccansoft Software Services Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module

More information

Structure Bars. Tag Bar

Structure Bars. Tag Bar C H E A T S H E E T / / F L A R E 2 0 1 8 Structure Bars The XML Editor provides structure bars above and to the left of the content area in order to provide a visual display of the topic tags and structure.

More information

Sign-up Forms Builder for Magento 2.x. User Guide

Sign-up Forms Builder for Magento 2.x. User Guide eflyermaker Sign-up Forms Builder 2.0.5 for Magento 2.x User Guide 2 eflyermaker Dear Reader, This User-Guide is based on eflyermaker s Signup-Form Builder Plugin for Magento ecommerce. What follows is

More information

Bootstrap 1/20

Bootstrap 1/20 http://getbootstrap.com/ Bootstrap 1/20 MaxCDN

More information

Tables & Lists. Organized Data. R. Scott Granneman. Jans Carton

Tables & Lists. Organized Data. R. Scott Granneman. Jans Carton Tables & Lists Organized Data R. Scott Granneman Jans Carton 1.3 2014 R. Scott Granneman Last updated 2015-11-04 You are free to use this work, with certain restrictions. For full licensing information,

More information

UI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML

UI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML UI Course (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) HTML: Introduction The World Wide Web (WWW) and history of HTML Hypertext and Hypertext Markup Language Why HTML Prerequisites Objective

More information

LAMPIRAN-LAMPIRAN A. Source Code 1) Sample Controller pada HomeController.php

LAMPIRAN-LAMPIRAN A. Source Code 1) Sample Controller pada HomeController.php 67 LAMPIRAN-LAMPIRAN A. Source Code 1) Sample Controller pada HomeController.php

More information

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS MOST TAGS CLASS Divides tags into groups for applying styles 202 ID Identifies a specific tag 201 STYLE Applies a style locally 200 TITLE Adds tool tips to elements 181 Identifies the HTML version

More information

GROUPER EVALUATION & REMEDIATION REPORT

GROUPER EVALUATION & REMEDIATION REPORT GROUPER EVALUATION & REMEDIATION REPORT Reviewer: Howard Kramer, hkramer@colorado.edu Technology Used: NVDA (ver. 2016.1), Firefox (ver. 48.0.2) on Windows 10 PC Background This report evaluates the Grouper

More information

django-session-security Documentation

django-session-security Documentation django-session-security Documentation Release 2.5.1 James Pic Oct 27, 2017 Contents 1 Why not just set the session to expire after X minutes? 3 2 How does it work? 5 3 Requirements 7 4 Resources 9 4.1

More information

Introduction. Part I: jquery API 1. Chapter 1: Introduction to jquery 3

Introduction. Part I: jquery API 1. Chapter 1: Introduction to jquery 3 Introduction xix Part I: jquery API 1 Chapter 1: Introduction to jquery 3 What Does jquery Do for Me? 4 Who Develops jquery? 5 Obtaining jquery 5 Installing jquery 5 Programming Conventions 8 XHTML and

More information

Startup Guide. Version 2.3.7

Startup Guide. Version 2.3.7 Startup Guide Version 2.3.7 Installation and initial setup Your welcome email included a link to download the ORBTR plugin. Save the software to your hard drive and log into the admin panel of your WordPress

More information

Advanced Table Styles

Advanced Table Styles Advanced Table Styles Scott DeLoach scott@clickstart.net ClickStart www.clickstart.net In this session, I will describe advanced techniques for formatting tables. Creating a table Select Insert > Table.

More information

Introduction to HTML & CSS. Instructor: Beck Johnson Week 5

Introduction to HTML & CSS. Instructor: Beck Johnson Week 5 Introduction to HTML & CSS Instructor: Beck Johnson Week 5 SESSION OVERVIEW Review float, flex, media queries CSS positioning Fun CSS tricks Introduction to JavaScript Evaluations REVIEW! CSS Floats The

More information

Design Document V2 ThingLink Startup

Design Document V2 ThingLink Startup Design Document V2 ThingLink Startup Yon Corp Andy Chen Ashton Yon Eric Ouyang Giovanni Tenorio Table of Contents 1. Technology Background.. 2 2. Design Goal...3 3. Architectural Choices and Corresponding

More information

ICT IGCSE Practical Revision Presentation Web Authoring

ICT IGCSE Practical Revision Presentation Web Authoring 21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:

More information

IQA Advanced. Lori Bertrand C Systems Global

IQA Advanced. Lori Bertrand C Systems Global IQA Advanced Lori Bertrand C Systems Global Advanced IQA Advanced Options in Sources Tab Advanced Options in Filters Tab Advanced Options in Display Tab Advanced Options in Security tab IQA Groups Other

More information

USER GUIDE MADCAP FLARE Tables

USER GUIDE MADCAP FLARE Tables USER GUIDE MADCAP FLARE 2018 Tables Copyright 2018 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this document is furnished

More information

WCAG 2.0 A and AA Requirements

WCAG 2.0 A and AA Requirements WCAG 2.0 A and AA Requirements Name of Product Engineering Village URL https://www.engineeringvillage.com/search/quick.url Date Last Updated 28 November, 2018 Completed by Document Description Contact

More information

Table-Based Web Pages

Table-Based Web Pages Table-Based Web Pages Web Authoring and Design Benjamin Kenwright Outline What do we mean by Table-Based Web Sites? Review Table Tags/Structure Tips/Debugging/Applications Summary Review/Discussion Submissions/Quizzes/GitHub

More information

jquery Tutorial for Beginners: Nothing But the Goods

jquery Tutorial for Beginners: Nothing But the Goods jquery Tutorial for Beginners: Nothing But the Goods Not too long ago I wrote an article for Six Revisions called Getting Started with jquery that covered some important things (concept-wise) that beginning

More information

COMP519: Web Programming Lecture 4: HTML (Part 3)

COMP519: Web Programming Lecture 4: HTML (Part 3) COMP519: Web Programming Lecture 4: HTML (Part 3) Ullrich Hustadt Department of Computer Science School of Electrical Engineering, Electronics, and Computer Science University of Liverpool Contents 1 HTML

More information

Chapter 9 Introducing JQuery

Chapter 9 Introducing JQuery Chapter 9 Introducing JQuery JQuery is a JavaScript library, designed to make writing JavaScript simpler and so it is useful for managing inputs and interactions with a page visitor, changing the way a

More information

Greyhead.net. How-to docs and tutorials. ChronoConnectivity How-to doc Static filters for your listing CHRONO. Connectivity

Greyhead.net. How-to docs and tutorials. ChronoConnectivity How-to doc Static filters for your listing CHRONO. Connectivity How-to docs and tutorials ChronoConnectivity How-to doc Static filters for your listing How to select the records to be displayed in ChronoConnection listing. Using the WHERE SQL box to select records

More information

CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) is a language used to describe the appearance and formatting of your HTML. It allows designers and users to create style sheets that define how

More information

Step 1: Add New Tooltip Module

Step 1: Add New Tooltip Module Live Tooltip Module is a module that allows pop-ups on the website. This module when added to the web page is only viewable by the editor of the webpage when logged in. Step 1: Add New Tooltip Module Hover

More information

6. Accelerated Development with jquery Library and AJAX Technology

6. Accelerated Development with jquery Library and AJAX Technology Web Engineering I BIT Pre-Semester Accelerated Development with jquery Library and AJAX Technology (Modal Question) Lessons for Mid-Exam 1. Web Administration skills in Analysis, Design, Develop and Deploy

More information

OU Campus Training. Part 2

OU Campus Training. Part 2 OU Campus Training Part 2 Login to OU Campus To get started you need to login to OU Campus. While work on your website just use the page last updated date located in the footer: This will take you to the

More information

Written by Administrator Sunday, 05 October :58 - Last Updated Thursday, 30 October :36

Written by Administrator Sunday, 05 October :58 - Last Updated Thursday, 30 October :36 YJ NS1 is Joomla 1.0 and Joomla 1.5 native module that will allow you to scroll, scrollfade or fade in your existing Joomla news items. Yes existing ones. This means that you do not need any additional

More information

CSC 337. jquery Rick Mercer

CSC 337. jquery Rick Mercer CSC 337 jquery Rick Mercer What is jquery? jquery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.

More information

LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD. Subject Name: WEB DEVELOPMENT CAMPUS AW BE BU MI SH ALLOWABLE MATERIALS

LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD. Subject Name: WEB DEVELOPMENT CAMPUS AW BE BU MI SH ALLOWABLE MATERIALS LIBRARY USE LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD 2015 Student ID: Seat Number: Subject Code: CSE2WD Paper No: 1 Subject Name: WEB DEVELOPMENT Paper Name: Final examination Reading Time:

More information

HTML and CSS COURSE SYLLABUS

HTML and CSS COURSE SYLLABUS HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page

More information

Web Community Manager 2.18 Release Notes

Web Community Manager 2.18 Release Notes New or Changed Functionality or User Experience Update to Google Custom Search In order to support updates from Google regarding Site Search, clients who have not previously entered a Google Account ID

More information

WELCOME TO JQUERY PROGRAMMING LANGUAGE ONLINE TUTORIAL

WELCOME TO JQUERY PROGRAMMING LANGUAGE ONLINE TUTORIAL WELCOME TO JQUERY PROGRAMMING LANGUAGE ONLINE TUTORIAL 1 The above website template represents the HTML/CSS previous studio project we have been working on. Today s lesson will focus on JQUERY programming

More information

Create First Web Page With Bootstrap

Create First Web Page With Bootstrap Bootstrap : Responsive Design Create First Web Page With Bootstrap 1. Add the HTML5 doctype Bootstrap uses HTML elements and CSS properties that require the HTML5 doctype. 2. Bootstrap 3 is mobile-first

More information

Using Excel Tables to Manipulate Billing Data, Part 2

Using Excel Tables to Manipulate Billing Data, Part 2 Using Excel Tables to Manipulate Billing Data, Part 2 By Nate Moore, CPA, MBA, CMPE The May-June 2012 issue of Billing introduced tables in Excel, a powerful tool that is used to sort, filter, and organize

More information

Web Programming Week 2 Semester Byron Fisher 2018

Web Programming Week 2 Semester Byron Fisher 2018 Web Programming Week 2 Semester 1-2018 Byron Fisher 2018 INTRODUCTION Welcome to Week 2! In the next 60 minutes you will be learning about basic Web Programming with a view to creating your own ecommerce

More information

Step-by-Step Guide to Set Up Your Challenge Opt-In Page with MailChimp and LeadPages (last updated August 6, 2017)

Step-by-Step Guide to Set Up Your Challenge Opt-In Page with MailChimp and LeadPages (last updated August 6, 2017) Step-by-Step Guide to Set Up Your Challenge Opt-In Page with MailChimp and LeadPages (last updated August 6, 2017) MailChimp is a beginner-level marketing automation platform and an email marketing service.

More information

3. Formatting Documents

3. Formatting Documents 69 3. Formatting Documents The document format is the (highest) level of formatting for a Word document. It is important to select an attractive font and arrange the text in a balanced manner. A good page

More information

Forerunner Mobilizer Dashboards

Forerunner Mobilizer Dashboards Forerunner Mobilizer Dashboards Introduction With Forerunner Mobilizer Dashboard end users can now create dashboard style layouts by combining multiple different reports on a single page that will scroll

More information

COMS 359: Interactive Media

COMS 359: Interactive Media COMS 359: Interactive Media Agenda Project #3 Review Forms (con t) CGI Validation Design Preview Project #3 report Who is your client? What is the project? Project Three action= http://...cgi method=

More information

Using Development Tools to Examine Webpages

Using Development Tools to Examine Webpages Chapter 9 Using Development Tools to Examine Webpages Skills you will learn: For this tutorial, we will use the developer tools in Firefox. However, these are quite similar to the developer tools found

More information

Webinar. The Lighthouse Studio Scripting Series. JavaScript Sawtooth Software, Inc.

Webinar. The Lighthouse Studio Scripting Series. JavaScript Sawtooth Software, Inc. The Lighthouse Studio Scripting Series JavaScript 2 HTML 3 CSS 4 JavaScript 5 jquery (enhanced JavaScript) 6 Perl 7 HTML (Hyper Text Markup Language) 8 HTML 9 What is HTML? HTML is the language for creating

More information

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

Summary. 1. Page 2. Methods 3. Helloworld 4. Translation 5. Layout a. Object b. Table 6. Template 7. Links. Helloworld. Translation Layout.

Summary. 1. Page 2. Methods 3. Helloworld 4. Translation 5. Layout a. Object b. Table 6. Template 7. Links. Helloworld. Translation Layout. Development 1 Summary 1. 2. 3. 4. 5. a. Object b. Table 6. 7. 2 To create a new page you need: 1. Create a file in the folder pages 2. Develop a class which extends the object Note: 1 = 1 Class 3 When

More information

ICDPPC.ORG - WEBSITE MANUAL

ICDPPC.ORG - WEBSITE MANUAL ICDPPC.ORG - WEBSITE MANUAL Table of Contents LOGIN TO WEBSITE... 4 GENERAL WEBSITE INSTRUCTIONS... 5 POST & PAGE CONTENT... 6 ADD DOCUMENTS ON PAGES... 7 ADD DOCUMENTS - TRANSLATION VERSIONS... 11 ADD

More information

Project Part 2 (of 2) - Movie Poster And Actor! - Lookup

Project Part 2 (of 2) - Movie Poster And Actor! - Lookup Getting Started 1. Go to http://quickdojo.com 2. Click this: Project Part 2 (of 2) - Movie Poster And Actor! - Lookup This is an extension of what you did the last time (the Movie Poster lookup from Week

More information

Tizen Web UI Technologies (Tizen Ver. 2.3)

Tizen Web UI Technologies (Tizen Ver. 2.3) Tizen Web UI Technologies (Tizen Ver. 2.3) Spring 2015 Soo Dong Kim, Ph.D. Professor, Department of Computer Science Software Engineering Laboratory Soongsil University Office 02-820-0909 Mobile 010-7392-2220

More information

PROFILE DESIGN TUTORIAL KIT

PROFILE DESIGN TUTORIAL KIT PROFILE DESIGN TUTORIAL KIT NEW PROFILE With the help of feedback from our users and designers worldwide, we ve given our profiles a new look and feel. The new profile is designed to enhance yet simplify

More information

Student, Perfect CS-081 Final Exam May 21, 2010 Student ID: 9999 Exam ID: 3122 Page 1 of 6 Instructions:

Student, Perfect CS-081 Final Exam May 21, 2010 Student ID: 9999 Exam ID: 3122 Page 1 of 6 Instructions: Student ID: 9999 Exam ID: 3122 Page 1 of 6 Instructions: Use pencil. Answer all questions: there is no penalty for guessing. Unless otherwise directed, circle the letter of the one best answer for multiplechoice

More information

INFS 2150 Introduction to Web Development

INFS 2150 Introduction to Web Development INFS 2150 Introduction to Web Development 6. Tables and Columns Objectives Explore the structure of a web table Create table heading and data cells Apply CSS styles to a table Create cells that span multiple

More information

INFS 2150 Introduction to Web Development

INFS 2150 Introduction to Web Development INFS 2150 Introduction to Web Development 6. Tables and Columns Objectives Explore the structure of a web table Create table heading and data cells Apply CSS styles to a table Create cells that span multiple

More information

NetAdvantage for jquery SR Release Notes

NetAdvantage for jquery SR Release Notes NetAdvantage for jquery 2012.1 SR Release Notes Create the best Web experiences in browsers and devices with our user interface controls designed expressly for jquery, ASP.NET MVC, HTML 5 and CSS 3. You

More information

ProSystem fx Site Builder. enewsletters

ProSystem fx Site Builder. enewsletters ProSystem fx Site Builder enewsletters December 2011 Copyright 2010-2011, CCH INCORPORATED. A Wolters Kluwer business. All Rights Reserved. Material in this publication may not be reproduced or transmitted,

More information

HTML and CSS a further introduction

HTML and CSS a further introduction HTML and CSS a further introduction By now you should be familiar with HTML and CSS and what they are, HTML dictates the structure of a page, CSS dictates how it looks. This tutorial will teach you a few

More information

Getting started with Altmetric badges

Getting started with Altmetric badges Implementation Guide Getting started with Altmetric badges 1. Overview: Embedding Altmetric badges on your platform 2. Quick start guide 3. Customising the badges 3.1. Badge types 4. Customising the Altmetric

More information

Website Development with HTML5, CSS and Bootstrap

Website Development with HTML5, CSS and Bootstrap Contact Us 978.250.4983 Website Development with HTML5, CSS and Bootstrap Duration: 28 hours Prerequisites: Basic personal computer skills and basic Internet knowledge. Course Description: This hands on

More information

Skill Area 323: Design and Develop Website. Multimedia and Web Design (MWD)

Skill Area 323: Design and Develop Website. Multimedia and Web Design (MWD) Skill Area 323: Design and Develop Website Multimedia and Web Design (MWD) 323.3 Create a Web page using tables and frames (7 hrs) 323.3.1 Insert and modify tables on a Web page 323.3.2 Merge and split

More information

PHP,HTML5, CSS3, JQUERY SYLLABUS

PHP,HTML5, CSS3, JQUERY SYLLABUS PHP,HTML5, CSS3, JQUERY SYLLABUS AAvhdvchdvchdvhdh HTML HTML - Introduction HTML - Elements HTML - Tags HTML - Text HTML - Formatting HTML - Pre HTML - Attributes HTML - Font HTML - Text Links HTML - Comments

More information

django-report-tools Documentation

django-report-tools Documentation django-report-tools Documentation Release 0.2.1 Evan Brumley Jul 20, 2017 Contents 1 Contents 3 1.1 Getting Started.............................................. 3 1.2 Charts...................................................

More information

Siteforce Pilot: Best Practices

Siteforce Pilot: Best Practices Siteforce Pilot: Best Practices Getting Started with Siteforce Setup your users as Publishers and Contributors. Siteforce has two distinct types of users First, is your Web Publishers. These are the front

More information

ICT IGCSE Practical Revision Presentation Web Authoring

ICT IGCSE Practical Revision Presentation Web Authoring 21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:

More information

SAHARA BIKE1 RESPONSIVE MAGENTO THEME

SAHARA BIKE1 RESPONSIVE MAGENTO THEME SAHARA BIKE1 RESPONSIVE MAGENTO THEME This document is organized as follows: Chater I. Install ma_sahara_bike1 template Chapter II. Features and elements of the template Chapter III. List of extensions

More information

Creating/Updating Your Webpage

Creating/Updating Your Webpage Creating/Updating Your Webpage Getting Started: 1. Go to the website provided previously. 2. Log in with your username & password. 3. Click on your school name, then click on Content Management. 4. Find

More information

ENRICHING PRIMO RECORDS WITH INFORMATION FROM WORDPRESS. Karsten Kryger Hansen Aalborg University Library

ENRICHING PRIMO RECORDS WITH INFORMATION FROM WORDPRESS. Karsten Kryger Hansen Aalborg University Library ENRICHING PRIMO RECORDS WITH INFORMATION FROM WORDPRESS Karsten Kryger Hansen Aalborg University Library AGENDA Who am I History and use case Information distribution Detour: HTML, JavaScript etc. in Primo

More information

for Lukas Renggli ESUG 2009, Brest

for Lukas Renggli ESUG 2009, Brest for Lukas Renggli ESUG 2009, Brest John Resig, jquery.com Lightweight, fast and concise - Document traversing - Event Handling - AJAX Interaction - Animating High-level, themeable widgets on top of JQuery.

More information

Making a live edit contact list with Coldbox REST & Vue.js

Making a live edit contact list with Coldbox REST & Vue.js Tweet Making a live edit contact list with Coldbox REST & Vue.js Scott Steinbeck Mar 28, 2016 Today we will be making a contact database that you can quickly and easily manage using ColdBox and Vue.js.

More information

Implementing Usable Keyboard Interactions. Jared Smith & Jonathan Whiting webaim.org

Implementing Usable Keyboard Interactions. Jared Smith & Jonathan Whiting webaim.org Implementing Usable Keyboard Interactions Jared Smith & Jonathan Whiting webaim.org Keyboard User!= Screen Reader User Screen Reader User (usually) = Keyboard User Keyboard Accessibility Testing + Keyboard

More information

Using Tables, Sparklines and Conditional Formatting. Module 5. Adobe Captivate Wednesday, May 11, 2016

Using Tables, Sparklines and Conditional Formatting. Module 5. Adobe Captivate Wednesday, May 11, 2016 Slide 1 - Using Tables, Sparklines and Conditional Formatting Using Tables, Sparklines and Conditional Formatting Module 5 Page 1 of 27 Slide 2 - Lesson Objectives Lesson Objectives Explore the find and

More information

Web Development & Design Foundations with HTML5

Web Development & Design Foundations with HTML5 1 Web Development & Design Foundations with HTML5 CHAPTER 8 TABLES 2 Learning Outcomes In this chapter, you will learn how to... Create a basic table with the table, table row, table header, and table

More information

Accessibility Building Accessible Apps. Klara Schmitt

Accessibility Building Accessible Apps. Klara Schmitt Accessibility Building Accessible Apps Klara Schmitt WCAG 2.0 vs. Section 508 WCAG = Web Content Accessibility Guidelines - 2008: W3C publishes WCAG 2.0-2010: Adopted by ISO Section 508 = Federal Government

More information

The Hypertext Markup Language (HTML) Part II. Hamid Zarrabi-Zadeh Web Programming Fall 2013

The Hypertext Markup Language (HTML) Part II. Hamid Zarrabi-Zadeh Web Programming Fall 2013 The Hypertext Markup Language (HTML) Part II Hamid Zarrabi-Zadeh Web Programming Fall 2013 2 Outline HTML Structures Tables Forms New HTML5 Elements Summary HTML Tables 4 Tables Tables are created with

More information

Versions. Overview. OU Campus Versions Page 1 of 6

Versions. Overview. OU Campus Versions Page 1 of 6 Versions Overview A unique version of a page is saved through the automatic version control system every time a page is published. A backup version of a page can also be created at will with the use of

More information

Centricity 2.0 Section Editor Help Card

Centricity 2.0 Section Editor Help Card Centricity 2.0 Section Editor Help Card Accessing Section Workspace In order to edit your section, you must first be assigned Section Editor privileges. This is done by the Director of your Site, Subsite,

More information

USER GUIDE FOR THE IMPROPER MEDICARE FEE-FOR-SERVICE PAYMENTS REPORT

USER GUIDE FOR THE IMPROPER MEDICARE FEE-FOR-SERVICE PAYMENTS REPORT USER GUIDE FOR THE IMPROPER MEDICARE FEE-FOR-SERVICE PAYMENTS REPORT TABLE OF CONTENTS INTRODUCTION...1 Getting Started...1 VIEWING THE IMFP REPORT...1 The IMFP Report Overview Page...1 View the IMFP Report...1

More information

How to Add On-Screen Messages to Keep Users Informed

How to Add On-Screen Messages to Keep Users Informed How to Add On-Screen Messages to Keep Users Informed Watch Video Version By Irene Bushnell, Intacct Practice Manager, Synergy Business Solutions One of the really cool features in both Dynamics SL and

More information

c122sep2214.notebook September 22, 2014

c122sep2214.notebook September 22, 2014 This is using the border attribute next we will look at doing the same thing with CSS. 1 Validating the page we just saw. 2 This is a warning that recommends I use CSS. 3 This caused a warning. 4 Now I

More information

Accessible Collapsable Forms/Information Areas

Accessible Collapsable Forms/Information Areas Accessible Collapsable Forms/Information Areas Accessible Expand/Collapse areas Forms that can be toggled open and close don't work too well by default implementation. When triggering the container of

More information

Advanced Training Manual: Surveys Last Updated: October 2013

Advanced Training Manual: Surveys Last Updated: October 2013 Advanced Training Manual: Surveys Last Updated: October 2013 Advanced Training Manual: Surveys Page 1 of 28 Table of Contents Introduction Training Objective Surveys Overview Survey Table Survey Options

More information

Geobarra.org: A system for browsing and contextualizing data from the American Recovery and Reinvestment Act of 2009

Geobarra.org: A system for browsing and contextualizing data from the American Recovery and Reinvestment Act of 2009 Geobarra.org: A system for browsing and contextualizing data from the American Recovery and Reinvestment Act of 2009 Ben Cohen, Michael Lissner, Connor Riley May 10, 2010 Contents 1 Introduction 2 2 Process

More information

This project will use an API from to retrieve a list of movie posters to display on screen.

This project will use an API from   to retrieve a list of movie posters to display on screen. Getting Started 1. Go to http://quickdojo.com 2. Click this: Project Part 1 (of 2) - Movie Poster Lookup Time to put what you ve learned to action. This is a NEW piece of HTML, so start quickdojo with

More information

Deep Dive into Apps for Office in Outlook

Deep Dive into Apps for Office in Outlook Deep Dive into Apps for Office in Outlook Office 365 Hands-on lab In this lab you will get hands-on experience developing Mail Apps which target Microsoft Outlook and OWA. This document is provided for

More information

Mini Project - Phase 2 Connexus Website

Mini Project - Phase 2 Connexus Website Mini Project - Phase 2 Connexus Website The url to Connexus Website: http://connexus-beta.appspot.com/ Here is my github repository: https://github.com/azizclass/nimadini The second phase is in the MiniProject-Phase2/Connexus

More information

Bootstrap Carousel Tutorial

Bootstrap Carousel Tutorial Bootstrap Carousel Tutorial The Bootstrap carousel is a flexible, responsive way to add a slider to your site. Bootstrap carousel can be used in to show case images, display testimonials, display videos,

More information

jquery Essentials by Marc Grabanski

jquery Essentials by Marc Grabanski jquery Essentials by Marc Grabanski v2 We needed a hero to get these guys in line jquery rescues us by working the same in all browsers! Easier to write jquery than pure JavaScript Hide divs with pure

More information

Rocket Theme. User Guide

Rocket Theme. User Guide Rocket Theme User Guide This user guide explains all main features and tricks of multifunctional Rocket WordPress Theme. This information will make your work with the theme even easier and more effective.

More information

OVERVIEW. How tables are structured. Table headers. Cell spanning (rows and columns) Table captions. Row and column groups

OVERVIEW. How tables are structured. Table headers. Cell spanning (rows and columns) Table captions. Row and column groups 8 TABLE MARKUP OVERVIEW How tables are structured Table headers Cell spanning (rows and columns) Table captions Row and column groups Tabular Data HTML table markup is for data arranged into rows and columns.

More information

RPG Web Apps with AJAX, JSON, and jquery. Lab Examples

RPG Web Apps with AJAX, JSON, and jquery. Lab Examples RPG Web Apps with AJAX, JSON, and jquery Lab Examples Jim Cooper Jim.cooper@lambtoncollege.ca Jim.cooper@system-method.ca www.system-method.ca Please send corrections and suggestions to jim.cooper@system-method.ca

More information

Connecture Platform Manager

Connecture Platform Manager Connecture Platform Manager 1 P a g e Table of Contents Connecture Platform Manager... 1 Introduction to the Connecture Platform Manager... 3 Getting Started... 3 Login... 3 Dashboard... 3 Connecture Application

More information

DIGITAL NEWS EXPERIENCES WIDGET STYLE GUIDE. Version Number: 1.0 Last Updated, December 3, 2014

DIGITAL NEWS EXPERIENCES WIDGET STYLE GUIDE. Version Number: 1.0 Last Updated, December 3, 2014 WIDGET STYLE GUIDE Version Number: 1.0 Last Updated, December, 2014 USING WIDGETS What is a widget? DIGITAL NEWS EXPERIENCES The embeddable AP widgets provide an end user easy access to your DNE website

More information

Biocomputing II Coursework guidance

Biocomputing II Coursework guidance Biocomputing II Coursework guidance I refer to the database layer as DB, the middle (business logic) layer as BL and the front end graphical interface with CGI scripts as (FE). Standardized file headers

More information

Information Design. Professor Danne Woo! infodesign.dannewoo.com! ARTS 269 Fall 2018 Friday 10:00PM 1:50PM I-Building 212

Information Design. Professor Danne Woo! infodesign.dannewoo.com! ARTS 269 Fall 2018 Friday 10:00PM 1:50PM I-Building 212 Information Design Professor Danne Woo! infodesign.dannewoo.com! ARTS 269 Fall 2018 Friday 10:00PM 1:50PM I-Building 212 Interactive Data Viz Week 8: Data, the Web and Datavisual! Week 9: JavaScript and

More information

COPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1

COPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1 59313ftoc.qxd:WroxPro 3/22/08 2:31 PM Page xi Introduction xxiii Chapter 1: Creating Structured Documents 1 A Web of Structured Documents 1 Introducing XHTML 2 Core Elements and Attributes 9 The

More information

729G26 Interaction Programming. Lecture 4

729G26 Interaction Programming. Lecture 4 729G26 Interaction Programming Lecture 4 Lecture overview jquery - write less, do more Capturing events using jquery Manipulating the DOM, attributes and content with jquery Animation with jquery Describing

More information

HTML5, CSS3, JQUERY SYLLABUS

HTML5, CSS3, JQUERY SYLLABUS HTML5, CSS3, JQUERY SYLLABUS AAvhdvchdvchdvhdh HTML HTML - Introduction HTML - Elements HTML - Tags HTML - Text HTML - Formatting HTML - Pre HTML - Attributes HTML - Font HTML - Text Links HTML - Comments

More information