Evaluation

EVALUATION NOTE

Since I finished my Wix website, I’ll look backward to February. It’s best not to have any regret, but there must be more than one always. So we have to look back, evaluate ourselves, and get some time for reflection.

    1. Storyboard
Storyboard I planned

Storyboard I planned

My final webpage

My final webpage

      • Things went Well
        The storyboard of my website went well as I planned. Actually it changed a lot but most important things aren’t, like Menus’ name and rough structure.
      • Things didn’t go to plan
        I draw a chronology table with will be used as menu. But I finally choose it for just text. The reason why I do this is chronology table can be seen very messy if I design it not good. And I realize I’m not that good at design..
        Except that, very slight things. For example, in plan, I named a menu between Tradition and Modern as ‘Transition’ but I thought it can be confused with Tradition. So I changed it into just ‘Between’.
        And I plan to use a Photo Gallery (function in Wix) for showing photos, but it changed into Accordion.
      • If I do this again …
        I can make this looking better by using better design.

2. Moodboard

Colors I planned to use

      • Things didn’t go to plan
        I didn’t use any color except black & white in my website. So naturally, that colors are not used.
      • If I do this again …
        Maybe I can try a more colorful website. Now my website look just gloomy sometimes because there’s no color in here!

3. Personnel / Contributors

Contact list I planned

Contact list I planned

      • Things went will
        I (Ha Nuri) took charge of programming a website (even though I used Wix!).
      • Things didn’t go to plan
        I took charge of many other things – like taking photo, design, edit the video and sound. And I needed more photographers so I hire more contributors for more photos.
      • If I do this again …
        I’ll distribute works which I did this time. I can hire more people and let them do what I’ve done.

4. Location

Location Recce search

Location Recce search

        • Things went well
          I went Cheonggyecheon and Gyeongbokgung, took some pictures which I used in my video.
        • Things didn’t go to plan
          There’s no need to rent a indoors studio. I do all of the filming outside.
          And I didn’t go these facilities in that date, that time. I was so busy that moment for making concept of my website.
        • If I do this again …
          I might go and film in studio as I planned. Maybe I can get some better photos or videos if I film in a studio. It’s more professional.

5. Throughout whole process of this project

        • Things went well
          Actually lots and lots of things have changed during about 2 months. But I never changed a Topic of my website.
        • Things didn’t go to plan
          But there’s a delicate change: from Architecture to Landmark. I thought landmark is more narrow notion than architecture, and that means it’s easier introduce Seoul and make a website.
        • If I do this again …
          I mostly satisfied about the result of my website, but there’s two things I’m very sorry about – Design and Video.
          Since I’m not a designer but programmer, I can’t make better design than this. And I always feel very sad about it.
          And the Video .. I didn’t want to make it by slideshow of photos.. but I had no choice because I don’t have skills to make better video either.
          Next time, if I have opportunity to do this whole project again, I’ll upgrading my skills and able to make a wonderful, perfect website.

Final Website Result

Here’s my Wix Website Seoul-MARK’s address : http://sharew.wix.com/sharew

When you do the first access in website, you’ll see this screen:

The Main Page.

Let’s see the video first.

When you click

this image or text on the picture,

you can go to video page.

When you click the ‘Tradition’, ‘Between’, ‘Modern’, ‘Eat & Shop’ menu upper,

There’s an Accordion waiting for you!

If you put your mouse cursor on a picture,

The photo interactively reacts and show the title of the picture.

In this case, first photo of the Tradition Accordion is ‘Gyeongbokgung’.

And if you click on each pictures,

You can go to the detail page.

A detail page includes slide show of pictures, explanation about this landmark, map and how to go.

5

By clicking arrow or picture in bottom, you can change slideshow’s picture.

※ Warning: Only few landmarks have this detail page –

      • Tradition – Gyeongbokgung, Bukchon Hanok village
      • Between – Jungang highschool, Myeong-dong Cathedral
      • Modern – Ssamziegil
      • Eat & Shop – Gwangjang market, Insadong

If you click landmarks except these, nothing will happened.. So don’t surprise!

When you choose ‘Tips’ menu,

You can see this ‘Tips for you’ page.

