Expertiza_Wiki - User contributions [en]

File:Image map.png

2016-12-12T20:04:58Z

Sspatil4: uploaded a new version of "File:Image map.png"

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-12T20:04:25Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map Image maps] are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

=='''Introduction'''==

==='''Servo'''===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

==='''Rust'''===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

==='''Image Maps'''===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (i.e. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

'''Subsequent steps:'''
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method on HTMLImageElement to handle click events

=='''UML Diagram'''==
The following diagram depicts the classes involved to implement this feature:
[[File:Servoflow.PNG|center]]

=='''Implementation Workflow'''==
As can be seen in the image, the HTML code snippet defines a usemap attribute which handles a collection of shapes, dealt with by HTMLAreaelement. The corresponding shape's hit test method is called once the image has been clicked.
 
[[File:Servo_011.png|center]]

 
The workflow for implementing the support for image maps is as shown in the flowchart below:
[[Image:Image_map.png|center]]

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project is testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://shravan-achar.github.io/imagemap
</code>

On clicking the image, the user is redirected to the next page ensuring that the functionality works appropriately on Servo.

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-12T20:00:58Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map Image maps] are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

=='''Introduction'''==

==='''Servo'''===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

==='''Rust'''===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

==='''Image Maps'''===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (i.e. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

'''Subsequent steps:'''
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method on HTMLImageElement to handle click events

=='''UML Diagram'''==
The following diagram depicts the classes involved to implement this feature:
[[File:Servoflow.PNG|center]]

=='''Implementation Workflow'''==
As can be seen in the image, the HTML code snippet defines a usemap attribute which handles a collection of shapes, dealt with by HTMLAreaelement. The corresponding shape's hit test method is called once the image has been clicked.
 
[[File:Servo_011.png|center]]

 
The workflow for implementing the support for image maps is as shown in the flowchart below:
[[Image:Image_map.png|center]]

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project is testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

On clicking the image, the user is redirected to the next page ensuring that the functionality works appropriately on Servo.

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-12T20:00:25Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map Image maps] are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

=='''Introduction'''==

==='''Servo'''===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

==='''Rust'''===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

==='''Image Maps'''===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (i.e. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

'''Subsequent steps:'''
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method on HTMLImageElement to handle click events

=='''Implementation Workflow'''==
As can be seen in the image, the HTML code snippet defines a usemap attribute which handles a collection of shapes, dealt with by HTMLAreaelement. The corresponding shape's hit test method is called once the image has been clicked.
 
[[File:Servo_011.png|center]]

 
The workflow for implementing the support for image maps is as shown in the flowchart below:
[[Image:Image_map.png|center]]

=='''UML Diagram'''==
The following diagram depicts the classes involved to implement this feature:
[[File:Servoflow.PNG|center]]

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project is testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

On clicking the image, the user is redirected to the next page ensuring that the functionality works appropriately on Servo.

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-11T06:58:47Z

Sspatil4: /* UML Diagram */

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map Image maps] are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

=='''Introduction'''==

==='''Servo'''===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

==='''Rust'''===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

==='''Image Maps'''===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (i.e. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

'''Subsequent steps:'''
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method on HTMLImageElement to handle click events

=='''Implementation Workflow'''==
 
The workflow for implementing the support for image maps is as shown in the flowchart below:
[[Image:Image_map.png|center]]
As can be seen in the image, the HTML code snippet defines a usemap attribute which handles a collection of shapes, dealt with by HTMLAreaelement. The corresponding shape's hit test method is called once the image has been clicked.
 
[[File:Servo_011.png|center]]

=='''UML Diagram'''==
The following diagram depicts the classes involved to implement this feature:
[[File:Servoflow.PNG|center]]

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project is testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

On clicking the image, the user is redirected to the next page ensuring that the functionality works appropriately on Servo.

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-11T06:55:55Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map Image maps] are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

=='''Introduction'''==

==='''Servo'''===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

==='''Rust'''===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

==='''Image Maps'''===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (i.e. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

'''Subsequent steps:'''
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method on HTMLImageElement to handle click events

=='''Implementation Workflow'''==
 
The workflow for implementing the support for image maps is as shown in the flowchart below:
[[Image:Image_map.png|center]]
As can be seen in the image, the HTML code snippet defines a usemap attribute which handles a collection of shapes, dealt with by HTMLAreaelement. The corresponding shape's hit test method is called once the image has been clicked.
 
[[File:Servo_011.png|center]]

=='''UML Diagram'''==
The following diagram depicts the classes involved to implement this feature:
[[File:Servoflow.png|center]]

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project is testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

On clicking the image, the user is redirected to the next page ensuring that the functionality works appropriately on Servo.

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-11T06:55:14Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map Image maps] are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

=='''Introduction'''==

==='''Servo'''===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

==='''Rust'''===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

==='''Image Maps'''===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (i.e. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

'''Subsequent steps:'''
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method on HTMLImageElement to handle click events

=='''Implementation Workflow'''==
 
The workflow for implementing the support for image maps is as shown in the flowchart below:
[[Image:Image_map.png|center]]
As can be seen in the image, the HTML code snippet defines a usemap attribute which handles a collection of shapes, dealt with by HTMLAreaelement. The corresponding shape's hit test method is called once the image has been clicked.
 
[[File:Servo_011.png|center]]

=='''UML Diagram'''==
The following diagram depicts the classes involved to implement this feature:
[[File:servoflow.png|center]]

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project is testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

On clicking the image, the user is redirected to the next page ensuring that the functionality works appropriately on Servo.

==References==
<references/>

File:Servoflow.PNG

2016-12-11T06:53:33Z

Sspatil4:

File:Image map.png

2016-12-11T06:04:19Z

Sspatil4: uploaded a new version of "File:Image map.png"

File:Servo 011.png

2016-12-11T05:59:00Z

Sspatil4: uploaded a new version of "File:Servo 011.png"

File:Servo 011.png

2016-12-11T05:57:52Z

Sspatil4: uploaded a new version of "File:Servo 011.png"

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-11T05:51:54Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map Image maps] are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

=='''Introduction'''==

==='''Servo'''===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

==='''Rust'''===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

