בגרות במדעי המחשב תכנות באינטרנט 899282/899372 - קיץ 2023

מה נדרש – לבחור את ההגדרה הנכונה של Session.

רעיון – בשרת ASP.NET יש שני אובייקטים לשמירת מידע בין דפים ובין בקשות:

פתרון – נעבור על האפשרויות:

תשובה: ג.

בדיקה – בשאלה 5 באותו שאלון שומרים ב־Session["name"], Session["age"] נתונים של המשתמש הנוכחי – בדיוק השימוש באפשרות ג.

טעות נפוצה: לבלבל בין Session (לכל משתמש) לבין Application (לכל האתר) ולבחור באפשרות א.

מה נדרש – שאילתה שמחזירה רק את עמודת שם הקבוצה, עבור השורות שבהן win ≥ lost.

רעיון – בוחרים (SELECT) רק את העמודה name, מהטבלה (FROM) Games, ומסננים שורות בתנאי (WHERE) שמשווה בין שתי עמודות באותה שורה: win >= lost.

פתרון

SELECT name
FROM Games
WHERE win >= lost;

בדיקה – השאילתה על טבלה קטנה לדוגמה:

התוצאה: מכבי (6 ≥ 2) ו־בית"ר (4 ≥ 4, שוויון נכלל). הפועל ובני לא הוחזרו כי אצלן win < lost.

