Welcome Welcome ToToCIS115CIS115

Introduction to Programming & LogicIntroduction to Programming & Logic

Staff & ResourcesStaff & Resources

Instructor: Darell MatthewsInstructor: Darell Matthews

Course Assistants / Student VolunteersCourse Assistants / Student Volunteers

Course Website: cis115.infoCourse Website: cis115.info

Reference Books on web developmentReference Books on web development

Course InformationCourse Information

CIS110-0A – Darell MatthewsCIS110-0A – Darell Matthews

Syllabus and Objective InformationSyllabus and Objective Information

Course ExpectationsCourse Expectations

Lectures and ModulesLectures and Modules

Project-based Course AssessmentProject-based Course Assessment

Lab Time for Problem Sets / ProjectsLab Time for Problem Sets / Projects

What is Computer Science? What is Computer Science?

Webster: a branch of science that deals Webster: a branch of science that deals with the theory of computation or the with the theory of computation or the design of computersdesign of computers

Webster Learners: the study of computers Webster Learners: the study of computers and their usesand their uses

Urban Dictionary: the magical major where Urban Dictionary: the magical major where you have to write a program the night you have to write a program the night before it is due while your friends are before it is due while your friends are playing poker or “other” thingsplaying poker or “other” things

Why Use Computer Science?Why Use Computer Science?

Solve problems more quickly than humanly Solve problems more quickly than humanly possiblepossible

Integrate today’s media into ‘old school’ forms Integrate today’s media into ‘old school’ forms of communicationof communication

Create pages/apps that will accomplish Create pages/apps that will accomplish complicated goals with little effortcomplicated goals with little effort

Make things people can use so we can make $Make things people can use so we can make $$$$$

Common Problems We Common Problems We Can Solve Using CSCan Solve Using CS

Finding ‘Mike Smith’ in a phone bookFinding ‘Mike Smith’ in a phone book

Making a PB&J sandwich with an algorithmMaking a PB&J sandwich with an algorithm

$1,000,000 or $0.01 a day, doubled each day, $1,000,000 or $0.01 a day, doubled each day, for 30 daysfor 30 days

6 Degrees of Kevin Bacon6 Degrees of Kevin Bacon

What Programs Will What Programs Will I Write in CIS115I Write in CIS115

Laying out our web pages in Laying out our web pages in BalsamiqBalsamiq or other or other mockup applicationsmockup applications

Web pages in simple Web pages in simple HTML5HTML5 or or XHTML 1.0 XHTML 1.0 TransitionalTransitional

Styling our pages using Styling our pages using CSSCSS

Taking user input via Taking user input via PHPPHP

Storing/retrieving user input via Storing/retrieving user input via XML/MySQLXML/MySQL

Making pages interactive with Making pages interactive with JavaScriptJavaScript

What Assignments Will What Assignments Will I Have in CIS115I Have in CIS115

3-4 web-based projects, each with layout3-4 web-based projects, each with layout

1 using HTML5/XHTML and CSS1 using HTML5/XHTML and CSS

1 using HTML5/XHTML, CSS, XML, and JavaScript1 using HTML5/XHTML, CSS, XML, and JavaScript

1 using HTML5/XHTML, CSS, PHP, and JavaScript1 using HTML5/XHTML, CSS, PHP, and JavaScript

1 using HTML5/XHTML, CSS, PHP, MySQL, and JavaScript1 using HTML5/XHTML, CSS, PHP, MySQL, and JavaScript

1 Final Project utilizing all languages, mashups, 1 Final Project utilizing all languages, mashups, CMS, or other meansCMS, or other means

What Tools Will I Use to What Tools Will I Use to Program in CIS115?Program in CIS115?

Balsamiq Mock-Up Web (outlining utility - $FREE)Balsamiq Mock-Up Web (outlining utility - $FREE)

Programmer’s Notepad / Notepad++ (editing utility - Programmer’s Notepad / Notepad++ (editing utility - $FREE)$FREE)

WAMP (local web server for Windows - $FREE)WAMP (local web server for Windows - $FREE)

WinSCP (file transfer utility for Windows - $FREE)WinSCP (file transfer utility for Windows - $FREE)

Online Resources (W3Schools.com, PHP.net, Online Resources (W3Schools.com, PHP.net, MySQL.com - $FREE)MySQL.com - $FREE)

Every student in the class, course assistants, Every student in the class, course assistants, etc...!!!etc...!!!

Is This CS Stuff Something I Is This CS Stuff Something I Can Do @ Home?Can Do @ Home?

Certainly, the process is simple:Certainly, the process is simple:

Use Balsamiq to mock-up your page/siteUse Balsamiq to mock-up your page/site

Write your pages and style sheets using Write your pages and style sheets using Programmer’s NotepadProgrammer’s Notepad

Test your page/site using your WAMP server Test your page/site using your WAMP server locallylocally

Upload your page/site to our server for grading Upload your page/site to our server for grading using WinSCP (this step MUST be done from our using WinSCP (this step MUST be done from our classroom)classroom)

Can I Make $$$ With CS or Can I Make $$$ With CS or Making Web Pages?Making Web Pages?

Most DefinitelyMost Definitely

Today a nice site designed from scratch costs around $2,500-$10,000 Today a nice site designed from scratch costs around $2,500-$10,000 just for creation, not including maintenance.just for creation, not including maintenance.

Examples of $1,000-$1,500 web pages:Examples of $1,000-$1,500 web pages:

dougcreeger.comdougcreeger.com

pewrenovations.compewrenovations.com

bethabaraumc.combethabaraumc.com

ncfishinglog.com & ncfishinglog.com/mobilencfishinglog.com & ncfishinglog.com/mobile

Web-based applications (Easy Auction Software)Web-based applications (Easy Auction Software)

Page Type ExamplesPage Type ExamplesPhotoshop Image (difficult to update, wonderful control of colors and Photoshop Image (difficult to update, wonderful control of colors and images) = kmtballjig.comimages) = kmtballjig.com

CSS (easy to change/update, lots of code to write) = CSS (easy to change/update, lots of code to write) = pewrenovations.com & dougcreeger.compewrenovations.com & dougcreeger.com

JavaScript (looks great with dynamism, runs on client sandbox) = SCC JavaScript (looks great with dynamism, runs on client sandbox) = SCC Mobile site (www.friendsfa.com)Mobile site (www.friendsfa.com)

Flash (moving images, dynamic sounds) = bethabaraumc.comFlash (moving images, dynamic sounds) = bethabaraumc.com

Content Management System (ie: Drupal, Joomla, Wordpress - makes Content Management System (ie: Drupal, Joomla, Wordpress - makes daily updates and reorganization faster and easier) = daily updates and reorganization faster and easier) = sampsoncctech.info (Drupal)sampsoncctech.info (Drupal)

PHP/MySQL = gather user input and organize it for retrieval = PHP/MySQL = gather user input and organize it for retrieval = ncfishinglog.comncfishinglog.com

So What’s Next?So What’s Next?

Get our desktops ready for programmingGet our desktops ready for programming

Login to Windows 7 as ‘student / password’Login to Windows 7 as ‘student / password’

Start WAMP server and view icon menuStart WAMP server and view icon menu

Programmer’s Notepad, WinSCP3Programmer’s Notepad, WinSCP3

Lecture 0 - HTTP and the WebLecture 0 - HTTP and the Web