Tutorial 3 - php to processing

Today discussion, is to connect from Php to Processing.

Notes of discusssion
- How to string Json data to processing
- LoadJsonArray

Agreed action
Check on processing load string tutorial to get Json

Php tutprials Twitter API

Good day :D 

I found an youtube tutorial on how to use Php to get Twitter Api by Selim Hallaç, search tweets or hashtag. Pretty excited on the treasure i found on Youtube. I tried and it works. 

My working file :

Able to grab screenName from people who mentioned me :D  But before start to run it, I have to connect to my local server with Xampp and make sure all the servers are running. 

Xampp

Dreamweaver 

Next step, how to connect it with processing

Tutorial 2 - In depth to processing

Throughout the week, I managed to found source online on using processing to get twitterAPI .

The library called Twitter4j. One of the famous library in the internet when search 'processing' 'twitter'. So I give a try follow step by step from the tutorial but there are some problems/ errors cause of some version update. 

After discuss with my tutor , Yee Siang,

Notes of discussion:
1. Problem with twitter4j documentation

2. Old version of processing or twitter4j

3. debug coding processing

Agreed action:

1. Try other library/ download to latest version 

2. Try to use php to call twitter API

3. Get username 

Due to the unknown error of the coding in processing, not sure cause of the twitter4j version mismatch my processing version or any other reason, i plan to give up on using processing to fetch twitter api but change to Php to fetch the data.

Here the useful link that i found to help the progress goes on :D

https://twitteroauth.com/

