WLAN/ Remote Access

Getting WiFi network details

 

To scan for WiFi networks, use the command sudo iwlist wlan0 scan. This will list all available WiFi networks, along with other useful information. Look out for:

 

  1. ESSID:”student”. This is the name of the WiFi network.

 

  1. IE: IEEE 802.11i/WPA2 Version 1. This is the authentication used; in this case it’s WPA2, the newer and more secure wireless standard which replaces WPA. This guide should work for WPA or WPA2, but may not work for WPA2 enterprise; for WEP hex keys, see the last example http://www.freebsd.org/cgi/man.cgi?query=wpa_supplicant.conf&sektion=5&apropos=0&manpath=NetBSD+6.1.5 . You’ll also need the password for the WiFi network. For most home routers this is located on a sticker on the back of the router. The ESSID (ssid) for the network in this case is student and the password (psk) is studentPassword.

 

Adding the network details to the Raspberry Pi

 

Open the wpa-supplicant configuration file in nano:

sudo nano /etc/wpa_supplicant/wpa_supplicant.conf

Go to the bottom of the file and add the following:

network={

ssid=”The_ESSID_from_earlier”

psk=”Your_wifi_password”

}

 

In the case of the example network, we would enter:

network={

ssid=”testing”

psk=”testingPassword”

}

 

Now save the file by pressing Ctrl+X then Y, then finally press Enter.

 

At this point, wpa-supplicant will normally notice a change has occurred within a few seconds, and it will try and connect to the network. If it does not, either manually restart the interface with sudo ifdown wlan0 and sudo ifup wlan0, or reboot your Raspberry Pi with sudo reboot.

 

You can verify if it has successfully connected using ifconfig wlan0. If the inet addr field has an address beside it, the Pi has connected to the network. If not, check your password and ESSID are correct.

-Plug in the wireless USB hardware, power code and SD card and connect RPI with the iPad

Remote Access

What is VNC?

Virtual Network Computing (VNC) is a graphical desktop sharing system that uses the Remote Frame Buffer protocol (RFB) to remotely control another computer. It transmits the keyboard and mouse events from one computer to another, relaying the graphical screen updates back in the other direction, over a network.

What are the benefits of having a remote access?

You don’t have to connect to the screen of your computer anymore

  • No need to switch between keyboard and mouse
  • You can use the Internet on the computer contemporary

(BUT the  network performance will be slow, and because the IP adress changes every time you still have to connect the keyboard and mouse to figure it out.)

How do you connect?

To connect RPI with the iPad to control the command line…

  1. Install the app “VSSH lite”
  2. Connect the iPad with Student Wi-Fi (the same Wi-Fi RPI is connected to)
  3. Tap “Quick Connect”
  4. Type in the IP address of your RPI in the Host line (figure out the IP address by typing ifconfig on the terminal of your RPI)
  5. Tap Connect
  6. Type in the username “pi” and the password “raspberry” (it will not show when you type the password due to the security system)

To connect graphically …

  1. Install the app “VNC viewer”
  2. Install them on to your RPIOn your Pi (using a monitor or via SSH), install the TightVNC package:

sudo apt-get install tightvncserver

Next, run TightVNC Server which will prompt you to enter a password and an optional view-only password:

tightvncserver

Start a VNC server from the terminal: This example starts a session on VNC display one (:1) with full HD resolution:

vncserver :1 -geometry 1920×1080 -depth 24

(If you want to connect to the second iPad type in 2 instead of 1)

  1. Make sure your iPad is on the same Wi-Fi as your RPI is (Student Wi-Fi)
  2. Type in your IP address to the app
  3. Type in the password you set before
  4. Connect

Web based editing tools

pixlr.com

Original picture

monk_parakeet_26feb11_1024l_4176

Edited picture

monk_parakeet pixlr

Changed the hue→Changed the colour balance (Red Offset and Green Offset)→Put a filter called Noise

Untitled

What I appreaciated in pixlr.com is the history bar on the left bottom that I marked with a red square. It shows you every step you did and if you click the sentence the picture will go back to that stage. This is useful if you make a mistake. You can also check the difference you  just made with the operation. As this website was similar to Photoshop is was easy to use.

fotor.com

Original picture

002-adriana-lima-with-no-make-up_large-view

Editied picture

002-adriana-lima-with-no-make-up_-view

Blemish fix→Eye shadow→Eyebrow pencil

aa

This website had many editing tool for your face. You can put make up on so easily. It was unfortunate that I couldn’t use some tools because I am not a premium member, but overall it is a very useful editing website.

befunky.com

Original picture

cockatiel14

Edited picture

cockatiel14fffffff

Cutout in a circle→Funky Focus→Apply a cartonizer

befunky

There were some unique features in this website. As the name indicates, filters that make the picture were abundant.

picmonkey.com

Original picture

African Grey Parrot 4

Edited picture

African Grey Parrot 4

HDR effect→Insert a text African Grey→Round the corner

aaaaaaa

This website allows you to round the corner of the picture which it somewhat a rare tool. Filters were unique and there were many kinds of texture you can apply.

 

I found out that online editing tools are very useful. As there are a lot of websited like this you can find a tool you want for sure.

 

Hour of Code Recap

UntitledLast week we spent our computer graphics class to do Hour of Code. Here’s what I did.

hoc_badgekarel badge

