Archive

Posts Tagged ‘WST assignment’

Google Maps assignment (WST)


The below are the assignment questions

PAGE 1 (drawpath.html) [70]

—————————————————————————————————

1. Frame showing the google map. Add necessary zoom and move controls. — [5]

2. Add Pushpin button – marking a starting, ending, or intermediate important locations with at

text box for notes that pop up on mouse over…  —–[30]

—————————————————————————————————

3. Add dot button – Marking a custom route between starting and ending points. (make the dot small)

— [5]

—————————————————————————————————

4. Undo button – to go back to previous states. —– [10]

—————————————————————————————————

5. Frame for logging the operations performed (enable hide option) — [10]

Can just be a text Area (for Debug)

—————————————————————————————————

6. Save the logged information in a file or render a html/txt/xml with instructions on how to  process it and insert it into render.html  — [5]
—————————————————————————————————

7. Clear all button — [5]
===========================================================================

PAGE 2 (render.html) [30]

1. Render the custom path on the map using the information stored in log automatically. — [20]

2.  Direction must be displayed along with map as a text for corresponding path. — [5]
3.  A button to go back to drawpath.html — [2]

4.  Pop up of text entered in Page-1 on mouse over push pins. — [3]

Note: Google Map API key for the server is,

ABQIAAAA1ikXYp_OM0YNWMEKgNZusRSW42mfecZUORQiSaKw_7npagyVWxRQR8bHLIO8Fcjib_cjLjoGScd1rA

Use this key for all the assignments related to google maps

=====================================================================

This assignment is mainly designed to make aware the Google Maps API. Google Maps has given many services including direction, geographical information and many other handy features. Just we have to use API. The assignment was designed keeping in mind the situation of many countries not having exact location address.

Google maps Assignment

Google maps Assignment

Reder Page

For Render page I’ve used Activex Control because as per the question I’ve to show previously saved log information in the XML format.

If you want work much faster use Google Code Play Ground.

PAGE 1 (drawpath.html) [70]

—————————————————————————————————

 

1. Frame showing the google map. Add necessary zoom and move controls. — [5]

 

—————————————————————————————————

 

2. Add Pushpin button – marking a starting, ending, or intermediate important locations with at

text box for notes that pop up on mouse over… —–[30]

 

—————————————————————————————————

 

3. Add dot button – Marking a custom route between starting and ending points. (make the dot small)

— [5]

—————————————————————————————————

 

4. Undo button – to go back to previous states. —– [10]

 

—————————————————————————————————

 

5. Frame for logging the operations performed (enable hide option) — [10]

Can just be a text Area (for Debug)

 

—————————————————————————————————

 

6. Save the logged information in a file or render a html/txt/xml with instructions on how to process it and insert it into render.html — [5]

 

—————————————————————————————————

 

7. Clear all button — [5]

 

===========================================================================

PAGE 2 (render.html) [30]

 

 

1. Render the custom path on the map using the information stored in log automatically. — [20]

 

2. Direction must be displayed along with map as a text for corresponding path. — [5]

 

3. A button to go back to drawpath.html — [2]

 

4. Pop up of text entered in Page-1 on mouse over push pins. — [3]

 

Note: Google Map API key for the server is,

 

ABQIAAAA1ikXYp_OM0YNWMEKgNZusRSW42mfecZUORQiSaKw_7npagyVWxRQR8bHLIO8Fcjib_cjLjoGScd1rA

Use this key for all the assignments related to google maps

=====================================================================

(FINAL VERSION of XML, XHTML,XSL, XSLT, XSD, Schema, DTD, Validation, Stylesheets (CSS)., RSS, DOM)


The video here is the final version of my #WST assignment. Some improvements were done from the last video assignment(Draft) here.