כל המומחים הבולטים בסנט ולנטיין אומרים שקניית כרטיסי ברכה היאכָּך2011, אז השנה, מה דעתך להפוך למישהו המיוחד שלך לכרטיס אפליקציה כ-V-day. זה מהיר ומלוכלך, אבל יש לו את כל הסימנים של "הכנתי את זה במיוחד בשבילך!" בוא נעשה את הדבר הזה.
בהשראת ג'ינהAndroid-app-as-V-day-cardבשנה שעברה, החלטתי לנסות משהו דומה השנה עבור האדם המיוחד שלי. התוצאות, שתוכלו לראות גרסה שונה שלהן בסרטון למעלה, הן די מוצקות, מהנות ויכולות לרוץ באייפון של יקירכם, אנדרואיד, וכנראה עוד. (הסרטון בעצם מראה את זה פועל על שולחן העבודה שלי; אם כבר, זה עובד/נראה טוב יותר באייפון שלי. לא ניסיתי את זה באנדרואיד, אבל בתיאוריה זה אמור לעבוד בדיוק אותו הדבר.)
מה תצטרך
אנו נשתמש בספריית JavaScript בשםjQTouchלהכין את הכרטיס שלנו. jQTouch הוא "תוסף לפיתוח אתרים ניידים באייפון, אנדרואיד, אייפוד טאץ' ומכשירים אחרים שחושבים קדימה". לא יודע מה זה אומר? לא גדול. אני מניח את המדריך הזה כך שממש כל אחד יוכל לשלוף אותו. אז תשכחו מ-jQTouch אלא אם כן תרצו להתעמק בו יותר במועד מאוחר יותר (אם אתם נהנים מזה, כדאי לכם!). עבור המדריך הזה, זה מה שאתה צריך:
אDropboxחֶשְׁבּוֹן:אנו נשתמש ב-Dropbox כדי לארח את הקבצים שלנו. אנחנו למעשה מייצרים אפליקציה אינטרנטית, אבל באייפון, אתה יכול להוסיף אותה למסך הבית שלך ולהפעיל אותה בדיוק כמו שהיית עושה אפליקציה מקורית. זה נראה ומרגיש מקורי (יחסית).
תיקיית ה-zip הזה:התיקיה הזו, בשם
love.zip, מכיל את כל הקבצים שתזדקק להם.
שלב ראשון: הורד ופתח את love.zip לספריית Dropbox הציבורית שלך
אם עדיין לא עשית,הורד את love.zip, פתח אותו והעתיק את ה-loveתיקייה לתוך Dropbox > ציבורי. זוהי התיקיה שדרופבוקס מעמידה לרשות האינטרנט בכלל, וזה יהיה חשוב כי בהמשך נשתמש בנגישות זו כדי להתקין את האפליקציה בטלפון של יקירכם.
שלב שני: התאם אישית את האפליקציה למישהו המיוחד שלך
עכשיו הגיע הזמן להפוך אותו לשלך. לפני שנעשה, עם זאת, כמה הערות:
בעיקרו של דבר, האפליקציה הקטנה הזו מורכבת מדף אינטרנט אחד (index.htmlב-loveתיקייה), קצת JavaScript (שאף אחד מהם לא צריך לדעת איך לכתוב), וכמה תמונות. jQTouch מסתכל על ה-HTML שלךindex.htmlקובץ, בוחן שיעורים ומה לא ברכיבי העמוד השונים שלך, ומעבד את הכל לאפליקציית V-Day המפוארת והאינטראקטיבית שלך.
נתתי לך את השלד של אפליקציית V-Day שלי, אז בוא נבדוק את זה. נווט לתיקיית Dropbox Public במחשב שלך, לחץ לחיצה ימנית עלindex.htmlקובץ, ובחר Dropbox > העתק קישור ציבורי. כעת הדבק את כתובת האתר בדפדפן שלך וראה איך היא נראית. הערה: זה יהיה טוב יותר בטלפון שלך, אבל אם תשנה את גודל חלון הדפדפן שלך לפרופורציות בגודל טלפון, תקבל את הרעיון.
אז, עכשיו אחרי שראית את זה בפעולה, בוא נתאים אותו כך שיתאים לצרכים שלך. לִפְתוֹחַindex.htmlבעורך הטקסט לבחירתך (פנקס רשימות++היא אפשרות מצוינת עבור Windows;קודהיא האפשרות החינמית המועדפת עלי עבור Mac).
בקו 47, תראה
. jQTouch div זה מכיל את כל הדברים העיקריים שתרצה לערוך. ה-divs האחרים עם מזהים המופיעים ישירות מתחת ל-div זה הם הדפים השונים של האפליקציה שלך. לכן, אם אתה מסתכל על המקור, ל-divs האלה יש מזהים כמו "אהבה", "bud", "mac", "קפה" וכו'. Divs עם הכיתה "סרגל הכלים" יוצרים את סרגל הכלים בחלק העליון של האפליקציה . כאשר אתה טוען לראשונה את האפליקציה בדפדפן שלך, אתה רואה את ה-div עם המזהה של "בית" וסרגל הכלים אומר "Happy V-Day!" כל זה מגיע מקטע הטקסט הזה:
יום V שמח!
יום ולנטיין שמח!
הערה: div הוא פשוט מיכל - כמו דלי - ב-HTML. לפרטים נוספים, ראה שלנומדריך למתחילים ליצירת אתר אינטרנט.)
אתה יכול לערוך כל טקסט או HTML כדי שיתאים לצרכים שלך. רוצה לשנות את הטקסט שמוצג בסרגל הכלים? ערוך את הטקסט בתוךh1תגים. רוצים להחליף את איור הלב הצ'יזי במשהו קצת יותר קלאסי? החלף את התמונה שלך עםfavorites.png.
הוספתי הערות לindex.htmlכדי לעזור לך לנתח אילו קטעים ב-HTML הם חלק מאיזו תצוגה באפליקציה שלך. אתה יכול לערוך חלקים וחלקים של כל אחד מהם ככל שתרצה. החלף או הוסף תמונות בנוחיות שלך, הוסף טקסט, שנה הודעות וכן הלאה.
באמצעות התבנית העליזה שלי, אתה אמור להיות מסוגל ליצור משהו מהנה תוך זמן קצר, במיוחד אם יש לך קצת ניסיון עם HTML.
שלב שלישי: התקן אותו, בסגנון אפליקציה
עשיתי את זה רק באייפון, אז אני לא בטוח אם גישה דומה תעבוד באנדרואיד, אבל הנה כך או כך:
לגנוב את הטלפון של האחר המשמעותי שלך.
פתח את הקישור הציבורי של Dropbox בטלפון שלהם.
הקש על הקישור שתף (הלחצן האמצעי בתחתית הדפדפן שלך), ואז הוסף למסך הבית.
האפליקציה שלך מותקנת כעת בטלפון של יקירך. כאשר האפליקציה תופעל ממסך הבית שלך, האפליקציה תופעל במסך מלא, ללא סרגלי כלים מיותרים של הדפדפן. לְחַבֵּב. עכשיו תן לו/לה את מתנת ה-DIY החנון שלך!
זה כל מה שיש בזה. נכון, אנחנו לא מייצרים את האפליקציה הכי חזקה בשוק, אבל מה שיפה בזה הוא ש-1) אתה יכול להתאים אותה כאוות נפשך ו-2) אולי למדת משהו בתהליך. בנוסף, מעט חספוס סביב הקצוות נותן לו את התחושה האוהבת והביתית הזו שסתם ולנטיינסאַהֲבָה.
אני מתנצל בפני צוות jQTouch על יצירת משהו שבקושי מנצל את הכלי הנהדר שלהם, ותודה על הכלי הנהדר שלהם.
