Ass # Text Chapter

ASSIGNMENT CMPS 320 SPRING 2016 Due Points

P = projectT – testL - Lab

Note: Please provide the program assignment documentation according to Syllabus.doc and Assign+submittals_guidelines.doc athttp://faculty.laverne.edu/~jgoetz/classes/320_S16/Guidelines/ andhttp://faculty.laverne.edu/~jgoetz/classes/320_S16/Assignment.doc/. Go to http://phpcodechecker.com/ or https://filezilla-project.org/download.php to debug your php coded.1. Use the format of each directory in your USB as follows:

ch#+P# or L#+ S16+AssignmentTitle+yourLastName. For example: ch6+P1+ S16+Numbers_Calculation+yourLastName

L1 Ch1[1] 1. Run Ubuntu from the Oracle VM Virtual Box. To install VirtuaBox: http://www.oracle.com/technetwork/server-storage/virtualbox/downloads/index.html To install Ubuntu: http://www.ubuntu.com/download/desktop

2. Review Ubuntu available icon commands and needed Linux commands.

3. Install all XAMPP (Apache, MySQL, PHP, phpMyAdmin) by the following commands:

4. Select Dash home icon (the 1st one) at the UBUNTU window5. Search for the Terminal6. Click on Terminal7. login as a super user by typing

sudo su8. enter your password when you are asked9. change the directory

cd DesktopXAMPP Installation:10. From your browser on Linux go to

http://www.apachefriends.org/en/xampp-linux.htmlselect 32b XAMPP (or 64-bit version) and click onxampp-linux-7.0.2-1-installer.run

11. See the Downloads directory – it should be xampp-linux-7.0.2-1-installer.run there – double click it

12. Go to Downloads and drug and drop it to the Desktop13. Change the permissions to the installer chmod 755 xampp-linux-*-installer.run14. Run the installer sudo ./xampp-linux-*-installer.run15. Follow the instructions from the GUI windows16. When you arrived to the last window click start on Apache and MySQL

from the 2nd tab.17. That's all. XAMPP is now installed below the /opt/lampp directory.

The root directory for all aps is htdocs.TEST:18. Download chapter1.zip to download directory then unzip it.

2/4

19. Move chapter1 to the htdocs directory and rename it to ch1: mv chapter1 /opt/lampp/htdocs/ch120. run ch1 in Firefox from the root directory /opt/lampp/htdocs by

entering:localhost/ch1

21. Today’s date … is displayed.Stop/start services from the terminal:22. To get the superuser privilages:

sudo su /opt/lampp/lampp start - start all services /opt/lampp/lampp stop - stop all services

23. Install gphpedit editor (one of the top editors for Ubuntu) from command line:

sudo apt-get -y install gphpeditAss1 ch1[1] Study chapter 2 and Lecture Notes: 01_intro_to_Internet+WWW.ppt

and be ready to answer questions.2/11

L2 Ch2[1] Write SQL statements (p.32 – 46 [1]) in SQL Query Window in phpMyAdmin. Each time observe what happens.

2/11

Ass2 ch2[1] Turn in items 1 – 3 on a piece of paper with your name and your group number. Item 2 - 3 should include screenshots of entering SQL statements and results using at least 4 records of the database ijdb.

1. Write an SQL statement (query) that selects all rows from the Authors table of Books with Author ID, firstName, lastName in which last names terminate with a letter “i”. The result should be sorted in ascending order by last name and first name. See posted 18_Database SQL.ppt from textbook [2] on my class website.

2. You are supposed to have at least 4 records in the database ijdb. Write an SQL statement (query) that selects all rows from the joke table of ijdb with id, joketext (only the first 15 characters of the joketext) and jokedate (return only the year and week for date – see page 459).

3. Write an SQL statement (query) that counts the number of jokes from the joke table of ijdb that have all rows where dates less than or equal to December 31, 2012 in descending order by jokedate.

4. Study Lecture Notes: Intro to PHP chapter 3 p.49 – 70.

2/18 0.5

Lab3 Ch3[1] 1. Ubuntu: Understand and run directories link1 (name.html and name.php) and links2 (name.html and name.php). Modify link2 into link3 in the way that should be included the first and last names.

2. Directories forms1 – forms3. Create name.html as a form for get than for post methods. Change corresponding name.php file for form3 using $firstname = $_REQUEST[‘firstname’];$lastname = $_REQUEST[‘lastname’];

3. Understand and run directories if, ifelse1 – ifelse2 and count10.4. Modify count10.php to display the current sum of the control