I finished the Karel Hour of Code exercise. Through this course I learned how to command a character, Karel. I typed in and ordered the code, and also made a new function (I made a function for Karel to turn right since he could only turn left). I can use this experience in the future to create an app by myself or code anything. I also learned that typing in the exact code is very important. For example, if you forget to type it with a capital letter the computer will not understand the code.

 

e3b9edf9e3cfc80dcc9c6cbfc3c1a8casql badgeThis is a badge of SQL course. I learned how to select and display a particular data from a table.  I thought this application is more practical than JavaScript. This could be very useful for the future since you can use this skill to organise a group more easily.

 

 

 

Hour of Code

We are doing Hour of Code in Computer Graphics class as December 7-13 is the international Computer Science Education Week!

Through this project, I would like to learn computer programming like making games. It is great to be able to command your own character and make the rules by yourself. JavaScript is the programming language that is likely to be used to design a game. In Hour of Code there are five courses you can use to learn JavaScript.

Hour of Code Website: http://hourofcode.com

I finished these courses⇒ Build a Game with JavaScript (Code Avengers), Learn to Code with Karel the Dog (Code HS), Codecademy

Mosaic

mosaic flower copyI made a mosaic in computer graphics class using photoshop. I pasted same pictures with different filters. You can see the difference of each effects.

I will describe the filters I applied descending from the top right corner, to the left row.

Photocopy (Sketch)-Glowing Edges (Stylize)-Texturizer (Texture)-Sponge (Artistic)-Sumi-e (Brush Strokes)-Ocean Ripple (Distort)-Ink Outlines (Brush Strokes)-Rough Pastels (Artistic)-Stained Glass (Texture)-Plaster (Sketch)-Water Paper (Sketch)-Patch Work (Texture)-Plastic Wrap (Artistic)-Spatter (Brush Strokes)-Glass (Distort)-Diffuse Glow (Distort)-Dark Strokes(Brush Strokes)-Fresco (Artistic)-Mosaic Tiles (Texture)-Glowing Edges (Stylize)-Grain (Texture)-Dry Brush (Artistic)-Cross Hatch (Brush Strokes)-Ocean Ripple (Distort)-Graphic Pen (Sketch)-Charcoal (Sketch)-Glass (Distort)-Angled Strokes (Brush Strokes)-Cutout (Artistic)-Qraquelure (Texture)-Graphic Pen (Sketch)-Accented Edges (Brush Strokes)-Diffuse Glow(Distort)-Bass Relief (Sketch)

link to the PSD file: http://blogs.cdl.ch/sakikoatcdl/files/2015/12/mosaic-flower-1rihdbq.psd

Plugins

Supreme Google Webfonts(Appearance): Make it possible to change the font and size in the post.

Accessbility (Appearance) : Provides options to improve accessibility.  

Link to CDL homepage → http://www.cdl.ch/

Dogo news (Education, Widget) : Enable widgets to display engaging content from one or more DOGO websites. See the sidebar on the left.

Forums (Education, Social) : Easily add advanced bbPress forums to your site. I have this on my blog.

Formidable forms (Forms  & Surveys) : Quickly and easily create drag-and-drop forms. “Contanct Us” at bottom of this blog and this form↓

You do not have permission to view this form.

WP-ContactForm (Forms & Surveys) : Scroll down and click the page called Contact.

Image Widget (Media, Widget) : Add an image widget to your blog. I have a image of two dogs at the sidebar.

Compfight Safe Images (Education, Media): Quickly find the perfect Creative Commons licensed photo and use those in a post.

Puppys dreamCreative Commons License smerikal via Compfight

Google Maps (Posts & Pages): Use google map in your blog post or/and as a widget. I have it in the sidebar.

Scheduled Content (Post & Pages) : Allows you to make certain post or page content available only at scheduled periods via a simple shortcode.

RSS Just Better (Social) : Displays a list of RSS/Atom feed items given a feed URL and (optional) no. of items, keyword(s), cache refresh frequency. Customizable look & feel. You can stay up to date with this function.

Here’s BBC news feed!

[RSSjb feed=http://feeds.bbci.co.uk/news/rss.xml]

Print Friendly and PDF (Appearance) : PrintFriendly & PDF button for your website. Optimizes your pages and brand for print, pdf, and email. There are print buttons on the bottom of the post.

Easy Tables (Posts & Pages) This makes it easy to add a table to the post. You can insert the data and make the story more reliable!

abc  22%
123  78%

Table of Contents (Posts & Pages) : A powerful yet user friendly plugin that automatically creates a table of contents. Can also output a sitemap listing all pages and categories

Photoshop

1. Edit

I applied two filters on photoshop. The picture on the top is the original one. I applied both filters I used on the second and third one. The picture on the bottom is the final edited result!

Labrador_Retriever_PuppyLabrador_Retriever_Puppy filter1Labrador_Retriever_Puppy filter2

dog

2. Creating

Created my own scenery using photoshop. I used stamps and brushes.Auto_Racing_White_svg copy

3. Photo Retouch

Removed Angelina Jolie’s beauty spot above her right eyebrow. I used spot healing brush tool.gallery_big_Angelina_Jolie_beauty_markangelina jolie

4. Detournement

Selected a dinasaur from one picture and added to an image of a forest.

dinasaur in the forestdinosaur

forest