Web Fundamentals

05.03.18

I completed the task of editing the invitation, then began to edit websites using Mozilla’s X-ray Goggles. I can make some sense of all the HTML, CSS and Javascript code but I don’t understand how to get all of the code to interact with one another to create a website. I began to edit the HTML on Wikipedia as the website seemed quite basic. I had some trouble with linking some images and it took me a while to find the code I wanted to change.


06.03.18

To expand my knowledge of HTML, I thought I’d start a Lynda course. As I began to understand the HTML syntax better, the structure of websites became more clear, allowing me to edit them better.


07.03.18

The day was spent on completing the Lynda HTML course. The language is surprisingly simple.


12.03.18

I finished the HTML Essentials Course, then began working on the CSS Essentials Course. I had no problems with the HTML course but I struggled to understand some parts of CSS initially.

Research3.jpgResearch1.jpg


13.03.18

I completed the CSS Essentials course then began to work on Javascript. I have some previous experience of using Javascript (or languages similar to it) in Processing and Game Maker: Studio. Despite this, I still find the language very confusing.

I also began to think of sites that I could create. I feel as though I am still very limited and so should try and keep it simple. I originally thought of writing this learning journal but thought it may be deeply uninteresting and difficult to implement interactivity.

I decided it would be interesting to create a website that brought awareness to some world issue like climate change, a live animal population count, etc. but thought I’d rather create a website that allowed me to dwell in my own cynicism. Hence, “The Social Media Fact Checker”.

The statement below explains my reasoning:

I rarely use Facebook nowadays. Too often do I find ridiculous (usually political) posts that are obviously blatant lies.

 

The other day I came across this post:

 

“Australia says NO — This will be the second Time Julia Gillard has done this!

She sure isn’t backing down on her hard line stance and one has to appreciate her belief in the rights of her native countrymen.

A breath of fresh air to see someone lead.? Australian Prime Minister does it again!!

The whole world needs a leader like this!

Prime Minister Julia Gillard – Australia

Muslims who want to live under Islamic Sharia law were told on Wednesday to get out of Australia, as the government targeted radicals in a bid to head off potential terror attacks.

Separately, Gillard angered some Australian Muslims on Wednesday by saying she supported spy agencies monitoring the nation’s mosques.

Quote: ‘IMMIGRANTS, NOT AUSTRALIANS, MUST ADAPT… Take It Or Leave It. I am tired of this nation worrying about whether we are offending some individual or their culture. Since the terrorist attacks on Bali , we have experienced a surge in patriotism by the majority of Australians.’

‘This culture has been developed over two centuries of struggles, trials and victories by millions of men and women who have sought freedom.’

‘We speak mainly ENGLISH, not Spanish, Lebanese,

Arabic, Chinese, Japanese, Russian, or any other language. Therefore, if you wish to become part of our society, learn the language!’

‘Most Australians believe in God. This is not some Christian, right wing, political push, but a fact, because Christian men and women, on Christian principles, founded this nation, and this is clearly documented. It is certainly appropriate to display it on the walls of our schools. If God offends you, then I suggest you consider another part of the world as your new home, because God is part of our culture.’

‘We will accept your beliefs, and will not question why. All we ask is that you accept ours, and live in harmony and peaceful enjoyment with us.’

‘This is OUR COUNTRY, OUR LAND, and OUR LIFESTYLE, and we will allow you every opportunity to enjoy all this. But once you are done complaining, whining, and griping about Our Flag, Our Pledge, Our Christian beliefs, or Our Way of Life, I highly encourage you take advantage of one other great Australian freedom, ‘THE RIGHT TO LEAVE’.’

‘If you aren’t happy here then LEAVE. We didn’t force you to come here. You asked to be here. So accept the country YOU accepted.’”

 

I was stunned by this post and gave it a quick Google to learn more. Within about 10 seconds, I discovered that none of this came out of Australian president’s mouth. This post also had half a million shares!

 

Here’s the Snopes article explaining the origin.

 

I then decided that I would create a website that fact checks the posts that you find on social media.

My plan is to create a simple website, with a search bar and button that will just search the users’ social media post into Google.

Hopefully, this will help reduce the damage that fake posts will inflict by showing the public how simple it is to fact check before sharing.”


14.03.18

I began development of the page, whilst struggling through the Javascript course. I decided that it would be best to keep the website simple. I took inspiration from “How Secure is My Password?”. The website uses a very simple design, illustrating its purpose clearly.

I wrote the HTML code for the site and ran into zero issues.HTML.PNG

I even managed to implement CSS.

CSS1.PNG

CSS2.PNG

Research2.jpg


15.03.18

I completed the CSS development of the page.

FinalChrome.PNG

I was worried as to how I could get the Javascript to work on the page, as I had completed half of the Lynda course and still had a little understanding of how it worked on websites.

Whilst searching the W3 website I discovered how to interact with HTML through Javascript. I made the button run a function in Javascript when pressed. This function displayed test text underneath the button.

I was still trying to figure out ways to get the search bar to take the user to a Google search until I realised it was funnier if I just had ‘It’s probably not true.’ appear under the button, ignoring the users’ search.

The website is compatible with several, if not all browsers. I couldn’t find a way to run the page on my mobile phone so I used an emulator within Google’s developer tools.

MobileEmulatorTestGalaxyS5Chrome.PNG

Below is a video of the website in action…


Next Steps

The site is intentionally comical, however, the topic it addresses is a real issue. Especially nowadays when “Fake News” (not in the Trumpian sense[or lack of] of the word) is rife on social media through far-right and left accounts and even Russian bots.

I feel like if I were to continue development, I’d perhaps make changes to bring attention to the real issue.

I forget what the website was called, but it showed the number of Russian bots, and what hashtags they were tweeting about at that current moment. It would be interesting to have a live feed of viral news articles that were untrue on my site.

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