==='''Image Maps'''===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (i.e. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

'''Subsequent steps:'''
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method on HTMLImageElement to handle click events

=='''Implementation Workflow'''==
 
The workflow for implementing the support for image maps is as shown in the flowchart below:
[[Image:Image_map.png|center]]
As can be seen in the image, the HTML code snippet defines a usemap attribute which handles a collection of shapes, dealt with by HTMLAreaelement. The corresponding shape's hit test method is called once the image has been clicked.
 
[[File:Servo_011.png|center]]

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project is testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

On clicking the image, the user is redirected to the next page ensuring that the functionality works appropriately on Servo.

==References==
<references/>

File:Image map.png

2016-12-11T05:47:43Z

Sspatil4: uploaded a new version of "File:Image map.png"

File:Image map.png

2016-12-11T05:44:02Z

Sspatil4: uploaded a new version of "File:Image map.png"

File:Image map.png

2016-12-11T05:42:43Z

Sspatil4: uploaded a new version of "File:Image map.png"

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-11T05:41:34Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

=='''Introduction'''==

==='''Servo'''===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

==='''Rust'''===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

==='''Image Maps'''===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (i.e. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

Subsequent steps:
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method on HTMLImageElement to handle click events

=='''Implementation Workflow'''==
 
The workflow for implementing the support for image maps is as shown in the flowchart below:
[[Image:Image_map.png|center]]
As can be seen in the image, the HTML code snippet defines a usemap attribute which handles a collection of shapes, dealt with by HTMLAreaelement. The corresponding shape's hit test method is called once the image has been clicked.
 
[[File:Servo_011.png|center]]

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project is testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

On clicking the image, the user is redirected to the next page ensuring that the functionality works appropriately on Servo.

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-11T05:32:08Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

=='''Introduction'''==

==='''Servo'''===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

==='''Rust'''===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

==='''Image Maps'''===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (i.e. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

Subsequent steps:
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method on HTMLImageElement to handle click events

=='''Implementation Workflow'''==
 
The workflow for implementing the support for image maps is as shown in the flowchart below:
[[File:Image_map.png|center]]
As can be seen in the image, the HTML code snippet defines a usemap attribute which handles a collection of shapes, dealt with by HTMLAreaelement. The corresponding shape's hit test method is called once the image has been clicked.
 
[[File:Servo_011.png|300px|center]]

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project is testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

On clicking the image, the user is redirected to the next page ensuring that the functionality works appropriately on Servo.

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-11T05:31:36Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

=='''Introduction'''==

==='''Servo'''===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

==='''Rust'''===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

==='''Image Maps'''===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (i.e. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

Subsequent steps:
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method on HTMLImageElement to handle click events

=='''Implementation Workflow'''==
 
The workflow for implementing the support for image maps is as shown in the flowchart below:
[[File:Image_map.png|300px|center]]
As can be seen in the image, the HTML code snippet defines a usemap attribute which handles a collection of shapes, dealt with by HTMLAreaelement. The corresponding shape's hit test method is called once the image has been clicked.
 
[[File:Servo_011.png|300px|center]]

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project is testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

On clicking the image, the user is redirected to the next page ensuring that the functionality works appropriately on Servo.

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-11T05:30:30Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

=='''Introduction'''==

==='''Servo'''===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

==='''Rust'''===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

==='''Image Maps'''===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (i.e. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

Subsequent steps:
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method on HTMLImageElement to handle click events

=='''Implementation Workflow'''==
 
The workflow for implementing the support for image maps is as shown in the flowchart below:
[[File:Image_map.png|center]]
As can be seen in the image, the HTML code snippet defines a usemap attribute which handles a collection of shapes, dealt with by HTMLAreaelement. The corresponding shape's hit test method is called once the image has been clicked.
 
[[File:Servo_011.png|center]]

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project is testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

On clicking the image, the user is redirected to the next page ensuring that the functionality works appropriately on Servo.

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-11T05:27:12Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

=='''Introduction'''==

==='''Servo'''===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

==='''Rust'''===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

==='''Image Maps'''===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (i.e. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

Subsequent steps:
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method on HTMLImageElement to handle click events

=='''Implementation Workflow'''==
[[File:Image_map.png|center|300px]]
As can be seen in the image, the HTML code snippet defines a usemap attribute which handles a collection of shapes, dealt with by HTMLAreaelement. The corresponding shape's hit test method is called once the image has been clicked.
 
[[File:Servo_011.png|center|300px]]

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project is testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

On clicking the image, the user is redirected to the next page ensuring that the functionality works appropriately on Servo.

==References==
<references/>

File:Image map.png

2016-12-11T05:25:40Z

Sspatil4:

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-11T05:22:09Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

=='''Introduction'''==

==='''Servo'''===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

==='''Rust'''===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

==='''Image Maps'''===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (i.e. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

Subsequent steps:
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method on HTMLImageElement to handle click events

=='''Implementation Flowchart'''==
As can be seen in the image, the HTML code snippet defines a usemap attribute which handles a collection of shapes, dealt with by HTMLAreaelement. The corresponding shape's hit test method is called once the image has been clicked.
 
[[File:Servo_011.png|center]]

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project is testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

On clicking the image, the user is redirected to the next page ensuring that the functionality works appropriately on Servo.

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-11T05:09:19Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

=='''Introduction'''==

==='''Servo'''===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

==='''Rust'''===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

==='''Image Maps'''===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes
 
[[File:Servo_011.png|center]]

Subsequent steps:
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method for HTMLImageElement to handle click events

=='''Implementation Flowchart'''==

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project after completion should be testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-11T05:08:37Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

=='''Approach and Implementation'''==
==='''[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]'''===

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes
 
[[File:Servo_011.png|center]]

Subsequent steps:
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method for HTMLImageElement to handle click events

=='''Implementation Flowchart'''==

=='''Design Pattern'''==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=='''Testing'''==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

==='''Testing From UI'''===

The project after completion should be testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-11T05:02:43Z

Sspatil4:

[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
"In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

==Project Scope==

[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]
*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes
 
[[File:Servo_011.png]]

Subsequent steps:
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method for HTMLImageElement to handle click events

==Implementation Flowchart==

==Design Pattern==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

== Testing ==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

=== Testing From UI ===

The project after completion should be testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-12-11T04:59:42Z

Sspatil4:

M1652: Image Map support for Servo 
[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. <ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
"In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support image maps.

==Project Scope==

[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Initial Steps]
*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*An Area enum was defined in htmlareaelement.rs to handle rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes
 
[[File:Servo_011.png]]

Subsequent steps:
*Implement an areas method to HTMLImageElement that returns a vector of Root<HTMLAreaElement> values
*Implement a method to handle activation behavior on HTMLAreaElement
*Implement a handle_event method for HTMLImageElement to handle click events

==Implementation Flowchart==

==Design Pattern==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

== Testing ==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

=== Testing From UI ===

The project after completion should be testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

==References==
<references/>

CSC/ECE 517 Fall 2016

2016-12-11T01:39:11Z

Sspatil4: /* Writing Assignments 2 */

[http://www.example.com link title]==Calibration Assignment Submissions==
*[[Calibration Assignment Submission (Firebrick JS)]]
*[[Calibration Assignment Submission (Active Job)]]
==Writing Assignments 2==
*[[CSC/ECE 517 Fall 2016/E1666. Test team functionality]]
*[[CSC/ECE 517 Fall 2016/E1643. Refactor Suggestion controller]]
*[[CSC/ECE 517 Fall 2016/E1631. Refactoring Bidding Interface]]
*[[CSC/ECE 517 Fall 2016/E1674.Refactor leaderboard.rb and write unit tests]]
*[[CSC/ECE 517 Fall 2016/E1671. Unit Tests for participants.rb Hierarchy]]
*[[CSC/ECE 517 Fall 2016/E1668.Test e-mailing functionality]]
*[[CSC/ECE 517 Fall 2016/E1658. Refractor lottery_controller.rb and write integration tests]]
*[[CSC/ECE 517 Fall 2016/E1660. Review requirements and thresholds]]
*[[CSC/ECE 517 Fall 2016/E1650. Sort instructor views alphabetically by default]]
*[[CSC/ECE 517 Fall 2016/E1644. Refactor and test Teams Controller]]
*[[CSC/ECE 517 Fall 2016/E1645. Refactoring Tree Display Controller]]
*[[CSC/ECE 517 Fall 2016/E1659. Refactor on_the_fly_calc.rb]]
*[[CSC/ECE 517 Fall 2016/E1657. Introduce a Student View for instructors]]
*[[CSC/ECE 517 Fall 2016/E1653. Fix and improve rubric criteria]]
*[[CSC/ECE 517 Fall 2016/E1642. Refactor review_response_map.rb]]
*[[CSC/ECE 517 Fall 2016/E1633. Refactor different question types from quiz feature]]
*[[CSC/ECE_517_Fall_2016/E1664:_Feature_Test_Assignment_Creation]]
*[[CSC/ECE 517 Fall 2016/E1666. Test team functionality]]
*[[CSC/ECE_517_Fall_2016/E1654. Improve_date-picker_and_deadlines]]
*[[CSC/ECE_517_Fall_2016/E1652 Fix teammate advertisements and requests to join a team ]]
*[[CSC/ECE_517_Fall_2016/E1662. UI issues/fixes]]
*[[CSC/ECE_517_Fall_2016/E1673. Refactor question_type.rb]]
*[[CSC/ECE_517_Fall_2016/E1675. Timestamp for student file & hyperlink submissions]]
*[[CSC/ECE_517_Fall_2016/E1640. Refactor response.rb and response_helper.rb]]
*[[CSC/ECE 517 Fall 2016/E1634. Refactor and write unit test of due_date.rb and deadline_helper.rb]]
*[[CSC/ECE_517_Fall_2016/M1654._Improve_network_security_features]]
*[[CSC/ECE_517_Fall_2016/E1670._Unit_tests_for_answers.rb]]
*[[CSC/ECE_517_Fall_2016/E1641. Refactor review_mapping_controller.rb]]
*[[CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo | CSC/ECE 517 Fall 2016/M1652 Implement image maps support Servo ]]
*[[CSC/ECE_517_Fall_2016/E1648/Add_past_due_assignment]]
*[[CSC/ECE 517 Fall 2016/E1656. Improve imports]]
*[[CSC/ECE_517_Fall_2016/M1653_Implement_HTML_form_validation]]
*[[CSC/ECE_517_Fall_2016/E1635._Refactor_join_team_requests_controller.rb_and_invitation_controller.rb]]
*[[CSC/ECE 517 Fall 2016/E1665. Test staggered-deadline functionality]]

==Final Project Design Document==
*[[CSC/ECE 517 Fall 2016 E1696 Improve Self-Review]]
*[[CSC/ECE 517 Fall 2016 E1702 Lightweight badging system based on Credly]]
*[[CSC/ECE 517 Fall 2016 E1676 Role-based reviewing]]
*[[CSC/ECE 517 Fall 2016/E1680. Improve survey functionality]]
*[[CSC/ECE 517 Fall 2016/E1693. Drag-and-drop interface for creating rubrics]]
*[[CSC/ECE 517 Fall 2016/E1701. Accelerate RSpec testing]]
*[[CSC/ECE 517 Fall 2016 E1679 Let experts as well as students do reviews]]
*[[CSC/ECE 517 Fall 2016/E1705. Tracking the time students look at the others' submissions]]
*[[CSC/ECE 517 Fall 2016/E1688. Send feedback to support + tree display improvement]]
*[[CSC/ECE 517 Fall 2016 E1707: Top trading cycles to exclude previous teammates]]
*[[CSC/ECE 517 Fall 2016 E1678: Review configuration options]]
*[[CSC/ECE 517 Fall 2016 E1682: Improve score calculation]]
*[[CSC/ECE 517 Fall 2016 E1684: Feature Test for Assignment Submission]]
*[[CSC/ECE 517 Fall 2016 E1689: Anonymous Chat Between Author and Reviewer]]
*[[CSC/ECE 517 Fall 2016 E1703: Logging for Expertiza]]
*[[CSC/ECE 517 Fall 2016 E1708: Improvements to staggered-deadline assignments]]
*[[CSC/ECE 517 Fall 2016 E1685: UI changes for review and score reports]]
*[[CSC/ECE 517 Fall 2016/ M1653 Implement HTML form validation]]
*[[CSC/ECE 517 Fall 2016/ E1700 Integrate Google doc editor/viewer]]
*[[CSC/ECE_517_Fall_2016/M1652_ImageMap_Support_Servo | CSC/ECE 517 Fall 2016/M1652 Implement image maps support]]
*[[CSC/ECE 517 Fall 2016 E1687 Instructor account creation over the web]]
*[[CSC/ECE_517_Fall_2016/E1690_Improvements_to_password_recovery_and_repeated_login_failures | CSC/ECE 517 Fall 2016/E1690 Improvements to password recovery and repeated login failures]]

CSC/ECE 517 Fall 2016

2016-12-11T01:38:07Z

Sspatil4: /* Final Project Design Document */

[http://www.example.com link title]==Calibration Assignment Submissions==
*[[Calibration Assignment Submission (Firebrick JS)]]
*[[Calibration Assignment Submission (Active Job)]]
==Writing Assignments 2==
*[[CSC/ECE 517 Fall 2016/E1666. Test team functionality]]
*[[CSC/ECE 517 Fall 2016/E1643. Refactor Suggestion controller]]
*[[CSC/ECE 517 Fall 2016/E1631. Refactoring Bidding Interface]]
*[[CSC/ECE 517 Fall 2016/E1674.Refactor leaderboard.rb and write unit tests]]
*[[CSC/ECE 517 Fall 2016/E1671. Unit Tests for participants.rb Hierarchy]]
*[[CSC/ECE 517 Fall 2016/E1668.Test e-mailing functionality]]
*[[CSC/ECE 517 Fall 2016/E1658. Refractor lottery_controller.rb and write integration tests]]
*[[CSC/ECE 517 Fall 2016/E1660. Review requirements and thresholds]]
*[[CSC/ECE 517 Fall 2016/E1650. Sort instructor views alphabetically by default]]
*[[CSC/ECE 517 Fall 2016/E1644. Refactor and test Teams Controller]]
*[[CSC/ECE 517 Fall 2016/E1645. Refactoring Tree Display Controller]]
*[[CSC/ECE 517 Fall 2016/E1659. Refactor on_the_fly_calc.rb]]
*[[CSC/ECE 517 Fall 2016/E1657. Introduce a Student View for instructors]]
*[[CSC/ECE 517 Fall 2016/E1653. Fix and improve rubric criteria]]
*[[CSC/ECE 517 Fall 2016/E1642. Refactor review_response_map.rb]]
*[[CSC/ECE 517 Fall 2016/E1633. Refactor different question types from quiz feature]]
*[[CSC/ECE_517_Fall_2016/E1664:_Feature_Test_Assignment_Creation]]
*[[CSC/ECE 517 Fall 2016/E1666. Test team functionality]]
*[[CSC/ECE_517_Fall_2016/E1654. Improve_date-picker_and_deadlines]]
*[[CSC/ECE_517_Fall_2016/E1652 Fix teammate advertisements and requests to join a team ]]
*[[CSC/ECE_517_Fall_2016/E1662. UI issues/fixes]]
*[[CSC/ECE_517_Fall_2016/E1673. Refactor question_type.rb]]
*[[CSC/ECE_517_Fall_2016/E1675. Timestamp for student file & hyperlink submissions]]
*[[CSC/ECE_517_Fall_2016/E1640. Refactor response.rb and response_helper.rb]]
*[[CSC/ECE 517 Fall 2016/E1634. Refactor and write unit test of due_date.rb and deadline_helper.rb]]
*[[CSC/ECE_517_Fall_2016/M1654._Improve_network_security_features]]
*[[CSC/ECE_517_Fall_2016/E1670._Unit_tests_for_answers.rb]]
*[[CSC/ECE_517_Fall_2016/E1641. Refactor review_mapping_controller.rb]]
*[[CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo]]
*[[CSC/ECE_517_Fall_2016/E1648/Add_past_due_assignment]]
*[[CSC/ECE 517 Fall 2016/E1656. Improve imports]]
*[[CSC/ECE_517_Fall_2016/M1653_Implement_HTML_form_validation]]
*[[CSC/ECE_517_Fall_2016/E1635._Refactor_join_team_requests_controller.rb_and_invitation_controller.rb]]
*[[CSC/ECE 517 Fall 2016/E1665. Test staggered-deadline functionality]]

==Final Project Design Document==
*[[CSC/ECE 517 Fall 2016 E1696 Improve Self-Review]]
*[[CSC/ECE 517 Fall 2016 E1702 Lightweight badging system based on Credly]]
*[[CSC/ECE 517 Fall 2016 E1676 Role-based reviewing]]
*[[CSC/ECE 517 Fall 2016/E1680. Improve survey functionality]]
*[[CSC/ECE 517 Fall 2016/E1693. Drag-and-drop interface for creating rubrics]]
*[[CSC/ECE 517 Fall 2016/E1701. Accelerate RSpec testing]]
*[[CSC/ECE 517 Fall 2016 E1679 Let experts as well as students do reviews]]
*[[CSC/ECE 517 Fall 2016/E1705. Tracking the time students look at the others' submissions]]
*[[CSC/ECE 517 Fall 2016/E1688. Send feedback to support + tree display improvement]]
*[[CSC/ECE 517 Fall 2016 E1707: Top trading cycles to exclude previous teammates]]
*[[CSC/ECE 517 Fall 2016 E1678: Review configuration options]]
*[[CSC/ECE 517 Fall 2016 E1682: Improve score calculation]]
*[[CSC/ECE 517 Fall 2016 E1684: Feature Test for Assignment Submission]]
*[[CSC/ECE 517 Fall 2016 E1689: Anonymous Chat Between Author and Reviewer]]
*[[CSC/ECE 517 Fall 2016 E1703: Logging for Expertiza]]
*[[CSC/ECE 517 Fall 2016 E1708: Improvements to staggered-deadline assignments]]
*[[CSC/ECE 517 Fall 2016 E1685: UI changes for review and score reports]]
*[[CSC/ECE 517 Fall 2016/ M1653 Implement HTML form validation]]
*[[CSC/ECE 517 Fall 2016/ E1700 Integrate Google doc editor/viewer]]
*[[CSC/ECE_517_Fall_2016/M1652_ImageMap_Support_Servo | CSC/ECE 517 Fall 2016/M1652 Implement image maps support]]
*[[CSC/ECE 517 Fall 2016 E1687 Instructor account creation over the web]]
*[[CSC/ECE_517_Fall_2016/E1690_Improvements_to_password_recovery_and_repeated_login_failures | CSC/ECE 517 Fall 2016/E1690 Improvements to password recovery and repeated login failures]]

CSC/ECE 517 Fall 2016

2016-12-11T01:37:42Z

Sspatil4: /* Final Project Design Document */

[http://www.example.com link title]==Calibration Assignment Submissions==
*[[Calibration Assignment Submission (Firebrick JS)]]
*[[Calibration Assignment Submission (Active Job)]]
==Writing Assignments 2==
*[[CSC/ECE 517 Fall 2016/E1666. Test team functionality]]
*[[CSC/ECE 517 Fall 2016/E1643. Refactor Suggestion controller]]
*[[CSC/ECE 517 Fall 2016/E1631. Refactoring Bidding Interface]]
*[[CSC/ECE 517 Fall 2016/E1674.Refactor leaderboard.rb and write unit tests]]
*[[CSC/ECE 517 Fall 2016/E1671. Unit Tests for participants.rb Hierarchy]]
*[[CSC/ECE 517 Fall 2016/E1668.Test e-mailing functionality]]
*[[CSC/ECE 517 Fall 2016/E1658. Refractor lottery_controller.rb and write integration tests]]
*[[CSC/ECE 517 Fall 2016/E1660. Review requirements and thresholds]]
*[[CSC/ECE 517 Fall 2016/E1650. Sort instructor views alphabetically by default]]
*[[CSC/ECE 517 Fall 2016/E1644. Refactor and test Teams Controller]]
*[[CSC/ECE 517 Fall 2016/E1645. Refactoring Tree Display Controller]]
*[[CSC/ECE 517 Fall 2016/E1659. Refactor on_the_fly_calc.rb]]
*[[CSC/ECE 517 Fall 2016/E1657. Introduce a Student View for instructors]]
*[[CSC/ECE 517 Fall 2016/E1653. Fix and improve rubric criteria]]
*[[CSC/ECE 517 Fall 2016/E1642. Refactor review_response_map.rb]]
*[[CSC/ECE 517 Fall 2016/E1633. Refactor different question types from quiz feature]]
*[[CSC/ECE_517_Fall_2016/E1664:_Feature_Test_Assignment_Creation]]
*[[CSC/ECE 517 Fall 2016/E1666. Test team functionality]]
*[[CSC/ECE_517_Fall_2016/E1654. Improve_date-picker_and_deadlines]]
*[[CSC/ECE_517_Fall_2016/E1652 Fix teammate advertisements and requests to join a team ]]
*[[CSC/ECE_517_Fall_2016/E1662. UI issues/fixes]]
*[[CSC/ECE_517_Fall_2016/E1673. Refactor question_type.rb]]
*[[CSC/ECE_517_Fall_2016/E1675. Timestamp for student file & hyperlink submissions]]
*[[CSC/ECE_517_Fall_2016/E1640. Refactor response.rb and response_helper.rb]]
*[[CSC/ECE 517 Fall 2016/E1634. Refactor and write unit test of due_date.rb and deadline_helper.rb]]
*[[CSC/ECE_517_Fall_2016/M1654._Improve_network_security_features]]
*[[CSC/ECE_517_Fall_2016/E1670._Unit_tests_for_answers.rb]]
*[[CSC/ECE_517_Fall_2016/E1641. Refactor review_mapping_controller.rb]]
*[[CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo]]
*[[CSC/ECE_517_Fall_2016/E1648/Add_past_due_assignment]]
*[[CSC/ECE 517 Fall 2016/E1656. Improve imports]]
*[[CSC/ECE_517_Fall_2016/M1653_Implement_HTML_form_validation]]
*[[CSC/ECE_517_Fall_2016/E1635._Refactor_join_team_requests_controller.rb_and_invitation_controller.rb]]
*[[CSC/ECE 517 Fall 2016/E1665. Test staggered-deadline functionality]]

==Final Project Design Document==
*[[CSC/ECE 517 Fall 2016 E1696 Improve Self-Review]]
*[[CSC/ECE 517 Fall 2016 E1702 Lightweight badging system based on Credly]]
*[[CSC/ECE 517 Fall 2016 E1676 Role-based reviewing]]
*[[CSC/ECE 517 Fall 2016/E1680. Improve survey functionality]]
*[[CSC/ECE 517 Fall 2016/E1693. Drag-and-drop interface for creating rubrics]]
*[[CSC/ECE 517 Fall 2016/E1701. Accelerate RSpec testing]]
*[[CSC/ECE 517 Fall 2016 E1679 Let experts as well as students do reviews]]
*[[CSC/ECE 517 Fall 2016/E1705. Tracking the time students look at the others' submissions]]
*[[CSC/ECE 517 Fall 2016/E1688. Send feedback to support + tree display improvement]]
*[[CSC/ECE 517 Fall 2016 E1707: Top trading cycles to exclude previous teammates]]
*[[CSC/ECE 517 Fall 2016 E1678: Review configuration options]]
*[[CSC/ECE 517 Fall 2016 E1682: Improve score calculation]]
*[[CSC/ECE 517 Fall 2016 E1684: Feature Test for Assignment Submission]]
*[[CSC/ECE 517 Fall 2016 E1689: Anonymous Chat Between Author and Reviewer]]
*[[CSC/ECE 517 Fall 2016 E1703: Logging for Expertiza]]
*[[CSC/ECE 517 Fall 2016 E1708: Improvements to staggered-deadline assignments]]
*[[CSC/ECE 517 Fall 2016 E1685: UI changes for review and score reports]]
*[[CSC/ECE 517 Fall 2016/ M1653 Implement HTML form validation]]
*[[CSC/ECE 517 Fall 2016/ E1700 Integrate Google doc editor/viewer]]
*[[CSC/ECE_517_Fall_2016/M1652_ImageMap_Support_Servo | CSC/ECE 517 Fall 2016/M1652 Implement Image maps support]]
*[[CSC/ECE 517 Fall 2016 E1687 Instructor account creation over the web]]
*[[CSC/ECE_517_Fall_2016/E1690_Improvements_to_password_recovery_and_repeated_login_failures | CSC/ECE 517 Fall 2016/E1690 Improvements to password recovery and repeated login failures]]

CSC/ECE 517 Fall 2016

2016-12-11T01:36:24Z

Sspatil4: /* Final Project Design Document */

[http://www.example.com link title]==Calibration Assignment Submissions==
*[[Calibration Assignment Submission (Firebrick JS)]]
*[[Calibration Assignment Submission (Active Job)]]
==Writing Assignments 2==
*[[CSC/ECE 517 Fall 2016/E1666. Test team functionality]]
*[[CSC/ECE 517 Fall 2016/E1643. Refactor Suggestion controller]]
*[[CSC/ECE 517 Fall 2016/E1631. Refactoring Bidding Interface]]
*[[CSC/ECE 517 Fall 2016/E1674.Refactor leaderboard.rb and write unit tests]]
*[[CSC/ECE 517 Fall 2016/E1671. Unit Tests for participants.rb Hierarchy]]
*[[CSC/ECE 517 Fall 2016/E1668.Test e-mailing functionality]]
*[[CSC/ECE 517 Fall 2016/E1658. Refractor lottery_controller.rb and write integration tests]]
*[[CSC/ECE 517 Fall 2016/E1660. Review requirements and thresholds]]
*[[CSC/ECE 517 Fall 2016/E1650. Sort instructor views alphabetically by default]]
*[[CSC/ECE 517 Fall 2016/E1644. Refactor and test Teams Controller]]
*[[CSC/ECE 517 Fall 2016/E1645. Refactoring Tree Display Controller]]
*[[CSC/ECE 517 Fall 2016/E1659. Refactor on_the_fly_calc.rb]]
*[[CSC/ECE 517 Fall 2016/E1657. Introduce a Student View for instructors]]
*[[CSC/ECE 517 Fall 2016/E1653. Fix and improve rubric criteria]]
*[[CSC/ECE 517 Fall 2016/E1642. Refactor review_response_map.rb]]
*[[CSC/ECE 517 Fall 2016/E1633. Refactor different question types from quiz feature]]
*[[CSC/ECE_517_Fall_2016/E1664:_Feature_Test_Assignment_Creation]]
*[[CSC/ECE 517 Fall 2016/E1666. Test team functionality]]
*[[CSC/ECE_517_Fall_2016/E1654. Improve_date-picker_and_deadlines]]
*[[CSC/ECE_517_Fall_2016/E1652 Fix teammate advertisements and requests to join a team ]]
*[[CSC/ECE_517_Fall_2016/E1662. UI issues/fixes]]
*[[CSC/ECE_517_Fall_2016/E1673. Refactor question_type.rb]]
*[[CSC/ECE_517_Fall_2016/E1675. Timestamp for student file & hyperlink submissions]]
*[[CSC/ECE_517_Fall_2016/E1640. Refactor response.rb and response_helper.rb]]
*[[CSC/ECE 517 Fall 2016/E1634. Refactor and write unit test of due_date.rb and deadline_helper.rb]]
*[[CSC/ECE_517_Fall_2016/M1654._Improve_network_security_features]]
*[[CSC/ECE_517_Fall_2016/E1670._Unit_tests_for_answers.rb]]
*[[CSC/ECE_517_Fall_2016/E1641. Refactor review_mapping_controller.rb]]
*[[CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo]]
*[[CSC/ECE_517_Fall_2016/E1648/Add_past_due_assignment]]
*[[CSC/ECE 517 Fall 2016/E1656. Improve imports]]
*[[CSC/ECE_517_Fall_2016/M1653_Implement_HTML_form_validation]]
*[[CSC/ECE_517_Fall_2016/E1635._Refactor_join_team_requests_controller.rb_and_invitation_controller.rb]]
*[[CSC/ECE 517 Fall 2016/E1665. Test staggered-deadline functionality]]

==Final Project Design Document==
*[[CSC/ECE 517 Fall 2016 E1696 Improve Self-Review]]
*[[CSC/ECE 517 Fall 2016 E1702 Lightweight badging system based on Credly]]
*[[CSC/ECE 517 Fall 2016 E1676 Role-based reviewing]]
*[[CSC/ECE 517 Fall 2016/E1680. Improve survey functionality]]
*[[CSC/ECE 517 Fall 2016/E1693. Drag-and-drop interface for creating rubrics]]
*[[CSC/ECE 517 Fall 2016/E1701. Accelerate RSpec testing]]
*[[CSC/ECE 517 Fall 2016 E1679 Let experts as well as students do reviews]]
*[[CSC/ECE 517 Fall 2016/E1705. Tracking the time students look at the others' submissions]]
*[[CSC/ECE 517 Fall 2016/E1688. Send feedback to support + tree display improvement]]
*[[CSC/ECE 517 Fall 2016 E1707: Top trading cycles to exclude previous teammates]]
*[[CSC/ECE 517 Fall 2016 E1678: Review configuration options]]
*[[CSC/ECE 517 Fall 2016 E1682: Improve score calculation]]
*[[CSC/ECE 517 Fall 2016 E1684: Feature Test for Assignment Submission]]
*[[CSC/ECE 517 Fall 2016 E1689: Anonymous Chat Between Author and Reviewer]]
*[[CSC/ECE 517 Fall 2016 E1703: Logging for Expertiza]]
*[[CSC/ECE 517 Fall 2016 E1708: Improvements to staggered-deadline assignments]]
*[[CSC/ECE 517 Fall 2016 E1685: UI changes for review and score reports]]
*[[CSC/ECE 517 Fall 2016/ M1653 Implement HTML form validation]]
*[[CSC/ECE 517 Fall 2016/ E1700 Integrate Google doc editor/viewer]]
*[[CSC/ECE_517_Fall_2016/M1652_ImageMap_Support_Servo | CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo]]
*[[CSC/ECE 517 Fall 2016 E1687 Instructor account creation over the web]]
*[[CSC/ECE_517_Fall_2016/E1690_Improvements_to_password_recovery_and_repeated_login_failures | CSC/ECE 517 Fall 2016/E1690 Improvements to password recovery and repeated login failures]]

CSC/ECE 517 Fall 2016/M1652 Implement ImageMap Support Servo

2016-12-03T00:40:11Z

Sspatil4: /* Image Maps */

M1652: Implement HTML Image Map support for Servo 
[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust has been developed with an emphasis on safety, control of memory layout, and concurrency. It is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. It eliminates all data races by having numerous compile-time safety checks that adds no runtime overhead.<ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support Image maps at the moment.

==Scope==
The scope of the project was to complete the initial steps mentioned [https://github.com/servo/servo/wiki/Image-maps-project here].

The steps are as follows:
*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*Define an Area enum in htmlareaelement.rs that supports rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

The subsequent steps mentioned [https://github.com/servo/servo/wiki/Image-maps-project here] are the agenda for the final project.

==Design Pattern==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

==Implementation==

The following steps were followed to meet the project requirements: [https://github.com/servo/servo/wiki/Image-maps-project].

===Step 1===

In order to enable image maps support, an Area enum needed to be defined in "htmlareaelement.rs" to support shapes such as rectangles, circles, and polygons by mapping its coordinate representations.

[[File:Servo_1.png]]

===Step 2===

Constructors were implemented for each variant that accept a string argument, [https://html.spec.whatwg.org/multipage/infrastructure.html#rules-for-parsing-a-list-of-floating-point-numbers parse them into appropriate coordinates], and return an appropriate Area instance. Different combinations of coordinates were analysed to specifically assess objects based on the input string.

[[File:Servo_002.png]] 
[[File:Servo_004.png]] 
[[File:Servo_005.png]] 

===Step 3===

A hit_test method was implemented for the Area enum that would accept a Point2D<f32> argument and return true if the point is within the area's coordinates specifically for circle and rectangle and else return false for all polygonal areas.
[[File:Servo_006.png]]

===Step 4===

A method, getshapefromcoords, was added to HTMLAreaElement that returns an Area value derived from that element's attributes.
[[File:Servo_007.png]]

== Testing ==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

The unit tests and test-tidy results can be seen in this [https://github.com/servo/servo/pull/13972 pull request].

=== Testing From UI ===

At this stage, the project cannot be tested from the UI since the complete code has not been developed for image map support. However a check can be done as a test page is run successfully on servo after performing the build as mentioned above.

Run the following command after the project is built:

<code>
./mach run tests/html/about-mozilla.html
</code>

==Pull Request==
Here is our [https://github.com/servo/servo/pull/13972 pull request]. The link shows the code snippets that have been modified along with integration test progression.

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 Implement ImageMap Support Servo

2016-11-10T03:10:54Z

Sspatil4:

M1652: Implement HTML Image Map support for Servo 
[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust has been developed with an emphasis on safety, control of memory layout, and concurrency. It is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. It eliminates all data races by having numerous compile-time safety checks that adds no runtime overhead.<ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
"In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support Image maps at the moment.

==Scope==
The scope of the project was to complete the initial steps mentioned [https://github.com/servo/servo/wiki/Image-maps-project here].

The steps are as follows:
*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*Define an Area enum in htmlareaelement.rs that supports rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

The subsequent steps mentioned [https://github.com/servo/servo/wiki/Image-maps-project here] are the agenda for the final project.

==Design Pattern==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

==Implementation==

The following steps were followed to meet the project requirements: [https://github.com/servo/servo/wiki/Image-maps-project].

===Step 1===

In order to enable image maps support, an Area enum needed to be defined in "htmlareaelement.rs" to support shapes such as rectangles, circles, and polygons by mapping its coordinate representations.

[[File:Servo_1.png]]

===Step 2===

Constructors were implemented for each variant that accept a string argument, [https://html.spec.whatwg.org/multipage/infrastructure.html#rules-for-parsing-a-list-of-floating-point-numbers parse them into appropriate coordinates], and return an appropriate Area instance. Different combinations of coordinates were analysed to specifically assess objects based on the input string.

[[File:Servo_002.png]] 
[[File:Servo_004.png]] 
[[File:Servo_005.png]] 

===Step 3===

A hit_test method was implemented for the Area enum that would accept a Point2D<f32> argument and return true if the point is within the area's coordinates specifically for circle and rectangle and else return false for all polygonal areas.
[[File:Servo_006.png]]

===Step 4===

A method, getshapefromcoords, was added to HTMLAreaElement that returns an Area value derived from that element's attributes.
[[File:Servo_007.png]]

== Testing ==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

The unit tests and test-tidy results can be seen in this [https://github.com/servo/servo/pull/13972 pull request].

=== Testing From UI ===

At this stage, the project cannot be tested from the UI since the complete code has not been developed for image map support. However a check can be done as a test page is run successfully on servo after performing the build as mentioned above.

Run the following command after the project is built:

<code>
./mach run tests/html/about-mozilla.html
</code>

==Pull Request==
Here is our [https://github.com/servo/servo/pull/13972 pull request]. The link shows the code snippets that have been modified along with integration test progression.

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-11-10T02:52:29Z

Sspatil4:

M1652: Image Map support for Servo 
[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust has been developed with an emphasis on safety, control of memory layout, and concurrency. It is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. It eliminates all data races by having numerous compile-time safety checks that adds no runtime overhead.<ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
"In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support Image maps at the moment.

==Scope==
The initial steps completed till now are mentioned [https://github.com/servo/servo/wiki/Image-maps-project here].

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*Define an Area enum in htmlareaelement.rs that supports rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Link to OSS]

The subsequent steps are the agenda for the final project:
*We plan to add a method areas to HTMLImageElement to handle processing of a usemap attribute. The map object is to be obtained consisting all the HTML elements pertaining to the image as defined in the specification. Given the usemap attribute, we aim to retrieve the HTMLMapElement by which we will retrieve HTMLAreaelements (Children elements)

[[File:Servo 011.png]]

We will implement a method for HTMLAreaElement to handle activation behavior as defined in the [https://dom.spec.whatwg.org/#eventtarget-activation-behavior specification]

We will implement a method for HTMLImageElement to handle clickable events on the element. This method will use the list of HTMLAreaelements as obtained in the previous steps and the hit test method implemented in the initial steps.

To implement a hit test method for Polygons (Extra Credit) we plan to implement the below algorithm:

1) Draw a horizontal line to the right of each point and extend it to infinity

2) Count the number of times the line intersects with polygon edges

3) A point is inside the polygon if either count of intersections is odd or point lies on an edge of polygon. If none of the conditions is true, then point lies outside

==Design Pattern==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

== Testing ==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

=== Testing From UI ===

The project after completion should be testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach build --debug
</code>

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-11-10T02:51:17Z

Sspatil4: /* Scope */

M1652: Image Map support for Servo 
[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust has been developed with an emphasis on safety, control of memory layout, and concurrency. It is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. It eliminates all data races by having numerous compile-time safety checks that adds no runtime overhead.<ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
"In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support Image maps at the moment.

==Scope==
The initial steps completed till now are mentioned [https://github.com/servo/servo/wiki/Image-maps-project here].

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*Define an Area enum in htmlareaelement.rs that supports rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Link to OSS]

The subsequent steps are the agenda for the final project:
*We plan to add a method areas to HTMLImageElement to handle processing of a usemap attribute. The map object is to be obtained consisting all the HTML elements pertaining to the image as defined in the specification. Given the usemap attribute, we aim to retrieve the HTMLMapElement by which we will retrieve HTMLAreaelements (Children elements)

[[File:Servo 011.png]]

We will implement a method for HTMLAreaElement to handle activation behavior as defined in the [https://dom.spec.whatwg.org/#eventtarget-activation-behavior specification]

We will implement a method for HTMLImageElement to handle clickable events on the element. This method will use the list of HTMLAreaelements as obtained in the previous steps and the hit test method implemented in the initial steps.

To implement a hit test method for Polygons (Extra Credit) we plan to implement the below algorithm:

1) Draw a horizontal line to the right of each point and extend it to infinity

2) Count the number of times the line intersects with polygon edges

3) A point is inside the polygon if either count of intersections is odd or point lies on an edge of polygon. If none of the conditions is true, then point lies outside

==Design Pattern==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

== Testing ==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

=== Testing From UI ===

The project after completion should be testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-11-10T02:50:57Z

Sspatil4: /* Scope */

M1652: Image Map support for Servo 
[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust has been developed with an emphasis on safety, control of memory layout, and concurrency. It is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. It eliminates all data races by having numerous compile-time safety checks that adds no runtime overhead.<ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
"In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support Image maps at the moment.

==Scope==
The initial steps completed till now are mentioned [https://github.com/servo/servo/wiki/Image-maps-project here].

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*Define an Area enum in htmlareaelement.rs that supports rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Link to OSS]

The subsequent steps are the agenda for the final project:
*We plan to add a method areas to HTMLImageElement to handle processing of a usemap attribute. The map object is to be obtained consisting all the HTML elements pertaining to the image as defined in the specification. Given the usemap attribute, we aim to retrieve the HTMLMapElement by which we will retrieve HTMLAreaelements (Children elements)

[[File:Servo 011.png]]
We will implement a method for HTMLAreaElement to handle activation behavior as defined in the [https://dom.spec.whatwg.org/#eventtarget-activation-behavior specification]
We will implement a method for HTMLImageElement to handle clickable events on the element. This method will use the list of HTMLAreaelements as obtained in the previous steps and the hit test method implemented in the initial steps.
To implement a hit test method for Polygons (Extra Credit) we plan to implement the below algorithm:

1) Draw a horizontal line to the right of each point and extend it to infinity

2) Count the number of times the line intersects with polygon edges

3) A point is inside the polygon if either count of intersections is odd or point lies on an edge of polygon. If none of the conditions is true, then point lies outside

==Design Pattern==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

== Testing ==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

=== Testing From UI ===

The project after completion should be testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-11-10T02:49:18Z

Sspatil4: /* Scope */

M1652: Image Map support for Servo 
[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust has been developed with an emphasis on safety, control of memory layout, and concurrency. It is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. It eliminates all data races by having numerous compile-time safety checks that adds no runtime overhead.<ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
"In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support Image maps at the moment.

==Scope==
The initial steps completed till now are mentioned [https://github.com/servo/servo/wiki/Image-maps-project here].

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*Define an Area enum in htmlareaelement.rs that supports rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Link to OSS]

The subsequent steps are the agenda for the final project:
*We plan to add a method areas to HTMLImageElement to handle processing of a usemap attribute. The map object is to be obtained consisting all the HTML elements pertaining to the image as defined in the specification. Given the usemap attribute, we aim to retrieve the HTMLMapElement by which we will retrieve HTMLAreaelements (Children elements)

[[File:Servo 011.png]]
*We will implement a method for HTMLAreaElement to handle activation behavior as defined in the [https://dom.spec.whatwg.org/#eventtarget-activation-behavior specification]
*We will implement a method for HTMLImageElement to handle clickable events on the element. This method will use the list of HTMLAreaelements as obtained in the previous steps and the hit test method implemented in the initial steps.
*To implement a hit test method for Polygons (Extra Credit) we plan to implement the below algorithm:

1) Draw a horizontal line to the right of each point and extend it to infinity

2) Count the number of times the line intersects with polygon edges

3) A point is inside the polygon if either count of intersections is odd or point lies on an edge of polygon. If none of the conditions is true, then point lies outside

==Design Pattern==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

== Testing ==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

=== Testing From UI ===

The project after completion should be testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-11-10T02:47:49Z

Sspatil4: /* Scope */

M1652: Image Map support for Servo 
[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust has been developed with an emphasis on safety, control of memory layout, and concurrency. It is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. It eliminates all data races by having numerous compile-time safety checks that adds no runtime overhead.<ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
"In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support Image maps at the moment.

==Scope==
The initial steps completed till now are mentioned [https://github.com/servo/servo/wiki/Image-maps-project here].

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*Define an Area enum in htmlareaelement.rs that supports rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Link to OSS]

The subsequent steps are the agenda for the final project:
*We plan to add a method areas to HTMLImageElement to handle processing of a usemap attribute. The map object is to be obtained consisting all the HTML elements pertaining to the image as defined in the specification. Given the usemap attribute, we aim to retrieve the HTMLMapElement by which we will retrieve HTMLAreaelements (Children elements)

[[File:Servo 011.png]]
*We will implement a method for HTMLAreaElement to handle activation behavior as defined in the [https://dom.spec.whatwg.org/#eventtarget-activation-behavior specification]
*We will implement a method for HTMLImageElement to handle clickable events on the element. This method will use the list of HTMLAreaelements as obtained in the previous steps and the hit test method implemented in the initial steps.
*To implement a hit test method for Polygons(Extra Credit) we plan to implement the below algorithm:

\n 1) Draw a horizontal line to the right of each point and extend it to infinity
\n 2) Count the number of times the line intersects with polygon edges.
\n 3) A point is inside the polygon if either count of intersections is odd or point lies on an edge of polygon. If none of the conditions is true, then point lies outside.

==Design Pattern==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

== Testing ==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

=== Testing From UI ===

The project after completion should be testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-11-10T02:47:15Z

Sspatil4:

M1652: Image Map support for Servo 
[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust has been developed with an emphasis on safety, control of memory layout, and concurrency. It is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. It eliminates all data races by having numerous compile-time safety checks that adds no runtime overhead.<ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
"In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support Image maps at the moment.

==Scope==
The initial steps completed till now are mentioned [https://github.com/servo/servo/wiki/Image-maps-project here].

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*Define an Area enum in htmlareaelement.rs that supports rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Link to OSS]

The subsequent steps are the agenda for the final project:
*We plan to add a method areas to HTMLImageElement to handle processing of a usemap attribute. The map object is to be obtained consisting all the HTML elements pertaining to the image as defined in the specification. Given the usemap attribute, we aim to retrieve the HTMLMapElement by which we will retrieve HTMLAreaelements (Children elements)

[[File:Servo 011.png]]
*We will implement a method for HTMLAreaElement to handle activation behavior as defined in the [https://dom.spec.whatwg.org/#eventtarget-activation-behavior specification]
*We will implement a method for HTMLImageElement to handle clickable events on the element. This method will use the list of HTMLAreaelements as obtained in the previous steps and the hit test method implemented in the initial steps.
*To implement a hit test method for Polygons(Extra Credit) we plan to implement the below algorithm:

1) Draw a horizontal line to the right of each point and extend it to infinity
2) Count the number of times the line intersects with polygon edges.
3) A point is inside the polygon if either count of intersections is odd or point lies on an edge of polygon. If none of the conditions is true, then point lies outside.

==Design Pattern==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

== Testing ==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

=== Testing From UI ===

The project after completion should be testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]. The link has to be invoked from the compiled exe; the command for which is given below:

<code>
./mach run https://samuknet.github.io/test_cases/imageMap/
</code>

==References==
<references/>

File:Servo 011.png

2016-11-10T02:38:36Z

Sspatil4:

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-11-10T02:38:17Z

Sspatil4: /* Scope */

M1652: Image Map support for Servo 
[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust has been developed with an emphasis on safety, control of memory layout, and concurrency. It is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. It eliminates all data races by having numerous compile-time safety checks that adds no runtime overhead.<ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
"In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support Image maps at the moment.

==Scope==
The initial steps completed till now are mentioned [https://github.com/servo/servo/wiki/Image-maps-project here].

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*Define an Area enum in htmlareaelement.rs that supports rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Link to OSS]

The subsequent steps are the agenda for the final project:
*We plan to add a method areas to HTMLImageElement to handle processing of a usemap attribute. The map object is to be obtained consisting all the HTML elements pertaining to the image as defined in the specification. Given the usemap attribute, we aim to retrieve the HTMLMapElement by which we will retrieve HTMLAreaelements (Children elements)

[[File:Servo 011.png]]
*We will implement a method for HTMLAreaElement to handle activation behavior as defined in the [https://dom.spec.whatwg.org/#eventtarget-activation-behavior specification]
*We will implement a method for HTMLImageElement to handle clickable events on the element. This method will use the list of HTMLAreaelements as obtained in the previous steps and the hit test method implemented in the initial steps.
*To implement a hit test method for Polygons(Extra Credit) we plan to implement the below algorithm:

1) Draw a horizontal line to the right of each point and extend it to infinity
2) Count the number of times the line intersects with polygon edges.
3) A point is inside the polygon if either count of intersections is odd or point lies on an edge of polygon. If none of the conditions is true, then point lies outside.

==Design Pattern==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=== Testing From UI ===

The project after completion should be testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-11-10T02:35:24Z

Sspatil4: /* Scope */

M1652: Image Map support for Servo 
[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust has been developed with an emphasis on safety, control of memory layout, and concurrency. It is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. It eliminates all data races by having numerous compile-time safety checks that adds no runtime overhead.<ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
"In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support Image maps at the moment.

==Scope==
The initial steps completed till now are mentioned [https://github.com/servo/servo/wiki/Image-maps-project here].

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*Define an Area enum in htmlareaelement.rs that supports rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

[http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo Link to OSS]

The subsequent steps are the agenda for the final project:
*We plan to add a method areas to HTMLImageElement to handle processing of a usemap attribute. The map object is to be obtained consisting all the HTML elements pertaining to the image as defined in the specification. Given the usemap attribute, we aim to retrieve the HTMLMapElement by which we will retrieve HTMLAreaelements (Children elements)
[[File:Servo 010.png]]
*We will implement a method for HTMLAreaElement to handle activation behavior as defined in the [https://dom.spec.whatwg.org/#eventtarget-activation-behavior specification]
*We will implement a method for HTMLImageElement to handle clickable events on the element. This method will use the list of HTMLAreaelements as obtained in the previous steps and the hit test method implemented in the initial steps.
*To implement a hit test method for Polygons(Extra Credit) we plan to implement the below algorithm:

1) Draw a horizontal line to the right of each point and extend it to infinity
2) Count the number of times the line intersects with polygon edges.
3) A point is inside the polygon if either count of intersections is odd or point lies on an edge of polygon. If none of the conditions is true, then point lies outside.

==Design Pattern==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=== Testing From UI ===

The project after completion should be testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-11-10T02:34:03Z

Sspatil4:

M1652: Image Map support for Servo 
[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust has been developed with an emphasis on safety, control of memory layout, and concurrency. It is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. It eliminates all data races by having numerous compile-time safety checks that adds no runtime overhead.<ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
"In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support Image maps at the moment.

==Scope==
The initial steps completed till now are mentioned [https://github.com/servo/servo/wiki/Image-maps-project here].

*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*Define an Area enum in htmlareaelement.rs that supports rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

The subsequent steps are the agenda for the final project:
*We plan to add a method areas to HTMLImageElement to handle processing of a usemap attribute. The map object is to be obtained consisting all the HTML elements pertaining to the image as defined in the specification. Given the usemap attribute, we aim to retrieve the HTMLMapElement by which we will retrieve HTMLAreaelements (Children elements)
[[File:Servo 010.png]]
*We will implement a method for HTMLAreaElement to handle activation behavior as defined in the [https://dom.spec.whatwg.org/#eventtarget-activation-behavior specification]
*We will implement a method for HTMLImageElement to handle clickable events on the element. This method will use the list of HTMLAreaelements as obtained in the previous steps and the hit test method implemented in the initial steps.
*To implement a hit test method for Polygons(Extra Credit) we plan to implement the below algorithm:

1) Draw a horizontal line to the right of each point and extend it to infinity
2) Count the number of times the line intersects with polygon edges.
3) A point is inside the polygon if either count of intersections is odd or point lies on an edge of polygon. If none of the conditions is true, then point lies outside.

==Design Pattern==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

=== Testing From UI ===

The project after completion should be testable from the UI by handling clickable activities on this test [https://samuknet.github.io/test_cases/imageMap/ link]

==References==
<references/>

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-11-10T02:05:50Z

Sspatil4: /* Scope */

CSC/ECE 517 Fall 2016

2016-11-10T01:58:13Z

Sspatil4: /* Final Project Design Document */

[http://www.example.com link title]==Calibration Assignment Submissions==
*[[Calibration Assignment Submission (Firebrick JS)]]
*[[Calibration Assignment Submission (Active Job)]]
==Writing Assignments 2==
*[[CSC/ECE 517 Fall 2016/E1666. Test team functionality]]
*[[CSC/ECE 517 Fall 2016/E1643. Refactor Suggestion controller]]
*[[CSC/ECE 517 Fall 2016/E1631. Refactoring Bidding Interface]]
*[[CSC/ECE 517 Fall 2016/E1674.Refactor leaderboard.rb and write unit tests]]
*[[CSC/ECE 517 Fall 2016/E1671. Unit Tests for participants.rb Hierarchy]]
*[[CSC/ECE 517 Fall 2016/E1668.Test e-mailing functionality]]
*[[CSC/ECE 517 Fall 2016/E1658. Refractor lottery_controller.rb and write integration tests]]
*[[CSC/ECE 517 Fall 2016/E1660. Review requirements and thresholds]]
*[[CSC/ECE 517 Fall 2016/E1650. Sort instructor views alphabetically by default]]
*[[CSC/ECE 517 Fall 2016/E1644. Refactor and test Teams Controller]]
*[[CSC/ECE 517 Fall 2016/E1645. Refactoring Tree Display Controller]]
*[[CSC/ECE 517 Fall 2016/E1659. Refactor on_the_fly_calc.rb]]
*[[CSC/ECE 517 Fall 2016/E1657. Introduce a Student View for instructors]]
*[[CSC/ECE 517 Fall 2016/E1653. Fix and improve rubric criteria]]
*[[CSC/ECE 517 Fall 2016/E1642. Refactor review_response_map.rb]]
*[[CSC/ECE 517 Fall 2016/E1633. Refactor different question types from quiz feature]]
*[[CSC/ECE_517_Fall_2016/E1664:_Feature_Test_Assignment_Creation]]
*[[CSC/ECE 517 Fall 2016/E1666. Test team functionality]]
*[[CSC/ECE_517_Fall_2016/E1654. Improve_date-picker_and_deadlines]]
*[[CSC/ECE_517_Fall_2016/E1652 Fix teammate advertisements and requests to join a team ]]
*[[CSC/ECE_517_Fall_2016/E1662. UI issues/fixes]]
*[[CSC/ECE_517_Fall_2016/E1673. Refactor question_type.rb]]
*[[CSC/ECE_517_Fall_2016/E1675. Timestamp for student file & hyperlink submissions]]
*[[CSC/ECE_517_Fall_2016/E1640. Refactor response.rb and response_helper.rb]]
*[[CSC/ECE 517 Fall 2016/E1634. Refactor and write unit test of due_date.rb and deadline_helper.rb]]
*[[CSC/ECE_517_Fall_2016/M1654._Improve_network_security_features]]
*[[CSC/ECE_517_Fall_2016/E1670._Unit_tests_for_answers.rb]]
*[[CSC/ECE_517_Fall_2016/E1641. Refactor review_mapping_controller.rb]]
*[[CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo]]
*[[CSC/ECE_517_Fall_2016/E1648/Add_past_due_assignment]]
*[[CSC/ECE 517 Fall 2016/E1656. Improve imports]]
*[[CSC/ECE_517_Fall_2016/M1653_Implement_HTML_form_validation]]
==Final Project Design Document==
*[[CSC/ECE 517 Fall 2016 E1696 Improve Self-Review]]
*[[CSC/ECE 517 Fall 2016 E1676 Role-based reviewing]]
*[[CSC/ECE 517 Fall 2016/E1680. Improve survey functionality]]
*[[CSC/ECE 517 Fall 2016/E1693. Drag-and-drop interface for creating rubrics]]
*[[CSC/ECE 517 Fall 2016/E1701. Accelerate RSpec testing]]
*[[CSC/ECE 517 Fall 2016/E1705. Tracking the time students look at the others' submissions]]
*[[CSC/ECE 517 Fall 2016/E1688. Send feedback to support + tree display improvement]]
*[[CSC/ECE 517 Fall 2016 E1707: Top trading cycles to exclude previous teammates]]
*[[CSC/ECE 517 Fall 2016 E1678: Review configuration options]]
*[[CSC/ECE 517 Fall 2016 E1682: Improve score calculation]]
*[[CSC/ECE 517 Fall 2016 E1684: Feature Test for Assignment Submission]]
*[[CSC/ECE 517 Fall 2016 E1689: Anonymous Chat Between Author and Reviewer]]
*[[CSC/ECE 517 Fall 2016 E1703: Logging for Expertiza]]
*[[CSC/ECE 517 Fall 2016 E1708: Improvements to staggered-deadline assignments]]
*[[CSC/ECE 517 Fall 2016 E1685: UI changes for review and score reports]]
*[[CSC/ECE 517 Fall 2016/ M1653 Implement HTML form validation]]
*[[CSC/ECE 517 Fall 2016/ E1700 Integrate Google doc editor/viewer]]
*[[CSC/ECE_517_Fall_2016/M1652_ImageMap_Support_Servo]]

CSC/ECE 517 Fall 2016

2016-11-10T01:57:46Z

Sspatil4: /* Final Project Design Document */

[http://www.example.com link title]==Calibration Assignment Submissions==
*[[Calibration Assignment Submission (Firebrick JS)]]
*[[Calibration Assignment Submission (Active Job)]]
==Writing Assignments 2==
*[[CSC/ECE 517 Fall 2016/E1666. Test team functionality]]
*[[CSC/ECE 517 Fall 2016/E1643. Refactor Suggestion controller]]
*[[CSC/ECE 517 Fall 2016/E1631. Refactoring Bidding Interface]]
*[[CSC/ECE 517 Fall 2016/E1674.Refactor leaderboard.rb and write unit tests]]
*[[CSC/ECE 517 Fall 2016/E1671. Unit Tests for participants.rb Hierarchy]]
*[[CSC/ECE 517 Fall 2016/E1668.Test e-mailing functionality]]
*[[CSC/ECE 517 Fall 2016/E1658. Refractor lottery_controller.rb and write integration tests]]
*[[CSC/ECE 517 Fall 2016/E1660. Review requirements and thresholds]]
*[[CSC/ECE 517 Fall 2016/E1650. Sort instructor views alphabetically by default]]
*[[CSC/ECE 517 Fall 2016/E1644. Refactor and test Teams Controller]]
*[[CSC/ECE 517 Fall 2016/E1645. Refactoring Tree Display Controller]]
*[[CSC/ECE 517 Fall 2016/E1659. Refactor on_the_fly_calc.rb]]
*[[CSC/ECE 517 Fall 2016/E1657. Introduce a Student View for instructors]]
*[[CSC/ECE 517 Fall 2016/E1653. Fix and improve rubric criteria]]
*[[CSC/ECE 517 Fall 2016/E1642. Refactor review_response_map.rb]]
*[[CSC/ECE 517 Fall 2016/E1633. Refactor different question types from quiz feature]]
*[[CSC/ECE_517_Fall_2016/E1664:_Feature_Test_Assignment_Creation]]
*[[CSC/ECE 517 Fall 2016/E1666. Test team functionality]]
*[[CSC/ECE_517_Fall_2016/E1654. Improve_date-picker_and_deadlines]]
*[[CSC/ECE_517_Fall_2016/E1652 Fix teammate advertisements and requests to join a team ]]
*[[CSC/ECE_517_Fall_2016/E1662. UI issues/fixes]]
*[[CSC/ECE_517_Fall_2016/E1673. Refactor question_type.rb]]
*[[CSC/ECE_517_Fall_2016/E1675. Timestamp for student file & hyperlink submissions]]
*[[CSC/ECE_517_Fall_2016/E1640. Refactor response.rb and response_helper.rb]]
*[[CSC/ECE 517 Fall 2016/E1634. Refactor and write unit test of due_date.rb and deadline_helper.rb]]
*[[CSC/ECE_517_Fall_2016/M1654._Improve_network_security_features]]
*[[CSC/ECE_517_Fall_2016/E1670._Unit_tests_for_answers.rb]]
*[[CSC/ECE_517_Fall_2016/E1641. Refactor review_mapping_controller.rb]]
*[[CSC/ECE_517_Fall_2016/M1652_Implement_ImageMap_Support_Servo]]
*[[CSC/ECE_517_Fall_2016/E1648/Add_past_due_assignment]]
*[[CSC/ECE 517 Fall 2016/E1656. Improve imports]]
*[[CSC/ECE_517_Fall_2016/M1653_Implement_HTML_form_validation]]
==Final Project Design Document==
*[[CSC/ECE 517 Fall 2016 E1696 Improve Self-Review]]
*[[CSC/ECE 517 Fall 2016 E1676 Role-based reviewing]]
*[[CSC/ECE 517 Fall 2016/E1680. Improve survey functionality]]
*[[CSC/ECE 517 Fall 2016/E1693. Drag-and-drop interface for creating rubrics]]
*[[CSC/ECE 517 Fall 2016/E1701. Accelerate RSpec testing]]
*[[CSC/ECE 517 Fall 2016/E1705. Tracking the time students look at the others' submissions]]
*[[CSC/ECE 517 Fall 2016/E1688. Send feedback to support + tree display improvement]]
*[[CSC/ECE 517 Fall 2016 E1707: Top trading cycles to exclude previous teammates]]
*[[CSC/ECE 517 Fall 2016 E1678: Review configuration options]]
*[[CSC/ECE 517 Fall 2016 E1682: Improve score calculation]]
*[[CSC/ECE 517 Fall 2016 E1684: Feature Test for Assignment Submission]]
*[[CSC/ECE 517 Fall 2016 E1689: Anonymous Chat Between Author and Reviewer]]
*[[CSC/ECE 517 Fall 2016 E1703: Logging for Expertiza]]
*[[CSC/ECE 517 Fall 2016 E1708: Improvements to staggered-deadline assignments]]
*[[CSC/ECE 517 Fall 2016 E1685: UI changes for review and score reports]]
*[[CSC/ECE 517 Fall 2016/ M1653 Implement HTML form validation]]
*[[CSC/ECE 517 Fall 2016/ E1700 Integrate Google doc editor/viewer]]
*[[CSC/ECE_517_Fall_2016/M1652 Image Map Support]]

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-11-10T01:55:54Z

Sspatil4: /* Scope */

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-11-10T01:55:28Z

Sspatil4:

File:Servo 010.png

2016-11-10T01:52:46Z

Sspatil4:

CSC/ECE 517 Fall 2016/M1652 ImageMap Support Servo

2016-11-10T01:33:36Z

Sspatil4: Initial Draft

CSC/ECE 517 Fall 2016/M1652 Implement ImageMap Support Servo

2016-10-29T05:32:29Z

Sspatil4:

M1652: Implement HTML Image Map support for Servo 
[https://html.spec.whatwg.org/multipage/embedded-content.html#image-map] Image maps are an HTML technology that allows treating arbitrary areas in an image as separate hyperlinks. The goal of this project is to implement this missing feature on [https://en.wikipedia.org/wiki/Servo_(layout_engine) Servo].<ref>https://github.com/servo/servo/wiki/Image-maps-project</ref>

==Introduction==

===Servo===

Servo <ref> https://github.com/servo/servo </ref> is a web browser layout engine written in [https://github.com/rust-lang/rust Rust]<ref>https://github.com/rust-lang/rust</ref> and is currently being developed by [https://en.wikipedia.org/wiki/Mozilla Mozilla Research]. The aim of the project is to create a highly parallel environment which allows several components to be handled by fine-grained, isolated tasks.<ref>https://en.wikipedia.org/wiki/Servo_(layout_engine)</ref>

Servo is built on top of Rust to provide a secure and reliable foundation and is focused on creating a reliable and fast browser engine.

===Rust===

[https://en.wikipedia.org/wiki/Rust_(programming_language) Rust] is a multi-paradigm, compiled programming language suited to create highly concurrent and highly safe systems. Rust has been developed with an emphasis on safety, control of memory layout, and concurrency. It is a modern, fast, memory-safe and multi-threaded programming language focusing on speed and safety to develop reliable and efficient systems. It eliminates all data races by having numerous compile-time safety checks that adds no runtime overhead.<ref> http://doc.rust-lang.org/nightly/book/README.html</ref>

===Image Maps===
"In HTML and XHTML, an [https://en.wikipedia.org/wiki/Image_map Image map] is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). Servo currently doesn't support Image maps at the moment.

==Scope==
The scope of the project was to complete the initial steps mentioned [https://github.com/servo/servo/wiki/Image-maps-project here].

The steps are as follows:
*Compile Servo and ensure that it runs on tests/html/about-mozilla.html
*Define an Area enum in htmlareaelement.rs that supports rectangles, circles, and polygons (ie. coordinate representations)
*Implement constructors for each variant that accept a string argument, parse them into appropriate coordinates, and return an appropriate Area instance
*Implement a hit_test method on Area that accepts a Point2D<f32> argument and returns true if the point is within the area's coordinates (return false for all polygonal areas)
*Write tests for the Area constructors and hit tests (add a new htmlareaelement.rs to tests/unit/script/ and run ./mach test-unit -p script)
*Add a method to HTMLAreaElement that returns an Area value derived from that element's attributes

The subsequent steps mentioned [https://github.com/servo/servo/wiki/Image-maps-project here] are the agenda for the final project.

==Design Pattern==

Design patterns are not applicable as our task involved implementing methods in a predefined object, namely HTMLAreaElement.

==Implementation==

The following steps were followed to meet the project requirements: [https://github.com/servo/servo/wiki/Image-maps-project].

===Step 1===

In order to enable image maps support, an Area enum needed to be defined in "htmlareaelement.rs" to support shapes such as rectangles, circles, and polygons by mapping its coordinate representations.

[[File:Servo_1.png]]

===Step 2===

Constructors were implemented for each variant that accept a string argument, [https://html.spec.whatwg.org/multipage/infrastructure.html#rules-for-parsing-a-list-of-floating-point-numbers parse them into appropriate coordinates], and return an appropriate Area instance. Different combinations of coordinates were analysed to specifically assess objects based on the input string.

[[File:Servo_002.png]] 
[[File:Servo_004.png]] 
[[File:Servo_005.png]] 

===Step 3===

A hit_test method was implemented for the Area enum that would accept a Point2D<f32> argument and return true if the point is within the area's coordinates specifically for circle and rectangle and else return false for all polygonal areas.
[[File:Servo_006.png]]

===Step 4===

A method, getshapefromcoords, was added to HTMLAreaElement that returns an Area value derived from that element's attributes.
[[File:Servo_007.png]]

== Testing ==

Test cases were implemented for testing the Area enum and the hit test functionality. Following are the steps to run all the tests:

# Install the pre-requisites required for servo as mentioned [https://github.com/servo/servo/blob/master/README.md here]
# Run the following commands to clone the repository and run the tests

<code>
git clone https://github.com/shravan-achar/servo.git
</code>

<code>
cd servo
</code>

<code>
git checkout master
</code>

To run the test cases
<code>
./mach test-unit -p script
</code>

The above command will download and compile the dependencies and the test cases. You will see that all tests pass as expected (Testcases are prefixed by HTMLAreaElement)

=== Testing From UI ===

At this stage, the project cannot be tested from the UI since the complete code has not been developed for image map support. However a check can be done as a test page is run successfully on servo after performing the build as mentioned above.

Run the following command after the project is build:

<code>
./mach run tests/html/about-mozilla.html
</code>

==Pull Request==
Here is our [https://github.com/servo/servo/pull/13972 pull request]. In the link you can see all code snippets changed due to implementing the above steps, as well as integration test progression information.

==References==
<references/>