Greetings! Everyone!
This is Le Cui
This is my personal web page. Le Cui. It’s me and the owner of this web page :D
This web page now used to record my reflection about every week's Digital Practice Workshop. Maybe after the learning, this web page could truly become my personal web page :D
The First Workshop's Reflection
I must say that trying to create my own web pages with HTML and CSS is a very interesting new experience. Previously I have created web pages, but all of them were using a series of templates provided by some "easy use". "beginner use" websites or software and visual editing tools to complete the whole process. These completely didn't related with code, HTML, and CSS. This workshop was completely different, as it was a purely code-based approach to creating and editing a web page. It was fun, but I still have to say that memorising the codes and their meanings, and variations is very painful. Despite having learned about this before, forgetting the codes and how to use them is still one of the most important problems I have to deal with sometimes.
The Second Workshop's Reflection
OK! This is the second workshop and we learned web scraping. Personally, what I learned in this workshop was a little hard for me to deal with, because I had no experience at all before this. It wasn't like the last workshop. Last time I went to another site to learn many things in advance and practice them before the workshop. But this time, the practice happened during the workshop, and I still had some doubts and questions due to my complete lack of experience and time issues. Even though I could get the same result as the teacher, I don't think it could be considered as "I learned it" at all. After the workshop, I will try to solve these problems by myself and try to use what I have learned to help my own web editing. After all, this skill gives me a clearer look at what codes look like on websites that are good-looking and easy to use
The Third Workshop's Reflection.
I must say that trying to create my own web pages with HTML and CSS is a very interesting new experience. Previously I have created web pages, but all of them were using a series of templates provided by some "easy use". "beginner use" websites or software and visual editing tools to complete the whole process. These completely didn't related with code, HTML, and CSS. This workshop was completely different, as it was a purely code-based approach to creating and editing a web page. It was fun, but I still have to say that memorising the codes and their meanings, and variations is very painful. Despite having learned about this before, forgetting the codes and how to use them is still one of the most important problems I have to deal with sometimes.
The Fourth Workshop's Reflection.
In this session, we learned about and practised data-related content. Our group initially chose a third type of data, Researcher-led Data Collection, to differentiate our group from the other groups' content. However, in the following process, this researcher-led data collection was not as easy as we thought. After a long struggle, we chose to study the impact of virtual chat companion characters, which is conversational AI, on the close relationship aspect. This theme is based on ChatGPT's actions and conversations when interacting and responding with users. This theme will be tested whether suitable or not when we conduct the actual data collection.
The Fifth Workshop's Reflection
I have to say that the topic we chose in our last workshop was a bit difficult and inappropriate. In practice, our group chose the same software and went through the different categories of reviews. Even with the criteria prepared in advance, we found that there were still many comments, which were hard to judge the category they belonged to. And there were too many meaningless comments that distracted us, which made our data collection very difficult. Fortunately, this was not an actual study but an exercise, and we only needed a small data set. However, in the end, we found that the samples we collected were still unsuitable for data visualisation, as they needed to be analysed in detail before they could be expressed simply through numbers. Fortunately, we had Holly's pre-supplied data to allow us to practice. In this regard, I am not very skilled in Excel; my data visualisation was done with the help of other teammates. I need to practice more in my own time. After all, Excel is already one of the software that I have the most contact with on a daily study basis.
The Sixth Workshop's Reflection
This workshop was relatively easy to understand and practice. In this workshop, we trained an image recognition AI. We used the functionality provided by the website. Since we were the ones who designed the AI functionality and provided the training samples, and it was only one workshop, this AI was relatively simple. But I still found some problems. Firstly, it is very difficult for the AI to perform accurate recognition, and even a large number of samples do not allow it to perform its pre-conceived function very well. This aspect requires the optimisation of the underlying code, which is beyond our capabilities. Secondly, this AI needs to improve in sensitive aspects, such as ethnicity. It is limited by many factors such as light, background, sample, etc. It ends up performing poorly. Such an AI must not be used in real life because it will affect people's regular use and bring some quite sensitive issues, such as ethnographic misrecognition or non-recognition of certain races. These were examples of what happened during the workshop. Based on this, AI still needs more optimisation and training to avoid these problems.
The Seventh Workshop's Reflection
This workshop mainly talked about online personal data, algorithms, and identity. Actually, I was very surprised when I saw the things in the Input part and Output part. A lot of personal information was collected to achieve certain pre-decided targets, such as personalised advertisements. And the user portrait of myself was also completely different from what I thought. I thought this user portrait was not very accurate, and it should only related to some personal preference. However, Google's user portrait is accurate in some aspects, such as it shows my educational background and my family background. I have to say that it was kind of scary when I saw them, and this also helped me have a better understanding of the impact of digital media and algorithms on people.
The Eighth Workshop's Reflection
We started this workshop by reflecting on the Sumpter's research methodology. Based on my personal data collection and experience, the most important improvement is to have a clearer criterion for categorising the content of posts. For example, if a person's post contains photos from two different categories, such as animals and outdoors, how do we categorise the content? The focus of this session is to understand, learn, and reflect on the Ethnographies of Online Communities. Based on my own personal experience, I have found that one of the most important criteria for online communities is that people in the community come together for some reason or topic. The second one is that there is a space for communication, such as a chat program. Last but not least is the communication between members. This reminded me of what I learned about the public in the Understanding the Audiences class. The two are surprisingly similar in this regard, and there is room for further discussion. However, without exception, it is inevitable that privacy-related issues will arise in the study of both.
The Ninth Workshop's Reflection
Finally! This is the last workshop, and we're going to try and learn how to make our own interactive narrative games. I started off by experiencing Nanopesos as a preview of Interactive narrative games. I realized that text, or Narratives, play a very important role in these games. Therefore, it is very important to express Narratives in words. In Nanopesos, I found that the black background with yellow text and red options was actually not very distinguishable. It took me a bit of concentration to find the options each time. The second thing is that the more options you have, the more enjoyable you play. There are a lot of places in Nanopesos where there is only one option, which caused me to get a little bored during this section of the game. The story of Nanopesos also has a bit of a problem; it's a little bit too depressing, which doesn't really hold interest compared to the fantasy content of the rest of the game. As for the Interactive Narratives Game I'm working on by myself, all I can say is that I'm still working on it, and I still need to recall the HTML code to do so.
ABC
1234567890
Magna amet tempus
Mauris a cursus velit. Nunc lacinia sollicitudin egestas bibendum, magna dui bibendum ex, sagittis commodo enim risus sed magna nulla. Vestibulum ut consequat velit. Curabitur vitae libero lorem. Quisque iaculis porttitor blandit. Nullam quis sagittis maximus. Sed vel nibh libero. Mauris et lorem pharetra massa lorem turpis congue pulvinar.
Elit integer
Sed vel nibh libero. Mauris et lorem pharetra massa lorem turpis congue pulvinar. Vivamus sed feugiat finibus. Duis amet bibendum amet sed. Duis mauris ex, dapibus sed ligula tempus volutpat magna etiam.
Contact
Sed vel nibh libero. Mauris et lorem pharetra massa lorem turpis congue pulvinar. Vivamus sed feugiat finibus. Duis amet bibendum amet sed. Duis mauris ex, dapibus sed ligula tempus volutpat magna etiam.
Elements
Sed vel nibh libero. Mauris et lorem pharetra massa lorem turpis congue pulvinar. Vivamus sed feugiat finibus. Duis amet bibendum amet sed. Duis mauris ex, dapibus sed ligula tempus volutpat magna etiam.
Text
This is bold and this is strong. This is italic and this is emphasized.
This is superscript text and this is subscript text.
This is underlined and this is code: for (;;) { ... }. Finally, this is a link.
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Blockquote
Lorem ipsum dolor sit amet. Felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in vestibulum. Blandit adipiscing eu iaculis volutpat ac adipiscing volutpat ac adipiscing faucibus.
Preformatted
i = 0;
while (!deck.isInOrder()) {
print 'Iteration ' + (i++);
deck.shuffle();
}
print 'It took ' + i + ' iterations to sort the deck.';Lists
Unordered
- Lorem ipsum dolor sit.
- Dolor pulvinar etiam.
- Etiam vel felis viverra.
Alternate
- Lorem ipsum dolor sit.
- Dolor pulvinar etiam.
- Etiam vel felis viverra.
- Felis enim feugiat.
Ordered
- Lorem ipsum dolor sit.
- Dolor pulvinar etiam.
- Etiam vel felis viverra.
- Felis enim feugiat.
- Etiam vel felis lorem.
Actions
Table
Default
| Name | Description | Price |
|---|---|---|
| Item One | Ante turpis integer aliquet porttitor. | 29.99 |
| Item Two | Vis ac commodo adipiscing arcu aliquet. | 19.99 |
| Item Three | Morbi faucibus arcu accumsan lorem. | 29.99 |
| Item Four | Vitae integer tempus condimentum. | 19.99 |
| 100.00 | ||
Alternate
| Name | Description | Price |
|---|---|---|
| Item One | Ante turpis integer aliquet porttitor. | 29.99 |
| Item Two | Vis ac commodo adipiscing arcu aliquet. | 19.99 |
| Item Three | Morbi faucibus arcu accumsan lorem. | 29.99 |
| Item Four | Vitae integer tempus condimentum. | 19.99 |
| Item Five | Ante turpis integer aliquet porttitor. | 29.99 |
| 100.00 | ||