variable/counter in the table format.

02/18

1

P1 Ch3[1] 1. Study chapter 4 p.49 – 81 textbook [1] and study chapter 19 p.664 – 677 textbook [2] (and related 19_PHP_part_1.ppt).

2. Write a php/html dynamic website (expand count10.php or count10-for.php from text 1) that calculates a sum and a factorial as follows:

s = 1+2+… +10f = 1*2* … *10 = 10!

You cannot use any math functions. You may use: echo "count". "&nbsp;". "sum". "&nbsp;". "factorial" . "<br>";echo "=============" . "<br>";for your header as it is shown below and display all values in the loop using the following codeecho sprintf("%04d %04d %07d",$count,$sum, $fact)."<br>";The last statement in the loop allows you to use a format with padding 0 in order to adjust all displayed numbers – see the printout below.Please provide documentations accordingto http://faculty.laverne.edu/~jgoetz/classes/320_S16/Guidelines/ - group of two students will have two projects in one transparent folder with an USB drive attached firmly to the folder. Tip: Alt+PrtSc allows you to save screenshots on the desktop and save in LibreOffice. You can save with a regular extension.odt or save as a word document with an extension .docx.After that you can send your file to your e-mail address.count sum factorial=============0001 0001 00000010002 0003 00000020003 0006 00000060004 0010 00000240005 0015 00001200006 0021 00007200007 0028 00050400008 0036 00403200009 0045 03628800010 0055 3628800Remember: The availability of FH 207 is shown on the entry door.

02/25

1

Lab4 Ch3[1] 1. Download form.html.php and Welcome.html.php. Create an index.php as a controller with your professor(see p.86 [text1]).

2. Rewrite your home assignment by prompting number n from the user. Structure your program using templates: controller – index.php, form.html.php and output.html.php. Expand your home assignment by adding the 4th column: power. The power for each row should be calculated as power *= two; where two = 2;

02/25

1

P2

Ch19[2]

1. Study 19_PHP_part_2.ppt, redo all php apps from ch19.6 – 19.8 [text 2] and study NEW SECTION p.91-109 [text 1].2. Modify PHP Application: Modify app in fig_23_12_13 in

03/04

2

directory Internet-How to Program ed4 at http://faculty.laverne.edu/~jgoetz/classes/320_S16/index.html in such a way that they will include the following additional fields:First Name:Last Name:E-mail:Phone: City: Zip Code:All fields should stick to the same "virtual” vertical line. The city (no more than two words) and zip code should be validated using a regular expression. The thank you screen should have a different background for each header.

Organize the output using echo or print function.All project assignments should be submitted according to the 1_Project Submittals.doc posted athttp://faculty.laverne.edu/~jgoetz/classes/320_S16/Guidelines/. Remember to include in your transparent folder a new cover page, the above problem description, and screenshots of 4 sets of sample webpages including checking errors for a phone and a zip code. Using a marker highlight the code you added or modified, otherwise expect up to 10% reduction of the project grade.

Lab5 Ch19[2] Run all db driven applications and a cookie app from fig 19.15 to 19.21. Check cookies in Firefox, Chrome. Use Web Developer to see created

March 3

0.5

P3 Ch19[2] 1. Study and redo all php apps from ch19.9 – 19.11[text 2].2. Modify database driven PHP Application: Modify app in fig19_20-21 the newest edition – ed5 at http://faculty.laverne.edu/~jgoetz/classes/320_S16/index.html in such a way that they will include the following additional fields:First Name:Last Name:E-mail:Phone: Address: City:State: Zip Code: Any errors should be displayed in red next to the corresponding field on the right in the same line (added later after grading projects).

March 11

2

The 4 additional fields should be validated using a regular expression as follows: A current address fields should allow entering a number and one or

two words e.g. 567 Wine Str. You can expand for more combinations.

A city should allow entering one word or two words. A state should accept only abbreviation two capital letters e.g. CA A zip should accept only 5 digits.

Create a mailingList1 database by adding 4 additional fields in available script:CREATE DATABASE mailingList1;

USE mailingList1;

CREATE TABLE contacts( ID int NOT NULL AUTO_INCREMENT PRIMARY KEY, LastName varchar(30), FirstName varchar(30), Email varchar(64), Phone varchar(14), Book varchar(60), OS varchar(30)); Use varchar(5) for a zip.Tip: Add regular expressions when everything else works fine.All project assignments should be submitted according to the 1_Project Submittals.doc posted athttp://faculty.laverne.edu/~jgoetz/classes/320_S16/Guidelines/. Remember to include in your transparent folder a new cover page, the above problem description, and screenshots of