As it wrote 'the most popular PHP library for use with the twitter API . Im glad to found one and it can be installed the library and here's a fully documentation done by Abraham on Github. ( https://github.com/abraham/twitteroauth )

Will share the code after I done it right :D Feeling hopeful again. 

Tutorial 1 - update

My project is more related to pulling API programming , I am assign to Yee Siang and Kelvin as my specialist consultation for this final year project. First meeting with my tutor YeeSiang and Kelvin after the break. Updated them with my latest change on ideation of my final year project.


Area of discussion:
- Project Ideation change and Using Processing software for the project


Notes of discussion :

1.  From previous idea 'Artdea' to interactive art project

Initially plan to use Instagram hashtag to create a campaign that require user to share their contents and it changes to # as a key of participation in a data visualisation art project. People contributes their # to create a piece of artwork.


2. Change my project from using # Instagram to Twitter

The reason of changing Instagram to Twitter is because in this case, Twitter is more likely suitable to the project by posting status but not with image. Instagram is toward more to photo social media. And I've observed that Twitter users are likely update their timeline frequently than Instagram user.

3. Twitter API

First step is to study the Twitter API in order to code and stream data from Twitter .
( https://dev.twitter.com/overview/documentation )

" The REST APIs provides programmatic access to read and write Twitter data. Author a new Tweet, read author profile and follower data, and more. The REST API identifies Twitter applications and users using OAuth; responses are available in JSON. " - TwitterDeveloper

4. Twitter Access Token

Before start to stream , we have to register the application and go to manage application to obtain the key and access token.

Get the consumer key and consumer secret for the code later.


5. how to use processing to fetch twitter API and draw something on screen


Look for processing documentation that people share online. Here's is a blog that i found pretty clear with the tutorial it shared using Twitter4j library .

http://saglamdeniz.com/blog/?p=124

Here the official twitter4j library webpage and to free download the source.

http://twitter4j.org/en/


Agreed action:

1. Look for twitter API documentation online and to fetch data with processing

2. Try basic processing and see what I can do or learn so far.


So far so good.

Social Media Interactive case study

Recently, me and my friends took part in ' love generator challenge' that related to use digital media in the campaign. It focuses on smartphone, interactive billboard and social media. Throughout the competition period, I have watch a lot of different interactive media approach case study. I have gain more knowledges and possibility that project using social media.
These are the 2 of the case studies that is closer to my direction.

Case study : Nandos #KacauMakan

Digital interactive billboard by Nandos, Malaysia. Audiences can participate and interact with the screen by hashtag #KacauMakan in social media. It looks interesting because user can interact and communicate with the people shown in the screen. Especially , it is real people in a video form but not animation or trigger visual.  In addition, it triggers different result but not a fix result. It attracts a lot of participations and create crowd. From the video, it shows that many to one interaction and , but it likely more to one to one interaction. 

Strength : 

1. Simple interaction by just hashtag on social media 

2. Create crowd in the center and brand exposure in social media.

Weakness (i guess):

1.  The response by user or the screen might get delay depends on the wifi connection. 

2.  The response by many user at a time might get delay or jam in the system.

Case study : Nandos #KacauMakan

This is Levi interactive standalone billboard that installed at station. Users have to hashtag #makeoutmark  via twitter or instagram. I love their campaign objective and the copywriting question " what moves you? "   The objective of this campaign is to encourage people to be yourself, what moves you in another word , "what makes you , you" .  People shares their experience and be confident and expressive of who them are. It creates positivism. 

Strength :

It encourage people to be more expressive and confident of being themself.

Weak :

Somebody might share negative content.

Pitching

Today have our pitching idea to our lecturers. And here a short story for my introduction pitching.

As a design student, we always have to think of new idea for every each new assignment.

But how do we find inspiration ? Where do our inspiration comes from?

Is always start from moodboard or stuff that we see and we like online/offline

But the problem is we are open to A LOT information and easily get lost in finding inspiration.

So here comes ARTDea.

Feedbacks and comments from all the panels.

- It sounds more complicated to find inspiration compare to pinterest, user search what they want and user might get lost when using this.

- Two platforms, Installation and website , are too heavy to handle . Is better to scope down the project outcome. 

- What is the reason of the space design for the installation. Need a reason or rationale in the way it presented. 

- Do consider user experience and make it more user friendly of the function and the objective.

My Reflective and agreed actions ,

-  Re-plan everything again and identify the strength and weakness from this project and improve it .

-  Consider to choose only one platform to execute. 

Artdea Prospectus Plan

What is Artdea ?

Artdea is an art inspirational digital platform.Artdea provides real time updates from the users who contribute their contents through the tag, #Artdea in Instagram. This allows them to exhibit their images, captions and profile together to form a creativity mind map or board. Artdea focuses on art inspiration like typography, illustration, photography, quote and others. This will be able to encourage users to be inspired and in return, inspire others. Artdea is presented in two different media, a web-sharing image platform that allow users to reorder the images on the board for next inspiration and installation which exhibiting the gallery live to public.

During the degree show, Artdea will be intended to be projected live into a digital gallery to exhibit live update content. The installation will acquire everyone with a smartphone involved in the action at the event. The tag will activate the installation and the results will be displayed on the screen. The installation would give users a new way of stimulate creativity by looking at the images that arbitrarily form together from different users around the world. The genres of Artdea are more to art, visual communication, design and explorative.

For the overall duration of the installation is 5 to 10 minutes where users take part in tagging and see the result changing on the screen. Each content will has at least 10 seconds of screen display until the latest update will replace the oldest content. 

Background story of Artdea

In design, idea is the core to come out with a good concept. In these 3

years of experiences as a design student, she realized that the key of

being creative is depends on how we juxtapose the inspirations we

consumed. She used to spend her hours scrolling down and saving

pictures from websites like Tumblr, Weheartit, and Pinterest for ideas

especially by reading the quotes and looking into the visual. From that,

she will form the images into a board and look for a connection to generate an idea.

Besides, she has an interest on reading people thoughts. She is a huge fan of Postsecret book. Postsecret is a community where people share and publish their secrets to the world anonymously. Same with the campaign “Before I Die” board where people write and confess their feelings. This is interesting where it shows that every individual think differently and user contents are such an influential tool to produce a new idea.

In conclusion, she intended to combine these two ideas to create a digital design idea board with user-generated contents. 

Concept & Inspiration

The concept of Artdea is to combine pictures from different users to compose a new set of creativity visuals into a board. They could be connected and also abstract. The result may different depend on what user interpret. Artdea is made to make user think creatively and connect the unconnected. Artdea is also a media to share inspiration. Instagram provides the primary source of the content made. Artdea is inspired by picture cards with motives formed to stimulate relations, inspire creativity, and enable semantic interpretation of feelings, perceptions and ideas.

"The Whack Pack offers cognitive exercis- es that challenge assumptions, shift perspectives and help you put things together in new ways. Cards that are imagery based bypass that inner critic, tap into the field of intuition and open new vistas."

 - Nelson Garrison, a certified professional co-active coach and president of Coaching Toys Inc 

"Any image is a great way to spark ideas because it helps makes connections

between random thoughts to create a unique third idea. And because everyone seems an image differently – either figuratively or literally – they are great for people to personalize to their own thoughts and emotions. "  – Andy Eklund, a communications trainer, owner of the Australian consultancy AQUS and author of the blog Creative Streak.

Mission & Aim

The aims of Artdea are to provide a platform for Instagram users to share their images and thoughts on being creative and also introducing a different approach of pursuing inspiration. Through the installation, it also gives an opportunity for users to publish their Instagram photos into a larger screen of exhibition. In addition, it helps to collect and identify the user contents. As for marketing strategies, it can promote the use of hashtag to provide user contents. It helps to drive conversations and understand the consumer’s behavior and their perspective. 

Rationale

Artdea is relates to interactive media design as it focuses on two different forms of media, website and also installation. Website production integrates several sorts of content such as layout design, user interface, interactivity, audio, graphic and also user experience. Artdea is emphasizing on the user-generated content that relates to content management system (cms). It can enhance the user experience by inviting users to modify the content. The content sharing possibilities is wide. As for the installation, it incorporates different scope of the production such as content, technical, logistic and space design. In conclusion, it demonstrates the designer is capability to work in different medium and differentiate the context. 

Why Instagram?

Instagram is a photo-sharing social media app. Instagram is engaging to amateur photographers who share cool pictures. The Instagram application is designed to make average photos look better. It engages users through commenting, hashtags and likes. It allows users to quickly upload and deliver photos taken on the spot. Instagram launched in October 2010 and in two months later, its community was already reach 1 Million strong.

Based on the graph, users of Instagram have increase dramatically, which exceed Pinterest and Tumblr in just 3 years time. Twitter still holds a peripheral lead with 210 million monthly active users, but Instagram is expected to take the lead in the near future. According to Incitrio website stated, Instagram had more than 200 million active users, which are twice as many users as they had when Facebook acquired the company in 2012 in March 2014 (Incitrio.com, 2014) .
Below statistics source are from Maximize Social Business (TOTEMS Instagram Marketing Suite for Brands, 2014)

Instagram Current Statistics:

• 16 billion photos have been uploaded • 55 million photos are uploaded daily • 1.2 billion likes are given every day
• 8500 likes per second
• 1000 comments per second
• Instagram Engagement is 15 times higher than Facebook engagement • 200 Million - Monthly Active Users
• 20 Billion - Photos shared in total
• 1.6 Billion - Likes
• 60 Million - Photos shared every day
• 57% of Instagram users access the site every day
• 35% of Instagram users access the site multiple times a day
• The average Instagram user spends 257 minutes a month on the site • Instagram users are split almost equally between Android and iOS
devices with 50% each
• 43% of accounts post more than once a day

As a conclusion, the statistics show that almost half of the smartphone users have Instagram application in their phone. Instagram platform is suitable for this project because on Instagram now, there are 20 billion shared photos and with 60 million posts a day.

Audience

Instagram users of the age of group 18 – 25 years are one of the main targeted audience. Their occupation could be students or working adults. Their common lifestyles are travel, and love taking photos. 

In the example screenshots in table 1, these users have big interest in art and they like to showcase their photos in Instagram like a gallery. These are the potential users for the content sharing in the project and participate in the event. In addition, Internet users of the age group 18 – 25 who like to visit photo-sharing web to seek for inspiration.

Hypothesis

How would this benefit the user? The project demonstrates an interaction between sharer and viewer. The sharer can be part of the project and help to promote their art. The viewer could get inspiration

from them. 


Moodboard and sketches



Floor Plan

Designer’s Note

Artdea represent the designer aspiration to enter social media and interactive design advertising industry. Individually, the learning on Artdea portrays the way of the designer pursues inspirations and stimulate creativity. The designer is proficient to learn about collecting data shared from users with social media. It illustrates the designer‘s interest on this social network world.
As the designer has experience in making informative website using Dreamweaver and created installation in a group project as the role of content leader. The designer wised to experiment the data pulling content management system (cms) website and exhibit the project into an art installation. The experiments for the website are adapting new skills such as different language Instagram API, php, and jquery to retrieve data from Instagram. As for the installation, the designer has to handle every scope of the work such as design, logistic, technical and content. The most challenging for Ardea project is that building a user generated content project would be on how to motivate users to participate the event in the right way. In a conclusion, Artdea is an explorative art project that the results is unpredictable and that is what
make connect the unconnected. 

Biliography

Creative Liberty, (2010). Stacking the Deck: Using Cards and Toys to Enhance Creativity. [online] Available at: http://creativeliberty.wordpress.com/2010/09/26/stack- ing-the-deck-using-cards-and-toys-to-enhance-creativity/ [Accessed 21 Aug. 2014].

Annotation :
This blog discusses about exploring the creative process and one of the way by using cards and toys to stimulate creativity. There are few panels from different design background that give opinions about this idea. The conversations are interesting and this do support on this research topic.

Create Digital Motion, (2010). Removing the Walls Between Mac Visual Apps: Syphon Beta, Projects, VDMX, Mad Mapping. [online] Available at: http://createdigitalmo- tion.com/2010/11/removing-the-walls-be- tween-mac-visual-apps-syphon-beta-projects-mad-mapping/ [Accessed 22 Aug. 2014].

Annotation :
This article introduces the software such as Syphon Beta, Projects VDMX and Mad Mapping for project mapping. The article is helpful where it shares the demo video and documentation on the project it making. This can be study as a reference for the installation support.

Event Horizon Audiovisual Services and Consulting on Maui, Hawaii, (2014). Packages - Event Horizon Audiovisual Services and Consulting on Maui, Hawaii. [online] Available at: http://eventhorizonservices.com/packages/ [Accessed 22 Aug. 2014].

Annotation :
There is a project called Interactive Instagram Sculpture in the website and it is similar to what this project installation will obtained. It also uses Instagram tag in the action to the event to

Herman, J. (2014). All the Instagram Stats You Need to Know. [online] Maximize Social Busi- ness. Available at: http://maximizesocialbusiness.com/instagram-stats-need-know-12772/ [Accessed 21 Aug. 2014].

Annotation :
This article provides useful of Instagram statistic that describe the

21

Incitrio.com, (2014). The Potential in Instagram for Businesses | Incitrio. [online] Available at: http://incitrio.com/the-potential-in-instagram-for-businesses/
[Accessed 21 Aug. 2014].

Annotation :
This website article delivers the potential grow of Instagram in business. The reading helps to enhance the information of Instagram growth in 2014 and exceed the users from Facebook.

Ideo.com, (2014). Method Cards | IDEO. [online] Available at: http://www.ideo.com/work/meth- od-cards/ [Accessed 22 Aug. 2014].

Annotation :
The website article give an idea on using photo cards as a process to generate ideas

Instagram.com, (2014). Instagram Developer Documentation. [online] Available at: http://instagram.com/developer/ [Accessed 22 Aug. 2014].
Annotation :
This Instagram developer documentation provides Instagram API and permit to register application to get token id for user’s data.

Instafeedjs.com, (2014). Instafeed.js - a simple Instagram javascript plugin. [online] Avail- able at: http://instafeedjs.com/ [Accessed 22 Aug. 2014].

Annotation :
Discover one of a way to use jquery plugin to get data from Instgram instead of Php. This website shows demo code and tutorial for the documentation.

TOTEMS. [online] Available at: http://totems.co/instagram-statistics/ [Accessed 21 Aug. 2014].

Annotation :
This website provides useful infographic of Instagram
growth and statistic that support in my research topic.

Viralart.vandalog.com, (2014). Continued growth on new digital platforms | Viral Art. [online] Available at: http://viralart.vandalog.com/read/chapter/contin- ued-growth-on-new-digital-platforms/ [Accessed 21 Aug. 2014].

Annotation :
This reading shows the pro and con of using Instagram as one of the new digital platform to share content with other social medias.

References

Jones, M. (2014). Instagramers Gallery Opens in Wynwood, Offers $100K for 'World's Best Instagram'. [online] Cultist. Available at: http://blogs.miaminew- times.com/cultist/2013/12/instagramers_gallery_brings_di.php [Accessed 22 Aug. 2014].

The Age of Globalization, (n.d.). Multimedia Installation/ Interactive. [online] Available at: http://www.scaruffi.com/art/history/mod403.pdf [Accessed 21 Aug. 2014].

The LED Review, (2014). LED Art. [online] Available at: http://www.pinter- est.com/pin/358599189051368571/ [Accessed 22 Aug. 2014].

We Heart It, (2014). MELK. [online] We Heart It. Available at: http://weheart- it.com/entry/51730126 [Accessed 22 Aug. 2014].

We Heart It, (2014). moodboard - Google zoeken. [online] Available at: http://we- heartit.com/entry/76857732/search?context_type=- search&context_user=tientje&page=7&query=moodboard [Accessed 22 Aug. 2014].

We Heart It, (2014). Quote. [online] Available at: http://weheartit.com/en- try/58452672/search?context_type=- search&context_user=ivasubotic&page=11&query=inspire+board [Accessed 22 Aug. 2014].

We Heart It, (2014). D&G. [online] Available at: http://weheartit.com/en- try/98993864/search?context_type=-search&context_user=fiencoco&page=4&query=moodboard [Accessed 22 Aug. 2014].


We Heart It, (2014). Moodboard . [online] Available at: http://weheartit.com/en- try/130595665/search?context_type=search&context_user=annevana&query=moodboard [Accessed 22 Aug. 2014].

We Heart It, (2014). A moodboard I created for 'Toast Empire'. [online] Available at: http://weheartit.com/entry/130506632/search?context_type=- search&query=moodboard [Accessed 22 Aug. 2014].