Preparing for LiveEngage

We have met with LiveEngage, i.e., LivePerson, representative (Kyle Murray) and implementation tech (Mark Washburn) to discuss what will happen as we implement LiveEngage a new totally web-based platform.  This post addresses only the client side changes, i.e., what the user/students see.

• Questions we asked. 
• Scripts we were sent
• For some reason they insisted upon styling our links and that styling is embedded in the script somewhere.  
• I also had to add two lines of css styling to our style sheet (extra-LS.css)

Steps Taken to Transition:

• Parsed the instructions sent for scripts and code. [✔]
• Created a script file to be included via a php include in the head of pages/templates on the LS Web Site. 
• Noted the code needed within pages
• link with chat image
• link without chat image
• Created test pages to include the scripts and code for chat links.  [✔]
• http://library.austincc.edu/index-LSHome-LP.php
• http://library.austincc.edu/help/ask-LP.php
• Installed the LiveEngage Preview extension in Chrome to emulate final implementation. [✔]
• Without this extension, you cannot see the new chat window at this time.
• Tested two pages listed above.  
• Note: first code sent did not work correctly.  Code was revised and works well.
• Created a libguide with added javascript in the head to test there. [✔]
• http://researchguides.austincc.edu/testChat

Steps to be taken to make it live:

• Staff to be trained (Toyya lead)
• Meet with Courtney to discuss how to deploy in CMS.
• Suggest we do a minimal nav bar with Chat link.
• Review all chat windows for needed changes.
• Note:  Find out about the chat window when all agents logged off.
• On deployment day:
•  Put LivePerson JS script above </head> on each page
• Create a script file to put into the root /includes/ folder
• Create a PHP includes statement to invoke the script
• Use TextCrawler to insert the PHP includes above the </head> in all pertinent files.
• Rename /includes/ ...LP files to standard file names.
• ForStudents-LP.txt
• VirtualHelp-LP.txt
• footer-LP.php
• navbar-LP.php 
• Rename /help/includes/ask-incl-LP.htm to standard file name.
• Do whatever CMS change needs to be made.
• Add LivePerson JS script to system page
• Add new custom Header to Look/Feel system
• Redo Info/Alert Box to include new Chat code.
• Note: per CM deleted all group banners and implemented system custom header.
• Post-Installation
• Test for operations
• Test for look/feel
• Offline window had issues because the "header" was too long and I could not edit it to correct the Ask Academic link. (note: Mark corrected it.)
• Went into campaigns area to edit Chat window to change bubbles font and background colors. Changed image to a different picture.
• Cannot use our own image because we have no secure server to host the image.
• Asked if they could include non-person images in their gallery.
• Remove the LiveChat Agent from Ref Desk PCs

RSS Feeds - Change to IRT scripts

What's New Column - RSS Feeds

RSS feeds on the home page:

• What's New Blog latest entry and the 
• Spotlight on ... latest two entries

We have been using an external script from FeedRoll to bring these into the right column on the Library Home Page.  Although this has been working just fine, there is often a lag time before the items display.

Upon consulting Maria Youngman and Robert Ferguson from IRT, I learned that Maria had developed some scripts from earlier ones by Robert to do news feeds on the Copyright site.  Using these as a base, I was able to change and modify these to suit our needs.

1. Two separate javascripts were needed.
1. app.js
1. Modifications:  ** After much experimentation...**
1. comment out the for statement and closing bracket
2. change the variable entry from [ i ] to [ 0 ]
3. Note: This enabled the display of only the latest blog entry.
2. appSpot.js 
1. Modification:   ** After much more experimentation and help from EVC IRT folks.**
1. change the for statement to delete the indeterminate variable increment
2. insert a direct counter in the for statement  -- i < 2; i++
3. Note: This enabled the display of the 2 latest blog entry.
2. Links to the scripts had to be added to the bottom of the footer-LS.php includes file.
3. Changes were needed for the whatsnewcol.txt includes file.
1. Remove the feedroll scipts. Note: change related page in wiki.
2. Replace with new javascripts.
3. Organize and style to fit script output.  Do a little cleanup for that column.

CSS Clean-up Project

Changing to a CSS class - Is it worth it?

When there are multiple inline styles on a word or phrase, it may be worth it to change to a Span class. Example: <span class="strong em">.

Theoretically, we should always do this even with one word changes.

For example, even if we had something like <b>someword </b> and it would appear wordier (more characters) to have <span class="strong">someword </span>, we should remove the inline deprecated html.

HTML should provide content structure; CSS should provide style.

Reviewing and Revising Distance Learning and Early College Web Pages

At a meeting with Ashley Carr (Distance Learning Steward) and Kristyn Pittman (Early College Facilitator) we discussed the following:

Pages on the LS Web Site need revision and/or deletion.  We reviewed all pertinent pages for needed changes and made some decisions about what to revise or delete.

CENTERS

Library Services For ACC Center Students
http://library.austincc.edu/gen-info/Services/dlservices-centers.php [update - Margaret ✔]

• archive (_X-dlservices-centers.php)
• check for links from other pages
• Create a redirect to the Distance Learning Page
• Remove wording to "centers" where necessary, example
• See Additional Resources

