Implementation of SSL Certificate on the LS Web

Implementation of SSL Certificate on the LS Web 

-------------------------------------------------------------
1 Create LSWeb copy on external drive
-------------------------------------------------------------

1.1 LS Web NoSSL (Keep as backup.)
1.2 LS Web Working (Prepare this folder/files.)

-------------------------------------------------------------
2 Use Text Crawler to change all (.php, .htm, .html, .pdf, .css, .js, .doc) files on LS Web Working
-------------------------------------------------------------

2.1 from http://library
2.2 to https://library

-------------------------------------------------------------
3 Rename folders on LS Web Working
-------------------------------------------------------------

3.1 AA-GatherFiles-ssl (Root files)
3.2 eresources-ssl
3.3 gen-info-ssl
3.4 help-ssl
3.5 includes-ssl
3.6 loc-ssl
3.7 presentations-ssl

-------------------------------------------------------------
4 Alert Maria that we are beginning Step 4
(Coordinate through remaining steps.)
-------------------------------------------------------------

4.1 Copy -ssl folders to library.austincc.edu
4.2 Rename library.austincc.edu original folders to -old
4.3 Rename -ssl folders without -ssl
4.4 implement SSL program

4.4.1 The certificate is on the Library site at the ACCNet web server. The certificate is already installed; we only need binding to port 443.
4.4.2 Call/Text Maria [9/14/17 9pm]
4.4.3 Bind SSL

4.5 Post Binding
4.5.1 Test for viability

-------------------------------------------------------------
5 Cleanup
-------------------------------------------------------------

5.1 Check Web Developer for Errors
5.2 Fix residual errors on LS Web Site
5.3 Fix residual errors on 3rd Party sites

5.3.1 H3lp

5.3.1.1 Chat snippets
5.3.1.2 FAQs
5.3.1.3 Templates

5.3.2 Articulate
5.3.3 Springshare

5.4 Announce to LS

LibraryH3lp - Implementation

  Note:  all html coding - replaced < with [[ and > with ]]

=============================================================
 LibraryH3lp - Implementation
=============================================================
-------------------------------------------------------------
1 LS Staffing
-------------------------------------------------------------
1.1 Login to webclient: http://us.libraryh3lp.com/webclient
1.2 example login:

cyprefdesk

cypref

-------------------------------------------------------------
2 Add or Delete
-------------------------------------------------------------
2.1 LibraryH3lp

2.1.1 Chat widget

2.1.1.1 Change Nav bar

Currently, the test nav bar is only on the test Ask page:

 http://library.austincc.edu/help/ask-h3lpX.php

Rename 'navbar.php' to 'navbar-old.php
Rename 'navbar-h3.php' to 'navbar.php'

What this amounts to is that a code snippet* for LibraryH3lp was added to Chat link on the test nav bar.  This nav bar file should replace the current one.

http://library.austincc.edu/includes/headerNav-h3.php

[[div id="skip"]][[a href="#LScontent"]]Skip to

Main Content[[/a]][[/div]]

    [[header2 class="show-for-small"]]

[[!-- This next section contains header for small screens. --]]

[[?php include("http://library.austincc.edu/includes/header-minimal.php"); ?]]

    [[/header2]] [[!-- end of minimal header --]]

    [[header class="show-for-medium-up"]]

[[!-- This next section contains header for medium up screens. --]]

[[?php include("http://library.austincc.edu/includes/header.php"); ?]]

    [[/header]]

  [[topnav2 class="show-for-small"]]

[[!-- This next section contains top navigation bar for small screens. --]]

[[?php include("http://library.austincc.edu/includes/nav-minimal.php"); ?]]

[[/topnav2]] [[!-- end of minimal nav --]]

 [[topnav class="show-for-medium-up"]]

[[!-- This next section contains top navigation bar for small screens. --]]

[[?php include("http://library.austincc.edu/includes/navbar-h3.php"); ?]]

[[/topnav]] [[!-- end of drop menu nav --]]

........................................................................

 * code snippet                

[[li class="mainItem"]]     [[ul class="sub"]]

    [[li]][[!-- Place this div in your web page where you want your chat widget to appear. --]]

[[div class="needs-js"]]

  chat loading...

[[/div]]

[[!-- Place this script as near to the end of your BODY as possible. --]]

[[script type="text/javascript"]]

  (function() {

    var x = document.createElement("scr"+"ipt"); x.type = "text/javascript"; x.async = true;

    x.src = (document.location.protocol === "https:" ? "https://" : "http://") + "us.libraryh3lp.com/js/libraryh3lp.js?10600";

    var y = document.getElementsByTagName("script")[0]; y.parentNode.insertBefore(x, y);

  })();

[[/script]][[/li]]

[[li]][[a href="http://library.austincc.edu/help/ask.php"]] [[img alt="Ask a Librarian" src="http://library.austincc.edu/img/PersonL-button-blue_32x32.png"]]Ask a Librarian[[/a]][[/li]]

