Authoring Lesson 02:


Today, we learnt 9 simple vocabularies:
  1. “And”
  2. “Or”
  3. “If”
  4. “Then”
  5. “Else”
  6. “Else if”
  7. “End if”
  8. “Repeat”
  9. “End repeat”

These are the semi-syntax which we learnt after algorithms.

From the online dictionary, syntax is actually,


a. The study of the rules whereby words or other elements of sentence structure are combined to form grammatical sentences.

b. A publication, such as a book, that presents such rules.

c. The pattern of formation of sentences or phrases in a language.

d. Such a pattern in a particular sentence or discourse.

2. Computer Science The rules governing the formation of statements in a programming language.

3. A systematic, orderly arrangement.

  • One example of a semi-syntax is actually the ( If- then- else- end if)

If ________________________________________ then






End if.

The objective to create the semi-syntax is that,

  • Once an if statement is true, the rest will be skipped.

This enables to save time be skip the unnecessary checks.

One example of a semi-syntax will be a exercise of buying a drink from the vending machine from week 1.

  • This is the flowchart.


This is the semi-syntax.

>>if the machine is working then

-if drink is sold out then

get drink from somewhere else


-if change is given then

insert coins

press button to select drink

take drink

-if there is change then

take change

end if


-prepare exact change

-end if

-end if


-get drink from somewhere else

>>end if

For another example, it would be the tic tac toe game.

  • This is the flow chart,


This is the semi-syntax,

Repeat while there is still moves

if this is winning move then

make winning move

else if is opponent next winning move then

block opponent move


make high prob to win move

end if

end Repeat

This is a summary of Authoring week02 lesson.


Web Design Week 2 QnA Answers

Week 2 Answers.

What is Browser-Safe Color Palette/ Web-Safe Colors?

Browser-safe color palette is also known as :

  • Netscape palette
  • 216 palette
  • Web palette
  • or 6X6X6 palette

What is it?

  • It is actually the actual palette that *Mosaic, Netscape and Internet Explorer uses within their browser.
  • It contains 216 colors out of 256 in a 8bit computer.
  • Remaining 40 colors is the varying colors on Mac and PCs.
(*Mosaic and Netscape were dominant internet browsers of the past.)

They are actually a series of color used to ensure that a web has actually the same color on every computer; ranging from a 32bit computer system to a 8bit computer system.

An example of a Browser-safe

color palette arranged in hue:


An example of a Browser-safe

color palette arranged in value:


(image reference from:

Other examples:



(image reference from: and

  • To form the 216 distinct colors in the palette, it is actually made out of 216 (6X6X6) combination of groups. The Netscape palette for the colors usually contains of all combination of 00, 33, 66, 99, CC, FF for each red, green, blue elements of the color descriptor. Thus, forming 216 different possible of grouping to form the codes for different color.

What if we do not follow the 216 web-safe color?

  • If we were to use colors that are not found in the 216 web-safe colors, it will result the design to display fewer colors than the original amount of colors it had or dither. This could make the design look ugly on screens.

The browser safe web palette was created around 1995 or 1996, hence it was common to find 8bit computers that support at most 256 colors.

Thus by using the colors found in the palette, we can assure that all users of a computer will find a same color on the web designs. Even a different usage of operating system(Macintosh or Windows) will also make a assurance that the colors will end up the same using the browser-safe color palette.

Is is still relevant in today’s context?Why?

  • It is still relevant in today’s context to a small extent.
  • As in current days, there are many computers that can afford color system of up to 32 bits, this restricted colors to ensure the standardised color setting on every computer become less important as there will be more availability of color on the computer.

However, we must still obey this browser safe web palette as we as designers should assure that the colors we use will appear exactly to our client on every platform that they use to view it. So by using the web browser safe palette, we can assure that the colors we use wont change.

What are the common fonts face found on PC & Mac?

  • Arial,  Arial Black, Times New Roman, Verdana, Impact, Courier New and Georgia.

What is page loading time and how it influence your design?

  • A page loading time is the total amount of time needed to load up a website for the user to view the interface or to use the website itself. The most amount of time that I would tolerate waiting would be most probably 7 seconds. If it exceeds that amount of time, I would start to feel impatient and would complain why is the loading taking so long? Is something faulty? Is it workable? The best timing would be a direct load upon click or even at most a one second delay.
  • A website that is heavy on media such as audio or movie clips is relatively more forgivable for slow loading as the media added to the websites actually makes the web site a big file to load. Hence, it is human nature to allow a small delay in the amount of waiting time to enjoy something that is going to give us a little more experience that we may not have experienced before.

Therefore, the amount of loading time actually reflects on how much the viewer can expect a totally new refreshing and exciting experience for visiting my website. If I were forced to have a heavy website which would cause the loading time to be slightly longer, I will reassure myself that my website would give my viewer a totally new experience of design that he had never experience before and to make his visit to my web a unforgettable one.

To ensure that our viewers will once again return to our web again, we must keep our loading time at the minimum as they will get irritated by the slow loading web.

One fine example would be that NYP students that are surfing the net or doing research in the school would often feel very irritated by the loading speed of webs with the school computer. We would often get irritated by how slow the speed can go or even sometimes we can give up the thought of going to a certain web to check out some stuffs due to the eternity loading of it. This is sometimes not cause by the size of files on the web but how good the connection the user has or either how congested is the network that he or she is in. Thus, in order to face these factors which we designers cannot control, we can do our part to keep our file size or loading at minimum for the effort of our users. We DESIGN for our CONSUMERS… Hence, putting a thought for them is actually doing our job.

Authoring Lesson 01: Everyday Life Algorithms

Authoring Lesson 01: Everyday Life Algorithms

( tying shoelaces)

This is the video for the homework on our everyday life algorithms.

  • Repeat while there is still holes to be slot thru.

-Hold one side of the shoelace and slot in thru

the other side.

-if the right shoelace is already slotted in.

-slot the left side up.

-End if.

  • End repeat.
  • Tie a butterfly knot.

Answers for week 1 web design homework.

Questions and answer for web design

1. Name as many browsers as you can.

  • Safari,
  • Internet Explorer,
  • Mozilla Firefox,
  • Opera
  • and Google Chrome

2.      What is a browser war?

-A browser war is probably one kind of competition in the

internet world where different browsers try to dominate

the browser market to be the most used and popular


3.      What is I.P address?

– A I.P (Internet Protocol) address is a specific 4 group

of numbers ,eg. entitled to each network

user from a computer.  It is an indication or identification

whereby the users can be traced or located by this set of

I.P address.

4.       What is a URL?

– A URL is (Uniform Resource Locator) is the web address.

5.      What is a good website?

– A good website is one that is visually elegant and having all

the functions of the websites (eg. buttons correctly linked)

working flawlessly. It should also have information which the

viewers want clearly and correctly stored in the web. Interaction

with viewers is also prefably put into consideration when

designing a good website.

Hi all!

First post of my own wordpress blog…

Hi everyone… my first time blogging =O