New Webpage

Brief instructions for updating web pages manually

• ssh to cem100
• Copy and paste the following commands to copy all pages: (~15 minutes)

    cd /data/twiki2web
    ./twiki2web_fromtwiki_2013.py
    ./twiki2webtemplates_fromspecifictwikis2013.py
    ./twiki2temimps_fromtwiki.py

• Next, need to copy all files to the live site using websync (~15 minutes):
• ssh to sftp.nysbc.org

    websync

Overview

2) twiki mirror (CemTwikiToWebList).
Pages are mirrored nightly, and all attached images are included, this is done by a script on cem100, /data/twiki2web/twiki2web_fromtwiki_2013.py

Architecture of new interface

As of Sept. 12, 2013

The webpages are a sandwich of NYSBC menu bar, CEM template top page, Twiki Page, modified NYSBC bottom . The public face has 26 specific template and 1 general template.

Archive : Old website Spring 2012 till Aug 2013

Architecture of website

The new interface has horizontal cascading menus that are organized as follows:

CemTwikiToWebMainPage lists the twiki updatable pages

overview of architecture

Annotation on CemTwikiToWebMainPage and architecture

HOME

Newsletter newsletter -> files/CEMNewsletter.pdf newsletter icon -> images/newslettericon.jpg

The newsletter can be updated by going into the "files" folder, renaming the old file to archive and changing the pdf to "CEMNewsletter.pdf". If you wish to update the index page icon for the newsletter, in the "images" folder rename the old file to archive and change the picture to "newslettericon.jpg"

Announcements
edit indexbottom.html find < !--- insert NEWS here --- > and add/replace content below

Events

twikipage

CemEventsWeb

In CSS folder styles, the index page Announcements and News height tab is set to 525 px to correct for formatting issues with floating div boxes. If the content runs over, will run off page. Would have to manually update this number.

ABOUT US

twikipage

CemAboutWeb picture insert and caption would require a manual update

>Using the NYSBC
1_policies.html twikipage: CemSignupOverview The operations committee is statically included in 1_policiesbottom.html To update either 1) update the template bottom or 2) delete this section from the template bottom and update the twiki page.

>>How to start an EM project?
1_cemstart.html Also linked from the index page

>>>intranet overview
1_cemtwiki.html Also linked from the index page

>>Operations committee 1_cemopcom.html twikipage: CemOpCom

>Publications
1_cempublications.html twikipage: CemPublications

>Jobs available
1_jobs.html twikipage: TemimpsJobs

>Additional NYSBC facilities
1_facilities.html twikipage: CoreFacilities

STAFF

>Former
staff_former.html twiki page: CemFormerStaff former static public mirror: http://cryoem.nysbc.org/cryoem-staff.html)

EQUIPMENT & RESOURCES

>Equipment
2_equipment.html twikipage: CemMicroscopes

>> 2_equipment_microscopes.html twiki page: CemMicroscopes
subtwikipages associated: Jeol1230Description Jeol2100Description TecnaiDescription Jeol3200Description HeliosDescription

>> 2_equipment_sampleprep.html twiki page: CemSamplePrep
subtwikipages associated: CemPlasmaCleaning CemPlungeFreezer HpfUse

>> 2_equipment_additional.html twiki page: CemAdditionalEq
former static public mirror http://cryoem.nysbc.org/equipment/microscopes.html http://cryoem.nysbc.org/equipment/ancillary.html

>Overview of EM
(General overview of CryoEM) 2_emoverview.html twikipage: CemGeneralInfo (former static public mirror: http://cryoem.nysbc.org/cryoem-generalinfo.html aka CemIntroduction)

>Overview of EM
(How to begin an EM project) 2_eminterest.html twikipage: CemInterested (former static public mirror http://cryoem.nysbc.org/cryoem-interested.html)

>Principles & protocols
2_pp.html twikipage: CemProtoc * check linked pages currently static: http://cryoem.nysbc.org/cryoem-protocols.html

>Additional resources & links
2_links.html twikipage: CemAdditionalResources

SCHEDULNG

NEWS & COURSES

>Events & Courses (Archive)
3_events_archive.html twiki page: CemSeminarsCoursesArchive

>Announcements & News
3_news.html twiki page: CemAnnouncements

LOCATION

Other menus

TOP MENU BAR

sitemap

twiki mirror

Background Information on old webpage

The webpage redesign started 4/2012 with the goal to make the CEM website: "better".

The resulting objectives were to:
1) update the webpage design,
2) have specified twiki pages converted to a public mirror that would also serve as a backup, and
3) allow easier to implementation of a new design in the future by having twiki content feed the webpage content.

The end result is a compromise given that there were different levels of importance placed on the elements make a website "better". The new interface has some dynamic, semi-dynamic/static pages and static pages for content. The dynamic pages take a top and bottom template, and sandwich twiki based information in between the templates. The static pages have to be manually edited to update. The twiki pages and the specific templates used are listed in CemTwikiToWebMainPage

There is a twiki mirror of select twiki pages in the CemTwikiToWebList page. The site map is a static directory of these pages. If pages are added, the site map would have to be manually updated to reflect it.
As of 5/2012:
There is a link to the full unorganized list on the site map and a twiki mirror of a manually updated twiki CemSiteMap.
There are 23 templates for the mainpage and 1 template for the twikimirror that receive some or all content from the twiki, and 4 static pages that would have to be manually updated.

To the designer of the next webpage:
You may be wondering how this webpage was created and ended up being coded in its current state.
The dropdown menu bar was created using a template from Dreamweaver. There were some issues with certain browsers, in particular IE and if the work around javascripts are blocked. The nested webpages therefore have explicit links in the left side of the webpage to allow navigation. The rest of the content for the pages were added manually and not all the css styling was debugged. In particular, the index page and styling was iteratively changed to first be compatible with Dreamweaver webpage display, Safari, Firefox, Chrome and lastly IE without breaking the page too much with the previously compatible browser. From that point a template was made to create the subsequent pages of the website.

• Set ALLOWTOPICVIEW =

-- EdEng - 16 May 2012