[[li]][[a href="http://library.austincc.edu/help/ask.php"]] [[img alt="Phone us for help" src="http://library.austincc.edu/img/phone-button-blue_32x32.png"]]Phone Us[[/a]][[/li]]  ....               

2.1.1.2 Nav Pages - Get Help Mobile H3lp

Because our site is mobile responsive, the navigation bar changes with screen size to go to nav pages instead of drop menus.  This coding should replace the current nav page for Get Help.  Use http://library.austincc.edu/NavPages/GertH3lpY.txt

[[h2]]Get Help / Chat[[/h2]]

              [[ul class="ulindent"]]

                 [[li style="font-size: medium;"]][[!-- Place this div in your web page where you want your chat widget to appear. --]]

[[div class="needs-js"]]chat loading...[[/div]]

[[!-- Place this script as near to the end of your BODY as possible. --]]

[[script type="text/javascript"]]

  (function() {

    var x = document.createElement("script"); x.type = "text/javascript"; x.async = true;

    x.src = (document.location.protocol === "https:" ? "https://" : "http://") + "libraryh3lp.com/js/libraryh3lp.js?10639";

    var y = document.getElementsByTagName("script")[0]; y.parentNode.insertBefore(x, y);

  })();

[[/script]] 

[[/li]]

                 [[li style="font-size: medium;"]][[a href="http://library.austincc.edu/help/ask.php"]] [[img src="http://library.austincc.edu/img/PersonL-button-blue_32x32.png"]]Ask a Librarian[[/a]][[/li]]

                 [[li style="font-size: medium;"]][[a href="http://library.austincc.edu/help/ask.php"]] [[img src="http://library.austincc.edu/img/phone-button-blue_32x32.png"]]Phone Us[[/a]][[/li]]

                 [[li style="font-size: medium;"]][[a href="http://library.austincc.edu/help/ask.php"]][[img src="http://library.austincc.edu/img/email-sm-32x.png"]] Email Us[[/a]][[/li]]

                 [[li style="font-size: medium;"]][[a href="http://library.austincc.edu/help/FAQs/Lib-FAQs.php"]]Library FAQs[[/a]][[/li]]

                 [[li style="font-size: medium;"]][[a href="http://researchguides.austincc.edu/"]]Research Guides[[/a]][[/li]]

                 [[li style="font-size: medium;"]][[a href="http://library.austincc.edu/help/tutorials.php"]]Online Tutorials[[/a]][[/li]]

                 [[li style="font-size: medium;"]][[a href="http://library.austincc.edu/help/documentation.php"]]Citing Sources[[/a]][[/li]]

              [[/ul]]

2.1.1.2.1 Rename 'GetHelp.txt' to 'GetHelpOld.txt'

2.1.1.2.2 Rename 'GetH3lpY.txt' to 'GetHelp.txt'

2.1.1.2.3 Research Guides

Changing the Nav Pages makes Chat available to all Research Guides because of the banner with minimal nav bar.

Change info on the Get Help! tab -- will change all subject guide and library guide tabs.

2.2 ChatStaff

2.2.1 Link needed on these pages

2.2.1.1 http://library.austincc.edu/help/FAQs/faq-Chatstaff.php

2.2.1.2 http://library.austincc.edu/help/askLS-after.php

2.2.2 Replace wording 'AskAcademic' or 'Ask Academic' with 'Chatstaff'

2.2.3 See pages under AskAcademic topic below for changes.

2.3 Liveperson

2.3.1 Remove Liveperson Monitor script from page headers

This is the code for that script and should be easily removed.  Will need to double check.

[[!-- This next section contains the LivePerson Monitor Script --]]

[[?php include("http://library.austincc.edu/includes/LivePerson-script.txt"); ?]]

2.3.2 Remove and replace link on pages like /help/ask.php

This is the script for Liveperson on the /help/ask.php page (ask-incl.txt/htm)

[[a id="ex2" style="cursor:pointer;text-decoration: underline;"]]Chat with an ACC Librarian during open hours.[[/a]]

Should also check all files for id="ex

This page needed more work to add the chat widget and style the resulting link to be more apparent.

2.4 AskAcademic

Replace wording and links on these pages for sure
2.4.1 http://library.austincc.edu/help/FAQs/faq-chat-info.php

2.4.2 http://library.austincc.edu/help/ask.php

2.4.3 library.austincc.edu/help/FAQs/faq-AskAcademic.php
...................Made a redirect to the Chatstaff FAQ

2.4.4 Get Help! tab on Research Guides

2.4.5 http://library.austincc.edu/help/askLS-after.php

-------------------------------------------------------------
3 Patron
-------------------------------------------------------------

3.1 For the patron to see an active chat link, LS staff must be logged in

3.1.1 Chat Now

3.1.2 Chat Offline

3.2 For testing: http://library.austincc.edu/help/ask-h3lpX.php

Making the Webpac mobile responsive

Documenting the steps taken to implement the New Look Library Catalog at the end of the first summer session.