In this page, I wrote down some minimum tips which can help travelers in Korea.

Finally, when you click ‘About us’ menu,

This introduction page will be shown.

Tuesday, 1st April 2014

My USB has GONE!

I was so blue today.. I want to go back in time SO BADLY for finding my USB.

The whole process of this project was in that USB.. I cried a lot.

Anyway.. even if the world is end tomorrow.. I have to finish my website.

Gyeongbokgung page

Gyeongbokgung page

I finally fill all of the description in each detail page.

Here are the detail explanations of each landmarks:

    • Gyeongbokgung – The Very Middle of Seoul
      Gyeongbokgung is the first palace built with born of Joseon. The Korean ‘Gung’ means palace.
      It was all burnt out in 1592 and rebuilt in 1865.
      There are two kinds of Landmarks :
      · An architecture appears well in any position​
      · An architecture which has historical meaning
      Here, Gyeongbokgung, fits for second condition. It might be the oldest architecture in downtown.
    • Bukchon Hanok village – Past-vill in the heart of Present
    • Junang Highschool – A Gothic-style Highschool
    • Myeong-dong Cathedral – Headquarter of Korea Catholic
      Myeong-dong Cathedral, which was built in 1898, is an architecture that can represent Korea’s Catholic and Myeongdong at the same time.
      After this building, most of the Korean religious buildings are built in this same style.
      A lots of styles is included in this only building. For example, this cathedral is basically Europe gothic style. And also using red brick and sharp tower is feature of French gothic.
    • Ssamziegil – A nice Street – but also not a Street
      Gil means road in Korea, so you may think this is very awkward, because the place in photos is not a road – an architecture.
      Ssamziegil is a Korean traditional craft and design products shopping mall located in Insadong.
      This is called ‘gil’ because although it’s 4 story building, when you just walk along the path then you can reach to rooftop. It’s truly amazing!
    • Gwangjang Market – Unbelievably amazing Market
      Traditional markets are obviously take big part of Korea’s food. Gwangjang Market is one of the most famous markets in Seoul.
      You can eat Mayak Kimbab here. Mayak means drug in Korea – this bloody name means that you can’t stop eating this Kimbab because it’s too tasty!
      Also, there’s a Korean pancake that you can challenge – Bindaetteok. There’s so many kinds of Bindatteok and every one has different toppings.
    • Insadong – An old Village Preserved very-well
Menu bar

Menu bar

And I add a new category for Cultural Expectation – Tips.

I worried a lot about the category’s name.

Because words like ‘Warning’ or ‘Caution’ are felt so strong and forced.

Then Peter teacher suggest ‘Tips’, and I thought that is perfect.

Tips page

Tips page

And I add some tips that can be used in Korea very usefully.

Icons I used

Icons I used

This icons are made by me using a little sources from internet.

Monday, 31th March 2014

I FINALLY finished the video! Yay!

Here’s my video below:

Warning: Here’s some of my voices included!

I can’t hear it with sane mental.. My English is SO bad. 😥

I made my own background music for this video by using Garage Band (in MAC).

Screenshot of making music with Garage Band

Screenshot of making music with Garage Band

Sheila teacher taught us how to use this tool before.

We can make every kinds of music by this! It’s totally amazing 😉

And, as I said, the voice in the video is mine.. I know it’s terrible but there’s no other way.

After listening and watching this video tons of times, I felt like it’s not that bad.. XD

Anyway.. I’d add few things about WIX website too.

1

Eat & Shop page

Last time, I just made the category ‘Eat & Shop’ but add nothing there,

and now I add an Accordion.

Here are the photos I used here:

Mayak (Drug) Kimbab in Gwangjang Market
Photo by Heo Juyoung