1. a confirmation page, 2. a mailingList1 database output with at least 2 records 3. all checking errors (4 errors test screenshots) of an address,

city, state and zip code and4. the exported mailingList1.sql

and using a marker highlight the code you added or modified with your personal comments, otherwise expect up to 10% reduction of the project grade.

Lab6 Ch3-4[1] Calculate a volume and an area of a sphere using multi pages form.html.php, index.php and output.html.php (see pages 83-88). The output.html.php should include the radius, volume and area as follows (display the formula as well):A = 4 x Pi x r ^ 2 = 12.57 for r = 1V = 4 / 3 x Pi x r ^ 3 = 4.19 for r = 1Use the function round($Area, 2) to have to decimal digits for the area and the volume. Don’t forget to introduce an error handler for the radius < 0 and if !

3/10 1

is_numeric($_REQUEST['radius'])) – 10 % extra (I changed after a week)

P4 Ch3-4[1] 1. Study chapter 4 p.83 – 128 of [1], understand all programs and run them.

2. Write a php/html dynamic website that calculates a power and a factorial and a sum s for n terms as follows p = x^i f = i! then sum of n terms as

s = x/ 1! + /2! + / 3! + /4! + … + x^i/ i! + … + x^n/ n!You cannot use any math functions.See the flowchart of the last slide of 19_PHP_part_3.ppt.Values n and x should be prompted to enter (you may use a form).

March 24

2

Output x and n right after entering n and x by using “echo displaying” i.e. displaying out the input values in your .php file using echo “x = “.“$x”.” <br />”; echo “n = “.“$n”.” <br />”; The program should report an error message when a negative value n or x is entered. Handle value n = 0 for positive n in your output. Test all 4 combinations 0 and 1 for n and x. The main test (4 test combinations) should be done for

x = 1 for n = 5 and 10 x = 20 for n = 5 and 10. Provide 8 data test screenshots.

Use a placeholder="Integer > 0” for an input fields Number of Iteration and Value x.

Display: After processing in two lines a^n = value n! = valueDisplay in tabular form a current counter i, a current a^i, a current i! and a current s for each iteration (s is not showing in the output below).

Please provide documentations including a flowchart accordingto http://faculty.laverne.edu/~jgoetz/classes/320_S16/Guidelines/.

Lab7 Write a PHP application which finds min and max of 5 numbers prompted from a user and placed into an array. Display the entered numbers (echo printing) with a result. Remember about error handler – use function is_numeric($_REQUEST['num1']) .

3/24 1

given it a week after grading:

Extra 0.5 or for a project: The number fields numFields should promted by the user and then after pressing button “GO” generate a form with the values already entered (given it a week after grading). Errors in red should be displayed next to the corresponding field to the right side.

Text [1, 2]

MIDTERM is scheduled on Thursday March 31, 2016.Read Guide_Midterm.doc in the Guidelines folder at my class homepage.

L8 Ch5[1] Execute all 21 SQL statements from chapter 5 4/7 0.5Ass3 Ch5[1] Study and learn chapter 5. Run “jokes” app.

Execute first two SQL statements in the Many-to-Many-Relationships section p.155- 158 if you haven’t done. After creating the jokecategory p.157 and category p.156 tables, fill out the following tables using INSERT INTO table (columns) VALUES( ), ( …), …(…);

1. joke with id 1 to 4 according to Fig. 5.11. “How many lawyers…” joke assign to your author id = 3 p.145. Provide screenshots of the INSERT SQL and a table with data.

2. author with id 1 to 3 according to Fig. 5.2 p.145, moreover add id = 3 with your name. Provide screenshots of the INSERT SQL and a table with data.

3. category with id 1 to 5 according to Fig. 5.11. Provide a screenshots of the INSERT SQL and a table with data.

4. jokecategory according to Fig. 5.11. Provide screenshots of the INSERT SQL and a table with data.

Then create SQL statements with the results (see p.158) for the following:

5. list all jokes in the “Cross the road” category6. list the categories that contain “bar”7. list the names of all authors who have written “Cross the road”

categoryYour report should include screenshots of SQL statements with the physically close corresponding output – total 7 sections! Number each sections with the key word in bold as above. Turn in your assignment on a paper.

4/14 1

Lab9 Ch6[1] 1. Run all applications included in the chapter and exercises given by your professor.

