Ay14 Redesign - Screen resolution

I'm working on page widths, etc. and decided to check for the most common screen resolution for web-designing.  So, I'll be designing for 1366x768 as a maximum size.

I found a very good site with comparisons for this year:

Best Screen Resolution to Design Websites
Last Updated: January 7th, 2014 |By Shaun Anderson
http://www.hobo-web.co.uk/best-screen-size/

This is supported by earlier web articles:

 W3 Schools - Screen Resolution Statistics
http://www.w3schools.com/browsers/browsers_display.asp

Statcounter Finds 1366 X 768 To Be Most Popular Screen Resolution For The First Time
By Donald Melanson  April 11th, 2012
http://www.engadget.com/2012/04/11/statcounter-finds-1366-x-768-to-be-most-popular-screen-resolutio/

AY14 Redesign Begins

New Library Services Web Site Redesign

With the implementation of the new ACC Web Redesign in October, the Library Services Web Team begins the process of redesigning the library web site to align it with second tier ACC pages.  {Team members:  Ashley Carr, Courtney Mlinar, Steven Self, Margaret Peloquin (LS Web Manager) plus Carrie Gits (Social Media Point person)}

The new ACC site is Drupal-based.  After reviewing the possibility of becoming a drupal site and after discussion with other IRT web designers, LS will remain an HTML site for the near future.

A redesign planning map has been created and can be viewed using an expandable pdf file at

http://library.austincc.edu/presentations/webdesign/

The general timeline -- October 2013 - July 15 2013 -- is outlined in more detail on the map.

Two surveys have been implemented thus far:

• A survey of all LS staff as to the importance of home page links for the new LS Home Page.
• The survey was conducted during November and the results distributed to the LS Web Team after Thanksgiving.
• Comments and suggestions from that survey will determine, along with input from other library web site users, which links should remain on the home page and what they might be called.
• A Quick Survey asking users of the LS Web Site why they were/are using the web site each time they use it was implemented on 6 December and will closed on 31 January.

New Library Services Logo

Simultaneously, an ad-hoc group lead by Web Manager Margaret Peloquin is looking at redesigning the LS logo for a more recognizable look.

Carrie Gits Courtney Mlinar Steven Self Melinda Townsel Dave Wilson Betsy Young

A section in the wiki has been set up to add ideas and other web sites or logos for all members of the ad-hoc group to review. A tentative deadline has been set for early June 2014.

Adding language options to the LS Online Catalog

After a meeting with the Spanish language subgroup -- Teresa Ashley, Carrie Gits, Melinda Townsel, Jen Weber -- it was decided to

1. Stop creating separate Spanish Language catalog pages.
2. Adopt a Google language widget.
1. Melinda Townsel consulted with the International Students Office to determine which languages would be most beneficial for ACC students.
2. Margaret Peloquin implemented the widget:
1. Arabic
2. Chinese (simplified)
3. Chinese (traditional)
4. French
5. Indonesian
6. Japanese
7. Korean
8. Russian
9. Spanish
10. Vietnamese
3. The public implementation will happen in January 2014.  An announcement will be made at the All-LS meeting January 8.

Changes to the lochours page

Since the information in the chart is used both in the /loc/lochours.php and the Spanish language /loc/index-spi.php, I decided to create text files containing the information under the header rows in three places:

1. hours for campuses under the header row for days of the week
2. hours for other services points under the header row titled ( Other ACC Library Services Locations: AND Otros servicios y bibliotecas de ACC:)
3. phone numbers under the header in that table

Then I used php includes to insert the text in the appropriate place in the file and remove the actual information from the files.  The three include scripts are:

• ...?php include("http://library.austincc.edu/loc/lochours-top-include.txt"); ?...
• ...?php include("http://library.austincc.edu/loc/lochours-bot-include.txt"); ?...
• ...?php include("http://library.austincc.edu/loc/lochours-phone-include.txt"); ?...