• Noted on the IUG list that some libraries discussed that the new Sierra Webpac set was much improved and could be modified for mobile uses.
• Ascertained that Millennium users could use that Webpac set.
• Began work in February 2016 to deconstruct the options and style sheets for possible use.
• Began to adapt the options, style sheets, and HTML pages to our catalog during March.
• At the end of March, sent out an email to all librarians to test the first draft and send comments to me by the end of April. 
• Continued to work on improving the appearance and use of the catalog on mobile devices.
• At the beginning of June, sent an email reminding all librarians that we would implement the new look at the end of the first summer session.
• Prepared a quick tour tutorial for users during June.
• Posted a pre-implementation, coming soon What's New at the end of June.
• Implemented the New Look and informed all LS on July 4th.
• Posted on What's New. (http://lswhatsnew.blogspot.com/2016_07_01_archive.html#288529500402352414)
• Made suggested changes from librarians and staff.
• Everything seems to be working just fine.

Changing FIND BOOKS, ARTICLES, VIDEOS to Find Books, Articles, and More

Changing FIND BOOKS, ARTICLES, VIDEOS to Find Books, Articles, and More

Involves changing several files both on the web site and other places

LS Web Site:

• Home Page -- Header in middle of home page 
• (includes/FindSearch.txt)
• Navigation Bar (these includes files:
• HeaderNav.php
• navbar.php
• nav-minimal.php
• and /includes/NavPages/BksArt.txt

• eresources/searchall.php is taken care of with  (includes/FindSearch.txt)

CMS LibGuides:

•  navigation bar
• possible guide pages

IL Tutorials

• Finding Articles 
• ? others

Handouts (Reference, Workshops, IL sessions)

Documenting the LivePerson fix for mobile devices.

This was an hours long process and I'm tired so want to document what was done before I forget.

1. Steve and Cary were testing facets of LivePerson/LiveEngage when they noticed that the chat links were not working for Steve's iPhone.
2. They reported that to me and I verified the links wouldn't work on my android phone either.
3. I asked Toyya to notify our LP representative and have a technician get in touch with me by email with a suggested solution.
4. Thus began a tortuous process which, with a little thought, could have been resolved hours earlier.

Note:  There are some behind the scenes -- on the LP server -- scripts that we cannot access. What I am documenting are those client side (our web site) scripts for which we have some control -- not much.

Throughout the day, I received bits of scripts to make all three links on the Library Home Page work both for desktop computers and for mobile devices.  Here is a summary of the scripting that works.

Basic LivePerson script to be on every page:

<?php include("http://library.austincc.edu/includes/LivePerson-script.txt"); ?>

Added:

• <script src="http://library.austincc.edu/bower_components/jquery/jquery.min.js"></script> to the top of the script
• Note: This particular script is already in the "footer-LS.txt" file but must be in that place for all three of the links on the homepage to work.
• Note2: This script in its new location somehow interferes with the slider scripts on the Tutorial page and on the LS Staff Directory pages.
  Solution: Created a second LivePerson script without that line -- LivePerson-script2.txt -- to be used on those pages only since this does not affect the navigation bar only additional chat links on a page.
• Three sets of code to embed different actions for the 3 different links on the home page.
  <a class="lebtn"><div id="LP_DIV_1453394743202" style="display:none;"></div></a>
  <a class="lebtn2"><div id="LP_DIV_1445611073120" style="display:none;"></div></a>
  <a class="lebtn3"><div id="LP_DIV_1445609128908" style="display:none;"></div></a>

Navigation Bar at the top of every page "navbar.php"

Changed:

The Chat link under Get Help/Chat to <a id="ex1" style="cursor:pointer;"><img alt="Chat with a Librarian" src="http://library.austincc.edu/img/chat2_32x32.png">Chat</a>
Note: the "ex1" refers to the first "lebtn" division - "LP_DIV_1453394743202" -- code not totally available to us.

For Students content file "ForStudents.txt"

Changed:

The Chat link to <a id="ex2" style="cursor:pointer;">Chat with a Librarian</a>
Note: the "ex2" refers to the "lebtn2" division - "LP_DIV_1445611073120" -- code not totally available to us.

Virtual 24/7 content file "VirtualHelp.txt"

Changed:

The Chat link to <a id="ex3" style="cursor:pointer;">Chat with a Librarian<img src="http://library.austincc.edu/img/chat_32x32r.png" border="0" style="vertical-align:super;" alt="Chat Live with Librarians"></a>
Note: the "ex3" refers to the "lebtn3" division - "LP_DIV_1445609128908" -- code not totally available to us.

Footer at the bottom of each page "footer-LS.php"

Added:

Three scripts that control the action of the 3 different links:
<script>
$("#ex1").click(function() {
$(".lebtn div").trigger("click");
});
</script>
<script>
$("#ex2").click(function() {
$(".lebtn2 div").trigger("click");
});

</script>
<script>
$("#ex3").click(function() {
$(".lebtn3 div").trigger("click");
});

</script>