Bindaetteok (Korean pancake) in Gwangjang market
Photo by ’91’ (http://oja796.blog.me/120209808146)

Mayak (Drug) Kimbab in Gwangjang market
Photo by Heo Juyoung

Cane Icecream in Insadong

Junk Foods at Insadong
Photo by ‘Papas homecare’ (http://papas.me/40207533267)

Junk foods at Insadong
Photo by ‘Nunkkot’ (blog.naver.com/nansuea/90192618358)

And as usual, I also add detail pages..

Shop – Insadong Detail page

Eat – Gwangjang Market Detail page

I didn’t fill the text yet.. I’ll do it soon 😉

Things I have to do

    • Fill the texts in the detail pages
    • Add category about Cultural Expectations

Thursday, 27th March 2014

BAD.INTERNET.FOREVER.

I almost kill myself because the circumstances are to frustrated.

Anyway, I didn’t kill myself, and finished today’s job well 😉

1

Title

I changed my site’s name into ‘Seoul-MARK’.

When I first pick my site’s topic, it started with Architecture.

But during designing and making this site, it slowly changed to Landmark.

So I pick the name that can express my site’s subject better.

It means Seoul’s landmark.

I hope this one’s better than before 🙂

2

Footer

And I attach a Footer in my website.

Peter teacher gave me some feedbacks and he said sites always need Footer.

Footer is a component of a site which is always attached in very bottom.

We can write down about a copyright in footer.

So I wrote

” © 2014 by Seoul-MARK, All rights reserved. “

It means this site’s every copyrights are mine.

3

Gyeongbokgung page

And I add some additional information in specific pages.

There’s like Google Maps and ‘How to go’.

Here are some images that I used in How to go.

bus icon

Bus Icon

subway icon

Subway Icon

I made other icons like ‘Walk’ and ‘Link’, but I didn’t use them yet so I’ll post them later.

4

Bukchon Hanok village Page

This is more specific image that shows Map and How to go.

I add Google Map in English but some of the names are still in Korean.

That’s because they didn’t have any information in English.

And I set some colors in Subway and Bus lines.

In Seoul, there’s some colors that represent each lines.

Subway colors

Subway colors

For example, Subway line 1 is represented by Navy, for line 2 it’s green.

Bus color

Bus colors

Most of the foreigners can’t do Korean so it’s easier for them to identify lines by colors.

That’s why I used the colors.

About us page

About us page

Accepting Peter teacher’s advice, again, I add some image in About us page.

He said the alignments of texts are not-clean and only texts are very not-readable.

So I changed some aligns of texts and add a image.

The image:

landmark

shows lots of famous landmarks throughout the world.

Things I have to do

    • Finish the video (PLEASE)
    • Add some content in Eat & Shop category
    • Add more information in specific pages
    • Get ready for final Wix post

References

Website

http://cafe.naver.com/logo12/22427

http://blog.naver.com/hidechen/60157617633

Monday, 24th March 2014

The school network never turned on today’s class.

It was so terrible..

Thanks to my friend Sion for giving me an access to her Egg I was able to edit my website.

back icon

First, I add this ‘Back’ icon in specific pages.

Gyeongbokgung page with Back icon

Gyeongbokgung page with Back icon

When you click the Back button, you can go back to Tradition page.

Now I apply in to Gyeongbokgung page only, but when the internet’s back, I’ll apply it to all.

1

‘Between’ Main page

And I add some more stuffs in Between page.

These photos are using in Between page:

명동성당4

Myeong-dong Cathedral Photo by Kim Daekun

명동성당2

Myeong-dong Cathedral Photo by Kim Daekun

Jeong

Jeongmiso in Daehakro Photo by Kim Daekun

Things I have to do

  • Finish the video
  • Add some media in About Us page
  • Change menu’s order (put About Us menu in back)
  • Keep updating text

Thursday, 20th March 2014

I changed very few things today due to BAD internet.

I hate our school’s network.. 😦

1

Main page

Anyway I add –

play-icon

this play button and ‘Play Video’ text which linked to video page.

2

Video page

Now I attach just basic video from Wix, but when I finish editing my video I’ll replace it.

3

‘Modern’ Main page

I add another Accordion in Modern page.

Here are some photos I used :

쌈지길 resize

Ssamziegil in Insadong

20131005_182104

Yeouido

20130803청계광장

Cheonggye square
Photo by Yeon Jihyang

한강다리

Han river bridge
Photo by Kim Daekun

And I create new menu:

4-1

Before

4

After

‘Eat & Shop’.

Our websites should include five things:

    1. How to travel around Seoul (Transportation)
    2. Where to eat and drink (Eat)
    3. Where to go to see interesting things (Landmarks)
    4. Good places for shopping (Shop)
    5. Cultural expectations

So I made this new menu for number 2 and 4.

Things I have to do

    • Add couple of more items in ‘Between’
    • Edit and Finish the video
    • Complete specific parts

Monday, 17th March 2014

Exhausted. 

Nothing else can express my status better than this word.

I’m so tired but on the other hand, I feel very good for watching my wix site.

Because it’s been organized more and more 😉

1-2

‘Tradition’ Main page

I added an ‘Accordion’ gallery in Tradition page,

because I decide to use it in all Architecture pages.

Here’s are some photos from that Accordion.

경복궁 (경회루)

Gyeongheoru in Gyeongbokgung
Photo by Kim Daekun

흥인지문 resize

Heuninjimun

20140118 경복궁-01

Geunjeongjeon of Gyeongbokgung
Photo by Yeon Jihyang

IMG_05911

Gwanghwamun of Gyeongbokgung
Photo by Kim Daekun

한옥마을

Bukchon Hanok village

20131006대한문

Daehanmun of Deoksugung
Photo by Yeon Jihyang

The photo which I didn’t write copyrighter down is my photos.

And others are from my friend photographer.

They willing to give their photos when I said and ask them to use photos.

I feel very thankful for them. They’re my life-savers 🙂 I mean it! I almost died.

2

When you drag your mouse into Accordion, the photo below expands and shows the full photo.


3

if you click each photo, it will bring you to each page.

This is example of Gyeongbokgung page.

In this specific page, I used Thumbnails to express many photos in one sight.

I didn’t add the explanation yet, but I’ll do that soon.

4

‘Between’ Main page

And I also add some items in Between Main page’s Accordion.

돌계단

Stone stairs in Bukchon Hanok village

중앙고

Jungang Highschool

중앙고2_재보정

Jungang Highschool

This photos are all taken by me.

Actually I’m looking for more architecture that I can categorize to Between.

And I made some sources for video.

land 1 bigben land 2 tower land 3 eiffel land 4 louvre land 5 pisa

These photos of landmarks in Europe’s city are all taken by me.

And I write down some texts using Photoshop.

main 1 main 2 main 3-3

Things I have to do

    • Add more items in ‘Between’
    • Complete ‘Tradition’ specific page information
    • Start making ‘Modern’ part
    • Take and edit a VIDEO

Thursday, 13th March 2014

Today I finally start to organize my Wix site.

Because I change almost everything about my website, it was quite hard work.

1

My Wix site’s current Main page

I named my website as ‘Architect-Seoul’. It also is title of my main page.

And I made four menus:

  1. About us
    Tell people who visit my website about purpose of this project, my aim about this theme – architecture.
  2. Tradition
    I divide Seoul’s architecture into three – first one is Tradition.
  3. Between
    And second one is Between – between Tradition and Modern.
  4. Modern
    Last one is Modern.

If you click this menus, it will bring you to each page.

Under that, there’s a photo which can express Seoul best (at least I thought so).

서울타워 resize copy

Seoul’s night view

This photo is from my photographer friend, Jang Seokjae.

I get permission from him for using this photo in my website.

2

My current ‘About us’ page

Next, I filled out page ‘About us’.

In this page, I’m going to introduce this whole WKC – Mirim BTECT project and my website.

I’ll explain why I participate this project, why I pick this topic ‘Architecture’.

Now it’s incomplete but maybe one or two days more, I think I can fill this all up.

References;

Website

http://endic.naver.com/enenEntry.nhn?sLn=kr&entryId=3cb48bc2b9c4471eb8e0ac78a241e019&query=architecture

http://endic.naver.com/enenEntry.nhn?sLn=kr&entryId=4289525a9b844a408b77d95b044605b6&query=landmark

Monday, 10th March 2014

After 3rd year started, We’ve been keep modifying our Wix sites in Media English class.

Actually I changed most of my plan, so I might update my moodboard and storyboard.

Today I spent almost time for editing my plan and design.

I can’t decide what color should I use in website and detail concept.

But I have to build a frame, so I made a temporary logo and arrange it.

temp logo

My Temporary Logo

I have to finish plans ASAP and manage my Wix site.