Last Updated: 28 November 2001
INDEX
General Information<= o:p>
URL, username, password, etc.
D. Directories & Directory Structure
1. Overall Site Structure
2. “CVS”
3. “website”
4. “ssi”
5. “graphics”
6. "newsroom"
7. "partners"
8. "people"
9. "process"
10.
"products"
1. ../website/
2. ../website/newsroom/
3. ../website/partners/
4. ../website/people/
5. ../website/process/
H. Others
I. Software Help for the Uninitiated
ii.
This section assumes that the user has access to linux= and has his/her own username and password.
http://www.website.com
Use your own username to log in to linu=
x.
Use your own password for linux to log =
in.
linux:(your port)/www/htdocs/website/
192.168.168.10
1.1.<= span style=3D'font:7.0pt "Times New Roman"'> = In order to update and maintain the site on = the server, you will need some knowledge of HTML.
1.2.<= span style=3D'font:7.0pt "Times New Roman"'> = You will also need to know how to use UltraE= dit and SecureCRT or Putty (software and hacks available from \\Bacchus\Installers).
1.3.<= span style=3D'font:7.0pt "Times New Roman"'> = Ensure that you have an environment set up f= or you that supports CVS. Please check with the System Administrator for assistance.
1.4.<= span style=3D'font:7.0pt "Times New Roman"'> = Have UltraEdit and SecureCRT installed in yo= ur local machine.
1.5.<= span style=3D'font:7.0pt "Times New Roman"'> = To avoid version conflicts, the server has b= een set up to support CVS updates. If you have been set up with a CVS environme= nt, you will receive an email whenever a change has been made to a file or the directory structure.
1.6.<= span style=3D'font:7.0pt "Times New Roman"'> = The System Administrator has also set up a C= VS command that will automatically implement all the updates/changes (which ha= ve been made in linux) to the files/directory in the remote server.
1.7.<= span style=3D'font:7.0pt "Times New Roman"'> = All filenames and directory names are case-sensitive.
1.8.<= span style=3D'font:7.0pt "Times New Roman"'> = New directories must be created under the ro= ot directory, and new files must be located within these directories.
1.9.<= span style=3D'font:7.0pt "Times New Roman"'> = Please ensure that you give ALL new files and directories, names whi= ch are in LOWER CASE.
CVS has= been implemented for the maintenance of this site for a number of reasons. First= ly, it requires anyone and everyone involved in the site’s maintenance to= be EXTREMELY disciplined. It also provides a very good safeguard against (file) version conflicts. If CVS procedures are CAREFULLY and RELIGIOUSLY followed, anyone who has to modify any file can always be sure of having the latest version of a file to work on.
Any (fi= le) version conflicts can be tracked, listed and documented so that the right version can always be implemented.
CVS all= ows us to track WHO made changes to WHICH files. It also allows us to track even the most minute change to any single file by means of an email report which is sent out to everyone who is on the Banking CVS mailing list= .
All thi= s means that the site can be efficiently and ACCURATELY maintained by more than = one person so it pays to properly use CVS, and to be disciplined abo= ut it.
You will frequently use the following commands in the course of maintaining the site with SecureCRT (or Putty):
2.1.<= span style=3D'font:7.0pt "Times New Roman"'> = cvs up or cvs update= – You should always run this command BEFORE making any changes/additions to the site. Failure to do so may result in yo= ur not having the latest files to work on.
2.2.<= span style=3D'font:7.0pt "Times New Roman"'> = cvs commit – You MUST always run this command AFTER you have made any changes/addition= s to the site. Failure to do so will result in the changes not being made availa= ble to other people who may be working with the files, and/or the changes not b= eing made available on the live site.
2.3.<= span style=3D'font:7.0pt "Times New Roman"'> = cvs add – You must run t= his command everytime you add a new im= age file, a new html file or a new directory. This command should ALWAYS be done BEFORE you run a cvs commit. (If you are using SecureCRT, you will be promp= ted to run cvs commit after you have run cvs add.) You MUST run cvs add for each individ= ual new file/directory.
2.4.<= span style=3D'font:7.0pt "Times New Roman"'> = sync-banking – This is a special command. It should be used ONLY when you are certain that all chang= es you have made to the site are correct and ready to go “live” details on how and when to run this command will be described in C.9. below= .
2.5.<= span style=3D'font:7.0pt "Times New Roman"'> = exit – Use this command = to end your working session and to log out of linux.
Notes:
You can execute any of the= first three commands, change directories and execute any of the three commands ag= ain and so on without having to exit or shutdown SecureCRT (or Putty). You shou= ld only execute the “exit” command when you have finished your wor= k.
BEFORE attempti=
ng to
make ANY sort of change to the fil=
es or
directories, you MUST ALWAYS=
follow this procedure WITHOUT FAIL!=
!!:
3.1&=
nbsp; &nbs=
p;
Start up SecureCRT=
or
Putty and log into linux using your username and password.
3.2&=
nbsp; &nbs=
p;
Navigate your way =
to the
site’s root directory (//www/htdocs/website/).
3.3&=
nbsp; &nbs=
p;
At the prompt, typ=
e: cvs up
3.4&=
nbsp; &nbs=
p;
Allow the programm=
e to
run until you see the prompt again. You may log out and proceed to make cha=
nges
to the files/directories after this.
4.1.<= span style=3D'font:7.0pt "Times New Roman"'> = BEFORE creating a new directory, please ensure that you complete C.3.1. through to C.3.4.
4.2.<= span style=3D'font:7.0pt "Times New Roman"'> = You can use SecureCRT or Windows Explorer to create a new directory (folder).
4.3.<= span style=3D'font:7.0pt "Times New Roman"'> = You can create a directory anywhere within t= he root directory or any of the sub-directories.
4.4.<= span style=3D'font:7.0pt "Times New Roman"'> = AFTER you have created a directory, you MUST= :
i.
ii.
iii.<= span style=3D'font:7.0pt "Times New Roman"'> = When you see the prompt again, type: &= nbsp; cvs commit followed by the name of the directory
iv.
v.
vi.
vii.<= span style=3D'font:7.0pt "Times New Roman"'> = At the next prompt, hit “Enter” = on your keyboard.
viii.= = At the next prompt, you can end your session= by typing: exit
Example:
For the above scenario, the following is a line-by-line account of what you would actually type each ti= me you see a prompt (assuming that you have already logged in and navigated yo= ur way to the appropriate sub-directory, which is “newswoom”):
cvs add news
cvs commit news
Added new directory named “news” to contain new html on special news.
(Ctrl +) x
y
(Enter)
exit
4.5.<= span style=3D'font:7.0pt "Times New Roman"'> = Follow the above procedure for each new directory you create and be sure to navigate your way to the correct directories and to type in the correct (case-sensitive) directory names.
The procedure for adding a= new html file is the same as creating (adding) a new directory. For example, you have created a new html file called “newsflash.html” in the “news” sub-directory, which is a sub-directory of “newsroom” directory. You would therefore start up SecureCRT (or Putty) and navigate your way to the “news” sub-directory and ty= pe the following (line-by-line at each new prompt):
cvs add newsflash.html
cvs commit newsflash.html<= /p>
Added a new HTML file call= ed “newsflash.html” which is located in //www/htdocs/website/newsr= oom/news/. The content of this file must always be updated with the latest news whenev= er it occurs.
(Ctrl +) x
y
(Enter)
exit
Notes:
You can use a normal text = editor to edit any html file. However, it is recommended that you use UltraEdit because UltraEdit automatically creates a backup of the file on which you a= re working, whenever you do a “save”. In addition, UltraEdit has a (html) tag highlighting feature which makes editing easier.
You will note that the pro= cedure cvs commit procedure described below is the same as what you would do after adding a new directory or file.
6.1.<= span style=3D'font:7.0pt "Times New Roman"'> = BEFORE updating or editing any html, please ensu= re that you complete C.3.1. through to C.3.4.
6.2.<= span style=3D'font:7.0pt "Times New Roman"'> = Start up UltraEdit (or any text editor) and = open the html that you want to work on.
6.3.<= span style=3D'font:7.0pt "Times New Roman"'> = Make your changes, making sure to check how = the page appears on Netscape Navigator 4.70 and Microsoft Internet Explorer 5.0 (up).
6.4.<= span style=3D'font:7.0pt "Times New Roman"'> = After having made your changes and ensuring = that you are satisfied with the changes, you may exit UltraEdit (or your text editor).
6.5.<= span style=3D'font:7.0pt "Times New Roman"'> = Start up Secure CRT (or Putty) and navigate = your way to the directory and file which you were working in/on (e.g. barclays.h= tml in the “newsroom” directory”).
6.6.<= span style=3D'font:7.0pt "Times New Roman"'> = At the prompt, type: = cvs commit barclays.html
6.7.<= span style=3D'font:7.0pt "Times New Roman"'> = At the next prompt, type a detailed descript= ion of the change/s which you have made. If you have made many changes, it is recommended that you list down each change.
6.8.<= span style=3D'font:7.0pt "Times New Roman"'> = After you have finished describing your chan= ges, hold down the “Control” key on your keyboard and type: &= nbsp; x
6.9.<= span style=3D'font:7.0pt "Times New Roman"'> = At the next prompt, type: = y
6.10.= = At the next prompt, hit “Enter” on your keyboard.
6.11.= = At the next prompt, you can end your session by typing: = exit
Notes:
All graphics to be used on= the site must be saved in the following directory:
//www/htdocs/website/graph= ics/
You can use any graphics s= oftware to create a new image file. However, remember to keep the file size as smal= l as possible, and to save the it in .gif or .jpg format inside the CORRECT directory.
If you are given a new ima= ge file, ensure that the file is copied into the C= ORRECT directory. You can use any graphics software or Windows Explorer to copy the file into the directory.
Each time you add a new im= age file, you MUST go through the procedure below for each individual file (e.g. adding a file called “new.gif”):
7.1.<= span style=3D'font:7.0pt "Times New Roman"'> = Start up SecureCRT (or Putty) and navigate y= our way to //www/htdocs/website/graphics/
7.2.<= span style=3D'font:7.0pt "Times New Roman"'> = At the prompt, type: cvs add new.gif
7.3.<= span style=3D'font:7.0pt "Times New Roman"'> = At the next prompt, type: cvs commit new.gif
7.4.<= span style=3D'font:7.0pt "Times New Roman"'> = At the next prompt, type a description of the graphic, its purpose and/or the pages where it will be used.
7.5.<=
span
style=3D'font:7.0pt "Times New Roman"'> =
After you have finished typing your descript=
ion,
hold down the “Control” key on your keyboard and type:
7.6.<= span style=3D'font:7.0pt "Times New Roman"'> = At the next prompt, type: y<= /p>
7.7.<= span style=3D'font:7.0pt "Times New Roman"'> = At the next prompt, you can end your session= by typing: = exit<= /p>
Notes:
All graphics to be used on= the site must be saved in the following directory:
//www/htdocs/website/graph= ics/
You can use any graphics s= oftware to edit an image file, however, you must always save the file in .gif or .j= pg format.
If you are going to overwr= ite an existing file, please ensure that you backup the old file BEFORE you overwrite it.
If you are given a file to= copy OVER an existing file, please ensure that you backup the old file before replaci= ng it. You can use Windows Explorer to rename the old file and to copy over the new file and give it the original name of the file which is being replaced.=
AFTER you have changed/edi=
ted the
image file, you should start up SecureCRT (or Putty) and execute the cvs co=
mmit
command to effect the change.
Example:
You have changed/edited/overwritten “old.gif”
8.1.<= span style=3D'font:7.0pt "Times New Roman"'> = Start up SecureCRT (or Putty) and navigate y= our way to //www/htdocs/website/graphics/
8.2.<= span style=3D'font:7.0pt "Times New Roman"'> = At the prompt, type: cvs commit old.gif
8.3.<= span style=3D'font:7.0pt "Times New Roman"'> = At the next prompt, type a description of the change you have made to the file, and if possible, the name of the backed up file and its location.
8.4.<=
span
style=3D'font:7.0pt "Times New Roman"'> =
After you have finished typing your descript=
ion,
hold down the “Control” key on your keyboard and type:
8.5.<= span style=3D'font:7.0pt "Times New Roman"'> = At the next prompt, type: = y
8.6.<= span style=3D'font:7.0pt "Times New Roman"'> = At the next prompt, you can end your session= by typing: exit
BEFORE
porting any changes to the “live” site, please ensure that all changes have been (cvs) committ=
ed.
The process for porting changes to the “live” site has =
been
simplified and “automated” by Philippe Chiasson.
To port the changes, please follow the procedure below:
9.1.=
St=
art up
SecureCRT (or Putty) and navigate your way either to the root directory
(//www/htdocs/website/), OR the directory in which you were working.
9.2.<= span style=3D'font:7.0pt "Times New Roman"'> = At the prompt, type: = sync-banking
9.3.<= span style=3D'font:7.0pt "Times New Roman"'> = Hit the “Enter” key on your keyb= oard and wait for messages on the screen to stop scrolling.
9.4.<= span style=3D'font:7.0pt "Times New Roman"'> = After the messages have stopped scrolling, at the prompt, you can end your session by typing: &= nbsp; exit
Notes:
The sub-directories containing html files correspond in general to the sub-categories in the left navigation bar of the web pages.<= /p>
Those who are unfamiliar with CVS will find sub-directories (folders) named “CVS” in the root directory and every other sub-directory of the site. More details about these sub-directo= ries are covered in Item D.1.1. bel= ow.
Hierarchical View:
Level 1 &nb= sp; – www
Level 2 &nb= sp; – htdocs
Level 3 &nb= sp; – website (root directory)
Level 4 &nb= sp; - CVS (cvs sub-directory)
- &nbs= p; graphics (sub-directory containing image files)
- &nbs= p; newsroom (sub-directory containing html files & a CVS sub-directory)
- &nbs= p; partners (sub-directory containing html files & a CVS sub-directory)
- &nbs= p; people (sub-directory containing html files & a CVS sub-directory)
- &nbs= p; process (sub-directory containing html files & a CVS sub-directory)
- &nbs= p; products (sub-directory containing html files & a CVS sub-directory)
&= nbsp; - ssi (sub-directory containing ssi files & a CVS sub-directory)
2.&n=
bsp;
“CVS”
These sub-directories conta=
in
files which make cvs commands for the efficient administration of this site
possible. The contents of these sub-directories should NEVER be tampered with. The care and maintenance of the cont=
ents
of these sub-directories are the sole domain of the System Administrator and
whomever he/she should assign to the job.
3.&n=
bsp;
“website”
3.1.=
Th=
is is
the root directory which contains all the files and sub-directories necessa=
ry
to make up the site. Files which cannot be categorised under any of the oth=
er
sub-directories, namely “graphics”, “newsroom”, =
220;partners”,
“people”, “process”, and “products” must
also be saved here.
3.2.=
Cu=
rrently,
there are three html files and a css file in this directory. Information on
each of these files are covered below:
i.&n=
bsp; =
;
“contact_us.html”
This pa=
ge
uses a simple cgi script which was written by Jason Lim. Currently, incoming
messages will be filtered by subject to the following email addresses:
“Comments” &=
nbsp; &nbs=
p; =3D> webmaster@website.com
“Suggestions” &nbs=
p; =
=3D> webmaster@website.com
“Requests” &=
nbsp; &nbs=
p; =3D> webmaster@website.com
“Others” &nb=
sp; =
=3D> webmaster@website.com
“Business Enquiries”&nb=
sp; =3D> sales@the_company.com
“Job Enquiries” &n=
bsp; =3D> jobs@the_company.com
For the=
time
being, all email directed =
webmaster@website.com
will be re-directed to barb@the_compan=
y.com.
The mail will then be manually re-distributed to the appropriate parties
concerned.
(See Item E.1. below for more information.)
ii.&=
nbsp; &nbs=
p;
“demo.html”
This is=
a
“holding page” which should be deleted once a section on demos =
has
been built.
There i=
s a
very strong possibility that a new sub-directory will be created for the
purpose of archiving the necessary html files for our banking demo.
There h=
ave
been discussions on the type of demo to have, and it has generally been agr=
eed
that we will have only a static demo and that we will provide a flash demo =
as a
secondary alternative for visitors with fast connections.
iii.=
&nb=
sp;
“index.html”
This is
actually a page that re-directs visitors to the site’s starting page
which is “people.html” (see
Item D.8.2. below for more information). The code in this page shoul=
d NOT be tampered with or altered unless a=
new
starting page or new refresh time has to be set.
iv.&=
nbsp; &nbs=
p;
“style_sheet_banking.css”
This is=
the
cascading style sheet (css) for the whole site.
This fi=
le
assigns the colours and sizes for most of the fonts in ALL the pages of the
site. Therefore, the code in this file should NOT
be altered or tampered with unless specific instructions have been given by=
the
Art Director (or a higher authority).
Warning: Changing the content of this file will affect the look =
and
feel of ALL the pages on this site.
4.&n=
bsp;
“ssi”
This sub-directory contains=
ssi
files which are commonly used by all other pages of the site. Ssi files are
like template files for html files. They contain html code which is common =
to
all pages on the site. Ssi files can be edited using a normal text editor or
UltraEdit (recommended).
War=
ning: Changing the content=
of
the files in this sub-directory will affect the look and feel of ALL the fi=
les
(pages) on this site. You =
should
NOT make any alterations to these files unless you have been given specific
instructions to do so by the Art Director (or a higher authority).
5.&n=
bsp;
“graphics”
5.1.=
Th=
is
sub-directory contains all image files used on the pages of the site. All i=
mage
files files should be saved in .gif or .jpg format. Please remember to keep
image file sizes as small as possible.
5.2.=
.g=
if
files are recommended for colour accuracy especially when rendering text.
However, the color range for this type of format is only 256 colours. For
photographs and intricate illustrations, it is recommended to use the .jpg
format. .jpg files are smaller in size in general and have a colour range o=
f 6
million colours. However, please remember that Netscape has a colour range =
of
only 216 colours.
6.&n=
bsp;
“newsroom”
6.1.=
Th=
is
sub-directory contains html files on any company news and press releases of=
a
banking nature. Contents can also include kudos, but should be of a banking
nature.
6.2.=
Id=
eally,
the contents of this section should be updated on a weekly basis. However,
since there will be “low” periods with little or no news, the
contents should be reviewed at least once a month.
7.1.
Th=
is
sub-directory contains html files on the company’s partners and
alliances. For the time being, as our list of partners and alliances are sh=
ort,
we can feature any partner/alliance so long as we are able to justify their
presence on the site, i.e. that they are able to offer a service or product=
to
the banking industry.
7.2.
The
contents of this section should be reviewed every 6 months to determine if
there is a need to categorise our partners/alliances. This may be necessary=
in
future if/when our list of partners/alliances should grow long.
7.3.
The
contents of this section can be updated with new content on an “as and
when necessary” basis since partnerships and alliances are not struck
every day.
7.4.
Th=
ere
should be a small writeup for every new partner/alliance. An effort should =
also
be made to obtain their logo. If this is not possible, e.g. in a case where=
a
partner/alliance has no logo, then the Art Director or his/her assistant sh=
ould
be asked to come up with an icon for the new partner/alliance.
8.1.
Th=
is
sub-directory contains html files on the key personnel of the company.
8.2.= This is also the key section of this site. W= hen a visitor types in www.website.com, he/she will= be taken to the first page in this section, i.e. people.html (see Item D.3.2.iii. above for more = info).
8.3.
Only the profiles of key personnel (with ban=
king
experience) will be featured in this section, and the writeups for each
individual should focus on or highlight the individual’s experience in
banking.
8.4.
Th=
is
section should be updated on an “as and when necessary” basis, =
e.g.
if/when there is a change in the lineup of key personnel or a change in the=
ir
profile.
9.1.
Th=
is
sub-directory contains html files on the company’s development proces=
ses.
These include the company’s AppFactory, Application Delivery
Infrastructure, Methodology and Application Delivery Infrastructure.
9.2.
It=
is
important to note that these processes should not carry any trademark or pa=
tent
suffixes UNLESS they have truly been registered as such. Permission to incl=
ude
these suffixes should only be given by our CEO.
9.3.
Th=
is
section should be updated on an “as and when necessary” basis. =
This
is because the contents of this section “mirrors” the contents =
of
our sales brochure. Therefore, the contents of this section should be revis=
ed
whenever the content of our sales brochure is revised.
10.1.
Th=
is
sub-directory contains html on the company’s products. These include =
the
company’s Banking Applications, website Infrastructure, System
Architecture Consulting, website2 and Instant Intranet.
10.2.
In
general, this section should only focus on products which will be meaningfu=
l to
potential banking clients. Strictly speaking, website2 and Instant Intranet=
are
not banking products although it is possible that a bank will have need for
them.
10.3.
It=
is
generally agreed that the decision to feature website2 should be reviewed o=
nce
our website2 site comes into existence. A decision must then be made on whe=
ther
or not the content should be pared down, or deleted totally, and whether or=
not
a link to the website2 site should be provided.
10.4.
It=
is
also generally agreed that the decision to feature Instant Intranet should =
also
be reviewed once our website3 site comes into existence. A decision must th=
en
be made on whether or not the content should be pared down, or deleted tota=
lly,
and whether or not a link to the website3 site should be provided.
Notes:
Only significant files and file types will be c= overed in detail below. CVS files will NOT be covered as they should only be modified by the System Administrator and any= one whom he/she should assign to the job. See Item D.2. above for more information on CVS.
Image files will also not be covered or listed under t= his section because they are too numerous to list. For more information on the = care and maintenance of image files, please see Item C.8. above.
Non-critical files will only be listed by filename und= er their respective directories.
Detailed documentation will only be given on critical = files or files where major changes can be expected.
Information about directories and directory structure = are already covered in Item D. abo= ve.
All pages on the site are “static”, that i= s to say no pages are generated “on-the-fly” by any sort of script w= ith the exception of the acknowledgement page which is seen by a visitor who submits data via the “contact us” form on the “contact us” page.
You can use a normal text editor or UltraEdit (recomme= nded) to make changes to any of the files below. However, you MUST NOT FAIL to make a backup of ANY file which you wish to edit BEFORE you make your changes.
·
contact_us.html
This is a ht=
ml
page with a form which uses a simple cgi written by Jason Lim. The purpose =
of
this page is to provide visitors with a quick and simple means to communica=
te
with the company.
The form all=
ows
the visitor to choose any of three “priority” options for the e=
mail
which he/she wishes to send, namely, “
The form also
allows the visitor to choose from any of the following subjects for his/her
email: “Comments”, “Suggestions”,
“Requests”, “Business Enquiries”, “Job
Enquiries”, and “Others”.
When a visit=
or
submits a completed form, the message will be emailed to any of the email
addresses below, and a copy of the message will also be emailed to the send=
er.
The field fo=
r the
sender’s email is a required field. However, the cgi script will only=
do
a simple validation of the address, i.e. it will only check the format of t=
he
data which has been entered. The script will NOT validate the domain.
The
“Cancel” button on the page will clear all entries in all field=
s.
Currently,
incoming messages will be filtered by subject to the following email addres=
ses:
“Comments” &=
nbsp; =3D><=
span
style=3D'mso-tab-count:1'> webmaster@website.com
“Suggestions” &nbs=
p; =3D> webmaster@website.com
“Requests” &=
nbsp; =
=3D> webmaster@website.com
“Others” &nb=
sp; =
=
=3D> webmaster@website.com
“Business Enquiries”&nb=
sp; =3D> sales@company.com
“Job Enquiries” &n=
bsp; =
; =3D> jobs@company.com
For the time being, all email directed webmaster@website.com wil=
l be
re-directed to barb@company.com. T=
he
mail will then be manually re-distributed to the appropriate parties concer=
ned.
DO NOT
edit the following three lines of code unless there is going to be a change=
in
the cgi script. Ideally, these codes should be edited by a developer:
i.&n=
bsp; =
;
&l=
t;FORM
METHOD=3D"POST" ACTION =3D
"/cgi-bin/LocalApps/contact_me.cgi">
ii.
iii.<= span style=3D'font:7.0pt "Times New Roman"'> = &l= t;INPUT TYPE =3D "SUBMIT" NAME =3D "submit_contact_me" VALUE =3D "Submit">
You should only edit these codes if you have been given specific and
detailed instructions to do so by a developer (or higher authority).
At present, this page can be accessed from all other pages by means= of a link called “contact us” on the top right hand corner of the screen.
·
demo.html
This is a
“holding page” which should be deleted once a section on demos =
has
been built.
There is a v=
ery
strong possibility that a new sub-directory will be created for the purpose=
of
archiving the necessary html files for our banking demo.
There have been discussions on the type of demo to have, and it has
generally been agreed that we will have only a static demo and that we will
provide a flash demo as a secondary alternative for visitors with fast
connections.
At present, this page can be accessed from every page by means of a link called “demo” on the top right hand corner of the screen.<= o:p>
·
index.html
This html page has absolutely no content except for Meta Refresh tag
which has been set to 0 seconds before forwarding the visitor to the
site’s starting page (www.website.com/=
people/people.html).
The code in this page should NOT<=
/span>
be tampered with or altered unless a new starting page or new refresh time =
has
to be set.
To change the refresh time, change the number highlighted in green:=
<META HTTP-EQUIV=3D"refresh" content=3D"0;URL=3Dhttp://www.webs=
ite.com/people/people.html">
To change the starting page, change the URL highlighted in green:
<META HTTP-EQUIV=3D"refresh" content=3D"0;URL=3D<=
b>http://www.website.com/people/peop=
le.html">
DO NOT
delete any other characters including, and especially any “=3D”,
“;” and inverted commas, etc.
This page can be accessed by a visitor when he/she types in the URL=
www.website.com or when he/she
clicks on a link located on the splash page at www.the_company.com. When th=
is
page has been accessed, it will immediately forward the visitor to the star=
ting
page of the site (../website/people/people.html).
·
style_sheet_banking.css
This is the
cascading style sheet (css) for the whole site.
This file as=
signs
the colours and sizes for most of the fonts in ALL the pages of the site.
Therefore, the code in this file should N=
OT
be altered or tampered with unless specific instructions have been given by=
the
Art Director (or a higher authority).
Warning: Changing the content of this file will affect the
look and feel of ALL the pages on this site.
Notes:
The html files in this dir= ectory are non-critical. In general, there are two types of files – files wi= th filenames beginning with “kudos” should contain kudos from clie= nts or associates. Content for all the files should have a banking, financial or security nature.
If the file list in new= s_story_list.html should grow too long, the list should be broken up in two (or more) and continued on a new page.
The same may be said cl= ient_kudos_list.html, which is currently an inactive file. Please note that in order to reactivate/reinstate this page, you will have to recreate links to this pag= e in the appropriate places – which is basically the addition of an orange text link called “more…” in a grey bar on the righthand m= enu bar wherever you see the subheading called “kudos”.
Please note that kudos_= deutschebank.html is also inactive because management made a decision to deactivate it becaus= e of inaccuracy. This file is NOT to be reinstated without permission from our CEO.
· barclays.html
· barclays2.html
· bcbirb.html
· bos.html
· client_kudos_listing.html (inactive)
· deutschebank.html
· events_activites.html
· hongkongbank.html
· ibamboo.html
· kudos_barclays.html
· kudos_bcb.html
· kudos_deutschebank.html (inactive)
· news_story_list.html
· newsroom_html
· schroder.html
· stanchart.html
· uob.html
Notes:
The html files in this dir= ectory are non-critical.
If the list of partners in= our_network.html should grow too long, the lower half of the page, i.e. the portion with ico= ns and company names should be removed and placed in a new file/s. A link (sim= ilar to the “next” links found in newsroom pages) should also be provided from this page to the new page/s, and “back” links sho= uld also be provided on the new pages.
· our_network.html
· partners.html
· partners_list.html
Notes:
The html files in this dir= ectory can be said to be non-critical.
If new personnel have to b= e added to the list in the_team.html, it is recommended that they be added in groups of three because of the table structure at the bottom of the page. If this table should grow too long, the table should be relocated to a new pag= e/s and click throughs (“back” and “next”) should be provided as necessary on the affected pages.
If the lists of paperbacks= and online books in publications.html should grow too long, these lists should be broken up and relocated to a new page/s, and click throughs (“back” and “next”) should be provided as necessary= on the affected pages.
The photographs of the books were taken inhous= e by Joe Khoo, and he should be referred to if new photographs are required.
· carlo.html
· carol.html
· eric.html
· geoffrey.html
· gunther.html
· hokee.html
· hsien.html
· joel.html
· johnson.html
· paperbacks.html
· people.html
· publications.html
· the_team.html
Notes:
The html files in this dir= ectory are non-critical.
· app_architecture_diagram.html
· app_infrastructure_diagram.html
· appfactory.html
· appfactory_diagram.html
· delivery_architecture.html
· delivery_infrastructure.html
· methodology.html
· process.html
· value_proposition.html
The html files in this dir= ectory are non-critical.
For more information regar= ding website2 and Instant Intranet, please s= ee Items D.10.3. and D.10.4. above.
· banking_applications.html
· banking_infrastructure.html
· banking_sys_architecture.html
· website2.html
· website2.html
· instant_intranet.html
· instant_intranet2.html
· products.html
· research_development.html
The ssi files in this directory are critical t= o all pages of the site. They affect the look and feel of all pages on the site. Please see Item D.4. above for more information.
A brief description of each file is appended b= elow each filename.
· ssi_footer.ssi
This file contains= the html codes for the top portion of all pages. It ends at the orange line bel= ow “WEBSITE”
· ssi_header.ssi
This file contains= the html code for the bottom portion of all pages. It starts at the black bar n= ear the bottom of the page and ends with the copyright statement.
· ssi_left_navbar_newsroom.ssi
This file contains= the html code for the lefthand navigation bar of the pages in the “newsroom” section of the site.
· ssi_left_navbar_partners.ssi
This file contains= the html code for the lefthand navigation bar of the pages in the “partners” section of the site.
· ssi_left_navbar_people.ssi
This file contains= the html code for the lefthand navigation bar of the pages in the “people” section of the site.
· ssi_left_navbar_process.ssi
This file contains= the html code for the lefthand navigation bar of the pages in the “process” section of the site.
· ssi_left_navbar_products.ssi
This file contains= the html code for the lefthand navigation bar of the pages in the “products” section of the site.
F. General Tas=
ks
1.&n=
bsp;
Status Reports
Status reports shou= ld be submitted every Friday before 6pm, and saved in \\B= ACCHUS\Data\Website\website\Reports_&_Documents. All status reports should be emailed to: Eric T, Gunther, Li Hsien, Carol, = Joe and Josh.
2.&n=
bsp;
Documentation
Significant changes=
to the
pages/files of the site (including but not limited to the adding and deleti=
ng
of pages/files) as well as any change in procedure/s should be properly and=
religiously
documented in THIS SOP (loc=
ated
in \\BACCHUS\Data\Website\website\Reports_&_Documents) and the date on the first page of this document sho=
uld be
updated accordingly.
3.&n= bsp; Site Review
It is recommended t= hat the contents and “look and feel” of this site be reviewed by manage= ment and/or a committee to decide if the site should be revised, revamped or overhauled in about a year’s time.
The cgi script for the “Co= ntact Us” page can be found in:
//www/cgi-bin/website/LocalApps/. O= NLY a properly qualified developer may modify this script and NO CHANGES should be implemented without the permission of or instruction from our CEO or VP.
1.1.<= span style=3D'font:7.0pt "Times New Roman"'> = Occasionally, there may be a need to add fil= es of other formats including .zip, .pdf, .mov, .avi, etc. This can be expected when adding video clips or downloadable files to the site. In such cases, t= hese files should be saved in the sub-directory containing the html pages from w= hich these files will be accessed.
1.2.<= span style=3D'font:7.0pt "Times New Roman"'> = BEFORE add= ing the files, ensure that they have been virus-scanned!!!
1.3.<= span style=3D'font:7.0pt "Times New Roman"'> = To add these files to a sub-directory, follow the procedure described in Ite= ms C7.1. to C.7.7 above. You should, of course, save the file in the appropriate sub-directory, navigate your way to that directory (after start= ing up SecureCRT or Putty) and enter the appropriate filename.
1.4.<= span style=3D'font:7.0pt "Times New Roman"'> = You should also ensure that provisions are m= ade in the appropriate html pages for links to sites where a visitor can downlo= ad the necessary plug-ins of viewers.
2.1.<= span style=3D'font:7.0pt "Times New Roman"'> = ALL links = to ALL external sites MUST ALWAYS open a NEW browser window. This is= to ensure that we do not lose any visitor through links.
Occasionally, there may be= a need to add a new image that is large (e.g. a diagram). In such cases, the image should be set to open in a new window from a link. An example of this can be found in ../website/process/appfactory.html.
Use this programme to work in linux.
Getting Started:
1.1.=
Ob=
tain
and install the software (scrt333.exe) from \\BACCHUS\Installers\SS=
H\SecureCRT.
1.2.<= span style=3D'font:7.0pt "Times New Roman"'> = Run damn_securecrt321.exe available from the same directory.
1.3.<= span style=3D'font:7.0pt "Times New Roman"'> = En= sure that you have a username and password, and access to the linux box. (Get he= lp from System Administrator if necessary.)
1.4.<= span style=3D'font:7.0pt "Times New Roman"'> = En= sure that you can get access to the necessary directories and that you are prope= rly set up to use CVS. (Get help from System Administrator).
1.5.<= span style=3D'font:7.0pt "Times New Roman"'> = St= art up Secure CRT and log in using your username and password.
1.6.<= span style=3D'font:7.0pt "Times New Roman"'> = Na= vigate your way to the directory you want to work in.
1.7.<= span style=3D'font:7.0pt "Times New Roman"'> = DO NOT FORGET to do a cvs up BEFORE you edit any file/directory!!!
1.8.<= span style=3D'font:7.0pt "Times New Roman"'> = Re= member that file and directory names are CASE-SE= NSITIVE!!!
To List the Contents of a Directory:
1.9.<= span style=3D'font:7.0pt "Times New Roman"'> = At= the prompt, type: = &nb= sp; ls
You will see a list of files and sub-director= ies (filenames have an extension, e.g. “.html”).
To Change (Navigate) to=
a
“Lower” Directory:
1.10.= = At the prompt, type: = cd followed by the name of the directory
To Move to the Director=
y One
Step Above:
1.11.= = At the prompt, type: &n= bsp; cd ..
To Move all the way Back to the Beginning (linux:yourportnumber) from ANY Sub-Directory:
1.12.= = At the prompt, type: &n= bsp; cd=
To UPDATE the Contents of Any Directory and i= ts Sub-Directories:
1.13.= = At the prompt, type: &n= bsp; cvs up
You can also type ̶=
0;cvs
update”.
To ADD a New File/Directory:
1.14.= = At the prompt, type: &n= bsp; cvs add followed by the name of the file/directory
To COMMIT Changes to a File or COMMIT a New
File/Directory:
1.15.= = At the prompt, type: &n= bsp; cvs commit followed by the name of the file/directory
See Items C.8.1. to C.8.6. above for more information.<=
/span>
To Quickly Fill In a File/Directory Name with= out Typing it in Full:
1.16.= = At the prompt, type the first few letters of the file/directory, then hit the “Tab” button on your keyboard.
To Copy & Paste in a Filename/Directory N= ame instead of Typing:
1.17.= = At the prompt, do a directory list (see Item I.1.9. above). Next, type in the command you want to use, follo= wed by a space. Then highlight the file or directory name that you want with yo= ur mouse. Right click, and choose “Copy & Paste” from the drop-down menu.
To Port Changes from Linux to the “Live” Site:
1.18.= = At the prompt, type: &n= bsp; sync-banking
Then wait for the messages to stop scrolling = and for the prompt to reapper before typing in your next command.
To End Your Work and Exit the Programme:
1.19.= = At the prompt, type: &n= bsp; exit
You can exit from ANY directory within linux.=
Use this programme to writ= e/edit .html, .css and .ssi files.
Getting Started:
2.1.=
Ob=
tain
and install the software (uedit32.zip) from \\BACCHUS\Installers\UltraEdit.=
2.2.<= span style=3D'font:7.0pt "Times New Roman"'> = Run damn_uedit810.exe available from the same directory.
2.3.<= span style=3D'font:7.0pt "Times New Roman"'> = Start up the programme and open an existing = file or create a new one.
To Enable Tag Highlighting:
2.4.<= span style=3D'font:7.0pt "Times New Roman"'> = Click “View” on the menubar at t= he top of the screen and choose “View As (Highlighting File Type)”= . In the next drop-down menu, choose HTML.
To Quickly Highlight a Single Word:
2.5.<= span style=3D'font:7.0pt "Times New Roman"'> = Double-click on the word you wish to select.=
To Quickly Find the HTML Colour Value of Colo= urs:
2.6.<= span style=3D'font:7.0pt "Times New Roman"'> = Right click anywhere on the screen and choose “Insert Color” from the menu. (It’s the last item on the menu.)
To Quickly Change Text Case (Upper to Lower o= r Vice Versa):
2.7.<= span style=3D'font:7.0pt "Times New Roman"'> = Highlight the text, then choose “Format” from the top menu bar, or right click anywhere on the screen and choose “Format Menu…”. Then, choose “To Upper Case” or “To Lower Case”. (Keyboard shortcutcommands are also available from the drop-down menu.)
To View Line Numbers (for Easier Coding and Troubleshooting):
2.8.<= span style=3D'font:7.0pt "Times New Roman"'> = Click “View” on the top menu bar, then choose “Display Line Numbers” from the drop-down menu.
To Run a Check & Tidy Up your HTML Codes:=
2.9.<= span style=3D'font:7.0pt "Times New Roman"'> = Click “Format” on the top menu b= ar or right click anywhere on the screen and choose “Format Menu…”. Then choose “HTML Tidy”. The programme will generate a tidied version of your file in a separate window. Errors will al= so be reported in a sub-window near the bottom of the screen. You can save the= new version of the html file if you wish. You can close the bottom window by ri= ght clicking in it and choosing “Hide”.
To Word-Wrap your Code into the Window:
2.10.= = Right click anywhere on the screen and choose “Toggle Word-Wrap”, or = hold down the “Control” button on your keyboard and type “W”.
END