טעות נפוצה: לכתוב > במקום >= – אז קבוצה עם מספר ניצחונות שווה למספר ההפסדים (כמו בית"ר) לא תוחזר, והשאלה דורשת "גדולה או שווה".

מה נדרש – להבין איזה HTML הפונקציה בונה כש־num = 21, ואיך הדפדפן מציג אותו.

רעיון – הפונקציה בונה מחרוזת HTML של טבלה. הלולאה עוברת על כל i מ־2 עד num−1 (כלומר 2..20), ולכל i שמחלק את num ללא שארית (num % i == 0) מוסיפה שורה <tr> עם תא אחד <td> שבו הערך i. בסוף Response.Write שולח את המחרוזת לדפדפן. כלומר: הטבלה מציגה את המחלקים של num (בלי 1 ובלי num עצמו).

פתרון – מעקב (רק הערכים של i שבהם התנאי מתקיים משנים את str):

המחרוזת שנשלחת לדפדפן:

<table border = '1'><tr><td>3</td></tr><tr><td>7</td></tr></table>

מה יוצג בדפדפן – טבלה עם מסגרת (border = 1), עמודה אחת ושתי שורות:

בדיקה – הפונקציה כפי שהיא מודפסת בשאלון, עם num = 21, מפיקה בדיוק:
<table border = '1'><tr><td>3</td></tr><tr><td>7</td></tr></table>.
(לבדיקה נוספת: עם num = 12 מתקבלות השורות 2, 3, 4, 6, ועם num = 13 – מספר ראשוני – מתקבלת טבלה ריקה.)

טעות נפוצה: לכתוב גם את 1 ואת 21 – הלולאה מתחילה מ־2 ונעצרת לפני num. טעות נוספת: להעתיק את קוד ה־HTML במקום לתאר/לצייר את מה שמוצג בדפדפן – השאלה שואלת מה יוצג (טבלה עם המספרים 3 ו־7).

מה נדרש – לזהות איזה מארבעת הציורים מתאים לטבלה שבקוד.

רעיון – עוברים שורה־שורה (<tr>) ובודקים כמה תאים יש בכל שורה ומה המשמעות של colspan (תא שמתפרש על כמה עמודות) ושל rowspan (תא שמתפרש על כמה שורות). dir="rtl" אומר שהתא הראשון בשורה מופיע מימין.

פתרון

נפסול את האפשרויות האחרות:

תשובה: b.

בדיקה – בדפדפן מוצגים "אירופה" בשורה מלאה, "ערי בירה" מימין בגובה שלוש שורות, פריז/לונדון/בריסל בעמודה השמאלית, והדגל ממורכז בשורה התחתונה ברוחב מלא – כמו באפשרות b.

טעות נפוצה: לחשוב שבשורות של "לונדון" ו"בריסל" התא היחיד יופיע מימין – אבל המקום הימני תפוס על ידי התא עם rowspan, ולכן הם עוברים לעמודה השמאלית.

מה נדרש – שלחיצה על תמונת הדגל תעביר לכתובת https://en.wikipedia.org/wiki/Europe.

רעיון – קישור ב־HTML נוצר בתגית <a href="...">. מה שנמצא בין <a> ל־</a> הוא האזור הלחיץ – אפשר לשים שם טקסט וגם תמונה. לכן עוטפים את תגית ה־<img> בתגית <a>.

פתרון – השורה שבתוך התא האחרון הופכת ל:

<a href="https://en.wikipedia.org/wiki/Europe"><img src="Images/flag.png" /></a>

הדף המלא אחרי השינוי:

<!DOCTYPE html>
<html lang="he" >
  <meta charset="utf-8"/>
  <table style="width:150px" border=2px dir="rtl">
    <tr >
     <td colspan=2>אירופה</td>
    </tr>
    <tr>
     <td rowspan=3>ערי בירה</td>
     <td>פריז</td>
    </tr>
    <tr >
     <td >לונדון</td>
    </tr>
    <tr>
     <td>בריסל</td>
    </tr>
    <tr>
      <td colspan="2" align="center">
         <a href="https://en.wikipedia.org/wiki/Europe">
            <img src="Images/flag.png" />
         </a>
      </td>
    </tr>
  </table>
</html>

בדיקה – בדף שהוצג בדפדפן, הדגל נשאר במקומו (שורה תחתונה, במרכז), ולחיצה עליו פותחת את הכתובת שב־href.

אפשרות נוספת (פחות מקובלת): להוסיף לתמונה אירוע JavaScript –
<img src="Images/flag.png" onclick="location.href='https://en.wikipedia.org/wiki/Europe'" />.

טעות נפוצה: לשים את הכתובת ב־src של התמונה (אז הדפדפן ינסה להציג את דף ויקיפדיה כתמונה), או לסגור את </a> לפני התמונה – אז הקישור ריק והתמונה אינה לחיצה.

מה נדרש – קטע קוד בצד השרת (C#) שקורא את הגיל ואת סוג הסרט מה־Session ומעביר את המשתמש לאחד משלושה דפים.

רעיון

פתרון

int age = (int)Session["age"];
string genre = (string)Session["genre"];

if (age < 13)
{
    Response.Redirect("kids.aspx");
}
else if (genre == "action" || genre == "comedy")
{
    Response.Redirect("action.aspx");
}
else
{
    Response.Redirect("drama.aspx");
}

בדיקה – הקטע על כל המקרים:

הגבול: גיל 13 בדיוק כבר נחשב "מגיל 13 ומעלה" – לכן התנאי הוא age < 13 ולא age <= 13.

טעות נפוצה: להשוות Session["age"] < 13 בלי המרה ל־int (שגיאת הידור – אי אפשר להשוות object למספר), או לבדוק את סוג הסרט לפני הגיל – אז ילד בן 10 שאוהב קומדיה יועבר בטעות ל־action.aspx.

מה נדרש – פונקציית JavaScript שמקבלת כתובת כמו www.education.gov.il ומחזירה את החלק השלישי – סוג האתר (gov).

רעיון – הכתובת תקינה ותמיד בנויה מ־4 חלקים המופרדים בנקודה: prefix.name.type.suffix. אם מפרקים את המחרוזת לפי התו "." מתקבל מערך של 4 מחרוזות, וסוג האתר הוא האיבר באינדקס 2 (האינדקסים מתחילים מ־0).

פתרון

function getType(domain) {
    var parts = domain.split(".");   // ["www", name, type, suffix]
    return parts[2];
}

עבור "www.education.gov.il" הפעולה split(".") מחזירה את המערך ["www", "education", "gov", "il"], והאיבר parts[2] הוא "gov".

פתרון חלופי בלי split – מוצאים את מקומות הנקודות עם indexOf ולוקחים את התת־מחרוזת שבין הנקודה השנייה לשלישית:

function getType(domain) {
    var first = domain.indexOf(".");              // the dot after www
    var second = domain.indexOf(".", first + 1);  // the dot after the site name
    var third = domain.indexOf(".", second + 1);  // the dot before the suffix
    return domain.substring(second + 1, third);
}

בדיקה – שתי הגרסאות:

טעות נפוצה: לקחת את parts[1] (שם האתר) במקום parts[2], או לחתוך לפי מיקומים קבועים (למשל תמיד מתו 4) – שם האתר באורך משתנה, ולכן חייבים להיעזר בנקודות. ב־substring(start, end) התו שבמקום end אינו נכלל, ולכן מעבירים בדיוק את מקום הנקודה השלישית.

מה נדרש – שאילתה אחת שמחזירה את שמות כלי התחבורה שמקיימים לפחות אחד משלושת התנאים.

רעיון – "אחד או יותר מהתנאים" = חיבור התנאים ב־OR. כל תנאי מתורגם לביטוי על עמודות השורה:

פתרון

SELECT name
FROM VehicleTable
WHERE day < evening
   OR day + evening > 100
   OR maxSpeed BETWEEN 30 AND 75;

בדיקה – על טבלת הדוגמה. לכל שורה – אילו תנאים מתקיימים:

התוצאה: קורקינט, אופניים חשמליים, מכונית, אוטובוס, משאית.

טעות נפוצה: לחבר את התנאים ב־AND (אז נדרשים כל התנאים יחד, ובטבלת הדוגמה לא יוחזר אף כלי), או לכתוב את תנאי ג כ־maxSpeed > 30 AND maxSpeed < 75 – בלי השוויון, למרות שכתוב "(כולל)". אם מערבבים AND בתוך OR – חובה לשים סוגריים: ... OR (maxSpeed >= 30 AND maxSpeed <= 75).

מה נדרש – להשלים את סוף הפעולה: אחרי שהשאילתה רצה והתוצאות נמצאות ב־ds, להחליט לאיזה מבין שלושת הדפים להפנות.

רעיון

פתרון – הקוד שנכתב במקום הכוכביות:

if (ds.Tables[0].Rows.Count == 0)
{
    Response.Redirect("notExists.aspx");
}
else if (ds.Tables[0].Rows[0]["password"].ToString() == Request.Form["password"])
{
    Response.Redirect("welcome.aspx");
}
else
{
    Response.Redirect("wrongPassword.aspx");
}

הפעולה המלאה:

protected void LoginFunc(string connectionString){
    SqlConnection connection = new SqlConnection(connectionString);
    SqlCommand command = new SqlCommand();
    DataSet ds = new DataSet();
    command.CommandText = string.Format("Select * From users Where name = '{0}'",
    Request.Form["id"]);
    command.Connection= connection;
    connection.Open();
    SqlDataAdapter adapter = new SqlDataAdapter(command);
    adapter.Fill(ds);
    connection.Close();

    // ---- the missing code ----
    if (ds.Tables[0].Rows.Count == 0)
    {
        Response.Redirect("notExists.aspx");
    }
    else if (ds.Tables[0].Rows[0]["password"].ToString() == Request.Form["password"])
    {
        Response.Redirect("welcome.aspx");
    }
    else
    {
        Response.Redirect("wrongPassword.aspx");
    }
}

בדיקה – הפעולה המלאה על הטבלה users מהשאלה:

טעות נפוצה: לגשת ל־Rows[0] בלי לבדוק קודם שיש שורות – כשהשם לא קיים זו שגיאת זמן ריצה. טעות נוספת: להשוות Rows[0]["password"] == Request.Form["password"] בלי ToString – זו השוואה בין object למחרוזת, שבודקת זהות של אובייקטים ולא את התוכן, ולכן תחזיר false גם כשהסיסמה נכונה.

הערה: בניית שאילתה משרשור הקלט של המשתמש (string.Format עם Request.Form) חשופה ל־SQL Injection; באתר אמיתי משתמשים בפרמטרים (@name). כאן הקוד הנתון כתוב כך, ואנו רק משלימים אותו.

מה נדרש – להשלים 8 חורים בפעולה שמתחברת למסד, שולפת את כלי התחבורה הדו־גלגליים שמהירותם המקסימלית גדולה מ־22, ומציגה אותם בטבלת HTML.

רעיון – זה התבנית הקבועה של קריאה ממסד נתונים ב־ASP.NET:
חיבור (SqlConnection עם מחרוזת ההתחברות) → פקודה (SqlCommand עם טקסט השאילתה והחיבור) → פתיחת החיבור → SqlDataAdapter שמקבל את הפקודה וממלא (Fill) את ה־DataSet → סגירת החיבור → מעבר על השורות של ds.Tables[0] ובניית HTML → שליחה לדפדפן עם Response.Write.

פתרון

הפעולה המלאה אחרי ההשלמה:

protected void printTable(string connectionString)
{
    string resultStr = "";
    DataSet ds = new DataSet();
    SqlConnection connection = new SqlConnection(connectionString);
    SqlCommand cmd = new SqlCommand();
    cmd.CommandText = " SELECT * FROM [dbo].[VehicleTable] where wheels = 2 AND maxSpeed > 22";
    cmd.Connection = connection;
    connection.Open();
    SqlDataAdapter adapter = new SqlDataAdapter(cmd);
    adapter.Fill(ds);
    connection.Close();
    resultStr += "<table dir=rtl><tr><th>name</th> <th>wheels</th> <th>maxSpeed</th>";
    resultStr += "<th>day</th><th> evening </th></tr>";

    foreach (DataRow dr in ds.Tables[0].Rows)
    {
        resultStr += "<tr>";
        resultStr += "<td>" + dr["name"] + "</td>";
        resultStr += "<td>" + dr["wheels"] + "</td>";
        resultStr += "<td>" + dr["maxSpeed"] + "</td>";
        resultStr += "<td>" + dr["day"] + "</td>";
        resultStr += "<td>" + dr["evening"] + "</td>";
        resultStr += "</tr>";
    }
    resultStr += "</table>";
    Response.Write(resultStr);
}

(בשאלון מחרוזת הכותרת "<table dir=rtl>...<th>maxSpeed</th>" נשברה לשתי שורות בהדפסה, ו־dr[“wheels"] מודפס עם מירכאה מעוצבת; בקוד אמיתי המחרוזת כתובה בשורה אחת והמירכאות רגילות, כמו למעלה.)

בדיקה – הפעולה המלאה על נתוני VehicleTable משאלה 7. מבין הכלים הדו־גלגליים: קורקינט (20) ואופניים (15) אינם עומדים בתנאי maxSpeed > 22; נשארים:

(אוטובוס ומשאית נפסלים כי יש להם 4 גלגלים.) אותה תוצאה מתקבלת גם מהשאילתה SELECT * FROM VehicleTable WHERE wheels = 2 AND maxSpeed > 22.

טעות נפוצה: לכתוב ב־(3) OR במקום AND (אז יוצגו גם האוטובוס והמשאית), או maxSpeed >= 22 למרות ש"לא כולל". ב־(6) לשכוח את הטיפוס DataRow או לכתוב ds.Rows – ל־DataSet אין Rows, רק לטבלה שבתוכו (ds.Tables[0].Rows).