HTML Portrait / Synchronous Web

Assignment

  • Using HTML5’s video or audio tags along with JavaScript, create an interactive self portrait. Link to it on your blog.
  • Find a live or synchronous site or platform online. Try it out. Describe it on your blog. How is it used? What do you find interesting about it? Come to class prepared to discuss.

To familiarize myself with HTML and Javascript, I decided to visit the webite https://www.w3schools.com/html/default.asp and tried to incorporate as many features as possible. The results can be found in this HTML file:

https://github.com/hellonun/liveweb

A chat app feature “typing”/”read”. – Facebook messenger or Line messenger. https://line.me/en/

We discussed in class that asynchronous web has the ability to join the worlds of two ends. This is especially true for me as I now live far from home. Chat apps are the main platforms for my family / my friends and I to communicate. I once typed something and hesitated to send. My friend asked “What were you just typing?” in hope to draw out my spontaneous reaction to the topic being discussed. Asynchronous platforms allow us to experience the reaction of another person in real time which brings down the wall / closes the space between us. Things are less filtered, less crafted, more spontaneous, more authentic (not good or bad, just different).

An additional site: I’m not sure whether this is a synchronous web but I find the interaction here very interesting: https://luminghao.com/

This is a portfolio website of my ITP classmate Luming. Once landed on the page, the site unfolds itself with a text shuffling animation. It lists all the projects and mousing over each one creates an underline which suggests it’s a link. Once the link is clicked, the page plays a sound and loads the project. The sound is different for each project and acts as if it is launching something (similar to when a wrestler launches himself on stage). Each project then appears on the page, some interactive, some links to soundcloud, some to chat bots. The title of the pages keeps alternating between projects making it feel live.

I appreciate the simplicity and directness of the web. While visually it is mainly a bunch of texts, the sound and animation make the site very playful and enjoyable to browse. There’s a element of surprise in every click – as if you’re unfolding something, finding something, putting it back.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s