呢間咩大學, 出d咁既題

而家做緊個assignments
個科係 web publish
完全唔知要點做... 有無人係到知佢講咩, 可以教教我, thanks

AssignmentsFor this course you are to develop a photo annotating website. The website will allow you to upload a JPEG image and annotate it with lines and camera lense flares. The annotations will be stored as a Scalable Vector Graphics-like (SVG) file. As SVG files do not support flares, GNU Image Manipulation Program (Gimp) will be used to construct a JPEG incorporating the lines and flares. For the first assignment you are to setup the basic website structure and the development environment. For the second assignment you will code the photo annotator. Assignment 1TasksThe tasks you are required to complete are: Transparent Logo Construct a logo to include on every page. The logo should have a transparent background. Map Function Write a C program to generate a client side image map consisting of an array of rectangles, e.g., 10x10, for an image of an arbitary size. I.e., write the function void map(int width, int height, int step). This function will output to stdout XHTML code similar to the following:         <map name="map">        <area shape="rect" coords="0,0,9,9" href="point.cgi?point=yes&x=0&y=0"                 alt="Point (0,0)" title="Point (0,0)" />        ...        </map>Photo Annotator Construct an XHTML page that will become the photo annotating page:
  • Provide an introduction to the website on this page.
  • The page should contain an image that uses an image map generated by your map function.
  • The page should have at least two columns formatted using CSS or CSS2, not HTML tables.
  • Avoid the top ten mistakes in Web Design as discussed in the studybook. As such, provide navigation support, e.g., a menu.
Preview Construct an XHTML page to act as a preview page. This preview will be formed by layering the SVG on top of the original JPEG image. Only the polylines will be displayed in the preview.
  • Mature browser support of SVG images in XHTML is not yet widespread. One way to include an SVG file in XHTML is to use the embed element:         <embed data="ass.svg" src="ass.svg" type="image/svg+xml" width="100px" height="10px" />
  • Use the z-index CSS property to layer an SVG on top of an image file to form a preview. (More CSS properties are required for positioning.)         <embed style="z-index:2"                 data="ass.svg" src="ass.svg" type="image/svg+xml" width="100px" height="10px" />
  • As flares are not standard SVG, also incorporate the SVG XML code directly into the XHTML and use CSS rules to indicate the presence of a flare using an asterisk, e.g., ass.svg         <svg xmlns="http://www.w3.org/2000/svg">             <polyline points="0,0 100,10" stroke="white" stroke-width="2" fill="none"/>             <flare point="50,10"/>             <flare point="0,0"/>        </svg>should be rendered as Flares: ** to denote the presence of two flares.
  • All pages in the website should be consistent in design. Write all pages to use the same CSS file for layout and design.
Setup Development Environment (image.jpg) Setup and test the development environment that will be used for Assignment 2:
  • Uncompress ass_2008.tgz in your DocumentRoot.
  • Compile the program point.cgi using make (Use make linux if developing on decius).
  • Install Gimp if not developing on decius.
  • Start the Gimp server Filters->Script-Fu->Start Server if developing on Windows XP. (Change USE_GIMP_SERVER_ON_CYGWIN in ass.h if you do not wish to leave GIMP running.)
  • Run the program
  • Copy the resulting image.jpg file to your assignment folder.
Documentation Construct an XHTML page to document your website. It should be consistent in design to the rest of your website. You should:
  • List the software you used and the steps you took to create the transparent logo.
  • List the map function code and about five lines of output from the function.
  • A link to your CSS file.
  • Explain how you used CSS[2] to layout your pages.
  • Explain how you used CSS[2] to layer and position the SVG and an image to form the preview.
  • Explain how you used CSS[2] to render the SVG code as Flare: **.
  • Include image.jpg
  • Discuss the results of validating your website using W3C's services, e.g., HTML Validation Service and CSS Validation Service.
Marking SchemeApproximately five marks will be assigned to self assessment of your assignment. Marks will be deducted for under-marking or over-marking your own work. The remaining 95 marks are assigned according to the following criteria.
Transparent Logoapprox. 10
Map Function, e.g., coding style, correctnessapprox. 10
Photo Annotator, e.g., image map, XHTML (readability, validity, coding style, use of relative links and links work) and use of CSS. approx. 15
Preview, e.g., layered SVG, XHTML, and use of CSS (rendering of SVG code as Flare: **). approx. 15
image.jpgapprox. 10
CSS, e.g., multi-columned layout, readability, coding style (IDs vs classes, variable names), comments, uncluttered [td]approx. 20[/td]
Documentationapprox. 20


[ 本帖最後由 ckarea 於 2008-12-12 23:47 編輯 ]

除左個len flare唔識之外其他都唔難

TOP

原帖由 jzu 於 2008-12-13 01:11 發表
除左個len flare唔識之外其他都唔難


可唔可以教下我~

TOP

你咁即係叫人幫你做........呢個題目唔係咁難喎

TOP

原帖由 katon808 於 2008-12-13 12:55 發表
你咁即係叫人幫你做........呢個題目唔係咁難喎


我完全未學過SVG

淨係學過好基本既C program, 同埋html css

SVG係咩我都唔知

我連c同html既運用都唔識

有無人可以幫到我><...

我連要係邊到開始都唔識

TOP

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

連w3c都唔去就係度嘈,呢間係咩野大學,出呢d咩野大學生.

TOP

原帖由 ckarea 於 2008-12-13 15:12 發表


我完全未學過SVG

淨係學過好基本既C program, 同埋html css

SVG係咩我都唔知

我連c同html既運用都唔識

有無人可以幫到我>

點解要教左先出得題?
我間野果d prac成日都走先過lecture都照樣做la...
web方面ge野唔識的話...好多時去w3c睇完會清楚哂...
而且上網都大把tut.

TOP

原帖由 ckarea 於 2008-12-13 15:12 發表

我連要係邊到開始都唔識


一切由google.com開始。。。

TOP

咁樣其實係想令你係過程中學到野, 唔再好似中小學咁
要開始自學啦

TOP

問左google 先
個時我final year project 都無人教過svg 就用喇...
乜都要人教

TOP