DISTANCE LEARNING
--- Ashley Carr final review of all pages ---

Library Services For Distance Learning Students 
http://library.austincc.edu/gen-info/Services/dlservices-about.php [update - Ashley ✔]
Document Delivery to Distance Learning Students
http://library.austincc.edu/help/FAQs/faq-doc-delivery.php [update - Margaret ✔]
Document Delivery Form
http://library.austincc.edu/help/AskDL.php [update - Margaret ✔]
DL Brochure
http://library.austincc.edu/gen-info/Services/includes-svc/DL-Brochure.pdf [update - Ashley, mp ✔]

EARLY COLLEGE
--- Kristyn Pittman final review of all pages ; mp makes changes ---

A major change is the wording from Early College Start to Dual Credit

• Review and revise all instances in pages content and See Additional Resources

Library Services For Early College Students
http://library.austincc.edu/gen-info/Services/dlservices-ecs.php [update - Margaret]
Document Delivery to Distance Learning Students
http://library.austincc.edu/help/FAQs/faq-doc-delivery.php [update - Margaret ✔]
Document Delivery Form
http://library.austincc.edu/help/AskDL.php [update - Margaret ✔]
High School Librarians
http://library.austincc.edu/gen-info/Services/DLservices-ECS-Librarians.php [update - Margaret ✔]
ACC Library Services And High School Librarians
http://library.austincc.edu/gen-info/Community/HSLibrarians-comm.php [replace with High School Librarians - Margaret] side bar link changed [update - Margaret ✔]
Life After High School
http://library.austincc.edu/gen-info/Community/life-comm.php [no changes at this time]
EC Brochure
http://library.austincc.edu/gen-info/Services/includes-svc/EC-Brochure.pdf [update - Margaret ✔]

Web Page Changes to Secure Certificate on LSProxy

