1. COMP1001 Project
Presentation
Group members:
Junie Fong
Conan Wong
Jefferey Li
COMP1001 Project – Land Of Urban Legends 1

2. Why “Land of Urban Legends?”
For those who:
• Love urban legends
• Would like to make friends
COMP1001 Project – Land Of Urban Legends 2
Urban
Legends from
all over the
world
Interactive
social
platform
LAND OF
URBAN
LEGENDS

3. Website creation process
COMP1001 Project – Land Of Urban Legends 3
Meeting
Framework
Theme
Plugins for
functions
Plugins for
decoration
Contents
Images and
videos
Minor
Corrections
GOAL!

4. Organization of Information
• Gathering Information
• Editing Text
• Editing HTML
• Image Manipulation
• Video Manipulation
COMP1001 Project – Land Of Urban Legends 4

5. Gathering Information
• Google -> Various websites
• Personal experience, i.e. ghost stories told by
seniors during o’camp
COMP1001 Project – Land Of Urban Legends 5

6. Editing Text
• Translating Chinese stories
• Rephrasing
COMP1001 Project – Land Of Urban Legends 6

7. Editing HTML
• Headings <h1> <h2> etc.
• Anchors <id=“…”> + hyperlinking #...
• Coloring <span style=“color: ######;”>
• Image sizes
COMP1001 Project – Land Of Urban Legends 7
<h3 id="Sleep"><span style="text-decoration: underline; color: #f2f2f2;">

8. Special Features
• Audio Version
• Discussion Page
• Super Mailbox
• Slideshow Background
• Google Maps
COMP1001 Project – Land Of Urban Legends 8

9. Audio Version
COMP1001 Project – Land Of Urban Legends 9
Recording stories
Mixing of
background
music
AUDIO BOOK
OUT! 

10. Discussion Page
COMP1001 Project – Land Of Urban Legends 10

11. Super Mailbox
COMP1001 Project – Land Of Urban Legends 11

12. Slideshow Background
COMP1001 Project – Land Of Urban Legends 12

13. Other Decorative items
COMP1001 Project – Land Of Urban Legends 13

14. Google Maps
Comprehensive Google
Map Plugin
• Google Maps v3 Shortcode
COMP1001 Project – Land Of Urban Legends 14

15. Shortcode Builder
• It is used to generate codes for the map
COMP1001 Project – Land Of Urban Legends 15

16. Google Map on the site
• By entering the short code
generated to the post, Google
Map is shown on the site.
COMP1001 Project – Land Of Urban Legends 16

17. Imgages and Videos
COMP1001 Project – Land Of Urban Legends 17

18. Image Manipulation
• Image Composition
• Blurring and Transparency
• Colorify
• Healing Tool
COMP1001 Project – Land Of Urban Legends 18

19. Video Manipulation
• Splitting/Trimming
• Transitions
• Captions
• Audio overlay
COMP1001 Project – Land Of Urban Legends 19

20. Thank You!
COMP1001 Project – Land Of Urban Legends 20