29 May 2014

Progress 5/29/14

  •  As I create draft pages, I contact those responsible for review (if they are on contract).
  •  I edit this web page on a regular basis -- sometimes a day behind -- to easily get to the completed drafts.
    • Caveat: As I learn new tricks, I try to go back and update earlier drafts so that all will be consistent but I must admit that I haven't fixed all of them yet.  The newer ones, of course, are up-to-date.
  • I am currently working on a project with Steve and Ashley to produce the includes files for all the FAQs.
  • As I worked on the prototypes for the LS Staff Directories, I wondered if we could combine the Directory and Campus pages somehow.  What do you think?  Any ideas?
    • Keep in mind that we are designing for all screen sizes.

18 May 2014

Review and updates for Ref Team pages mostly complete

  • A grid showing the completion or progress on pages for which the Ref Team is responsible was sent to the Ref Team Leader so that they can review the relevant draft pages.
    • Corrections or other changes can be made at any time.
  • The page on plagiarism for faculty will need input from the author: Red Wassenich.
  • Changes to Ask a Librarian email form can wait until later since this form isn't dependent upon the responsive template.
Working on these pages gave us an opportunity to refine some general concepts as to page layout and how "includes" files best work.


02 May 2014

Progress 5/2/14 templates

Progress has been made on some types of pages. Templates are saved in the /templates/ folder.
So far, these templates have been completed:
  • Dir-template-2cols.php
  • FAQ-Template.php
  • GenInfo-template.php
  • ls-accordion-base.txt
In general, the template is comprised of the code for the general structure of the page with example php includes where page specific data is to be pulled in.  Example {Gen-Info Template}:

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>General Information Template</title>
    <link rel="stylesheet" href="http://library.austincc.edu/css/app-LS.css" />
        <link rel="stylesheet" href="http://library.austincc.edu/css/extra-LS.css">
    <script src="http://library.austincc.edu/bower_components/modernizr/modernizr.js"></script>
  <script language="javascript" type="text/javascript"
 src="http://library.austincc.edu/scripts/dynacrumbs-love.js">
  </script>
  </head>
  <body>
    <header>
<!-- This next section contains header for next tier pages. -->
<?php include("http://library.austincc.edu/includes/header-next.php"); ?>
    </header>
   
<!-- This next section contains top navigation bar. -->
<?php include("http://library.austincc.edu/includes/navBar.htm"); ?>

    <section class="content"  id="LScontent">
    <!-- two columns -->
<div class="row">
<div class="large-12 columns"><span class="crumbs"><script type="text/javascript">createBreadcrumbs()</script></span></div> <!-- end of crumbs -->
</div> <!-- end of row -->

    <!-- two columns -->
    <div class="row">
        <div class="large-3 columns">
            <h2 style="font-size: 100%;">See Additional Resources:</h2>
<!-- This section includes the specific see additional resources file. Use the "base" as a template to save with specific name.-->
<?php include("includes-GenInfo/SeeAddResources-base.txt"); ?>

<!-- This section includes the Read Thumbs file. -->
<?php include("http://library.austincc.edu/includes/ReadThumbs.php"); ?>
        </div>
        <div class="large-9 columns">
<!-- This section includes the file for this particular page. -->
<?php include("includes-GenInfo/whateverGenInfo.php"); ?>
        </div> <!-- end of big column -->
   
    </div> <!-- end of row -->
    </section>

    <!-- This section includes the LS footer -->
    <?php include("http://library.austincc.edu/includes/footer-LS.php"); ?>



Folder and includes subfolder design

Folder and includes sub-folder design

Using the Services folder as the inaugural example:
... /gen-info/services/includes-svc

So, any page in the services folder would contain scripts pulling page content from the /includes-svc/ folder.  Example:  Reference Librarians by Campus page
http://irtstaff.austincc.edu/peloquin/AY14-Redesign/gen-info/services/RefLib-byCampus.php
                      <?php include("includes-svc/ref-libs-campus.htm"); ?>

Thoughts on the InfoLit pages:
  • Information on Information Literacy has been in two different folders within the HELP folder:
    • InfoLit
    • KnowHow
  • This happened because the Know How initiative was conceived and implemented without consulting the web master or the web team.
  • Some elements of the original Know How initiative are no longer active.
  • Conclusions:
    • KnowHow pages should be subsumed into the InfoLit folder.
    • Inactive elements should be archived and not linked on the redesigned pages.
      • Any related broken links from outside the LS Web Site reported to us will be resolved by redirects.
  • Structure of the /help/InfoLit/ folder:
    ... /help/InfoLit/includes-InfoLit

10 April 2014

Summary of meetings with LS Web Content providers 4/4/14

Summary of meetings with LS Web Content providers 4 March 2014 {10am-noon HBC 301.7 and 2-4pm HBC 215}

There were two separate meetings where most of the web content providers met to see the structure of the redesigned site and some first drafts of page possibilities.  In addition, the Circulation Facilitator, the Reference Team, the E-Resources Librarian, and the Information Literacy Team discussed their ideas of what would happen in the future in their areas.  Note:  Some participants attended both meetings.

Content providers have been looking at the pages for which they are responsible.  Some of them have already submitted changes and desires.  Some have chosen not to review at this time and told the Web Team to simply move all pages over.  Some will be submitting changes before the end of the session and/or asking to meet with Margaret.

Meeting agenda:
  • Website Structure
    • Where you fit in
    • Responsive Design - row/columns
    • Content Folder Structure
    • Page Structure
  • Demo Draft Pages
    • Draft Home Page
    • Simple info page in Help folder
    • Use of Library logo icons to brand a page:
      • Same info lit page with info in two columns
      • Simple info lit Know How logo page in Help folder
      • Example FAQ page
    • Long info page in Services folder with printable brochure
    • Hours pages to test accordion display and tables
    • Directory pages
    • Search the site
  • What's next?
    • Margaret and Ashley test pages with students/faculty
    • Pages revised using comments from our tests
    • LS staff review and offer additional idea
  • Questions
  • Plans for the future discussion
    • Circulation
    • Reference
    • IL
    • E-Resources