1 / 26

Lesson 1 “Hello, World!”

Lesson 1 “Hello, World!”. MDST3703 – Studio Track Alvarado 28 January 2010. Today’s Goals. Take first steps in acquiring media fluency Critical Practical Begin to acquire basic understanding of a computer as a symbolic form With a history and cultural logic

darby
Download Presentation

Lesson 1 “Hello, World!”

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Lesson 1“Hello, World!” MDST3703 – Studio Track Alvarado 28 January 2010

  2. Today’s Goals • Take first steps in acquiring media fluency • Critical • Practical • Begin to acquire basic understanding of a computer as a symbolic form • With a history and cultural logic • With specific representational properties • Become familiar with writing code

  3. Why program?

  4. “All programming entails world-making, as the ritual act of writing and running Hello World reminds us.” Matt Kirschenbaum, “Hello Worlds”

  5. “Computers should not be black boxes but rather understood as engines for creating powerful and persuasive models of the world around us. … An appreciation of how complex ideas can be imagined and expressed as a set of formal procedures — rules, models, algorithms — in the virtual space of a computer will be an essential element of a humanities education.”

  6. What is a computer?

  7. ß Bush’s Memex (Is this a computer?)

  8. com⋅put⋅er   /kəm-pyutər/ [kuhm-pyoo-ter] –noun Also called processor. An electronic device designed to accept data, perform prescribed mathematical and logical operations at high speed, and display the results of these operations. Compare analog computer, digital computer. A person who computes; computist. Origin: 1640–50; compute + -er 1 ; cf. MF computeur

  9. So … • Computers encode labor • They have agency in the world via interactivity and intelligent agents • Programming is about creating and controlling this new kind of labor • It is writing in the imperative mode

  10. Representation • To perform work, a computer must represent the world • But a programmer must first represent that world for the computer • Think of examples from Hyperland • What do we represent? • Algorithms and data • This is what we will learn do in this class

  11. Plato’s Cave

  12. The Role of Programming

  13. Basic Toolkit • Raw Text editor • PC: EditPlus OR jEdit • Mac: TextWrangler • SSH Client • PC: PuTTY • Mac: Terminal • FTP Client • PC and Mac: FileZilla • File compression program • PC: WinRAR • Mac: StuffIt

  14. Some Explanation • Raw text editor – not a word processor • Basic set of characters understood by the computer • SSH Client – allows you to perform operations on the server • E.g. Create and delete directories (folders) • FTPClient – allows you to move files between your computer to the server • i.e. upload and download • FTP = File Transfer Protocol

  15. Vocabulary • Raw Text • Client and Server • Protocol • Operating System

  16. Testing out your account • PC users run putty.exe • Mac users, start Terminal • If not in toolbar or apps, use Search • From the command line, enter: ssh youruserid@studio1.shanti.virginia.edu • Press “return” and follow the instructions • Use your blue.unix password • Let me know if you don’t know it

  17. Exercise 1: Hello World • Open up your text editor jEdit or TextWrangler • Create a new file • Add Code • Save file to the web server • View output on the browser

  18. E1:1 Open text editor and create file • Download and install your raw text editor • jEdit is probably the best option • Double click on the icon • You should have a blank page to work with

  19. E1:2 Add some code <?php echo“Hello, World!”; ?>

  20. Elements of code • Tags – structure your code, like paragraphs • Commands – verbs • Arguments – nouns • Punctuation <?php echo“Hello, World!”; ?>

  21. E1:3 Save the file • In TextWrangler • Choose: File  Save to FTP/SFTP Server • Enter server info in dialog box and press “Connect” • Enter file name as index.php, select folder, and press “Save” • In jEdit • Choose: File  Save • Enter file name (index.php) at bottom • Then choose: Plugins  FTP  Connect to Secure FTP Server • Enter server info and press “OK”, then press “Save”

  22. E1:4 View results on the Web • Open your browser • We prefer FireFox, but Internet Explorer or Safari will do • Enter this address • http://studio1.shanti.virginia.edu/~userid

  23. Other stuff • Variables and arrays • Numbers and strings • Operators • Arithmetic • Logical • A little HTML

  24. Resources • PHP’s Manual • http://www.php.net/manual/en/ • W3 Schools • http://www.w3schools.com/ • jEdit User’s Guide • http://www.jedit.org/users-guide/

More Related