[More information about SSL and needed changes can be found at http://lswebdesign.blogspot.com/2015/06/security-certificate-ssl-lsproxy.html]


Folders to do global replace  http://lsproxy... with https://lsproxy...

Folder	# Files	Done
root	1	6/12/15
/includesEres	5	6/12/15
/includesAUP	0	6/12/15
/includesChallenge	0	6/12/15
/includesCommunity	0	6/12/15
/includesDIR	0	6/12/15
/includes-GenInfo	0	6/12/15
/includesLaptop	0	6/12/15
/includes-svc	1	6/12/15
/includesHelp	0	6/22/15
help/bizgame	2	6/12/15
help/chem070407..X	9	6/12/15
help/documents	check
help/FAQs	2	6/12/15
help/InfogameDevelopment	1	6/23/15
help/APA,CSE,MLA,Turb	0	6/23/15
help/Speech	1	6/23/15
/includesLOC	0	6/23/15

Security Certificate (SSL) -- LSProxy

What is SSL:

• An SSL certificate is a bit of code on your web server that provides security for online communications. When a web browser contacts your secured web site, the SSL certificate enables an encrypted connection.
• [https://www.thawte.com/resources/getting-started/ssl-faq/]

Melanie Dickerman has secured a license for a "trusted" security certificate (SSL).  For the encryption to be effective, we need to change the proxied links from http://lsproxy... to https://lsproxy...  This affects several areas of Library Services.  (See Chart.)
To Be Done: Change http://lsproxy to https://lsproxy

Where	Process Owner	Start	Due
ERM	Adrian	9 Jun 15	31 Jul 15
Catalog 856	Adrian / Linda B	9 Jun 15	31 Jul 15
Catalogers change macro	Linda B	9 Jun 15	31 Jul 15
Admin settings permalink DBs	Adrian	9 Jun 15	31 Jul 15
Direct links IL tutorials	IL Team	11 Jun 15	31 Jul 15
LibGuides	Courtney (librarians)	11 Jun 15	31 Jul 15
LivePerson Scripts	Steve	9 Jun 15	31 Jul 15
Misc pages LS Web	Margaret	9 Jun 15	31 Jul 15
config.txt	Margaret	9 Jun 15	After all else

Project progress can be found on the google document created for process owners.

Research Guides New Banners

After several options were viewed by the Campus Guides Advisory Group, they settled upon those on this test page:   http://researchguides.austincc.edu/newbanner

Courtney Mlinar, Campus Guides Facilitator, asked me to deploy the new banners and to add a revision date to the current footer.

==== PLAN ====

• Clean up the code on the banners for each group.
• Landing Page, i.e., the Research Guides home page
• Library Guides
• Subject Guides
• Class Guides
• Information Plus Guides
• Faculty Staff Page
• Make slightly smaller
• ACC Logo
• LS logo -- Make "Library Services" clearer
• Pad the ACC Logo a little more top and left
• Add the revision date to the footer -- done on the home page system settings
• Add the new banner code to each existing group

Making Library Web Pages More Accessiblle Continued

Some tools for checking accessibility:

Wave

AChecker.ca

508checker.com

One thing I know is inconsistent -- tagging images.

 Plan of Action

• Select sample pages from each folder.
• Run a check from each of the tools listed above.
• Note issues that are probably on most pages, e.g., 
• alt tag images that appear everywhere;
• common phrases or coding that appear everywhere.
• Determine if  can do global fix with Textcrawler.
• Use the same chart as before to guide any fixes.
• Do miscellaneous fixes that cannot be done globally.

•  Some global things:
•  replace ---  b> with strong>

Folders to do global replace  b> with strong>

Folder	# Files	Done
/includes Eres	6	6/4/15
/includes-GenInfo	12
/includesAUP	0
/includesChallenge	0
/includesCommunity	4
/includesDIR	14
/includesLaptop	2
/includes-svc	28
Vote	12

Tentatively finished with all email forms

The object is to transition the old forms, using Captcha to eliminate spam from robot emailers, to the IRT forms template which contains a "bot trap."

The IRT forms template has these features:

• a web page form
• a form processor for each form
• a general immediate response form (response-ls.php)
• emails sent to
• the requester listing what they filled out
• the appropriate recipient for the particular form, e.g.,
• AskDL goes to lkilman@austincc.edu,acarr@austincc.edu,lindsey.watson@austincc.edu,toyya.cisneros@austincc.edu
• AskLS goes to library@austincc.edu

I have completed all the forms with the exception of one form that had been requested but not ever implemented.  (III problems)  This form exists on the wiki only in Word Doc format.  The issue is that the form is designed to be attached to an email to be sent to the appropriate person from the Who [sic] To Call page.  The current template does not provide the code to specify that a particular person be chosen to be emailed.  So, I've placed this form on hold until that can be resolved. [Note: I have been able to resolve this issue and have created the appropriate form. 5/6/15mp]
Updated list:

New Email Form	New Form Processor	Replaced / Retired
AskDL.php	formprocessorDL.php	DLaskEmail.php
AskEresTrial.php	formprocessorTrial.php	askEmail-ERES1.php
AskFeedback.php	formprocessorFeedback.php	FeedbackEmail.php
AskLS.php	formprocessorAsk.php	askEmail-new.php
askOutreach.php	formprocessorOutreach.php	askOutreach.php
AskPurchase.php	formprocessorSuggest.php	PurchaseItem.php
DemoFeedback.php	formprocessorDemo.php	DemoFeedback.php
EmailRq-AV.php	formprocessorAVX.php	EmailRq-AV.php
ILS-Problem.php	formprocessorProb.php	n/a
ILLrqEmailArticle.php	formprocessorILL-art.php	ILLrqEmailArticle.php
ILLrqEmailBook.php	formprocessorILL-Bk.php	ILLrqEmailBook.php
ILSpwd-Email.php	formprocessorPWD.php	ILSpwd-Email.php
ILSpwd-Delete.php	formprocessorILSdelete.php	ILSpwd-Delete.php
MPaskEmail.php	formprocessorMP.php	MPMail.htm
response-ls.php	n/a	n/a
TXrqEmail.php	formprocessorTxShare.php	TXrqEmail.php
n/a	n/a	EmailRq-IL-googleReplaced.php
n/a	n/a	ILconsultation-retired.php
n/a	n/a	workshopRq-retired.php

Making the LS Web Pages more accessible

I recently discovered that the basic template that IRT created for LS did not have the simple code we always had before for Screen Readers.

<div id="skip"><a href="#contentarea">Skip to
Main Content</a></div>

Here is the process I followed to add the code to all pages with the php extension -- that is all the public pages on the site.

1. Backed up the site to an external drive.
2. Identified a division that should exist on all of these pages to send screen readers to as the main content.  <section class="content"  id="LScontent">
3. Identified all pages that did not have that exact division.  See spreadsheet below
4. Used a textcrawler (batch converter) to replace <section class="content"> with <section class="content"  id="LScontent"> in the appropriate folders and subfolders.
5. Overwrote the pertinent files on the server with the changes.
6. Added a style to extra-LS.css  to hide skip command from page viewers, i.e. make it invisible.
7. Added this skip code to the top of HeaderNav.php so the the screen reader would skip over all the navigation bar menus and go straight to main content, i.e., LScontent, on LS web pages.

<div id="skip"><a href="#LScontent">Skip to
Main Content</a></div>

 

Folder	Subfolder	# Files	# with	# to fix
Eresources		23	15	0
GenInfo		38	30	0
	AUP	6	6	0
	Challenge	5	4	0
	Community	7	7	0
	Dir	16	3	13
	Laptops	5	5	0
	Services	43	43	0
Help		63	43	20
	APA	2	2	0
	CSE	4	4	0
	FAQs	85	85	0
	MLA	3	3	0
	Turabian	6	6	0
Loc		6	6	0

Post-captcha forms

Progress on implementing new php email forms:

• In the context of simple captcha going away, I consulted with ACC Web and IRT Web about how we might handle the issue of bots and our email forms.
• IRT responded that they had a script that would thwart the bots embedded within their forms and shared that information with me.
• I have begun work on a template for our email forms with some success.  
• One issue remains -- I am unable to make the "required" field input work beyond the first two required fields.
• I think that I will continue with the existing LS forms and try to solve this problem later.  UPDATE: solved the problem 
• Continuing with the Transition.