Thursday, March 22, 2007


DRAFT LEARNING PROPOSAL:

NAME: RANJEET ELKUNCHWAR (Rj)

STUDENT NO: 10497321 (Msc ADV COMP)


PERSONAL LEARNING NEEDS:

  • SWOT:
    1. STRENGTHS: CRITICAL AND ANALYTICAL THINKING, RESEARCH, TIME MANAGEMENT, CONCURRENT STUDIES
    1. WEAKNESSES: PROGRAMMING ABILITIES
    1. OPPORTUNITES: LEARNING CUTTING EDGE TECHNOLOGIES AND LANGUAGES (BOTH BRIEFLY AND IN DEPTH)
    1. THREATS: TIME CONSTRAINTS, FULL TIME STUDIES

  • LEARNING NEEDS IN DMT:
  • LEARNING CUTTING EDGE WEB TECHNOLOGIES ( HTML,XHTML, CSS, PHP &JAVA SCRIPT-ing) IN SUFFICIENT DETAIL.

  • APPLY THESE INTO THE FINAL PROJECT.
  • LEARN IN DEPTH ABOUT THE WEB BASED ENVIRONMENT.


LEARNING PLAN:

  • OBJECTIVES:

  • GAIN AN UNDERSTANDING OF HTML, XHTML, CSS, PHP AND JAVA SCRIPT
  • GAIN PRACTICAL EXPERIENCE IN THE USE OF THESE TECHNOLOGIES

  • STRATEGIES:
  • UNDERSTAND BASIC CONCEPTS OF EACH TECHNOLOGY

  • DEVELOP/DISCOVER AN INTEREST IN ONE OR MORE
  • EXPLORE THEM FURTHER

    • USING THE FOLLOWING RESOURCES TO HELP REALISE THE STATED OBJECTIVES:

  • STUDY MATERIAL (LECTURE NOTES AND COURSE DOCUMENTS)

  • RECOMMENDED REFERENCES (BOTH HARD COPY AND ONLINE)
  • REPUTED ONLINE SOURCES ( E.G W3C )

  • ONLINE TUTORIALS
  • OTHER RESOURCES: SCHOLARLY ARTICLES, BOOKS AND ONLINE RESOURCES

PROPOSED PROJECT:

AT A VERY BROAD LEVEL, I PLAN TO CREATE A PORTAL SIMILAR TO ORKUT (www.orkut.com) OR HI5 (www.hi5.com). THESE ARE POPULAR PEER/SOCIAL NETWORK PORTALS. I ENVISAGE TO CREATE A SIMILAR NETWORK WITH MINIMAL ATTRIBUTES AS THESE NETWORKS USE. I SHALL SPLIT THE PROJECT INTO THREE PHASES OF DEVELOPMENT

PHASE ONE:

I SHALL CREATE A BASIC WORKING MODEL WHICH SHALL HAVE THE FOLLOWING ATTRIBUTES

  1. PROFILE (I SHOULD HAVE A PROFILE WHICH CAN BE VIEWED BY THE USERS ON THE NETWORK)
  2. THE USERS SHALL HAVE TO LOGIN AND BE REGISTERED TO BE A PART OF THE NETWORK.
  3. I SHOULD BE ABLE TO INVITE USERS TO JOIN/ADD A CONTACT.

PHASE TWO:

ACHIEVING A HIGHER LEVEL DESIGN OF PHASE ONE. ADDING EXTRA FEATURES AS

  1. PROFILE: MY NAME, SEX, D.O.B AND EMAIL ADDRESS OR A SPECTRUM OF OTHER DETAILS.
  2. OPTIONS TO APPROVE/REJECT OR DELETE A USER.
  3. OPTIONS FOR THE USERS TO UNREGISTER.
  4. PROFILE VIEWS ETC

PHASE THREE:

ADDITIONAL FEATURES (TIME PERMITTING) TO ADD OTHER BLOGS I RUN, A PHOTO ALBUM, RSS FEEDS ETC.


SCHEDULE:

  • GAIN BASIC UNDERSTANDING OF ALL TECHNOLOGIES

  • EXPLORE THEM FURTHER IN DETAIL
  • SET SMALL AND ACHIEVABLE GOALS AND TARGETS

  • BRING THE WHOLE LEARNING EXPERIENCE TOGETHER IN THE FINAL PROJECT

REFERENCES:


Wednesday, March 21, 2007

Listamatic is a life saver !!!

I definitely see myself using this roll over menu or list...cool look for my menu.....
Listamatic

Tuesday, March 20, 2007

online resources for php and mysql

http://www.e-learningcenter.com/php_mysql.htm

http://php.about.com/od/learnphp/Learn_PHP.htm

http://www.w3schools.com/php/default.asp

http://www.w3schools.com/sql/default.asp

http://www.brainbell.com/tutorials/MySQL/Tutorial_2._Introducing_MySQL.htm

