COMP1001 Project – Land Of Urban Legends 1

COMP1001 Project Presentation

Group members:Junie Fong

Conan WongJefferey Li

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

Made friends with common interest

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!

COMP1001 Project – Land Of Urban Legends 4

Organization of Information

• Gathering Information• Editing Text• Editing HTML

• Image Manipulation• Video Manipulation

Gathering Information

• Google -> Various websites• Personal experience, i.e. ghost stories told by

seniors during o’camp

COMP1001 Project – Land Of Urban Legends 5

Editing Text

• Translating Chinese stories• Rephrasing

COMP1001 Project – Land Of Urban Legends 6

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;">

COMP1001 Project – Land Of Urban Legends

Special Features

• Audio Version• Discussion Page• Super Mailbox

• Slideshow Background• Google Maps

8

Audio Version

COMP1001 Project – Land Of Urban Legends 9

Recording storiesMixing of

background music

AUDIO BOOK OUT!

Discussion Page

COMP1001 Project – Land Of Urban Legends 10

Our group of members!

Super Mailbox

COMP1001 Project – Land Of Urban Legends 11

Slideshow Background

COMP1001 Project – Land Of Urban Legends 12

Other Decorative items

COMP1001 Project – Land Of Urban Legends 13

Our mascot

SocializationMusic

!

Google MapsComprehensive Google Map Plugin

• Google Maps v3 Shortcode

COMP1001 Project – Land Of Urban Legends 14

Shortcode Builder• It is used to generate codes for the map

COMP1001 Project – Land Of Urban Legends 15

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

Imgages and Videos

COMP1001 Project – Land Of Urban Legends 17

Image Manipulation

• Image Composition• Blurring and Transparency• Colorify• Healing Tool

COMP1001 Project – Land Of Urban Legends 18

Video Manipulation

• Splitting/Trimming• Transitions• Captions• Audio overlay

COMP1001 Project – Land Of Urban Legends 19

COMP1001 Project – Land Of Urban Legends 20

Thank You!