2. Write a PHP application which calculates the area and the volume of a tetrahedron into two separate functions. Use the template structure of calculate-area from chapter 6. Introduce the files names:

function.inc.php p.174 index.php p.176 output.html.php form.html.php p.86

For a regular tetrahedron of edge length a:

Display the title, the edge (entered by the user) and the corresponding area and the volume. Extension of the program is to

4/14 1

prompt the edge and to provide an error handler by accepting the edge > 0 only.

Ass4 Ch6-7[1] Study intensively and run all apps of chapter 6 Structured PHP Programming and a Content Management System (chapter7).

4/21

Lab10

Ch7 [1] p.200

Confirm on Delete p.200As a challenge, try adding a confirmation prompt to this process.

1. If you’ve yet to dive in and try some coding, use the code in the code archive for this chapter as a starting point.

2. Modify your controller to respond to the Delete button by simply displaying another template, this one prompting the user to confirm or cancel the action. You may use corresponding buttons.

3. When the user submits the form in this page, it should trigger the code in the controller that actually deletes the data.

4. This second form will also have to submit in a hidden field the ID of the author to be deleted.

4/21 1

P5 Ch7[1]

Ch6[1]

1. Study intensively and run all apps of a Content Management System (chapter7). You may find a partial solution to the problem below.

2. Fix the problem to add any joke (the author is missing) and display it. All files are in the jokes-helpers directory of ch6. You may expand form.html.php by inserting author and email fields where the user can enter new values (see Fig. 5.2 p.145). Expand index.php correspondingly.Hint: index.php - Get the authorid, (check if it doesn’t exist insert name, email and then retrieve joke authorid), now insert your joketext, jokedate and authorid into the joke table.Test scenario: run index.php in the jokes-helpers directory, click on Add your own joke to add a joke. When you added a joke you should see it on the list. A project assignments should be submitted according to the 1_Project Submittals.doc posted at http://faculty.laverne.edu/~jgoetz/classes/320_S16/Guidelines/. Remember to include in your transparent folder, and screenshots of 4 sets of sample webpages/outputs and the source code. A flowchart is not required but any insertion to any place should be well personally commented (worth 10%). Moreover, students must follow the following format for personal comments : //[date] [your name] [AD/MOD/DEL/REP] [efected # of lines] [-short description of the code] Example:

// 9/8/14 JGoetz AD 1L: define the UriMapper object highlight new or modified or replaced code (worth 10%).

4/28 2

Lab11

Ch8[1] Place helpers.inc.php which includes a new created function markdownout( $text) in the include directory. Note: the include directory is in the document root (htdocs).Test 4 jokes.

1. The 1st should include _joke text_ and *joke text* to create italic text – it will be converted to the <em> tags

2. The 2nd should include __ joke text2__ and **joke text2** to create the bold text – it will be converted to the <strong> tags

4/28 0.5

3. In the 3rd you should enter a new line after a text, then a text and two new lines and a text – prove they were converted to <br> and <p> text </p> correspondingly

4. Enter a hyperlink in the format[linked text] (link URL)in your joke

P6 Ch8[1] Study and understand the code in ch7 and ch8. Expand the function markdown2html($text) by including options

of adding headers in a joke text.The text surrounded by (3 underscores) !! header!!will be converted to <h2> header </h2>!!! header!!!will be converted to <h3> header </h3>and so on for h4 to h6.Submit screenshots (code and outputs) of all effected pages with your comments as in the example belowExample: //3/8/13 JGoetz AD 3L – Header conversion into HTML//highlight new or modified or replaced codeExtra 0.2: Expand the function markdown2html($text) by including options of adding unordered list in a joke text.The text surrounded by (#) #list1##list2#will be converted to <ul> <li>list1</li></ul><ul><li>list2</li></ul>Introduce an order list and other HTML elements using one of special characters such as @, %, &.Submit the project according to the 1_Project Submittals.doc posted at http://faculty.laverne.edu/~jgoetz/classes/320_S16/Guidelines/.Remember about all screenshots which impact your input including your input screenshot.

5/5 1

Lab12

Ch9 1. Understand p.263 – 282 and run all related files/program. Execute all statements in bold on p.283 – 286.

2. Give yourself ultimate power by assigning all the roles then test it all menus.

3. Change your own password to Account Administrator then test it all menus

4. Change your own password to Site Administrator then test it all menus

5. Change your own password to Content Editor then test it all menus

5/5 0.5