Ex 4

  1. Shortcuts (Firefox)
    Open Java console: Cntl+Shift+O
    Validate HTML : Cntl+Shift+H (A: Local HTML)
    Page source: Cntl+U
  2. character count: /onkeyup="countit(this)"/
  3. Buttons: Show and hide menu
  4. How to use EVALUATE ???

Ex 3

  1. CSS rules for "other sections"
    font-family: Helvetica, Arial, sans-serif
    color: #B36B00
  2. Change "sidebar - float: right to left"- to make the menu appear on the left
  3. Change the color of the headings, change the hex code
  4. dimensions of the menu ???
  5. there are two errors when you try to validate.....debug !! and "hack" to suit to the other browsers. errors are related to the "text area" and " input" statements.

Ex 2

I included the image by editing the doc in dreamweaver.
I could not upload it to the mim server

Ex 1

Comments-1

navigation menu: "other sections"
list: main, comments, and hat, coat, pterodactyl
Headings: "other sections" & "the is the main part"
The document has two divisions.

Resources for Web Design


Web Design check list !!

Remember to check it off in final design!!

http://www.maxdesign.com.au/presentation/checklist.htm

Javascript

I need to learn about Javascript and CSS as well...
Getting a little too much for me now...!!!

Listamatic

Do not forget this site !!!!!
http://css।maxdesign.com.au/listamatic/index.htm

Gives HTML code for awesome stuff !!!

Mark up Languages

What is a Markup Language?

Markup is code that is included when a document is created

  1. to provide display instructions,
  2. to provide meaning or semantics to words or phrases or
  3. to provide processing instructions.

The markup code or element is made up of a start and end tag and usually some included text and maybe an attribute.

(http://careo.prn.bc.ca/losc/mod1t1.html, viewed on 20th March 07)

Learn HTML, tutorials

http://www.w3schools.com/html/default.asp

I started here a few days ago...I can say that I can create a basic HTML page.....hurray...but its taken me an awfully long time to get here...hmm.....(pondering)...Got to get hold of Sams Teach yourself...Although Tim discouraged their use...they suit my learning abilities....possibly coz I am retarded !!! No offense to anyone....

Cheers,
Rj

How to use the web standards ?

Step 1: use the correct doctype

"Many developers still don't realize that newer browsers look for a DOCTYPE at the top of each page, and will change the way they behave in response to it. Without the correct DOCTYPE, browsers can take your standards-compliant page and render it all wrong."
Read more:
Web Standards for Hard Times - Put a DOCTYPE Atop Every Page
Fixing your site with the right doctype

Step 2: validate your code
"Validators check the syntax of your HTML and CSS to make sure it is correct, and let you know about any errors or ambiguities. It's up to you to figure out how to fix the errors, but usually the mistakes are fairly obvious."
Read more:
What is validation?
Web Standards for Hard Times - Use Those Validators
Validating Australian Museum Online

Step 3: move presentation tags into CSS
The ultimate aim for a website is to separate presentation (colours, fonts, layout, positioning) from content. This is achieved using CSS (Cascading Style Sheets).
Read more:
What is CSS
Advantages of CSS
Disadvantages of CSS
CSS Panic guide

(http://online.uts.edu.au/webapps/portal/frameset.jsp?tab=courses&url=/bin/common/course.pl?course_id=_1506_1, viewed on 20th March 07)

Why do we need to "validate" ?

What is validation?

Recommendation for standards in a browser.
Getting rid of invalid code or "hacks"


How do I validate ?

( http://webboy.net/presentation/ict2003/validation.htm, viewed on 20th March 07)

Need for web standards

Need for web standards ?

  • Less bandwidth requirement
  • Future-proof
  • Extensibility
  • Easier to maintain
  • Compatible with newer browsers
  • Accessible

(http://online.uts.edu.au/webapps/portal/frameset.jsp?tab=courses&url=/bin/common/course.pl?course_id=_1506_1, viewed on 20th March 07)

validator

http://validator.w3.org/

XHTML ?

http://online.uts.edu.au/webapps/portal/frameset.jsp?tab=courses&url=/bin/common/course.pl?course_id=_1506_1

Check on it for FAQs regarding the two languages..

Why is XHTML needed? Isn't HTML good enough?

  1. upward compatibility
  2. lot less messy
  3. can clean up untidy html documents
  4. added functionality

Advantages of XHTML:

  1. availabilty of XForms
  2. better with XTHML 1.0

W3C

Through the W3C, I stumbled on the following link :
http://online.uts.edu.au/webapps/portal/frameset.jsp?tab=courses&url=/bin/common/course.pl?course_id=_1506_1

I think that it is a good beginners point. The article starts with the very basic things that I would like to know. I although find it easier to understand from a print version...I know it sucks...IT and all....but...well....I am more used to it I guess.....so print outs...here I come !!
It also explains some of the things from the excercise Tim wanted me to do....
Hmmm..


I really need to get on with HTML !!

Tuesday, March 13, 2007

HTML tutorials

I spent some time looking through the HTML tutorials on W3C website. I think they are pretty comprehensive. Although....you need to get your head around them at first. Thats what I will be doing ...

Cheers
Rj