Made in Figma Software
FINAL PROJECT
You can reach the code below;
Final Project Proposal
TO CREATE AWARENESS ON MISINFORMATION BY MAKING REFERENCE TO FAKE NEWS. AN INTERACTIVE WEB APPLICATION WHICH GETS DATA FROM A NEWS API, AND BY USING TEXT-BASED GENERATIVE MODEL I CAN CREATE FAKE NEWS.
Lots of things you read online especially in your social media feeds may appear to be true, often is not. Fake news is news, stories or hoaxes created to deliberately misinform or deceive readers.
Traditionally we got our news from trusted sources, journalists and media outlets that are required to follow strict codes of practice. However, the internet has enabled a whole new way to publish, share and consume information and news with very little regulation or editorial standards.
Usually, these stories are created to either influence people’s views, push a political agenda or cause confusion and can often be a profitable business for online publishers.
My hometown Turkey is a country where fact and fiction are increasingly hard to distinguish. It is little wonder that Turkey ranks first in a list of countries where people complain about completely made-up stories. according to this year's Reuters Digital News Report.
So, I want to create awareness on unreal misinformation by making reference to fake news. An interactive web application which gets data from a news API, and by using text-based generate model I can create fake news. That might be a good idea for this project, so that I can also combine this assignment with my Synthetic Media class.
Some examples from generative models…
https://thisxdoesnotexist.com
Models I want to use;
StyleGAN - to create people in images
Text Generator - to create News
First Order Motion Model for Image Animation - create video sequence so that an object in a source image is animated according to the motion of a driving video.
Spade-Landscape
DESIGN
WIREFRAME
APIS
TOOLS AND REQUIREMENTS
HTML-CSS-JAVASCRIPT
VS CODE
GITHUB
EXPRESS
NODE
RUNWAYML
Data Persistence & Databases
This weeks goal was to persist data in web applications using a database. So, I’ve created a app called Moody which gets the data and stores it to the database.
You can reach the code below;
API Love You - Oh CRUD
This week your assignment was to leap into the world of server-side programming with Node.js/Express.js. In this project, I wrote server-side JavaScript to create an API that accepts AJAX request coming from a client-side web application to create, read, update, and delete data that are living on your server and I’ve made a Pizza Website.
You can reach the code below;
Dynamic Front-end Weather Application
This week, I’ve created a dynamic front end web application.
The purpose of this project is to;
Connect with API: weather, timezone and location.
Include an interactive button element which response to click by changing the weather in F to celsius.
Create a responsive screen size.
I pulled weather data from https://darksky.net/ and svg icons which changes depending on weather from https://darkskyapp.github.io/skycons/
This projects includes 4 files, namely index.html, a style sheet and app.js file and skycaps which includes the data that I’m using to get the icon images.
The dark sky.net was free and I didn’t need to pay for an API key. I used fetch() function to pull/get the data from the server. After it fetched, I’ve converted the data to json and I used the data to get weather, timezone etc.
While working I was using local host, and the api wasn’t letting me to acces data from local host so to get around that issue, I’ve found a website called cars-anywhere.herokuapp.com .Basicly, this acts as a proxy and It allow me to make request even from local host. So, I could have get the data this way.
Swiss Poster Design
My goal this week is to practice defining a grid and ensuring I can layout and position any and every element exactly as I want. This assignment is comprised of four parts.
Design
Development
Deployment
Documentation
DESIGN
Design part of this assignment os about focusing and organizing: typography,layout and color before I start coding.
MOODBOARD
SKECTHES
Annotated hand-drawn sketches of my layout and content.
WIREFRAMES
Wireframes that translate your my-drawn sketches into a digital format. I used Adobe XD for my wireframes.
DESIGN
A "final" design that breathes life into my wireframes.
STYLE GUIDE
Basic style guide that is specifies at the very least about my typographic hierarchy, your grid, and color palette as a visual design source during development.
Development
You can reach the code below;