Ch9 Hint: The universal fix for logout is to replace the absolute path /admin/ by the relative path “../” for the 2nd input type in logout.inc.html.php.

Add the joke rate to the code in chapter 9 (app with a password and credentials – i.e. roles.) – Not given.

Final Project – Phase 1

[1] Phase1: A final project proposal based on a template from the textbook [1]. You can have an individual project or a group of two project. Prepare a one-page single spaced written answer separately to each item below (include questions):

1. What is the title and purpose of the site? 2. Who is your intended audience? 3. Website map: name each page - show a graphical hierarchy of

pages and the relationships between the pages.4. Database design: fill in two column of the table below. Name

each table in relationship to tables in our Joke Management System as follows: NOTE:

columns in bold are primary keys, columns in italic are foreign keys, the order of tables is matching with the order of the table

relationship.Joke Management System tables

Joke Management System table columns

My project tables

My project table columns

category id, namejokecategory jokeid,

categoryidjoke id, joketext,

jokedate, authorid

author id, name, email, password

authorrole authorid, roleid

role id, description

Add 1 – 2 rows above for a group project.

5. Show graphically the relationship between tables (see p.188 + add role and authorrole tables).

Examples of apps (tables in blue are matching the author table):

5/12 0.5or 1

1. Student Award Track System. Keep track of all awarded students in different category awards i.e.Menu: Admin includes: award, student, category, Public: awardTables:

Joke Management System tables

Joke Management System table columns

My project tables

My project table columns

category id, name category id, namejokecategory jokeid,

categoryidawardcategory awardid,

categoryidjoke id, joketext,

jokedate, authorid

award id, awardtext, awarddate, studentid

author id, name, email, password

student id, firstname, lastname, email, password, major, concentration, telNum

authorrole authorid, roleid

studentrole studentid, roleid

role id, description

role id, description

2. Photographer Award Track System Track of:- Award- Photographer- Category

3. Guest Book with names and notesTrack of:- Notes- Names- Category

4. Local Pizza/Water Delivery - accept delivery orders through the webTrack of:- Order- Customer (expand fields)- Category

Final Project – Phase 2

[1] Phase 2: Please see the full example of table specification in line above. I show all table matches and the foreign keys.

A full database driven app in chapter 9 includes the admin part (admin folder) and the user part (similar to jokes folder). You need to implement both parts. You need to implement both corresponding parts for you final project.

1. Show and turn in a graphical hierarchy of files and relationships

5/19 1

between all files – look for the include statement and hyperlinks for each page.2. Show and turn in the screenshots of all web pages of your final project related to two corresponding items below, so you need to develop the corresponding database as well. No code is required this time to turn in.

The final project grade is worth 20% of the final grade and your power point presentation is 5% of the final grade. Follow the project specification in 1_Project Submittals.doc posted at http://faculty.laverne.edu/~jgoetz/classes/320_S16/Guidelines/.

Hint 1: You may develop your project gradually as was in our textbook or comment out the code related to credentials first and then introduce remaining code.Hint 2: Use a print trace in your code as follows: echo “trace [function name] [file name] line # “;Example: echo "trace edit author index.php line 132";You can put in places where you can expect some problems. Later comment out those traces if they are not needed any more.

FINAL

Have your ppt presentation and your demo. Turn in your project and ppt. Follow the project specification and presentation specification in 1_Project Submittals.doc posted at http://faculty.laverne.edu/~jgoetz/classes/320_S16/Guidelines/.

6/26 15% for

proj. + 5% pres.

[1] PHP & MySQL Novice to Ninja, 5th edition by Kevin Yank, SitePoint Pty. Ltd., May 2012, ISBN: 978-0-9871530-8-1, ebook ISBN: 978-0-9872478-1-0. 4th edition title: Build Your Own Database Driven Web Site Using PHP & MySQL. [2] Internet & World Wide Web: How to Program, 5/E by Harvey & Paul Deitel & Associates, Prentice Hall, 2012, ISBN-10: 0132151006 • ISBN-13: 9780132151009.

NOTE1: In order to have the whole screen (bigger resolution) run from the LINUX terminal command as follows (it works):

sudo apt-get install virtualbox-ose-guest-*

Tip: Alt+PrtSc allows you to save screenshots on the desktop and save in OpenOffice.org (go Applications => Office => OpenOffice.org Word Processor). You can save with regular extension.odt or save as a word document with an extension .doc. After that you can send your file to your e-mail address.

2002 Prentice Hall. All rights reserved.

66

expanded by J. Goetz, 2006