Now only the text files need to be edited when hours change.

New WebPac (2009b latest example set)

==============================
WebPac progress
==============================
------------------------------
1 Editable
------------------------------
The files which are editable are called customizable forms and files. They fall into these categories:

Search screens (called search help files) and all have the file name schema of "srchhelp_someletter" e.g., srchhelp_t.html for a title search screen.
Definition files, e.g. wwwoptions, webpub.def
Style sheet (styles.css)
Search Results screens, e.g., briefcit.html, which is the results display for a keyword search.
Paton verification and display forms, e.g., pverify_web.html, the log in form to view patron information.
Record display forms,e.g., bib_display.html, the page that displays a bibliographic record.

1.1 Main page, i.e., Opac home page

1.1.1 opacmenu
1.1.2 mainmenu

1.2 Individual search pages (called search help pages in iii venacular; all named srchhelp_?.html with the index letter being the ? in the file name, e.g., srchhelp_a.html = Search for Author Note: case is important in the iii files)

1.2.1 Advanced Keyword (X) [basic keyword (Y)
1.2.2 Author (a)
1.2.3 Title (t)  [author and title (q)]
1.2.4 Subject

1.2.4.1 LC (d)
1.2.4.2 NLM (j)

1.2.5 Numbers (i)
1.2.5.1 LC/NLM call numbers (c)
1.2.5.2 Local Call numbers (m)
1.2.5.3 ISBN/ISSN (i)
1.2.6 Course Reserves [course (r), instructor (p)

1.3 Patron verification pages

1.3.1 View your account (pverify_web.html)
1.3.2 Request an item(s) (pverify3_web.html)
1.3.3 View reserves (pverify6_web.html)

1.4 Save and Export

1.4.1 viewsaves
1.4.2 request_results
1.4.3 item_select

1.5 Record display base

1.5.1 bib_display
1.5.2 course_display
1.5.3 resource_display
1.5.4 patronview

1.6 Search results display base

1.6.1 briefcit
1.6.2 briefcit_authority
1.6.3 briefcit_resource
1.6.4 authority redirect

1.7 css  (styles.css)

1.8 wwwoptions

This file has no extension and contains styling and other options about what happens and how it is displayed.  It also contains any vendor subscription information related to display.

Note: Anytime this file is changed the web server processes must be restarted before the change takes place.  ditto toplogo files 

------------------------------
2 System-generated
------------------------------
2.1 search results

2.1.1 browse screens (briefcit files)
2.1.2 record screen (bib_display, etc.)

2.2 patron information

------------------------------
3 content
------------------------------

3.1 definition files
3.1.1 styles [Style changes noted in comments on the file itself.]

3.1.2 toplogoNote: Anytime this file is changed the web server processes must be restarted before the change takes place.  ditto wwwoptions Changes:

• Changed div widths and substituted our banner for the iii banner. [div class="topLogoSmall"]

• Moved toplinks to nav bar and added icons

• created own or used public domain icons except the print icon

• Start Over (arrow-left-big.png)

• My LIbrary Record (ico_page_key.png)

• Help (ico_RedQmark.png)

• Chat (ico_chat_sm.png)

• Hours (clock2.png)

• Print (ico_printer.gif)

• In lieu of toplinks, added lslinks

• Login

• Accessible Catalog

• Espanol (green link as in current catalog)

• Removed the drop menu searchnav (More Search Options)

• Note: Have made this idea into a side option division for each search page. But the code isn't in the toplogo file

• Note: Will echo all of this on the toplogo-loggedin file.

3.1.3 toplogo-loggedin

3.1.3.1 Need to echo toplogo

3.1.4 botlogo

3.1.4.1 Need to create similar to current botlogo

3.2 web options (wwwoptions)

Changes:
Mostly needed to change the image names for icons place holders
Changed BROWSE50= to false

------------------------------
4 Icons / Images
------------------------------

4.1 material types
4.2 buttons